/***************************************************************************************************************************************

B!bax

Autor: stefansenn - visuelle kommunikation, Stefan Senn, mail@stefansenn.com
Datum: November 2009

Hauptstylesheet

Achtung: Veränderungen an dieser Datei beeinflussen die komplette Website!

************************************************************************************************************************************* */

*								{ margin:0; padding:0 }

html, body 						{ height:100%; }

body 							{ position:relative; font-family:Helvetica,Arial sans-serif; font-size:12px; font-weight:normal; color:#e3e3e3; background-color:#1d1d1b; }

#wrapper						{ min-height:100%; margin:0px auto; width:798px; background:transparent url(../img/meta/bg.jpg) left top no-repeat; }

img								{ border:none }

#stripe							{ text-align:center; position:absolute; top:360px; left:0; width:100%; height:187px; background:transparent url(../img/meta/stripe.jpg) left top repeat-x; }			
#stripePreis					{ text-align:center; position:absolute; top:280px; left:0; width:100%; height:225px; background:transparent url(../img/meta/stripepreis.jpg) left top repeat-x; }			
#stripePreis .preisliste		{ width:770px; height:321px; margin:0 0 0 -385px; position:absolute; bottom:15px; left:50%; z-index:99; }
#stripeLeistungen				{ text-align:center; position:absolute; top:260px; left:0; width:100%; height:365px; background:transparent url(../img/meta/stripeleistungen.jpg) left top repeat-x; }			
#stripeLeistungen .leistungen	{ width:725px; height:330px; margin:0 0 0 -378px; position:absolute; bottom:15px; left:50%; z-index:99; }

/* --- Header -------------------------------------------------------------------------------------------------------------------------- */

#header							{ width:798px }
#header .logo					{ float:left; padding:16px 0 6px 24px }	
#header .address				{ float:right; padding:30px 24px 0 0 }		

/* --- NAV -------------------------------------------------------------------------------------------------------------------------- */

#nav							{ clear:both; width:798px; height:61px; background:transparent url(../img/meta/navbg.png) left top no-repeat; }
#nav ul							{ list-style:none; height:45px; padding:7px 0 0 92px }
#nav li							{ float:left; height:45px }

#nav a.start					{ overflow:hidden; height:45px; width:103px; background-image: url(../img/nav/start.png); background-position: 0px 0px; background-repeat: no-repeat; display:block }
#nav a.leistungen				{ overflow:hidden; height:45px; width:108px; background-image: url(../img/nav/leistungen.png); background-position: 0px 0px; background-repeat: no-repeat; display:block }
#nav a.referenzen				{ overflow:hidden; height:45px; width:111px; background-image: url(../img/nav/referenzen.png); background-position: 0px 0px; background-repeat: no-repeat; display:block }
#nav a.preisliste				{ overflow:hidden; height:45px; width:95px; background-image: url(../img/nav/preisliste.png); background-position: 0px 0px; background-repeat: no-repeat; display:block }
#nav a.kontakt					{ overflow:hidden; height:45px; width:84px; background-image: url(../img/nav/kontakt.png); background-position: 0px 0px; background-repeat: no-repeat; display:block }
#nav a.impressum				{ overflow:hidden; height:45px; width:109px; background-image: url(../img/nav/impressum.png); background-position: 0px 0px; background-repeat: no-repeat; display:block }

#nav a.startActive				{ overflow:hidden; height:45px; width:103px; background-image: url(../img/nav/start.png); background-position: 0px -45px; background-repeat: no-repeat; display:block }
#nav a.leistungenActive			{ overflow:hidden; height:45px; width:108px; background-image: url(../img/nav/leistungen.png); background-position: 0px -45px; background-repeat: no-repeat; display:block }
#nav a.referenzenActive			{ overflow:hidden; height:45px; width:111px; background-image: url(../img/nav/referenzen.png); background-position: 0px -45px; background-repeat: no-repeat; display:block }
#nav a.preislisteActive			{ overflow:hidden; height:45px; width:95px; background-image: url(../img/nav/preisliste.png); background-position: 0px -45px; background-repeat: no-repeat; display:block }
#nav a.kontaktActive			{ overflow:hidden; height:45px; width:84px; background-image: url(../img/nav/kontakt.png); background-position: 0px -45px; background-repeat: no-repeat; display:block }
#nav a.impressumActive			{ overflow:hidden; height:45px; width:109px; background-image: url(../img/nav/impressum.png); background-position: 0px -45px; background-repeat: no-repeat; display:block }

#nav a:hover 					{ background-position: 0px -45px }

/* --- CONTENT HOME -------------------------------------------------------------------------------------------------------------------------- */

#contentHome							{ width:798px; padding:50px 0 0 0; }

#contentHome .topBox					{ overflow:hidden }
#contentHome .topBox .textBox			{ float:left; width:500px; padding:0 0 0 24px }
#contentHome .topBox .textBox h1		{ padding:0 0 24px 0; }
#contentHome .topBox .textBox p			{ line-height:20px }
#contentHome .topBox .imgBox			{ float:right; width:208px; padding:0 16px 0 0 }

#contentHome .bottomBox					{ clear:both; height:250px; padding:225px 0 0 24px; line-height:20px; text-align:justify; }
#contentHome .bottomBox .leftBox		{ width:352px; float:left; }
#contentHome .bottomBox .rightBox		{ width:344px; float:right; padding:0 24px 0 0 }

/* --- CONTENT LEISTUNGEN -------------------------------------------------------------------------------------------------------------------------- */

#contentLeistungen						{ width:798px; }
#contentLeistungen h1					{ margin:50px 0 0 24px; }
#contentLeistungen .bottomBox			{ height:250px; padding:400px 0 0 24px; line-height:20px; }
#contentLeistungen .bottomBox a			{ color:#c8d214 }

/* --- CONTENT REFERENZEN -------------------------------------------------------------------------------------------------------------------------- */

#contentReferenzen										{ width:780px; height:623px; margin:85px 0 0 6px }
#contentReferenzen .bottomText							{ font-size:11px; text-align:center; color:#828282; margin:30px 0 0 0 }

#contentReferenzen .coda-slider-wrapper 				{ clear:both; overflow:auto; width:770px; padding:0 0 0 15px; background:#FFF; }
#contentReferenzen .coda-slider 						{ float:left; overflow:hidden; position:relative; background:#FFF; }
#contentReferenzen .coda-slider .panel 					{ display:block; float:left; width:690px; position:relative; }
#contentReferenzen .coda-slider .panel-container 		{ position:relative }
#contentReferenzen .coda-nav-left, .coda-nav-right 		{ float:left }
#contentReferenzen .coda-nav-left a						{ margin:186px 0 0 0; display:block; background:transparent url(../img/meta/arrowleft.jpg) left top no-repeat; width:31px; height:47px; } 
#contentReferenzen .coda-nav-right a 					{ margin:186px 0 0 0; display:block; background:transparent url(../img/meta/arrowright.jpg) left top no-repeat; width:31px; height:47px; }
#contentReferenzen .coda-nav 							{ display:none }
#contentReferenzen .coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width:690px }
#contentReferenzen .coda-slider p.loading 				{ padding: 20px; text-align: center }
#contentReferenzen .info								{ color:#1d1d1b; position:absolute; top:80px; right:40px; width:168px; }
#contentReferenzen .info h1								{ font-size:13px; font-weight:bold; padding:0 0 10px 0; }
#contentReferenzen .info p								{ font-size:12px; line-height:17px }
#contentReferenzen .info span							{ font-size:12px; color:#9c9e9f }
#contentReferenzen .info .preis							{ font-size:13px; font-weight:bold; color:#FFF; background:#cbd303; padding:0 4px 0 4px; margin:10px 0 0 0; width:107px }
#contentReferenzen .info .preis2						{ color:#cbd303; font-weight:bold }

/* --- CONTENT PREIS -------------------------------------------------------------------------------------------------------------------------- */

#contentPreis							{ width:798px; }
#contentPreis .bottomBox				{ height:250px; padding:400px 0 0 24px; line-height:20px; text-align:justify; }
#contentPreis .bottomBox .textBox		{ float:left; width:500px; padding:0 0 0 24px }
#contentPreis .bottomBox .textBox h1	{ padding:0 0 24px 0; }
#contentPreis .bottomBox .textBox p		{ line-height:20px }
#contentPreis .bottomBox .imgBox		{ float:right; width:145px; padding:0 16px 0 0 }

/* --- CONTENT KONTAKT -------------------------------------------------------------------------------------------------------------------------- */

#contentKontakt							{ width:798px; height:660px; background:transparent url(../img/meta/kontaktbg.png) left top no-repeat; }
#contentKontakt p						{ float:right; font-size:11px; line-height:16px; padding:45px 55px 60px 0 }
#contentKontakt span					{ font-size:13px }
#contentKontakt h1						{ clear:both; margin:0 0 0 236px; }
#contentKontakt .error					{ font-size:11px; padding:0; color:#ff0000; float:none }
#contentKontakt .danke					{ padding:0; float:none; margin:50px 0 0 236px; }
#contentKontakt form					{ clear:right; width:508px; padding:15px 0 0 236px; font-size:11px }
#contentKontakt form span				{ font-size:11px }
#contentKontakt input					{ width:189px; height:17px; padding:5px 0 0 4px; margin:0 0 10px 0; border:none; background:transparent url(../img/meta/inputbg.png) left top no-repeat; font-family:Helvetica,Arial sans-serif; font-size:11px; font-weight:normal; color:#e3e3e3; }
#contentKontakt label					{ line-height:20px }
#contentKontakt textarea				{ width:280px; height:136px; padding:5px 0 0 4px; border:none; background:transparent url(../img/meta/textareabg.png) left top no-repeat; font-family:Helvetica,Arial sans-serif; font-size:11px; font-weight:normal; color:#e3e3e3; }

#contentKontakt .contactFormLeft		{ float:left; width:193px; }
#contentKontakt .contactFormLeft input	{ margin:0 0 15px 0; }
#contentKontakt .contactFormRight		{ float:right; }

#contentKontakt .bottom					{ clear:both; width:508px; overflow:hidden }
#contentKontakt .bottom a				{ float:right; width:83px; height:25px; padding:0; display:block; background:transparent url(../img/meta/submit.png) left bottom no-repeat; }
#contentKontakt .bottom .pflicht		{ float:left; font-size:9px; padding:0; margin:0; }

/* --- CONTENT IMPRESSUM -------------------------------------------------------------------------------------------------------------------------- */

#contentImpressum						{ width:798px; }
#contentImpressum h1					{ margin:50px 0 0 24px; }
#contentImpressum .textBox				{ margin:20px 0 0 24px; overflow:hidden; width:780px; height:222px; background:transparent url(../img/meta/impressumbg.png) left top no-repeat; }
#contentImpressum .textBox p			{ padding:30px 30px; color:#1d1d1b; font-size:11px; line-height:16px }
#contentImpressum .textBox span			{ color:#1d1d1b; font-size:13px }

/* --- FOOTER -------------------------------------------------------------------------------------------------------------------------- */

#footer									{ clear:both; margin: -107px auto 0 auto; position:relative; text-align:center; font-size:11px; color:#9d9d9c; width:100%; height:107px; background:transparent url(../img/meta/footerbg.jpg) left top repeat-x; }
#footer p								{ padding:40px 0 0 0 }