/* vertical CSS */ body {background-color:#f6f6f4;margin:0px;padding:0px;text-align:center} body { font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#666} a{color:#666; text-decoration:none} a:hover{color:#000; text-decoration:none} .newsletter-textfeld {border:#999999 solid 1px; width:260px; height:20px; margin:15px 0 15px 0; background-color:#f6f6f4} .mf-submit { background-color:#333; border:#333 solid 1px; height:22px; width:90px; text-align:center; font-weight: bold; color:#ccc; } .csc-textpic-caption {font-size:12px; padding:10px 0 0 0 } td {vertical-align:top} #activePannel {position:absolute; z-index:12; top:400px; left:0px;} #topFrame {position:relative; z-index:1; width:100%; height:140px; margin-left:auto; margin-right:auto;} #topFrame {background-image:url(../images/bgTop.png); background-repeat: repeat-x} #topFrameBox {position:relative; z-index:1; width:980px; height:140px; margin-left:auto; margin-right:auto; } #topFrameBox a{color:#444} #logo {position:absolute; z-index:2; left:20px; top:25px; width:700px; height:95px;} #socialMedia {position:absolute; z-index:2; right:25px; top:35px; width:170px; height:18px; text-align:right} /*menu*/ .shadowRight {width:20px;} .shadowRight {background-image:url(../images/shadowRight.png); background-repeat: repeat-y} .subBox {padding:0px 0 10px 0; } .subAnlagebau {padding:0px;width:180px;} .subAnlagebau a{ padding:1px 15px 1px 15px;display:block;} .subAnlagebau a:hover{padding:1px 15px 1px 15px; color:#0991cc;display:block; } .subService{padding:0px;width:180px;} .subService a{ padding:1px 15px 1px 15px;display:block} .subService a:hover{padding:1px 15px 1px 15px;color:#d43c2a;display:block} #menuHidden { position: absolute; z-index:998; right:35px;width:440px; height:280px; top:-10px;text-align:left; padding:0px; } #menuTop {position:absolute; z-index:2; right:30px; bottom:35px; height:18px; font-size:24px; color:#444; text-align: right} #menuAnlagebau {position:absolute; z-index:2; left:620px; bottom:30px;height:18px;font-size:18px; color:#444; text-align:left;} #menuAnlagebau a{color:#333;} #menuAnlagebau a:hover{color:#0991cc;} .menuAnlagebauActive {color:#0991cc} #anlagebau {position: absolute; z-index:999; left:592px;width:180px; top:-10px;text-align:left; padding:0px; visibility:hidden} #anlagebauIntro { position: absolute; z-index:999; left:657px;width:180px; top:-25px;text-align:left; padding:0px; visibility:hidden} #menuService {position:absolute; z-index:2; left:745px; bottom:30px; height:18px; font-size:18px; color:#666666; text-align:left} #menuService a{color:#333;} #menuService a:hover{color:#d43c2a;} .menuServiceActive {color:#d43c2a} #service { position: absolute; z-index:999; left:720px;width:180px; top:-10px;text-align:left; padding:0px; visibility:hidden} #serviceIntro { position: absolute; z-index:999; left:785px;width:180px; top:-25px;text-align:left; padding:0px; visibility:hidden} #menuBoschetti {position:absolute; z-index:2; right:40px; bottom:30px; height:18px; font-size:18px; color:#666666} #menuHiddenIntro { position: absolute; z-index:998; right:45px;width:440px; height:260px; top:-25px;text-align:left; padding:0px;} /*menu*/ #sliderIntro {position:relative; z-index:2; width:100%; height:300px; margin-left:auto; margin-right:auto; padding:0px 0 0px 0; } #sliderIntro {background-image:url(../images/bgSliderMain.jpg); background-repeat: repeat-x; background-position:center} #sliderIntroBox {position:relative; z-index:2; width:1090px; height:300px;margin-left:auto; margin-right:auto; } #sliderIntroBox {background-image:url(../images/bgSliderBox.png); background-repeat: no-repeat} #slider {position:relative; z-index:1; width:100%; height:180px; margin: 0 auto 0 auto; padding:0px 0 0px 0 } #slider {background-image:url(../images/bgSliderMain.jpg); background-repeat: repeat-x; background-position:center} #sliderBox {position:relative; z-index:1; width:960px; height:180px;margin: 0 auto 0 auto;} #sliderTeaser {position: absolute; z-index:2; height::30px; right:95px; top:20px; text-align:right; font-size:22px; color:#FFFFFF} #sliderTeaser p{padding:0px; margin:0px;} #sliderTeaserDayTime {position: absolute; z-index:2; height:30px; right:95px; top:50px; text-align:right; font-size:12px; color:#FFFFFF} #sliderTeaserDayTime p{padding:0px; margin:0px;} #sliderTeaserMain {position: absolute; z-index:2; left:0px; bottom:10px; height:40px; text-align:left; font-size:12px; color:#FFFFFF; } #sliderTeaserMain {background-image:url(../images/transparent60.png); background-repeat:no-repeat; background-position:right} #sliderTeaserMain .csc-firstHeader {font-size:18px; font-weight:normal; color:#FFF; padding:6px 40px 5px 40px; margin:0px;} #sliderTeaserMain p{padding:0px; margin:0px;} #menuMainFrame { z-index:1; position: relative; width:100%; margin-left:auto; margin-right:auto; border-bottom:#ddd solid 1px; } #menuMainFrameBox { z-index:1; position: relative; width:960px; margin-left:auto; margin-right:auto; padding:20px 0 10px 0; } #homeBox { position:absolute; z-index:2; right:10px; width:20px; height:20px; } #menuSubFrame { z-index:1; position: relative; width:100%; margin-left:auto; margin-right:auto; border-top:#FFF solid 1px;} #menuSubFrameBox { z-index:1; position: relative; width:960px; margin-left:auto; margin-right:auto; padding:10px 0 10px 0; } .menuMain a{padding:10px;border-right:#ddd solid 1px; border-left:#FFFFFF solid 1px;} .menuMain a:hover{padding:10px; background-color:#ddd;border-right:#ccc solid 1px;border-left:#FFFFFF solid 1px; color:#098ac1} .menuMainActive a{padding:10px; background-color:#ddd; color:#d43c2a;border-right:#ccc solid 1px;border-left:#FFFFFF solid 1px;} .menuSub {padding:10px 0 10px 20px;border-bottom:#ccc solid 1px;} .menuSub a{padding:10px 0 10px 0;} .menuSub a:hover{padding:10px 0 10px 0;} .menuSubActive {padding:10px 0 10px 20px;border-bottom:#ccc solid 1px;} .menuSubActive a{color:#d43c2a;padding:10px 0 10px 0;} #mainFrameIntro { z-index:1; position: relative; width:100%; margin-left:auto; margin-right:auto; } #mainFrameIntro {background-image:url(../images/bgMainFrame.png); background-repeat: repeat-x } #mainFrame { z-index:1; position: relative; width:100%; margin-left:auto; margin-right:auto; } #mainFrame {background-image:url(../images/bgMainFrame.png); background-repeat: repeat-x } #mainFrame a:hover{color:#000000} #mainBox { z-index:1; position: relative; width:100%; margin-left:auto; margin-right:auto; } #mainFrameBox { z-index:1; position: relative; width:960px; margin-left:auto; margin-right:auto; padding-top:20px; } #mainBox {border-top:#ddd solid 1px;} .pannelIntro1 {width:300px; height:343px;padding:0px 30px 30px 0;} .pannelIntro1 a{ color:#d43c2a;} .pannelIntro1 b {font-size:18px; margin:0; color:#333; padding:0 0 20px 0;} .pannelIntro1 {background-image:url(../images/pannelIntro.png); background-repeat: no-repeat} .contentPannel {padding:0 0 20px 0;} .pannelIntroContent1 {width:220px; height:120px;text-align:left;padding:7px 0 0 35px; font-size:12px} .pannelIntro1 h2 {color:#0099cc; font-size:12px; padding:0; margin:0; } .pannelIntroContent1 a:hover{color:#000000} .pannelIntro2 {width:300px; height:343px;padding:0px 30px 0 0} .pannelIntroContent2 {width:220px; height:120px;text-align:left;padding:210px 0 0 40px; font-size:12px} .contentMainBoxIntro {text-align:left; color:#666; padding: 0 40px 20px 0px; width:650px;} .contentMainBoxService .csc-firstHeader{color:#444; padding:0px 0 10px 0; margin:0 0 0px 0; font-size:16px; } .contentMainBoxService {text-align:left; color:#666; padding: 0 0px 20px 10px; width:650px;} .contentMainBoxService p{margin:0; padding:0;} .contentMainBox {text-align:left; color:#666; padding: 0 0px 20px 10px; width:650px; border-right:#ddd solid 1px;} .contentMainBox .csc-firstHeader{color:#444; font-size:24px; } .contentMainBox h5 .csc-firstHeader {color:#444; font-size:4px; } .contentMain {margin:0 40px 10px 0;padding:0 0 10px 0; border-bottom:#ddd solid 1px;} .contentMain a{ color:#d43c2a;} .contentMain p{ padding:0; margin:0;} .contentRightIntroNews {text-align:left; color:#666666; padding: 0 40px 20px 20px;} .contentRightIntroNews .csc-firstHeader {font-size:18px; color:#333; padding:0px; margin:0px;} .contentRightIntroSub {text-align:left; color:#666666; padding: 0 0 20px 20px;} .contentRightIntroSub .csc-firstHeader {font-size:18px; color:#333; padding:0px; margin:0px;} .contentRightIntroSub p{margin:0; padding:0;} .contentRightIntroSub a:hover{color:#000000} .contentRightIntro {text-align:left; color:#666666; padding: 0 0 20px 0;} .contentRightIntro .csc-firstHeader {font-size:18px; color:#333; padding:0px; margin:0px;} .contentRightIntro p{margin:0; padding:0;} #slideBarHeader {width:250px; height:41px;background-image:url(../images/sidebar-heading-bg.jpg);} #slideBarHeader {font-size:18px; color:#444; padding:10px 0 0 20px; } #slideBarHeaderService {font-size:22px; color:#444; padding:0px 0 0 0px;width:250px; height:41px; } .contentRight {text-align:left; color:#666666; padding: 2px 0px 20px 30px; width:270px;} .contentRight{ border-left:#FFF solid 1px;} .contentRight a:hover{color:#000000} .contentRight .csc-firstHeader {font-size:18px; color:#333; padding:0px; margin:0px;} .contentRight p{margin:0; padding:0;} h4 {color:#333; padding:10px 0 0px 0; margin:0; font-size:14px} h1 {color:#333; padding:10px 0 0px 0; margin:0; font-size:14px} .contentMainBox .csc-textpic a img{ -moz-box-shadow: 3px 3px 4px #999; -webkit-box-shadow: 3px 3px 4px #999; box-shadow: 3px 3px 4px #999; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999'); } .contentRight a img{ -moz-box-shadow: 3px 3px 4px #999; -webkit-box-shadow: 3px 3px 4px #999; box-shadow: 3px 3px 4px #999; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999'); } #additionalFooterFrame { z-index:1; position: relative; width:100%; margin-left:auto; margin-right:auto; height:140px; } #additionalFooterFrame {background-image:url(../images/additional-footer-bg.jpg); background-repeat: repeat-x} #additionalFooterFrameBox { z-index:1; position: relative; width:960px; margin-left:auto; margin-right:auto; } #footerFrame {position:relative; z-index:1; width:100%; height:300px; margin: 0 auto 0 auto; padding-top:0px; color:#999999 } #footerFrame {background-image:url(../images/bgFooterMain.jpg); background-repeat: repeat-x} #footerFrameBox {position:relative; z-index:1; width:960px; height::400px;margin: 0 auto 0 auto;} #footerFrameHeader {position:relative; z-index:1; width:100%; height:10px; margin: 0 auto 0 auto; padding-top:0px; background-color:#141414 } #footerFrame .csc-firstHeader {color:#d43c2a; font-size:18px; padding:0 0 5px 0; margin:0 0 5px 0; border-bottom:#000000 2px solid } #footerFrame h2 {color:#d43c2a;font-size:12px; padding:0; margin:0; } #footerFrame a{color:#d43c2a;} .pannelFooter1 {width:300px; height:343px;padding:0px 30px 30px 0} .pannelFooter1 {background-image:url(../images/footer-title-arrow.png); background-repeat: no-repeat} .pannelFooterContent1 {width:300px; height:120px;text-align:left;padding:20px 0 0 10px; font-size:12px} .pannelFooter2 {width:300px; height:343px;padding:0px 30px 0 0} .pannelFooter2 {background-image:url(../images/footer-title-arrow.png); background-repeat: no-repeat} .pannelFooterContent2 {width:300px; height:120px;text-align:left;padding:20px 0 0 10px; font-size:12px} .pannelFooter3 {width:300px; height:343px;} .pannelFooter3 {background-image:url(../images/footer-title-arrow.png); background-repeat: no-repeat} .pannelFooterContent3 {width:300px; height:160px;text-align:left;padding:20px 0 0 10px; font-size:12px} /*###################news##############*/ .news-list-container h2{font-weight:normal} .news-list-container a:hover{color:#000000} .news-single-backlink { padding: 30px 0 0 0; } . pannelIntroContent1 .news-list-item h2{color:#0099cc; font-size:12px; padding:0; margin:0; } .pannelIntroContent1 .news-list-item h2 a{color:#d43c2a; font-size:12px; padding:0; margin:0; } .pannelIntroContent1 .news-list-item h2 a:hover{color:#000; font-size:12px; padding:0; margin:0; } .news-list-item p{padding:0; margin:0;} .news-list-item h2{color:#0099cc; font-size:14px; padding:0; margin:0; } .news-list-item h2 a{color:#d43c2a; font-size:14px; padding:0; margin:0; } .news-single-item h1{color:#444; padding:0px 0 10px 0; margin:0 0 10px 0; font-size:24px; } .news-single-item a img{ margin-bottom:10px; -moz-box-shadow: 3px 3px 4px #999; -webkit-box-shadow: 3px 3px 4px #999; box-shadow: 3px 3px 4px #999; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999'); } /*########################*/ fieldset.csc-mailform { /* Fieldset */ border: 0px solid #aaa; background-color:transparent; padding: 0px; } fieldset.csc-mailform label { /* label */ display: block; width: 100px; float: left; clear: both; } #mailformAnrede { margin-bottom:10px; width:60px; } #mailformemail, #mailformname, #mailformSubject, #mailformName_of_Shop, #mailformShop_Address, #mailformCity, #mailformCountry, #mailformfirst_name, #mailformLast_Name, #mailformemail, #mailformremarks { /* Input and textarea */ width: 260px;background-color:#FFF; border:#999999 solid 1px; margin-bottom:12px;height:18px; } fieldset.csc-mailform textarea { /* Input and textarea */ width: 260px;background-color:#FFF; height:60px; border:#999999 solid 1px; } .csc-mailform-submit { /* submit button */ margin: 20px 0 10px 100px;background-color:#333; border:#333 solid 1px; font-weight: bold; color:#ccc; } .align-left {width:100px;} .align-center {text-align:left; width:180px;}