/* ------------------------------------------------------------------------ BASIC RESET ------------------------------------------------------------------------- */ * { margin: 0; padding: 0; border: 0; outline: 0; background-color: transparent; } table { border-collapse: collapse; } em { font-style: normal; } /* ------------------------------------------------------------------------ GENERAL STYLES ------------------------------------------------------------------------- */ body { font-family: Verdana, sans-serif; text-align: left; background-color: transparent; color:#7d7d7d;font-size:10px;} a:link, a:active, a:visited, a:hover { text-decoration: none; color: #7d7d7d;} a:hover { text-decoration: underline; color: #7d7d7d; } .link_green:link, .link_green:active, .link_green:visited { text-decoration: none; color: #008854;} .link_green:hover { text-decoration: underline; color: #008854; } em { color: #7d7d7d; } :focus { } .clear { clear: both; } .float_left { float: left; } .float_right { float: right; } /* ------------------------------------------------------------------------ CONTENT-SPECIFIC ------------------------------------------------------------------------- */ /* ------------------------------------------------------------------------ BOX-MODEL ------------------------------------------------------------------------- */ body {margin:0px;width:100%;height:100%;padding:0;text-align:center;} #pageborder_outer {position:relative;padding:0;margin: 0 auto;width:960px;background-color:white;} #header {position:relative;width:960px;height:80px;background-color:white;} #logo {position:absolute;width:239px;height:53px;left:722px;top:10px;} #navigation {position:relative;width:960px;height:30px;} #content_border {position:relative;width:950px;background-color:white;margin-left:10px;margin-top:10px;} #intro_border {position:relative;width:948px;height:350px;margin-bottom:10px;} #intro_left {position:relative;float:left;width:709px;height:350px;} #intro_middle {position:relative;float:left;width:12px;} #intro_right {position:relative;float:left;width:227px;height:350px;} #intro_unten {position:relative;width:948px;height:81px;margin-bottom:10px;} #left {position:relative;float:left;width:466px;} #left_pic {position:relative;float:left;width:466px;height:172px;} #left_pic_space {position:relative;float:left;width:466px;height:16px;} #left_hl {position:relative;float:left;width:466px;height:17px;text-align:left;} #left_hl_space {position:relative;float:left;width:466px;height:13px;text-align:left;} #left_text {position:relative;float:left;width:466px;text-align:left;} #middle_space {position:relative;float:left;width:13px;background-color:white;} #middle {position:relative;float:left;width:231px;} #middle_pic {position:relative;float:left;width:231px;height:172px;} #middle_pic_space {position:relative;float:left;width:231px;height:16px;} #middle_hl {position:relative;float:left;width:231px;height:17px;text-align:left;} #middle_hl_space {position:relative;float:left;width:231px;height:13px;text-align:left;} #middle_text {position:relative;float:left;width:231px;text-align:left;} #right_space {position:relative;float:left;width:13px;background-color:white;} #right {position:relative;float:left;width:227px;background-color:white;} #bottom {position:relative;width:950px;float:left;background-color:white;height:20px;border-top: 1px solid #7d7d7d;text-align:right;line-height:19px;} #script {display:none;} /* ------------------------------------------------------------------------ NAVIGATION ------------------------------------------------------------------------- */ #nav {list-style-type:none;margin:0;padding:0;} #nav li a { display: block;height: 30px; background: transparent url('../../public/images/nav.gif') repeat;} #nav li {float: left;} #nav li a span {display:block; height:0; width:0; overflow:hidden;} #nav_start a:link, #nav_start a:visited, #nav_start a:active {width: 82px;background-position:0px 0px;} #nav_start a:hover {background-position:0px -30px;} #nav_news a:link, #nav_news a:visited, #nav_news a:active {width:59px;background-position:-82px 0px;} #nav_news a:hover {background-position:-82px -30px;} #nav_leistungen a:link, #nav_leistungen a:visited, #nav_leistungen a:active {width:95px; background-position:-141px 0px;} #nav_leistungen a:hover {background-position:-141px -30px;} #nav_ueberuns a:link, #nav_ueberuns a:visited, #nav_ueberuns a:active {width:82px;background-position: -236px 0px;} #nav_ueberuns a:hover {background-position:-236px -30px;;} #nav_serviceplus a:link, #nav_serviceplus a:visited, #nav_serviceplus a:active {width:104px;background-position: -318px 0px;} #nav_serviceplus a:hover {background-position:-318px -30px;} #nav_downloads a:link, #nav_downloads a:visited, #nav_downloads a:active {width:65px;background-position: -422px 0px;} #nav_downloads a:hover {background-position:-422px -30px;} /* #nav_dialog a:link, #nav_dialog a:visited, #nav_dialog a:active {width: 66px;background-position: -521px 0px;} #nav_dialog a:hover {background-position:-521px -30px;} */ #nav_links a:link, #nav_links a:visited, #nav_links a:active {width:58px; background-position: -487px 0px;} #nav_links a:hover {background-position:-487px -30px;} #nav_kontakt a:link, #nav_kontakt a:visited, #nav_kontakt a:active {width:75px; background-position: -545px 0px;} #nav_kontakt a:hover {background-position:-545px -30px;} /* ------------------------------------------------------------------------ NAVIGATION RECHTS ------------------------------------------------------------------------- */ #nav_rechts {list-style-type:none;margin:0;padding:0;} #nav_rechts li a { display: block; width: 227px; height: 81px; background: transparent url('../../public/images/nav_rechts.jpg') repeat;} #nav_rechts li {float: left;margin-bottom:10px;} #nav_rechts li a span {display:block; height:0; width:0; overflow:hidden;} #nav_rechts_heizung a:link, #nav_rechts_heizung a:visited, #nav_rechts_heizung a:active {background-position:0px 0px;} #nav_rechts_heizung a:hover {background-position:0px -81px;} #nav_rechts_bad a:link, #nav_rechts_bad a:visited, #nav_rechts_bad a:active {background-position:0px -162px;} #nav_rechts_bad a:hover {background-position:0px -243px;} #nav_rechts_wohnungslueftung a:link, #nav_rechts_wohnungslueftung a:visited, #nav_rechts_wohnungslueftung a:active {background-position:0px -324px;} #nav_rechts_wohnungslueftung a:hover {background-position:0px -405px;} /* #nav_rechts_serviceplus a:link, #nav_rechts_serviceplus a:visited, #nav_rechts_serviceplus a:active {background-position: 0px -486px;} #nav_rechts_serviceplus a:hover {background-position:0px -567px;;} */ #nav_rechts_solarundumwelt a:link, #nav_rechts_solarundumwelt a:visited, #nav_rechts_solarundumwelt a:active {background-position: 0px -810px;} #nav_rechts_solarundumwelt a:hover {background-position:0px -891px;} #nav_rechts_baubiologie a:link, #nav_rechts_baubiologie a:visited, #nav_rechts_baubiologie a:active {background-position: 0px -648px;} #nav_rechts_baubiologie a:hover {background-position:0px -729px;} #nav_rechts_leckortung a:link, #nav_rechts_leckortung a:visited, #nav_rechts_leckortung a:active {background-position: 0px -486px;} #nav_rechts_leckortung a:hover {background-position:0px -567px;} /* ------------------------------------------------------------------------ NAVIGATION UNTEN ------------------------------------------------------------------------- */ #nav_unten {list-style-type:none;margin:0;padding:0;} #nav_unten li a { display: block; width: 227px; height: 81px; background: transparent url('../../public/images/nav_rechts.jpg') repeat;} #nav_unten li {float: left;margin-right:13px;} #nav_unten li a span {display:block; height:0; width:0; overflow:hidden;} #nav_unten_heizung a:link, #nav_unten_heizung a:visited, #nav_unten_heizung a:active {background-position:0px 0px;} #nav_unten_heizung a:hover {background-position:0px -81px;} #nav_unten_bad a:link, #nav_unten_bad a:visited, #nav_unten_bad a:active {background-position:0px -162px;} #nav_unten_bad a:hover {background-position:0px -243px;} #nav_unten_klima a:link, #nav_unten_klima a:visited, #nav_unten_klima a:active {background-position:0px -324px;} #nav_unten_klima a:hover {background-position:0px -405px;} #nav_unten_serviceplus a:link, #nav_unten_serviceplus a:visited, #nav_unten_serviceplus a:active {background-position: 0px -486px;} #nav_unten_serviceplus a:hover {background-position:0px -567px;;} #nav_unten_baubiologie a:link, #nav_unten_baubiologie a:visited, #nav_unten_baubiologie a:active {background-position: 0px -648px;} #nav_unten_baubiologie a:hover {background-position:0px -729px;} #nav_unten_solar a:link, #nav_unten_solar a:visited, #nav_unten_solar a:active {background-position: 0px -810px;} #nav_unten_solar a:hover {background-position:0px -891px;} /* ------------------------------------------------------------------------ This you can edit. ------------------------------------------------------------------------- */ div.pictureHolder .top .left { background: url(../../public/images/prettyphoto/tl.gif) top left no-repeat; } /* Top left corner */ div.pictureHolder .top .middle { background: #fff; } /* Top pattern/color */ div.pictureHolder .top .right { background: url(../../public/images/prettyphoto/tr.gif) top left no-repeat; } /* Top right corner */ div.pictureHolder .content { background-color: #fff; } /* Content background */ div.pictureHolder .content a.next:hover { background: url(../../public/images/prettyphoto/btnNext.gif) center right no-repeat; cursor: pointer; } /* Next button */ div.pictureHolder .content a.previous:hover { background: url(../../public/images/prettyphoto/btnPrevious.gif) center left no-repeat; cursor: pointer; } /* Previous button */ div.pictureHolder .content a.expand { background: url(../../public/images/prettyphoto/btnExpand.gif) top left no-repeat; cursor: pointer; } /* Expand button */ div.pictureHolder .content a.expand:hover { background: url(../../public/images/prettyphoto/btnExpand.gif) bottom left no-repeat; cursor: pointer; } /* Expand button hover */ div.pictureHolder .content a.contract { background: url(../../public/images/prettyphoto/btnContract.gif) top left no-repeat; cursor: pointer; } /* Contract button */ div.pictureHolder .content a.contract:hover { background: url(../../public/images/prettyphoto/btnContract.gif) bottom left no-repeat; cursor: pointer; } /* Contract button hover */ div.pictureHolder .content a.close { width: 61px; height: 22px; background: url(../../public/images/prettyphoto/btnClose.gif) center left no-repeat; cursor: pointer; } /* Close button */ div.pictureHolder .content .details .nav a.arrow_previous { background: url(../../public/images/prettyphoto/arrow_previous.gif) top left no-repeat; } /* The previous arrow in the bottom nav */ div.pictureHolder .content .details .nav a.arrow_next { background: url(../../public/images/prettyphoto/arrow_next.gif) top left no-repeat; } /* The next arrow in the bottom nav */ div.pictureHolder .bottom .left { background: url(../../public/images/prettyphoto/bl.gif) top left no-repeat; } /* Bottom left corner */ div.pictureHolder .bottom .middle { background: #fff; } /* Bottom pattern/color */ div.pictureHolder .bottom .right { background: url(../../public/images/prettyphoto/br.gif) top left no-repeat; } /* Bottom right corner */ div.pictureHolder .loaderIcon { background: url(../../public/images/prettyphoto/loader.gif) center center no-repeat; } /* Loader icon */ div.prettyPhotoTitle div.prettyPhotoTitleLeft { background: url(../../public/images/prettyphoto/ttl.gif) top left no-repeat; } div.prettyPhotoTitle div.prettyPhotoTitleRight { background: url(../../public/images/prettyphoto/ttr.gif) top left no-repeat; } div.prettyPhotoTitle div.prettyPhotoTitleContent { background: url(../../public/images/prettyphoto/ttp.gif) top left repeat-x; } /* ------------------------------------------------------------------------ DO NOT CHANGE ------------------------------------------------------------------------- */ div.prettyPhotoOverlay{background:#000;position:absolute;top:0;left:0;z-index:9500;width:100%}div.pictureHolder{position:absolute;z-index:10000;width:100px}div.pictureHolder .top{position:relative;height:20px}* html div.pictureHolder .top{padding:0 20px}div.pictureHolder .top .left{position:absolute;left:0;width:20px;height:20px}div.pictureHolder .top .middle{position:absolute;left:20px;right:20px;height:20px}* html div.pictureHolder .top .middle{position:static}div.pictureHolder .top .right{position:absolute;top:0;left:auto;right:0;width:20px;height:20px}div.pictureHolder .content{position:relative;text-align:left;width:100%;height:40px}div.pictureHolder .content .details{display:none;margin:10px 15px 0 20px}div.pictureHolder .content .details p.description{display:none;float:left;margin:0}div.pictureHolder .content .details .nav{float:left;margin:4px 0 0 0}div.pictureHolder .content .details .nav p{float:left;margin:0 4px}div.pictureHolder .content .details .nav a.arrow_previous,div.pictureHolder .content .details .nav a.arrow_next{float:left;display:block;width:8px;height:9px;text-indent:-10000px;margin-top:4px}div.pictureHolder .content .details .nav a.disabled{background-position:0 -10px;cursor:default}div.pictureHolder .content div.hoverContainer{position:absolute;z-index:10000;top:0;left:0;width:100%}div.pictureHolder .content a.next{position:relative;z-index:2000;display:block;float:right;text-indent:-10000px;width:49%;height:100%;background:url(../../public/images/prettyphoto/btnNext.gif) 10000px 50% no-repeat}div.pictureHolder .content a.previous{cursor:pointer;display:block;text-indent:-10000px;width:49%;height:100%;background:url(../../public/images/prettyphoto/btnNext.gif) 10000px 50% no-repeat}div.pictureHolder .content a.expand,div.pictureHolder .content a.contract{position:absolute;z-index:20000;top:10px;right:30px;cursor:pointer;display:none;text-indent:-10000px;width:20px;height:20px}div.pictureHolder .content a.close{float:right;display:block;text-indent:-10000px}div.pictureHolder .bottom{position:relative;height:20px}* html div.pictureHolder .bottom{padding:0 20px}div.pictureHolder .bottom .left{position:absolute;left:0;width:20px;height:20px}div.pictureHolder .bottom .middle{position:absolute;left:20px;right:20px;height:20px}* html div.pictureHolder .bottom .middle{position:static}div.pictureHolder .bottom .right{position:absolute;top:0;left:auto;right:0;width:20px;height:20px}div.pictureHolder .loaderIcon{display:none;position:absolute;top:50%;left:50%;margin:-12px 0 0 -12px;width:24px;height:24px}div.pictureHolder #fullResImageContainer{width:100%;text-align:center}div.prettyPhotoTitle{display:none;position:absolute;top:0;left:0;z-index:9999;color:#fff;font-size:13px}div.prettyPhotoTitle div.prettyPhotoTitleLeft,div.prettyPhotoTitle div.prettyPhotoTitleRight{float:left;width:19px;height:23px;overflow:hidden}div.prettyPhotoTitle div.prettyPhotoTitleContent{float:left;line-height:23px} /* ------------------------------------------------------------------------ This you can customize ------------------------------------------------------------------------- */ label.checkbox span.holder { height: 36px; /* Total height of your checkbox image */ background: url('../../public/images/checkbox.gif') 0 0px no-repeat; /* Path to your checkbox image */ } label.radio span.holder { height: 36px; /* Total height of your radio buttons image */ background: url('../../public/images/checkbox.gif') 0 0px no-repeat; /* Path to your radio button image */ } html>/**/body label.checkbox:hover span.holder, html>/**/body label.radio:hover span.holder { top: -12px; } /* Background position on mouseover, ugly hack to hide it from the IEs */ label.checked span.holder, label.checked span.holder { top: -24px !important; } /* Background position when checked */ /* ------------------------------------------------------------------------ Customize at your own risk ------------------------------------------------------------------------- */ label.list { float: left; margin: 0 15px 0px 0px; } label.inline { float: left; margin: 0 0px 0 10px; } input.hiddenCheckbox { position: absolute; left: -10000px; /* Hide the input */ } label.prettyCheckbox span.holderWrap { display: block; float: left; position: relative; margin-right: 5px; overflow: hidden; } label.prettyCheckbox span.holder { display: block; position: absolute; top: 0; left: 0; } .inputstyle { background-image:url('../../public/images/bg_input.gif'); width:466px; height:21px; background-repeat:no-repeat; margin-top:15px; line-height:21px; } .textareastyle { background-image:url('../../public/images/textarea_input.gif'); width:466px; height:84px; background-repeat:no-repeat; margin-top:15px; overflow:hidden; } .slides { display:none; padding-left:18px; } /** * Update 06-12-2011 */ #button_bhk { left: 12px; top: 42px; position: absolute; }