/* ============================================================================
// Jana Blavius . schaufenster-zur-kunst.de
// 2008
// ueberarbeitet 2011-07
// screen CSS
//==========================================================================*/
body {
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999;
}
#outline { 
    position: relative; 
    margin: 25px auto 0; 
    width: 800px;
/*    width: 90%; 
	border: 1px dotted #B8B8B8;
	border-right: 1px solid #999;
	border-bottom: 1px solid #666;
	background-color: #fff;
	color: #999;
	border: 1px solid red;
	*/
	padding: 0px;
}
#head a{ 
	text-decoration: none;
}
#head { 
    text-align: center; 
	letter-spacing: 1px;
	font-size: 125%; 
	font-weight: bold;
	/* border: 1px solid #B8B8B8; */
	margin: 0px;
	padding: 10px;
	color: #999;
}
#series { /* home */
    position: relative; 
    margin: 0px auto 0; 
    width: 1200px;

}
#artwork { /* series.php */
    position: relative; 
    margin: 25px auto 0; 
    width: 800px;
    padding: 20px 0px 0px 0px;

}
#artpicture { /* series.php layer, box um picture*/
	width: 460px;
	height: 460px;
	margin: 0px 30px 50px 0px;
	float: left;
	background-color: #000;
}
.large { 
	padding: 30px;
	margin: 0px 0px 0px 0px;
}

#artpictureMedium {/*  series.php layer, box > case commentar > medium pic */
	width: 220px;
	height: 220px;
	margin: 0px 20px 20px 0px;
	float: left;
}
.medium {
	border:1px solid #000;
	background-color: #fff;
	padding: 20px 20px 23px 20px;
	margin: 0px 0px 0px 0px;
}
#artdetails{ /* um alle details rechts neben Picture
	border: 1px dotted #ccc; */
}
#artdetail1{
	margin: 0px 0px 30px 0px;
	height: 40px;
}
#artdetail2{/* mennecken, Kommentar link
	margin: 3px 0px 5px 400px; */
	margin: 0px 0px 0px 0px;
	height: 90px;
}
.men  {
	float: left;
	margin: 0px 10px 30px 0px;
}
#artdetail2 p {/* groesse in cm */
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

#artdetail3 {/* link to details more text*/
	margin: 230px 0px 10px 0px;
}
#artdetail3a {/* details  more text*/
	margin: 130px 0px 10px 0px;
}
#artdetail4 {/* weiter links wenn kein detail3,3a existiert*/
	margin: 130px 0px 10px 0px;
}
#artdetail4a {/* weiter links */
	margin: 0px 0px 10px 0px;
}
#kaufen {/* weiter links paypal*/
	margin: 0px 0px 20px 0px;
	font-size: 125%; 
	line-height: 110%;
}
#paypal {/*  paypal*/
	margin: 10px 10px 10px 0px;
	float:left;	
}
#paypal  form {/* formular add to cart paypal*/
	margin: 0px 10px 10px 0px;
	float:left;	
}

#nav2 { /* series text link in nav oebn */
	text-align: center;
	margin: 0px 0px 30px 0px;
	background-color: #eaeaea;
	padding: 15px 5px;
}
#space {
	height: 30px;
}
#navUnten { 
    margin: 15px 0 0 0; 
    text-align: center;
	padding: 5px 5px 13px 5px;
}
#home h1 {
	color:#ccc; 
	letter-spacing: 1px;
	font-size: 235%; 
	line-height: 325%;
	margin: 1px 0px 0px 0px;
	padding: 7px;
	text-align: center;
}
h1 {
	color:#ccc; 
	letter-spacing: 1px;
	font-size: 125%; 
	line-height: 125%;
	border:1px solid #ccc;
	margin: 1px 0px 0px 0px;
	padding: 7px;
}
h2 {
	color:#999; 
	font-size: 105%; 
	line-height: 110%;
	margin:  5px 0px 7px 0px;
}
p, td, div {
	font-size: 11pt;
	line-height: 120%;
}
.white a {	color: #FFF;
}

a, a:link { 
	color:#757575;  
	text-decoration: none;
}
a:hover { 
	color:#e7d9c0; 
	text-decoration: underline;
}
a:active {
	color:#336699;
}
a:visited { 
	color:#757575;  
}
hr {
	margin: 13px 0px 13px 0px;
}

input {
 margin:1px 0px 0px 0px;
}


.themen {
	color:#999; 
	font-size: 85%; 
	background-color: #ececec;
	padding: 3px;
}
.navActive {
	color:#ff9900;
}
.hinweis {
	color:#ffffff;
	background-color: silver;
	margin: 35px;
}

.textRahmen { 
}

.textRahmen2 {
	border:1px solid #ccc;
	margin: 1px 0px 0px 0px;
	padding: 7px;
}
.thumbRahmen {
	margin: 30px 0px 30px 0px;
	border:1px solid #ccc;
	text-align:center;
	padding: 11px 0 ;
}
.small { /* in nav thumbnails  > thumbRahmen*/
	border:1px solid #000;
	margin: 0px 3px 7px 3px;
	display: inline;
}
.info { /* foto infoseiten */
	margin: 0px 10px 10px 0px;
}
.infoText {
	margin: 0px 0px 0px 0px;
	text-align: justify;
}
.about {
	margin: 0px 50px 0px 0px;
}
.center{
	text-align:center;
	}
.mini {
	color: #ccc;
	font-size: 9pt;
}
.clear{
clear: both;
}
.lineheight2 {
	line-height: 120%; 
	margin:  5px 0px 5px 0px;
}
.hint{
	color: #FF6600;
	font-size: 200%;
}
.nav1 {
	white-space: nowrap;
	line-height: 140%; 
	margin:  0px 0px 0px 15px; 
}

.nav2 {
	white-space: nowrap;
	line-height: 140%;
	margin:  0px 0px 0px 0px;
}

div.imgSeries {
    text-align: center;
	width: 250px;
	height: 250px;
	margin: 10px;
	border: 1px solid #6C7B8B;
	background-color: #000;
}
div.imgSeries img {
    display: inline;
	border: 1px solid #fff;
	margin: 0px;
}
div.imgSeries a:hover img {
	border: 1px solid #6C7B8B;
}
div.imgSeriesTitle {
    text-align: center;
	position: relative;
	top: 220px;
}