/*****************************************************************************************/ /* SHOW/IT - Framework - CSS */ /* Authors: Bernhard Wöhrlin & Jan Evers */ /* http://it.cappuccinonet.com http://www.keimzelle.net */ /* copyright 2006 */ /*****************************************************************************************/ /****** SKIN ******/ .testvar {display: block;} /* STRICTLY BASIC */ /****************************************************************************************/ body {font: small Helvetica, Arial, Gill Sans, Futura, Verdana, sans-serif; background: #fff url(../../../../icons/clients/koerting/balken.gif) 0px -3px repeat-x;} #page .si-bitv, #page .jumper {display: none;} hr.si-bitv {display: block ! important; height: 1px; margin-top: -1px; visibility: hidden;} fieldset.bitv-main {border: 0px hidden ! important;} ul.menu li, #area-navi-sub li {list-style: none;} img {border: 0px;} /*font-styles */ a {color: #000;} a:hover {color: #0066FF !important;} a span {cursor: pointer;} .hi a {color: #0066FF;} b.hd {letter-spacing: 0.2em;} /* CLASSES*/ /****************************************************************************************/ /* AREAS */ /****************************************************************************************/ #container { border-bottom: 1px solid #b2b2b2; border-right: 1px solid #b2b2b2; background: #E5E5E5 url(../../../../icons/clients/koerting/kachel_navi.gif) 0px 0px repeat-y;} #area_contentfield {border-left: 1px solid #003366; background: url(../../../../icons/clients/koerting/fuss_navi.jpg) bottom left no-repeat;} /* 1 #area-head */ #area-head {background: #fff; text-align: right; width: 752px;} #fr1-head {padding-bottom: 20px;} #area-logo {padding-top: 42px; padding-bottom: 10px; padding-left: 1px; background: #fff;} #reserve_container .r1 {position: absolute; left: 541px; top: 115px; width: 212px; height: 50px; background: url(../../../../icons/clients/koerting/slogan.gif) 0px 6px no-repeat; z-index: 10;} #reserve_container .r2 {position: absolute !important; display: block; top: 145px; left: 0px; width: 225px; height: 120px !important; z-index: 1; background: #003366 url(../../../../files/images/XL/16.jpg) 1px 1px no-repeat;} #page_5 #reserve_container .r2 {background: #003366 url(../../../../files/images/XL/21.jpg) 1px 1px no-repeat;} /* Referenzen - Mainpage: Glasfassade Detail */ #page_6 #reserve_container .r2 {background: #003366 url(../../../../files/images/XL/20.jpg) 1px 1px no-repeat;} /* Das Unternehmen */ #page_10 #reserve_container .r2 {background: #003366 url(../../../../files/images/XL/18.jpg) 1px 1px no-repeat;} /* Projektsteuerung */ #page_11 #reserve_container .r2 {background: #003366 url(../../../../files/images/XL/17.jpg) 1px 1px no-repeat;} /* Bauüberwachung: Spundwand Detail */ #page_12 #reserve_container .r2 {background: #003366 url(../../../../files/images/XL/19.jpg) 1px 1px no-repeat;} /* Hochwasserschutz */ #page_13 #reserve_container .r2 {background: #003366 url(../../../../files/images/XL/22.jpg) 1px 1px no-repeat;} /* Leitungstrassenplanung */ #page_14 #reserve_container .r2 {background: #003366 url(../../../../files/images/XL/23.jpg) 1px 1px no-repeat;} /* Brückenbau: Brücke */ #page_15 #reserve_container .r2 {background: #003366 url(../../../../files/images/XL/31.jpg) 1px 1px no-repeat;} /* Hafenplanung */ #page_17 #reserve_container .r2 {background: #003366 url(../../../../files/images/XL/33.jpg) 1px 1px no-repeat;} /* Verkehrsplanung */ #page_18 #reserve_container .r2 {background: #003366 url(../../../../files/images/XL/34.jpg) 1px 1px no-repeat;} /* Entwässerung */ #page_19 #reserve_container .r2 {background: #003366 url(../../../../files/images/XL/30.jpg) 1px 1px no-repeat;} /* Erschliessung */ #page_20 #reserve_container .r2 {background: #003366 url(../../../../files/images/XL/29.jpg) 1px 1px no-repeat;} /* Generalplanung */ #page_21 #reserve_container .r2 {background: #003366 url(../../../../files/images/XL/21.jpg) 1px 1px no-repeat;} /* Ingenieurbau */ #page_22 #reserve_container .r2 {background: #003366 url(../../../../files/images/XL/32.jpg) 1px 1px no-repeat;} /* Leitungstrassenplanung */ #page_23 #reserve_container .r2 {background: #003366 url(../../../../files/images/XL/27.jpg) 1px 1px no-repeat;} /* Hochbau */ /* 3 #area-navi-main */ #area-navi-main { padding: 0px;} #fr1-navi-main {border-left: 1px solid #003366;} #area-navi-main ul.menu {display: block; width: 223px; background: url(../../../../icons/clients/koerting/grund_navi.gif) 0px 0px repeat-y; border-bottom: 1px solid #fff; border-top: 1px solid #fff; padding: 10px 0 30px 0; margin-top: 10px; margin-bottom: 50px;} #area-navi-main ul.menu li {width: 223px;} #area-navi-main a {display: block; color: #003366; text-decoration: none; font-weight: bold; width: 223px;} #area-navi-main a:hover {background: #003366 url(../../../../icons/clients/koerting/grund_link_hi.gif) 0px 0px repeat-y; color: #fff !important;} #area-navi-main a span {display: block;} #area-navi-main a .on {padding: 0.4em 8px 0.25em 15px;} #area-navi-main a .onoff { background: url(../../../../icons/clients/koerting/ic_link_lo.gif) 0px 50% no-repeat; padding-left: 18px;} #area-navi-main a:hover .onoff {background: url(../../../../icons/clients/koerting/ic_link_over.gif) 0px 50% no-repeat;} #area-navi-main .hi a .onoff { color: #fff; background: url(../../../../icons/clients/koerting/ic_link_hi.gif) 0px 50% no-repeat;} #area-navi-main .hi a {background: #003366 url(../../../../icons/clients/koerting/grund_link_hi.gif) 0px 0px repeat-y;} #area-navi-main .li_lev3 a .onoff { background: url(../../../../icons/clients/koerting/ic_sublink_lo.gif) 0px 50% no-repeat; font-weight: normal; padding-left: 18px;} #area-navi-main .li_lev3 a:hover .onoff {background: url(../../../../icons/clients/koerting/ic_sublink_over.gif) 0px 50% no-repeat;} #area-navi-main .li_lev3 .hi a .onoff { color: #fff; background: url(../../../../icons/clients/koerting/ic_sublink_hi.gif) 0px 50% no-repeat;} #area-navi-main .li_lev3 .hi a {background: #003366 url(../../../../icons/clients/koerting/grund_sublink_hi.gif) 0px 0px repeat-y;} /* #area-content */ #area-content { } /* #rte-content */ #area-rte {margin-left: 225px;} #ct-rte {padding: 15px 10px 3em 30px; line-height: 140%; overflow: hidden;} .level_1 #ct-rte {padding-left: 10px;} #area-rte #ct-rte .h1 {background-color: #003366; position: absolute !important; display: block; top: 145px; left: 225px; width: 750px; height: 120px !important; z-index: 5; border-right: 1px solid #12467E;} /* basics */ #area-content a, #area-content #ct-rte li a span {color: #3981E0;} #area-rte ol {margin: 1em 0 1em 0;} #area-rte ol li {padding: 0.25em 0; clear: left; list-style-position: inside;} #ct-rte ul {margin: 0.25em 0 0.25em 1em; line-height: 140%; list-style-type: square;} #ct-rte li {line-height: 140%; font-weight: normal;} #ct-rte li b {color: #003366;} #ct-rte li span {color: #000;} #tpl-sitemap #area-rte ul {margin: 0 0 0 0; padding: 0 0 0 0;} #tpl-sitemap #area-rte ul ul {padding: 0.25em 0 0 20px;} #tpl-sitemap #area-rte ul li {margin: 0 0 0 0; padding: 0 0 0.25em 0;} #ct-rte h1 {color: #fff; font-size: 220%; position: absolute; bottom: 0px; left: 10px; z-index: 5; padding-bottom: 0.25em; max-width: 450px; padding-left: 20px; background: url(../../../../icons/clients/koerting/ic_headline.gif) 0px 70% no-repeat; line-height: 120%;} #ct-rte h2 {color: #003366; font-size: 150%; padding: 0.5em 0 0.25em 0;} #area-rte p {margin: 0.5em 0px 0.5em 0px;} #area-rte b i {font-style: normal; color: #C8322D;} #area-rte h3, #area-rte h4, #area-rte h5, #area-rte h6 {margin: 0.5em 0px 0.5em 0px; font-style: normal; font-size: 100%; color: #003366;} #area-rte .input_button input {border: 1px solid #C8322D; background: #ddd; color: #C8322D;} #area-rte .input_button input:hover {border: 1px solid #fff; background: #C8322D; color: #fff;} #area-rte .link, #area-rte .link_pdf {display: block; padding: 0.25em 0;} #area-rte .link_pdf a {background: url(../../../../icons/standards/pdf_link_s1.gif) 0px 0px no-repeat; padding-left: 24px; padding-bottom: 10px;} /* page search */ #area-rte .searchresult {margin-bottom: 1em;} /* hr divider 4 rte-editor */ hr.inserthelp {display: none;} /* ** PAGE ELEMENTS ** */ /* bildbox */ .box {float: left; margin: 0 -1px 10px 0px; padding: 0px; width: 160px;} .box img {border: 1px solid #fff;} .box .box_text {padding: 0x;} #area-rte .box .h2 {width: 150px;} #area-rte .box h2 {font-size: 100%; color: #003366; height: 1.5em; line-height: 90%;} .level_1 #area-rte .h2 {isplay: block; height: 2.5em;} .level_1 #area-rte .box_text a {display: none;} #area-rte .box .helper {display: none;} /* textbox */ .textbox {float: left; position: relative; left: 16px; margin: 0 15px 5px 0px; padding: 1px; background: #ddd; border: 1px solid #aaa; width: 280px;} .textbox .ct-textbox {padding: 8px 10px 10px 10px; font-size: 100%; color: #000; } .textbox h3 {font-size: 100%; color: #000; font-style: normal;} .textbox ul {padding: 0.25em 0 0.5em 0 !important; margin: 0px !important;} #blocker_contentfield {display: block; clear: both; height: 1px;} /* #area-footer */ #area-footer {position: absolute; width: 750px; background: #fff; border-top: 1px solid #b2b2b2;} #area-footer .adress b.hd {display: block; background: url(../../../../icons/clients/koerting/ic_hd_footer.gif) 0px 50% no-repeat; padding-left: 15px; font-weight: bold; margin-bottom: 0.5em;} #area-footer {padding-top: 2em; color: #333;} #area-footer .adress {float: left; width: 215px; margin-right: 15px; padding-bottom: 5em;} #area-footer .adress b {font-weight: normal;} #area-footer .adress a {text-decoration: none;} #area-footer .adress a:hover {text-decoration: underline;} /* #tpl-contact */ #tpl-contact #area-rte form div {margin-bottom: 5px;} #tpl-contact label {float: left; width: 10em;} #tpl-contact textarea {width: 300px;} #tpl-contact #area_submit {text-align: right; display: block; padding-top: 20px; padding-right: 35px;}