@import url(normalize.css);
@import url(menu.css);
@import url(typo.css);

/* Element styles */
body 						{ scrollbar-3dlight-color:#d0d0d0; scrollbar-arrow-color:#d0d0d0; scrollbar-base-color:#d0d0d0; scrollbar-darkshadow-color:#d0d0d0;
						  	  scrollbar-face-color:#fff; scrollbar-highlight-color:#fff; scrollbar-shadow-color:#fff }
						  
/* Base-layout styles */
#wrapper					{ position: relative; width: 970px;  margin: 0 auto; text-align: left; border: dotted 0px #00f; }
#branding					{ position: absolute; width: 100%;  background: no-repeat 0 0; height: 90px; border: dotted 0px #0ff; top: 0px; background-color: #089}
#content					{ position: relative; width: 100%; height: 430px; top: 140px; padding: 0 0 0 0; overflow: auto; border: dotted 0px #0f0;}
#footer						{ position: absolute; width: 100%; height: 16px; top: 580px;  padding-top: 3px;  text-align: center; background-color: #b8860b;}

/* Template element styles */
#branding span				{ float: right; margin: 71px 7px; }
#branding img.logo			{ position: absolute;  left: 435px; }
#branding img.validation	{ position: absolute; top: 9px; right: 7px; }

div.langswitch				{ position: absolute; top: 95px; left: 926px }

#content p,
#content.overflow p			{ text-align: justify; margin-bottom: .6em; }
#content p					{ width: 100%; }
.overflow					{ width: 900px; }


/* Page styles */
/* xx_detail */
#detail						{ position: absolute; top: 45px; left: 440px;  width: 528px; border: 0px solid #f00; }
#detail img.rahmen,
#detail	img.lenker			{ position: absolute; top: 197px; left: 0px; border: 1px solid #ccc;}
#detail	img.lenker			{ left: 310px;}
				
/* mail.php */
#contactdata				{ float: left; margin: 24px 0 0 0px; border-right: solid 1px #ccc; }
#contactform				{ float: left; margin: 0; width: 550px; border: solid 0px #ccc; }
#contactform textarea 		{ width: 270px }
#contactform .mbutton 		{ width: 115px }
div#contactdata.mail		{ width: 30%; height: 370px; margin-left: 10%; }
#contactdata.mail p			{ margin-top: 38px; line-height: 1.6em; }
#contactform table.mail		{ margin: 20px 0 0 10px; border: solid 0px #f00; }
#contactform input,
.formtable input,
.errortable	input			{ width: 255px }
.errorTable 				{ border: 1px solid #9F0004; font-size: 11px; background-color: #e2e1e1; }
.errorField 				{ border: 1px solid #9f0004 ; background-color: #ffffcc; }

/* bestellung.php */
#order 						{ margin-top: -40px; }
#nachname					{ width: 193px; }
#plz						{ width: 40px; }
#ort						{ width: 207px; }
.formtable, .ordertable		{ width: 600px; }
.formtable					{ width: 600px; margin: 0px 170px}
.ordertable					{ margin-left: 200px }
.ordertable					{ margin-top: 0px; }
.ordertable th				{ height: 30px }

/* presse.php */
table#presse				{ width: 870px; margin: 0 0 0 55px; }
table#presse.online img		{ width: 200px; height:  80px; border: solid 1px #089; }

ul#audio					{ margin: 80px 240px; }
ul#audio li					{ margin-top: 2em; list-style-image: url(../graphics/sound.png); font-size: 1.1em; letter-spacing: 0.1em; }
ul#audio li	span			{ margin-left: 1.5em; vertical-align: top; }
ul#audio li	span a			{ margin-left: 1em;  font-weight: bold; }