/* CSS Document */ /* ------- GLOBALS ------ */ *{font-family:Calibri,Arial,Helvetica;} html{font-size:10px;color:#000;} body {margin:0px;text-align:center;background-color:#c9ccd5;} h1 {display:none} h1 a{} h1 a:hover{color:#095093;text-decoration:none;} h2{font-size:22px;color:#51933e;font-weight:100;margin:0 0 10px 0;padding:0px;letter-spacing:1.5px;line-height:20px;font-weight:bold;} h3{font-size:16px;color:#8c8c98;font-weight:100;margin:0 0 10px 0;padding:0px;min-height:50px;} h4{font-size:100%;color:#000;font-weight:bold;margin:0 0 10px 0;padding:0px;} p{margin:0;padding:0;} a{color:#51933e;font-weight:bold;} a:visited{color:#51933e;font-weight:bold;} a:hover{color:#959aad;text-decoration:none;} img{border:0;} form{display:inline;float:left;} fieldset{border:0;padding:0;margin:0;} legend{display:none;} label{margin:0;padding:0;} ul{list-style-type:none;padding:0;margin:0;} li{list-style-type:none;} table{font-size:10px;} abbr, acronym {border-bottom:1px dotted #000;cursor:default;} .floatTerminator{clear:both;} .bold{font-weight:bold;} .alert{color:#cc0000;} .nodisplay{display:none;} .background-normal{font-size:10px;letter-spacing:1px;border:1px solid #c3c4cc;padding-left:3px;color:#585858;background: transparent url(../img/design/bg_kontaktinput.png) top left repeat-y;} .background-focus{font-size:10px;letter-spacing:1px;background-color:#FFFFFF;border:1px solid #c3c4cc;padding-left:3px;} #globalContainer{font-size:100%;width:992px;height:793px;margin:35px auto 0 auto;padding-top:35px;background: transparent url(../img/design/bg_main.png) top left no-repeat;} #mainContainer{position:relative;z-index:0;float:left;width:921px;height:721px;padding-left:35px;} /* ------- GLOBALS ENDE ------ */ /* ------- HEADER ------ */ #header{position:relative;width:921px;height:143px;background: transparent url(../img/design/bg_kopfzeile_oben.png) top left no-repeat;} #logo{float:left;margin:75px 0 0 27px;} #language{float:right;padding:30px 5px 0 0;text-align:right;} #language li{margin:5px 0 0 0;} #language a{display:block;color:#dcdde2;text-decoration:none;background-color:#959aad;border:1px solid #959aad;width:52px;height:13px;padding:1px 2px 0 0;} #language a:hover{background-color:#dcdde2;color:#959aad;border:1px solid #959aad;} /* ------- HEADER ENDE ------ */ /* ------- NAVIGATION ------ */ #nav1{position:absolute;top:123px;right:0px;height:89px;z-index:1;} #nav1 li{float:left;margin-right:4px;} #nav1 a:link, #nav1 a:visited{display:block;width:98px;height:85px;color:#51933e;padding-top:4px;text-decoration:none;} #nav1 a:hover{color:#6c717f;} #nav1 a:focus, #nav1 a:active{color:#dcdde2;} #hafenlogistik a.text{display:block;width:98px;height:23px;background: transparent url(../img/design/nav1_hafenlogistik_inactive.png) top left no-repeat;} #hafenlogistik a.text:hover{display:block;width:98px;height:23px;background: transparent url(../img/design/nav1_hafenlogistik_hover.png) top left no-repeat;} #hafenlogistik a.img{width:98px;height:58px;background: transparent url(../img/design/nav1_hafenlogistik_inactive.png) bottom left no-repeat;} #hafenlogistik a.img:hover{width:98px;height:65px;margin-top:-7px;background: transparent url(../img/design/nav1_hafenlogistik_hover.png) bottom left no-repeat;} #hafenlogistik a.active{color:#dcdde2;background: transparent url(../img/design/nav1_hafenlogistik_active.png) top left no-repeat;} #containerlogistik a.text{display:block;width:98px;height:23px;background: transparent url(../img/design/nav1_containerlogistik_inactive.png) top left no-repeat;} #containerlogistik a.text:hover{display:block;width:98px;height:23px;background: transparent url(../img/design/nav1_containerlogistik_hover.png) top left no-repeat;} #containerlogistik a.img{width:98px;height:58px;background: transparent url(../img/design/nav1_containerlogistik_inactive.png) bottom left no-repeat;} #containerlogistik a.img:hover{width:98px;height:65px;margin-top:-7px;background: transparent url(../img/design/nav1_containerlogistik_hover.png) bottom left no-repeat;} #containerlogistik a.active{color:#dcdde2;background: transparent url(../img/design/nav1_containerlogistik_active.png) top left no-repeat;} #bahnlogistik a.text{display:block;width:98px;height:23px;background: transparent url(../img/design/nav1_bahnlogistik_inactive.png) top left no-repeat;} #bahnlogistik a.text:hover{display:block;width:98px;height:23px;background: transparent url(../img/design/nav1_bahnlogistik_hover.png) top left no-repeat;} #bahnlogistik a.img{width:98px;height:58px;background: transparent url(../img/design/nav1_bahnlogistik_inactive.png) bottom left no-repeat;} #bahnlogistik a.img:hover{width:98px;height:65px;margin-top:-7px;background: transparent url(../img/design/nav1_bahnlogistik_hover.png) bottom left no-repeat;} #bahnlogistik a.active{color:#dcdde2;background: transparent url(../img/design/nav1_bahnlogistik_active.png) top left no-repeat;} #immobilien a.text{display:block;width:98px;height:23px;background: transparent url(../img/design/nav1_immobilien_inactive.png) top left no-repeat;} #immobilien a.text:hover{display:block;width:98px;height:23px;background: transparent url(../img/design/nav1_immobilien_hover.png) top left no-repeat;} #immobilien a.img{width:98px;height:58px;background: transparent url(../img/design/nav1_immobilien_inactive.png) bottom left no-repeat;} #immobilien a.img:hover{width:98px;height:65px;margin-top:-7px;background: transparent url(../img/design/nav1_immobilien_hover.png) bottom left no-repeat;} #immobilien a.active{color:#dcdde2;background: transparent url(../img/design/nav1_immobilien_active.png) top left no-repeat;} #projekte a.text{display:block;width:98px;height:23px;background: transparent url(../img/design/nav1_projekte_inactive.png) top left no-repeat;} #projekte a.text:hover{display:block;width:98px;height:23px;background: transparent url(../img/design/nav1_projekte_hover.png) top left no-repeat;} #projekte a.img{width:98px;height:58px;background: transparent url(../img/design/nav1_projekte_inactive.png) bottom left no-repeat;} #projekte a.img:hover{width:98px;height:65px;margin-top:-7px;background: transparent url(../img/design/nav1_projekte_hover.png) bottom left no-repeat;} #projekte a.active{color:#dcdde2;background: transparent url(../img/design/nav1_projekte_active.png) top left no-repeat;} #unternehmen a.text{display:block;width:98px;height:23px;background: transparent url(../img/design/nav1_unternehmen_inactive.png) top left no-repeat;} #unternehmen a.text:hover{display:block;width:98px;height:23px;background: transparent url(../img/design/nav1_unternehmen_hover.png) top left no-repeat;} #unternehmen a.img{width:98px;height:58px;background: transparent url(../img/design/nav1_unternehmen_inactive.png) bottom left no-repeat;} #unternehmen a.img:hover{width:98px;height:65px;margin-top:-7px;background: transparent url(../img/design/nav1_unternehmen_hover.png) bottom left no-repeat;} #unternehmen a.active{color:#dcdde2;background: transparent url(../img/design/nav1_unternehmen_active.png) top left no-repeat;} #nav2{position:absolute;z-index:3;top:332px;left:338px;width:98px;} #nav2 li{} #nav2 a:link, #nav2 a:visited{display:block;width:105px;height:19px;color:#51933e;padding-top:4px;padding-left:10px;text-decoration:none;background: transparent url(../img/design/bg_nav2_inactive.png) top left no-repeat;text-align:left;} #nav2 a:hover{color:#dcdde2;background: transparent url(../img/design/bg_nav2_active.png) top left no-repeat;} #nav2 a:focus, #nav2 a:active{color:#dcdde2;background: transparent url(../img/design/bg_nav2_active.png) top left no-repeat;} #nav2 a.active{color:#dcdde2;background: transparent url(../img/design/bg_nav2_active.png) top left no-repeat;} #nav3_standorte{position:absolute;z-index:3;top:356px;left:226px;width:112px;visibility:hidden;background:transparent url(../img/design/bg_nav3.png) top right no-repeat;text-align:left;} #nav3_standorte ul{width:98px;height:50px;} #nav3 li{} #nav3 a:link, #nav3 a:visited{display:block;width:105px;height:19px;color:#51933e;padding-top:4px;padding-left:15px;text-decoration:none;background: transparent url(../img/design/bg_nav3_inactive.png) top left no-repeat;text-align:left;} #nav3 a:hover{color:#dcdde2;background: transparent url(../img/design/bg_nav3_active.png) top left no-repeat;} #nav3 a:focus, #nav3 a:active{color:#dcdde2;background: transparent url(../img/design/bg_nav3_active.png) top left no-repeat;} #nav3 a.active{color:#dcdde2;background: transparent url(../img/design/bg_nav3_active.png) top left no-repeat;} /* ------- NAVIGATION ENDE ------ */ /* ------- CONTENT ------ */ #contentContainer{height:522px;width:921px;background: transparent url(../img/design/bg_fusszeile_oben_rechts.png) bottom right no-repeat;} #container{position:relative;z-index:0;float:left;width:303px;height:522px;} #imgContainerOben{position:absolute;z-index:3;top:0px;width:303px;height:36px;} #imgContainerUnten{position:absolute;z-index:2;bottom:0px;left:0;width:303px;height:42px;} #mainContentContainerFrame{float:left;width:611px;height:485px;background-color:#c3c4cc;padding:7px 0px 7px 7px;} #mainContentContainer{background-color:#dcdde2;width:611px;height:485px;} #content{float:left;width:478px;height:361px;padding:90px 0px 0px 128px;text-align:left;} #inhalt{float:left;width:325px;background-color:#dcdde2;font-size:11px;} #standard_nurtext{width:325px;height:285px;overflow:auto;} #standard_text{width:325px;height:187px;overflow:auto;} #standard_bilder{float:left;width:325px;height:82px;padding-top:10px;} #ansprechpartner{float:left;width:352px;height:365px;} #ansprechpartner .scroll{width:352px;height:285px;overflow:auto;} #ansprechpartner .bg_ansprechpartner{float:left;margin-right:15px;width:150px;height:78px;background: transparent url(../img/design/bg_ansprechpartner.png) top left no-repeat;} #ansprechpartner .block_ansprechpartner{float:left;margin-top:-14px;margin-bottom:14px;} #ansprechpartner .ansprechpartnerResort{padding:15px 0px 10px 0px;font-weight:bold;} #ansprechpartner .ansprechpartnerName{padding:6px 0px 0px 12px;font-weight:bold;} #ansprechpartner .ansprechpartnerTel{padding:5px 0px 0px 12px;} #ansprechpartner .ansprechpartnerFax{padding:4px 0px 0px 12px;} #ansprechpartner .ansprechpartnerEmail{padding:4px 0px 0px 12px;} #ansprechpartner .ansprechpartnerFormular{color:#fff;font-weight:bold;padding:8px 0px 0px 12px;text-decoration:none;} #presse{width:340px;height:285px;overflow:auto;} #presse .pressetexte{float:left;width:140px;height:50px;margin:0px 10px 10px 0px;padding:5px 5px 5px 5px;background: #fff url(../img/design/bg_pressenews.png) bottom left no-repeat;} #presse .pressetexteTeaser{height:39px;font-size:10px;} #presse .pressetexteLink{} #presse .pressetexte a{color:#fff} #presse .pressebilder{float:left;height:50px;margin:0px 0px 10px 0px;padding:5px 5px 5px 5px;background: #fff url(../img/design/bg_pressebilder.png) bottom left no-repeat;} #presse .pressebildLink{} #flashfilm{} #flashfilm .iframe{width:640px;height:390px;} /* ------- CONTENT ENDE ------ */ /* ------- TEASER AKTUELLES ------ */ #aktuelles_teaser{float:right;width:122px;text-align:left;} #aktuelles_teaser .title{padding:5px 5px 5px 10px;color:#51933e;background-color:#b8b7c0;font-weight:bold;} #aktuelles_teaser .subtitle{padding:5px 5px 5px 15px;margin-top:5px;font-weight:bold;background: #ced5d2 url(../img/design/bg_content_aktuelles.png) bottom left repeat-y;} #aktuelles_teaser .text{padding:5px 5px 5px 15px;background-color:#ced5d2;} #aktuelles_teaser a:link, #aktuelles_teaser a:visited{color:#51933e;font-weight:bold;} #aktuelles_teaser a:hover{color:#51933e;} #aktuelles_teaser a:focus, #aktuelles_teaser a:active{} #aktuelles_volltext{float:left;overflow:auto;text-align:left;padding:20px;} /* ------- TEASER AKTUELLES ENDE ------ */ /* ------- FOOTER ------ */ #footer{float:left;width:921px;height:56px;background: transparent url(../img/design/bg_fusszeile_unten.png) bottom right no-repeat;} #navService{float:left;width:350px;padding:15px 0 0 8px;text-align:left;} #navService li{float:left;margin-right:17px;} #navService a:link, #navService a:visited{float:left;display:block;height:15px;color:#51933e;text-decoration:none;} #navService a:hover{color:#959aad;background: transparent url(../img/design/bg_navService_active.png) bottom left repeat-x;} #navService a:focus, #navService a:active{color:#959aad;} #quickfinder{position:relative;float:left;} #quickfinder a:link, #quickfinder a:visited{display:block;text-decoration:none;color:#51933e;} #quickfinder a:hover{color:#959aad;} #quickfinder a:focus, #quickfinder a:active{color:#959aad;} #quickfinderOptions{position:absolute;z-index:99;background: #fff;FILTER: alpha(opacity=50); -moz-opacity: 0.8;bottom:15px;left:0;text-align:left;visibility:hidden;line-height:12px;padding:5px 0px 5px 0px;width:110px;} #quickfinderOptions li a:link, #quickfinderOptions li a:visited{width:100px;height:12px;display:block;padding:0px 0px 0px 13px;text-decoration:none;color:#959aad;background: transparent url(../img/design/bg_quickfinderOptions_inactive.png) top left no-repeat;} #quickfinderOptions li a:hover{color:#51933e;background: transparent url(../img/design/bg_quickfinderOptions_active.png) top left no-repeat;} #quickfinderOptions li a:focus, #quickfinderOptions li a:active{color:#51933e;background: transparent url(../img/design/bg_quickfinderOptions_active.png) top left no-repeat;} #adress{float:left;z-index:0;padding:15px 0 0 80px;color:#51933e;text-align:left;} #login{float:right;padding:15px 5px 0 0;} #login a:link, #login a:visited{display:block;color:#dcdde2;padding:0 5px;background-color:#959aad;border:1px solid #51933e;text-decoration:none;} #login a:hover{color:#51933e;background-color:#dcdde2;border:1px solid #959aad;text-decoration:none;} .footerbuttonright {float: right;padding: 5px 5px 0 0;width: 60px;} .footerbuttonright a:link, .footerbuttonright a:visited{display:block;color:#dcdde2;padding:0 5px;background-color:#959aad;border:1px solid #51933e;text-decoration:none;} .footerbuttonright a:hover{color:#51933e;background-color:#dcdde2;border:1px solid #959aad;text-decoration:none;} /* ------- FOOTER ENDE ------ */ /* ------- FORMULARE ------ */ #loginform{} #kontaktform{width:285px;height:266px;text-align:left;padding:38px 0 0 0px;background: transparent url(../img/design/bg_kontaktformular.png) top left no-repeat;} #kontaktform .label{line-height:9px;margin-left:90px;} #kontaktform .label_outline{float:left;width:85px;line-height:9px;font-weight:bold;text-align:right;padding-right:5px;} #kontaktform .button_normal{width:175px;height:27px;border:0;background: transparent url(../img/design/button_absenden.png) top left no-repeat;cursor:pointer;} #kontaktform .button_focus{width:175px;height:27px;border:0;background: transparent url(../img/design/button_absenden_active.png) top left no-repeat;cursor:pointer;} #contactform{width:285px;height:266px;text-align:left;padding:38px 0 0 0px;background: transparent url(../img/design/bg_contactform.png) top left no-repeat;} #contactform .label{line-height:9px;margin-left:90px;} #contactform .label_outline{float:left;width:85px;line-height:9px;font-weight:bold;text-align:right;padding-right:5px;} #contactform .button_normal_en{width:175px;height:27px;border:0;background: transparent url(../img/design/button_send.png) top left no-repeat;cursor:pointer;} #contactform .button_focus_en{width:175px;height:27px;border:0;background: transparent url(../img/design/button_send_active.png) top left no-repeat;cursor:pointer;} #kontaktform2{width:269px;text-align:left;padding:0;background: transparent url(../img/design/bg_kontaktformular2.png) top left repeat-y;} #kontaktform2 .headerimg{margin-bottom:20px;} #kontaktform2 .label{line-height:14px;margin-left:90px;} #kontaktform2 .checkboxlabel{line-height:9px;} #kontaktform2 .label_outline{float:left;width:85px;line-height:9px;font-weight:bold;text-align:right;padding-right:5px;} #kontaktform2 .button_normal{width:175px;height:27px;border:0;background: transparent url(../img/design/button_absenden.png) top left no-repeat;cursor:pointer;} #kontaktform2 .button_focus{width:175px;height:27px;border:0;background: transparent url(../img/design/button_absenden_active.png) top left no-repeat;cursor:pointer;} #kontaktform2 .button_normal_en{width:175px;height:27px;border:0;background: transparent url(../img/design/button_send.png) top left no-repeat;cursor:pointer;} #kontaktform2 .button_focus_en{width:175px;height:27px;border:0;background: transparent url(../img/design/button_send_active.png) top left no-repeat;cursor:pointer;} /* ------- FORMULARE ENDE ------ */