@charset "UTF-8";
/* CSS Document */

/* ####### BODY ###### */
body { text-align:center; margin:0; }

/* ####### HEADER ###### */
div.header { background:url(../images/header_bg.png) repeat-x bottom; height:135px; }
div.headerPosition { width:900px; position:relative; margin-right:auto; margin-left:auto; }
div.headerLogoPosition { position:absolute; top:22px; left:10px; }
div.header10YearPosition { position:absolute; top:150px; left:450px; z-index:200; }
div.headerMenuPosition { width:900px; position:absolute; top:105px; left:0; }
div.headerMenuTab { float:right; margin-left:3px; height:30px; line-height:28px; background:url(../images/header_menu_tab_bg.png) repeat-x top; padding:0 15px 0 15px; }
div.headerMenuTabActive { background:url(../images/header_menu_tab_active_bg.png) repeat-x top; }
div.headerPhoneNrPosition { width:auto; position:absolute; top:33px; left:576px; }

/* ####### MAIN ###### */
div.main { background:url(../images/main_bg.png) repeat-x bottom; padding-top:20px; padding-bottom:30px; }
div.mainContainer { background:url(../images/main_content_bg.png) repeat-x top #fff; width:900px; margin-right:auto; margin-left:auto; text-align:left; }
div.mainInnerContainer { margin-left:30px; margin-right:30px; padding:40px 0 30px 0; }

#startPage .mainContainer { background:none; width:900px; margin-right:auto; margin-left:auto; text-align:left; }
#startPage .mainInnerContainer { margin:0px; padding:0; }
#startPage #startPageSplash { background:url(../images/start_splash.jpg) top no-repeat; width:900px; height:515px; position:relative; }
#startPage #startPageSplash .buttonReadOn { position:absolute; top:460px; left:760px; }

div.mainLeftContainter { float:left; width:550px; }
div.mainRightContainter { float:right; width:250px; margin-left:30px; }

div.textColOne { float:left; width:262px; }
div.textColTwo { float:left; width:262px; margin-left:26px; }

/* ####### FOOTER ###### */
div.footer { background:url(../images/footer_bg.png) repeat-x top #fff; height:120px; margin-bottom:0px; }
div.footerPosition { width:900px; position:relative; margin-right:auto; margin-left:auto; }
div.footerCopyTextPosition { position:absolute; top:40px; left:10px; text-align:left; }
div.footerLogos { position:absolute; top:30px; left:705px; }

/* ####### MISC ###### */
img { border:none; }
.clear { clear: both; height: 1px; font-size: 1px; }
img.padding { padding-top:15px; padding-bottom:0; padding-right:10px; float:right;}

#sfsabLogo { display: block; margin:25px auto 0 auto; padding-right:5px; width:151px; }
#kaernschadlerLogos { display: block; margin:35px auto 0 auto; padding-right:5px; width:124px; }

#thereseImg { float:left; width:208px; margin:25px 23px 20px 33px; }
#arneImg { float:left; width:204px; margin:25px 25px 20px 35px; }
#arneImg img, #thereseImg img { margin-bottom:5px; }

div.infoBoxHeader { background-color:#b2b1af; /*background-color:#9F9F9D;*/ padding:9px 0 9px 9px; border-bottom:1px solid #fff; }
div.infoBoxBody { background-color:#eae9e4; padding:10px 9px 15px 9px; margin-bottom:25px;  }

#contactForm { margin-top:40px; margin-left:5px; }
#contactForm label { width:100px; float:left; text-align:left; margin-right:0.5em; display:block; }
#contactForm .submit input { margin-left:102px; margin-top:10px; }
#contactForm textarea { width:250px; height:100px; } 

#contactInfo { margin-top:0px; }

.refGalleria { margin-bottom:30px; margin-top:30px; }
.galleria { height:625px; }