/* css file for steinheimer-tankhandel.de */ /* Copyright 2009 Weboleo, http://www.weboleo.de */ /* Farbdefinitionen: grün:#2b8351; blau:#51667f hellgrün:#dcf2af; Textfarbe:#66696c*/ *{ padding:0 0 0 0px; } body {font-family: Verdana, Geneva, sans-serif; font-size:11px; color:#66696C; text-align:center; margin:0; padding:0; background-color:#fff;} /* ------------------------------------- Seiten-Container ----------------------------------------------------- */ #container { width:100%; padding:0; margin: 0; background-color:#fff; text-align:center; z-index:50} /* --------------------- Headlines ---------------------*/ h1 {color:#51667f; font-weight: bold; font-size:15px;margin-bottom:15px; line-height: 17px;} h2 {color:#51667f; font-weight: bold; font-size:12px;margin-bottom:12px;} h3 {color:#51667f; font-weight: bold; font-size:12px;margin-bottom:12px;} h4 {color:#66696c; font-weight: bold; font-size:11px;margin-bottom:11px;} /* --------------------- Text-Links ------------------ */ a {text-decoration:none;} a, a:visited {color:#2b8351 } a:hover, a:active {color:#51667f; } a img {border:none} .hochgestellt {vertical-align:super; font-size:80%;} /* ----------------------- Formulare, global (CSS 1 compatibel) ---------------------------------- */ input {font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#51667F; background:#f1f0f0; } textarea {font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#51667F; background:#f1f0f0; border-width:1px; border-style:solid; border-top-color:#2b8351; border-left-color:#2b8351; border-bottom-color:#2b8351; border-right-color:#2b8351; } select {font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#51667F; background:#f1f0f0; border-width:1px; border-style:solid; border-top-color:#2b8351; border-left-color:#2b8351; border-bottom-color:#2b8351; border-right-color:#2b8351; padding:5px 10px 5px 10px} /* ----------------------- Formulare, (CSS 2 compatibel) ---------------------------------- */ input[type=text], input[type=password] {color:#6e6d6d; border-width:1px; border-style:solid; border-top-color:#2b8351; border-left-color:#2b8351; border-bottom-color:#2b8351; border-right-color:#2b8351; background:#f1f0f0; height:18px;} /* ----------------------- Formulare, Anfragen (CSS 1 compatibel) ---------------------------------- */ #mainContent form { padding:10px; width:95%; border: solid 1px #f0f0f1;} #mainContent form p {margin:0; padding:0;} #mainContent form .small {font-size:10px; margin-bottom:10px;} #mainContent fieldset { padding: 2px; border: none; } #mainContent label { width: 220px; padding: 0px 5px 0px 0; float: left; text-align: left; display: block; } #mainContent input { margin:0 0 5px 0; width:160px; border: 1px solid #d5d5d5; background:#f1fcda; color:#66696c; } #mainContent option { margin-bottom: 5px; width:130px; border: 1px solid #d5d5d5; background:#f1fcda; color:#66696c; } #mainContent checkbox { margin:0 0 5px 0; border: 1px solid #d5d5d5; background:#f1fcda; color:#66696c; width: 15px; height: 15px; } #mainContent select { margin:0 0 5px 0; border: 1px solid #d5d5d5; background:#f1fcda; color:#2b8351; } #mainContent input[type=checkbox] { margin:0 0 5px 0; border: 1px solid #d5d5d5; background:none; color:#66696c; width: 15px; height: 15px; } #mainContent input[type=submit] { margin:10px 0 30px 0; font-size:13px; font-weight:bold; color:#f1fcda; background:#2b8351; width:140px; height:22px; border:none; cursor:pointer; text-align:center; vertical-align:middle; line-height:22px; } #mainContent input[type=select] { margin:0 0 5px 0; border: 1px solid #d5d5d5; background:#f1fcda; color:#2b8351; } #mainContent textarea { width: 220px; height: 100px; padding: 5px; text-align: left; margin: 0 10px 5px 0; display: block; border: 1px solid #d5d5d5; background:#f1fcda; color:#66696c; } /* ------------------------------ floats --------------------------------------*/ .float_left { float:left; margin: 0 20px 0 0;} .float_left_10 { float:left; margin: 0 10px 0 0;} .float_right { float:right;} .float_right_border {float:right; border: solid 1px #f0f0f1; padding:8px; margin: 0 0 15px 15px; background:none } .clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;} /* ---------------------------------- hr Definition, IE-Probleme berücksichtigt ---------------------------------- */ div.hr {padding-top:1px; height:0; overflow:hidden; margin:0; line-height:0px; background-color:#f0f0f1} div.hrlightgrey {padding-top:1px; height:0; overflow:hidden; margin:0; line-height:0px; background-color:#f0f0f1; margin:5px 0 5px 0;} div.hrproductpreview {padding-top:1px; height:0; overflow:hidden; margin:12px 0px 12px 0px; display:inline; height:0px; line-height:0px; display:block; background-image:url(../img/hr_productpreview.gif)} /* --------------------------- Logo Container -------------------------------------- */ #logoContainer {height:60px; width:1008px; margin:0 auto; padding:0; color:#FFF; list-style:none; } /*-----------------------------Inhalte Logo Container--------------------------------*/ #logo { float:left; padding: 3px 3px 0px 13px; height: 35px; } .header-hotline {margin:10px 0 10px 15px; color:#2b8351; font-size:14px; font-weight:bold; text-align:left; width:200px; float:left;} #logoContainer ul {list-style:none;} #logoContainer li { display:block; background:url(../bilder/bg_headermenu.gif) 0 20px no-repeat; float: right; padding:20px 14px 0 13px; } #logoContainer a {font-size:10px;} /* -------------------------- Header--------------------------------- */ #headerContainer { width:100%; background:url(../bilder/bg_header.jpg) repeat-x; padding:0; margin:0;} #header { width:1008px; height:129px; margin:0 auto;} /* ----------------------------------------- Hauptnavi ------------------------------------------------- */ #hauptnavi { width:1008px; background:url(../bilder/topmenu_bg.gif) repeat-x; height:40px; margin:0 auto; padding:0; line-height:40px; vertical-align:middle; text-align:left; } #hauptnavi ul {list-style-image:none; list-style:none; text-align:left; margin-left:0; height:40px; } #hauptnavi li {height:40px; float:left; padding: 0 9px 0 9px; margin:0; background: url(../bilder/bg_topmenu_breakline.gif) top right no-repeat; } #hauptnavi a {font-size:12px; line-height:40px; vertical-align:middle; text-decoration:none; font-weight:bold; cursor:pointer; color:#fff; margin:0; padding:0; background:none; } #hauptnavi a:hover, a:active {color:#dcf2af;} #hauptnavi .current {color:#dcf2af;} /*-------------------------------Suche--------------------------------*/ #search {width: 994px; height:20px; background-color:#dcf2af; margin:0 auto; padding:1px 14px 1px 0; text-align:right; } #search input {font-family:Verdana, Geneva, sans-serif; font-size:11px; font-weight:bold; color:#80b270; background:#FFF; width:130px; height:17px; border-width:1px; border-style:solid; border-top-color:#2b8351; border-left-color:#2b8351; border-bottom-color:#2b8351; border-right-color:#2b8351; margin-bottom:1px; vertical-align:middle; } #search input[type=text] {font-family:Verdana, Geneva, sans-serif; font-size:11px; font-weight:bold; color:#80b270; background:#FFF; width:130px; height:17px; border-width:1px; border-style:solid; border-top-color:#2b8351; border-left-color:#2b8351; border-bottom-color:#2b8351; border-right-color:#2b8351; vertical-align:middle; } #search input[type=submit] {font-family:Verdana, Geneva, sans-serif; font-size:11px; font-weight:bold; color:#80b270; background:#2b8351; width:70px; height:19px; border:none; } #search .search_button{font-family:Verdana, Geneva, sans-serif; font-size:11px; font-weight:bold; color:#80b270; background:#2b8351; width:70px; height:19px; border:none; } /*------------------------------- Content Container -----------------------------*/ #contentContainer { width:100%; background-color:#f0f0f1; margin:0; padding:0; } /*------------------------------- ContentWrap-----------------------------*/ #contentWrap {width:985px; padding:12px 10px 12px 10px; margin:0 auto; background-color:#FFF; border:solid 1px #00844c;} /*------------------------------------Inhalt mainContent 692px--------------------------------------------*/ #mainContent { width:716px; margin:0 0 0 242px; text-align:left; padding:12px; line-height: 130%;} #boxBilder {width:100%; border-top:solid 1px #f0f0f1; border-bottom:solid 1px #f0f0f1; padding:10px 0 10px 0; margin:10px 0 15px 0; } .boxBilder {width:100%; border-top:solid 1px #f0f0f1; border-bottom:solid 1px #f0f0f1; padding:10px 0 10px 0; margin:10px 0 15px 0; } #boxSonderpreis {float:right; margin: 3px 0 3px 0; padding:25px; border: solid 1px #f0f0f1; width: 390px; height:240px; } #boxSonderpreis .sonderpreis {color:#eb0303; font-size:14px; font-weight:bold; line-height:normal;} #boxSonderpreis .sonderpreis p{color:#eb0303; font-size:14px; font-weight:bold; line-height:normal;} .boxSonderpreis {float:none; margin: 3px 0 3px 0; padding:20px; border: solid 1px #f0f0f1; width: 90%; } .boxSonderpreis .sonderpreis {color:#eb0303; font-size:14px; font-weight:bold; line-height:normal;} .boxSonderpreis .sonderpreis p{color:#eb0303; font-size:14px; font-weight:bold; line-height:normal;} #boxBestprice {float:right; margin: 3px 0 3px 0; padding:65px 20px 20px 20px; border: solid 1px #f0f0f1; width: 390px; height:205px; background:url(../bilder/Icon-Best-Price.gif) no-repeat 7px 7px;} #boxBestprice .sonderpreis {color:#eb0303; font-size:14px; font-weight:bold; line-height:normal; } #boxBestprice .sonderpreis p{color:#eb0303; font-size:14px; font-weight:bold; line-height:normal; } .boxBestprice {float:right; margin: 3px 0 3px 0; padding:65px 20px 20px 20px; border: solid 1px #f0f0f1; width: 390px; height:205px; background:url(../bilder/Icon-Best-Price.gif) no-repeat 7px 7px;} .boxBestprice .sonderpreis {color:#eb0303; font-size:14px; font-weight:bold; line-height:normal; } .boxBestprice .sonderpreis p{color:#eb0303; font-size:14px; font-weight:bold; line-height:normal; } #boxSonderpreis .sonderpreis_bisher {font-size:12px; font-weight:bold; line-height:normal; text-decoration:line-through;} #boxExpressanfrage {float:right; margin: 3px 0 3px 0; padding:25px; border: solid 1px #f0f0f1; width: 300px; height:240px; } #boxExpressanfrage .rot {color:#eb0303; font-size:14px; font-weight:bold;} #boxExpressanfrage a.rot {color:#eb0303; font-size:14px; font-weight:bold;} #boxExpressanfrage a.rot:hover, #boxExpressanfrage a.rot:active {text-decoration:underline;} /*#mainContent h1 {margin:0; line-height:130%;}*/ #mainContent h2 {margin:15px 0 0 0;} #mainContent ul {margin:10px 0 20px 0;} #mainContent li {background:url(../bilder/img_ul.jpg) 0 2px no-repeat; list-style:none; padding-left: 16px} #mainContent p {margin: 0 0 15px 0;} #mainContent .products {border: solid 1px #f0f0f1; padding:25px; margin: 3px 10px 3px 0; background:url(../bilder/icon_arrow_right.jpg) bottom right no-repeat;} #mainContent .products:hover, .products:active {border: solid 1px #2b8351;} #mainContent .products-lightbox {border: solid 1px #f0f0f1; padding:25px; margin: 3px 10px 3px 0; background:url(../bilder/icon_lupe.jpg) bottom right no-repeat;} #mainContent .products-lightbox:hover, .products-lightbox:active {border: solid 1px #2b8351;} #mainContent .products-lightbox-flash {border: solid 1px #f0f0f1; padding:25px; margin: 3px 10px 3px 0; background:url(../bilder/icon_play.jpg) bottom no-repeat;} #mainContent .products-lightbox-flash:hover, .products-lightbox:active {border: solid 1px #2b8351; background:url(../bilder/icon_play_hover.jpg) bottom no-repeat;} #mainContent .products-index {border: solid 1px #f0f0f1; padding:5px; margin: 8px 0 3px 0; } #mainContent .products-index:hover, .products-lightbox-index:active {border: solid 1px #2b8351;} #mainContent .topseller {border: solid 1px #f0f0f1; padding:25px; margin: 3px 10px 3px 0;} #mainContent a.textlinks-internal {background:url(../bilder/contentnavi_arrow.gif) 0 1px no-repeat; padding-left:12px; font-weight:bold; } #mainContent a.textlinks-internal:hover, a.textlinks-internal:active {text-decoration:underline; color:#51667f; background:url(../bilder/contentnavi_arrow_current.gif) no-repeat 0 1px; } #mainContent a.textlinks-pdf {background:url(../bilder/pdficon_small.jpg) no-repeat; padding: 3px 0 3px 19px; font-weight:bold;} #mainContent a.textlinks-pdf:hover {text-decoration:underline;} #mainContent .hotline {color:#FFF; font-size:14px; font-weight:bold; border: solid 1px #f0f0f1; padding:8px; margin-top:5px; background:#eb0303; width:130px; text-align:center; line-height:16px; } #mainContent .infoline {color:#FFF; font-size:14px; font-weight:bold; border: solid 1px #f0f0f1; padding:8px; background:#eb0303; width:40%; text-align:center; line-height:16px; } #mainContent .sommeraktion {color:#feeb33; font-size:14px; font-weight:bold; border: solid 1px #f0f0f1; padding:8px; background:#eb0303; width:40%; text-align:left; line-height:16px; margin-bottom:0; } #mainContent .logos {border: solid 1px #f0f0f1; padding:auto; margin: 3px 10px 3px 0; min-width:150px; min-height:100px;} #mainContent .sonderpreis {color:#eb0303; font-weight:bold; line-height:normal;} #mainContent td {padding:5px;} .banner {border: solid 1px #f0f0f1; padding:5px; margin:2px 0 2px 0; color:#eb0303;} .banner:hover, .banner:active {border: solid 1px #2b8351;} /*------------------------------------ Popup Ebene --------------------------------------------*/ #popupSonderpreis { z-index:100; position:absolute; left: 55%; top: 30%; padding:65px 20px 20px 20px; border: solid 1px #f0f0f1; width: 390px; /*height:260px;*/ background:#FFF url(../bilder/Icon-Best-Price.gif) no-repeat 7px 7px; visibility: hidden; } #popupSonderpreis .sonderpreis {color:#eb0303; font-size:14px; font-weight:bold; line-height:normal;} #popupSonderpreis .sonderpreis p{color:#eb0303; font-size:14px; font-weight:bold; line-height:normal;} /*------------------------------ Linke Spalte ----------------------------*/ #leftCol { width:240px; float:left; margin:0; padding:0;} /*------------------------------ContentNavi----------------------------*/ #contentNavi { width:213px; margin: 0 0 18px 0; list-style:none; padding:10px 10px 15px 12px; background:url(../bilder/bg_box.jpg) no-repeat #ddf2b2; text-align:left;border:solid #00844c; border-width: 20px 1px 1px 1px; font-size:11px; font-weight:bold; line-height:15px; } #contentNavi ul {list-style:none; margin:0; padding:0; } #contentNavi li {padding-left:12px; background:url(../bilder/contentnavi_arrow.gif) 0 2px no-repeat; margin-bottom: 9px;} #contentNavi li:hover, li:active {color:#51667f; background:url(../bilder/contentnavi_arrow_current.gif) 0 2px no-repeat;} #contentNavi .current {color:#51667f; background:url(../bilder/contentnavi_arrow_current.gif) 0 2px no-repeat; } #contentNavi .current a {color:#51667f; } #contentNavi ul.level1 {list-style:none; margin:0; padding:0; } #contentNavi li.level1 {padding:5px 0 5px 12px; margin:9px 0 9px 0; background:url(../bilder/contentnavi_arrow.gif) 0 7px no-repeat; border-top: 1px solid #2b8351; border-bottom: 1px solid #2b8351;} #contentNavi li.level1:hover, li.level1:active {color:#51667f; background:url(../bilder/contentnavi_arrow_current.gif) 0 7px no-repeat;} #contentNavi .current .level1 {color:#51667f; background:url(../bilder/contentnavi_arrow_current.gif) 0 7px no-repeat; } #contentNavi .current .level1 a {color:#51667f; } #contentNavi ul.level2 {list-style:none; margin:0; padding:0; } #contentNavi li.level2 {margin-left:10px; padding-left:12px; background:url(../bilder/contentnavi_arrow.gif) 0 2px no-repeat; margin-bottom: 4px;} #contentNavi li.level2:hover, li.level2:active {color:#51667f; background:url(../bilder/contentnavi_arrow_current.gif) 0 2px no-repeat;} #contentNavi .current .level2 {color:#51667f; background:url(../bilder/contentnavi_arrow_current.gif) 0 2px no-repeat; } #contentNavi .current .level2 a {color:#51667f; } /*------------------------------------ Boxen links --------------------------------------------*/ #leftCol .banner {border: solid 1px #f0f0f1; padding:15px 45px 15px 45px; margin: 0 0 12px 0;} #leftCol .banner:hover, #leftCol .banner:active {border: solid 1px #2b8351;} /*------------------------------------ Box Global --------------------------------------------*/ #box { width:179px; margin-bottom:12px; padding:16px 8px 8px 48px; text-align:left; } #box h1 {font-weight: bold; font-size:12px; margin:0; } #box h2 {color:#66696c; font-weight: bold; font-size:11px; margin:8px 0 0 0; } #box a {font-size:11px; color:#66696c; background:none;} #box a:hover {text-decoration:underline;} #box h1 a {} #box h1 a:hover {color:#51667F;} .boxAngebot { width:179px; margin-bottom:12px; padding:16px 8px 8px 48px; background: url(../bilder/bg_box_angebot.jpg) no-repeat #ddf2b2; border:solid #00844c; border-width: 20px 1px 1px 1px; text-align:left; } .boxAngebot h1 {color:#51667f; font-weight: bold; font-size:12px; margin:0; } .boxAngebot h2 {color:#66696c; font-weight: bold; font-size:11px; margin:8px 0 0 0; } .boxAngebot a {font-size:11px; color:#66696c; background:none;} .boxAngebot a:hover {text-decoration:underline;} .boxAngebot h1 a {color:#51667F;} .boxAngebot h1 a:hover {color:#51667F;} .boxAngebot .manufacturer {border: solid 1px #dcf2af; padding:8px; } .boxAngebot .manufacturer:hover, .boxAngebot .manufacturer:active {border: solid 1px #2b8351; padding:8px;} /*------------------------------------ Box Angebot --------------------------------------------*/ #boxAngebot { width:179px; margin-bottom:12px; padding:16px 8px 8px 48px; background: url(../bilder/bg_box_angebot.jpg) no-repeat #ddf2b2; border:solid #00844c; border-width: 20px 1px 1px 1px; text-align:left; } #boxAngebot h1 {color:#51667f; font-weight: bold; font-size:12px; margin:0; } #boxAngebot h2 {color:#66696c; font-weight: bold; font-size:11px; margin:8px 0 0 0; } #boxAngebot a {font-size:11px; color:#66696c; background:none;} #boxAngebot a:hover {text-decoration:underline;} #boxAngebot h1 a {color:#51667F;} #boxAngebot h1 a:hover {color:#51667F;} .boxAngebot { width:179px; margin-bottom:12px; padding:16px 8px 8px 48px; background: url(../bilder/bg_box_angebot.jpg) no-repeat #ddf2b2; border:solid #00844c; border-width: 20px 1px 1px 1px; text-align:left; } .boxAngebot h1 {color:#51667f; font-weight: bold; font-size:12px; margin:0; } .boxAngebot h2 {color:#66696c; font-weight: bold; font-size:11px; margin:8px 0 0 0; } .boxAngebot a {font-size:11px; color:#66696c; background:none;} .boxAngebot a:hover {text-decoration:underline;} .boxAngebot h1 a {color:#51667F;} .boxAngebot h1 a:hover {color:#51667F;} .boxAngebot .manufacturer {border: solid 1px #dcf2af; padding:8px; } .boxAngebot .manufacturer:hover, .boxAngebot .manufacturer:active {border: solid 1px #2b8351; padding:8px;} /*------------------------------------ Box Montage --------------------------------------------*/ #boxMontage { width:179px; margin-bottom:12px; padding:16px 8px 8px 48px; background:url(../bilder/bg_box_info.jpg) no-repeat #ddf2b2; border:solid #00844c; border-width: 1px 1px 1px 1px; text-align:left; } #boxMontage h1 {color:#51667f; font-weight: bold; font-size:12px; margin:0; } #boxMontage a {font-size:11px; color:#66696c; background:none; } #boxMontage a:hover {text-decoration:unterline;} #boxMontage .small {font-size: 10px;} #boxMontage h1 a {color:#51667F;} #boxMontage h1 a:hover {color:#51667F;} #boxMontage ul {list-style:none;} /*------------------------------------ Box Pruefdienst --------------------------------------------*/ .box { width:227px; margin-bottom:12px; padding:8px 4px 8px 4px; background: url(../bilder/bg_box.jpg) no-repeat #ddf2b2; border:solid #00844c; border-width: 1px 1px 1px 1px; text-align:left; font-size:10px; line-height:13px; } .box h1 {color:#51667f; font-weight: bold; font-size:12px; margin:0 0 5px 0; } .box a {font-size:11px; color:#66696c; background:none; } .box a:hover {text-decoration:unterline;} .box .small {font-size: 10px;} .box .float_left {margin-right:5px; margin-bottom:2px;} .box h1 a {color:#51667F; text-decoration:underline;} .box h1 a:hover {color:#51667F;} .box ul {list-style:none;} /*------------------------------------ Box Mengenrabatt --------------------------------------------*/ .boxmengenrabatt {background: url(../bilder/bg_box_mengenrabatt.jpg) no-repeat #ddf2b2; } .boxmengenrabatt {border: solid 1px #00844C;} div.boxmengenrabatt#box h1 {color:#c50909; font-size:15px;} div.boxmengenrabatt#box h1 a{color:#c50909; font-size:15px;} div.boxmengenrabatt#box h2 {color:#c50909;} div.boxmengenrabatt#box h2 a{color:#c50909;} /*------------------------------------ Box Info --------------------------------------------*/ #boxInfo { width:179px; margin-bottom:12px; padding:14px 8px 4px 48px; background:url(../bilder/bg_box_info.jpg) no-repeat #ddf2b2; border:solid #00844c; border-width: 1px 1px 1px 1px; text-align:left; } #boxInfo h1 {color:#51667f; font-weight: bold; font-size:12px; margin:0; } #boxInfo a {font-size:11px; color:#66696c; background:none;} #boxInfo a:hover {text-decoration:underline;} #boxInfo .manufacturer {border: solid 1px #dcf2af; padding:8px; } #boxInfo .manufacturer:hover, #boxInfo .manufacturer:active {border: solid 1px #2b8351; padding:8px;} #boxInfo .small {font-size: 10px;} #boxInfo h1 a {color:#51667F;} #boxInfo h1 a:hover {color:#51667F;} #boxInfo h2 {font-size:11px; margin:0; color:#51667F;} /*------------------------------------ Box Info --------------------------------------------*/ .boxInfo { width:179px; margin-bottom:12px; padding:14px 8px 4px 48px; background:url(../bilder/bg_box_info.jpg) no-repeat #ddf2b2; border:solid #00844c; border-width: 1px 1px 1px 1px; text-align:left; } .boxInfo h1 {color:#51667f; font-weight: bold; font-size:12px; margin:0; } .boxInfo a {font-size:11px; color:#66696c; background:none;} .boxInfo a:hover {text-decoration:underline;} .boxInfo .manufacturer {border: solid 1px #dcf2af; padding:8px; } .boxInfo .manufacturer:hover, .manufacturer:active {border: solid 1px #2b8351; padding:8px;} .boxInfo .small {font-size: 10px;} .boxInfo h1 a {color:#51667F;} .boxInfo h1 a:hover {color:#51667F;} .boxInfo h2 {font-size:11px; margin:0; color:#51667F;} /*------------------------------------ Box Achtung --------------------------------------------*/ #boxAchtung { width:179px; margin-bottom:12px; padding:14px 8px 4px 48px; background: url(../bilder/bg_box_achtung_links.jpg) no-repeat #ddf2b2; border:solid #00844c; border-width: 1px 1px 1px 1px; text-align:left; } #boxAchtung h1 {color:#51667f; font-weight: bold; font-size:12px; margin:0; } #boxAchtung h2 {color:#66696c; font-weight: bold; font-size:11px; margin:8px 0 0 0; } #boxAchtung a {font-size:11px; color:#66696c; background:none;} #boxAchtung a:hover {text-decoration:underline;} #boxAchtung h1 a {color:#51667F;} #boxAchtung h1 a:hover {color:#51667F;} /*------------------------------------ Box Express-Anfrage --------------------------------------------*/ #boxExpress { width:179px; margin-bottom:12px; padding:14px 8px 4px 48px; background: url(../bilder/bg_box_express.jpg) no-repeat #ddf2b2; border:solid #00844c; border-width: 1px 1px 1px 1px; text-align:left; } #boxExpress h1 {color:#51667f; font-weight: bold; font-size:12px; margin:0;} #boxExpress h2 {color:#66696c; font-weight: bold; font-size:11px; margin:8px 0 0 0; } #boxExpress a {font-size:11px; color:#66696c; background:none;} #boxExpress a:hover {text-decoration:underline;} #boxExpress h1 a {color:#51667F;} #boxExpress h1 a:hover {color:#51667F;} /*------------------------------------Box SSL ------------------------------------------*/ #boxInfoSecure { width:217px; margin-bottom:12px; padding:14px 8px 10px 10px; background:url(../bilder/bg_box.jpg) no-repeat #ddf2b2; border:solid #00844c; border-width: 1px 1px 1px 1px; text-align:left; } #boxInfoSecure h1 {color:#51667f; font-weight: bold; font-size:12px; margin:0; } #boxInfoSecure a {font-size:11px; color:#66696c; background:none;} #boxInfoSecure .small {font-size: 10px;} /*------------------------------------Box Energie Contracting ------------------------------------------*/ #boxEnergie { width:280px; margin-bottom:12px; padding:14px 8px 10px 10px; background:url(../bilder/pufferspeicher/bg-Box-Energie-Contracting.jpg) no-repeat #ddf2b2; border:solid #00844c; border-width: 1px 1px 1px 1px; text-align:left; color:#FFF; font-size: 11px; font-weight:bold; visibility:hidden; z-index:100; position:absolute; left: 40%; top: 30%;} #boxEnergie h1 {color:#FFF; font-weight: bold; font-size:17px; margin:0 0 0 40px; } #boxEnergie a { font-size:11px; color:#FFF; background:none; text-decoration:underline; text-align: right; } #boxEnergie .small {font-size: 12px;} #boxEnergie a.textlinks-internal {background:url(../bilder/img_ul.jpg) 0 1px no-repeat; padding-left:14px; font-weight:bold; } #boxEnergie a.textlinks-internal:hover, a.textlinks-internal:active {text-decoration:underline; color:#51667f; background:url(../bilder/img_ul.jpg) no-repeat 0 1px; } /*------------------------------------ Boxen Startseite --------------------------------------------*/ .spalten { width: 100%; padding: 0; margin: 0; overflow:hidden; text-align:left} .spalten h1 {margin-top:11px;} .spalten h1 a {font-size:11px; font-weight:bold;} .spalten h1 a:hover, h1 a:active {text-decoration:underline; color:#51667F; } .spalten a {font-size:11px; font-weight:normal;} .spalten a:hover, a:active {text-decoration:underline; color:#51667F; } .spalten .subcl, .spalten .subc, .spalten .subcr { margin-bottom:12px; padding:2px 5px 8px 30px; background: url(../bilder/icon_arrow_right.jpg) 5px 8px no-repeat; border: solid 1px #f0f0f1; text-align:left; margin-right:0px; height:200px;} .spalten .subcl:hover, .spalten .subc:hover, .spalten .subcr:hover, .spalten .subcl:active, .spalten .subc:active, .spalten .subcr:active { border-color: #00844c; } .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; overflow: hidden; margin-right:8px;} .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; overflow: hidden; } .c25l, .c25r { width: 23.999%; } .c33l, .c33r { width: 32.5%; } /* 3-spaltig */ .c50l, .c50r { width: 49.999%; } .c66l, .c66r { width: 66.666%; } .c75l, .c75r { width: 74.999%; } .c38l, .c38r { width: 38.196%; } /* Goldener Schnitt */ .c62l, .c62r { width: 61.803%; } /* Goldener Schnitt */ .subc { padding: 0 1em 0 1em; overflow: hidden; } .subcl { padding: 0 1em 0 0; overflow: hidden; } .subcr { padding: 0 0 0 1em; overflow: hidden; } /*------------------------ footerContainer ----------------------------------------*/ #footerContainer {width:100%; padding:0; margin: 0; background-color:#fff; text-align:center;} /*----------------------------------footer-------------------------------------------------------------*/ #footer {width:996px; padding:6px 0 6px 12px; margin:0 auto; background-color:#FFF; height: 28px; color:#66696c; font-size:10px; text-align:left } #footerNavi {width:250px; height:28px; float:right; text-align:right; padding:0; margin:0;} #footer ul {list-style:none; padding:0; margin:0;} #footer li {display:block; list-style:none; background:url(../bilder/bg_headermenu.gif) 0 0 no-repeat; float: right; padding:0px 12px 0 12px; margin:0; } #footer a {font-size:10px;} /*--------------------------- Google+ -------------------*/ .gplus {width:236px; border: 1px solid #f5f5f5; margin-bottom:10px; padding-top:15px; padding-bottom:15px;}