@CHARSET "UTF-8";

/*reset: vordefinierte Browserstyles*/ body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img,hr{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{vertical-align:text-top;} sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}


/* eigene Styles: */
body { font: 11px/18px Verdana,Helvetica, Arial, sans-serif; color: #565656; background: #FFF; }
hr {border-top:solid 1px #e9e9e9;}
	/*LINKS*/
	a { color:#13235b; font-weight:bold; text-decoration:none;}
	a:hover{text-decoration:underline;}


	/*HEADER*/
	div#logocontainer{ width:952px; height:125px; margin:0 auto; padding-top:103px; }
		div#logocontainer img{position:absolute;}
	
	/*CONTENT - STARTSEITE*/
	div#content{}
		div#linksoben{width:430px; float:left;padding:0 20px 20px 20px}
		div#rechtsoben{width:430px; float:left;padding:0 20px 20px 20px}
			/*div.container{width:215px; float:left;}*/
		div#linksunten{width:430px; float:left;padding:0 20px 20px 20px}
		div#rechtsunten{width:430px; float:left;padding:0 20px 20px 20px}

	/*CONTENT - 2 SPALTEN*/
	div#content{width:952px; margin:0 auto; padding:50px 0 0 0;}
		div#content div#links{float:left; width:717px; padding:0 0 20px 20px;border-right:1px solid #e9e9e9;margin-bottom:60px;}
		div#content div#rechts{float:left; width:194px; padding:0 0 20px 20px;margin-bottom:60px; }
			div#content div#links p{margin-right:18px;}
		
		/*SHOWROOM - FILTER*/
		div.attribut{ float:left; width:179px; height:20px }
			div.attribut label{ padding-left:5px}
		
		/*SHOWROOM - ARTIST*/
		div#showroom div#beschreibung{ float:left; width:445px; display:inline;}
		div#showroom div.big_img{ float:left; width:230px; height:230px; display:inline; border:1px solid #ececec; margin-left:20px; }
		div#showroom div.list_img{ float:left; width:165px; height:164px; display:inline; border:1px solid #ececec; margin:0 10px 10px 0;  }
			div#showroom div.list_img a{text-decoration:none;}
			div#showroom div.list_img a, div#showroom div.big_img a{ display:block; width:100%; height:100% }


		div#showroom div#beschreibung{ float:left; width:450px;}
		
		/*SHOWROOM - MAPPE*/
		
		
		div#rechts div.image_mappe{ float:left; width:77px; height:77px; display:inline; border:1px solid #ececec; margin:0 10px 10px 0;}
			div.image_mappe div.mappe_hover{ display:none; background: #13235b; opacity:0.9; width:100%; height:100%; }
				div.mappe_hover div.control{ position:relative;top:27px; height:22px;  }
					div.control div.trash{ cursor:pointer; width:19px; height:22px; margin:0 auto; background:url(../img/icon_trash.gif) center center no-repeat; }
			a#mappeerstellen{margin-top:10px;display:block; width:133px}
		/*KONTAKT - NEWSLETTERANMELDUNG*/
		div.zeile{width:358px;float:left;}
			div.zelle{width:auto;height:28px;}
				div.zelle label{display:block;width:81px;float:left;}
				input.textfield{float:left;width:200px;border:1px solid grey;}
				div.captcha{display:block;margin-left:20px;margin-top:-13px;float:left;}
		span.error {font-weight:bold;color:red;}
		



	/*FOOTER*/
	#footer{position: fixed; clear:left; width: 100%; height: 30px; bottom: 0px; background: #13235b; text-transform: uppercase}
		#footer p{width:952px; margin:0 auto; color:white; padding-top:5px;}
			#footer p a{color:white;}










/** -- Allgemeine Definitionen
/** -- stehen ganz am Ende, damit sie von nichts kaskadiert werden
*/
a#print-telefonliste { display: block; position: absolute; left: 845px; top: 184px; width: 114px; height: 11px; background: url(../img/misc/print_telefonliste.gif) no-repeat; }
a#print-page { display: block; position: absolute; left: 681px; top: 184px; width: 82px; height: 11px; background: url(../img/misc/print_seite.gif) no-repeat; }
button { cursor: pointer; cursor: hand; }
strong, b { font-weight: bold; }
u { text-decoration: underline; }
em { font-style: italic; }
blockquote{ padding: 0 20px; }
img#logo4Print { display: none; }
.invisible { display: none; }
.clear { clear: both; line-height: 1px !important; height: 1%; margin: 0 !important; padding: 0 !important; }