/*Farbauswahl navi_hg: #eee navi_text: #555458 orange: #FF6600 header_border: #FF9A66 h1: #9C9B9B mintgrün (Tabellenkopf): #D3E9E4 980px = 81.7em 18px = 1.5em 12px = 0.75em */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: block; } * { margin:0; padding: 0; } body, html { height: 100% !important; padding: 0;background-color: rgb(41,82,130)} html { height: 100%; margin-bottom: 1px; } html * { font-size: 100.01% } body { font-size: 0.75em; font-family: Arial, Helvetica, sans-serif, Verdana; text-align: center } * html body * { overflow:visible; } * html #page_margins { height:100% !important; } b, strong{font-weight: bold} img { border: 0 } sup, sub{font-size:60%} /*Überschriften; h1,h2 für die Startseite*/ h1{font-size: 2.4em; font-weight: normal;margin-top: 0;padding: 0;margin-bottom: 0.25em;color: #9C9B9B;} h2{ color: #000; font-size: 14px; font-weight: bold; padding-top: 25px; padding-bottom: 10px } h3{font-size: 1.125em; font-weight: bold; margin-top: 0;padding-top: 0;margin-bottom: 0.25em;color: #555458;} h4 { color: #555458; font-size: 1.25em; font-weight: bold; margin-top: 8px; margin-bottom: 6px; padding: 0 } h5 { color: #555458; font-size: 1.25em; font-weight: bold; margin-top: 0px; margin-bottom: 6px; padding: 0 } a, a:active, a:visited, a:focus{ color:#FF6600; text-decoration: none;} a:hover { text-decoration: underline} /*mainpage*/ #page_margins {clear: both; background-color: #fff;background-image: url(../_bilder/aufbau/faux.gif); background-repeat: repeat; text-align: left; margin: 0 auto;width: 980px; height: auto !important; min-height: 100%; border:0; } #page{ text-align: left; margin: 0; padding: 0; width: 980px; clear: both;position:relative;z-index: 1;height: 100%; margin-bottom: 1px; height: auto} #header { width: 100%; height: 160px;background-color: #fff; } .header_row{position: relative; height: 70px; border-bottom: 25px solid #FF9A66; background-color: #FF6600; display: block} * html .header_row{height: 95px;} .topnav { color: #fff; text-align: left; position: absolute; top: 10px; left: 37px } .topnav a, .topnav a:active, .topnav a:visited, .topnav a:focus {color: #fff; text-decoration: none;text-align: left} .topnav a:hover {text-decoration: underline } .claim { color: #fff; font-size: 1.5em; font-weight: bold; position: absolute; top: 45px; left: 63px } #header img { position: absolute; z-index: 100; top: 50px; right: 45px; width: 182px; height: 101px } #main { margin: 0; padding: 0; width: auto; clear: both; } .nav { color: #555458; background-color: #eee; margin: 0; padding-top: 15px; width: 200px; float: left; clear: both } .nav ul { list-style: none; display: block; margin: 0 0 5px 37px; padding: 0; padding-top: 5px } .nav ul li { text-align: left; margin: 0; padding: 0 } .nav ul li a, .nav ul li a:active, .nav ul li a:visited, .nav ul li a:focus { color: #555458; text-decoration: none; display: block; margin: 0; padding-top: 0.25em; padding-bottom: 0.25em; padding-left: 26px; height: 1.25em } .nav ul li a:hover, .nav ul li #aktiv {font-weight: bold; background-color: transparent; background-image: url(../_bilder/aufbau/navi_pfeil.gif); background-repeat: no-repeat; background-position: left center;text-decoration: none } .nav span {width: 137px; height: 1px; border-top: 1px solid #555458; float: right; display: block; clear: both} /*linie zwischen den listen*/ * html .nav span {font-size: 0; line-height: 0; background-color: #555458; border:0;height: 1px; overflow: hidden} /*linie für ie6*/ #content { background-color: #fff; margin:0; padding-bottom: 3em; width:780px; float: left; } .col_start { margin: 0 35px; padding: 0; width: auto;height: auto; background-color: #fff; } .flash { background-color: #ccc; margin-bottom: 37px; width: 710px; height: 190px } .col_start_cont{background-color: #fff;color:#555458; float: left;font-weight: normal;padding-left: 60px;line-height: 1.25em;} .col_start_cont ul { background-position: center; text-align: left; margin-top: 5px; margin-left: 16px; width: 144px } .col_start_cont li { color: #555458; list-style-image: url(../_bilder/aufbau/_punkt_orange.jpg) } /* Box: Meldung */ .area{width: 480px; background-color: #fff; float: right;position: relative } .msg { background: transparent; margin: 0 auto; position: absolute; z-index: 5; top: -26px; right: 0; width: 77px } .msg p { padding-bottom: 0.5em; border-bottom: 2px solid #fff } .msg .top{display:block; background:transparent; font-size:1px;} .msg .b1, .msg .b2, .msg .b3, .msg .b4 {display:block; overflow:hidden;} .msg .b1, .msg .b2, .msg .b3 {height:1px;background:#eee; border-left:1px solid #9C9B9B; border-right:1px solid #9C9B9B;} .msg .b4 {background:#eee; border-left:1px solid #9C9B9B; border-right:1px solid #9C9B9B;height:2px; margin:0 1px;} .msg .b1 {margin:0 5px; background:#9C9B9B;} .msg .b2 {margin:0 3px; border-width:0 2px;} .msg .b3 {margin:0 2px;} .msg .msg_cont {display:block; background:#eee; border-left:1px solid #9C9B9B; border-right:1px solid #9C9B9B; text-align: center} .box { margin-top: 0px; z-index: 1; width: 475px; height: auto; float: right; border: solid 1px #9c9b9b; clear:both } .box_cont { color: #555458;font-size: 11px; line-height: 14px; padding: 10px 12px 13px 19px; width: 320px; float: left; background-color: #fff} * html .box_cont { width: 351px } .box_cont_img{background-color:#fff; width: 120px; float: left; margin-top: 28px; } .col1_partner { color: #000; line-height: 1.3em; background-color: #fff; margin: 0 10px 0 10px } .col1 { margin: 0; padding: 0; width: 550px;height: auto; background-color:#fff; float: left ;clear: both} .col1_cont { color: #000; line-height: 1.3em; background-color: #fff; margin: 0 30px 0 35px } .col1 p, .col2 p { margin-top: 0.5em; margin-bottom: 0.5em } .col1_cont img{ border: 0;width: 485px;height: 105px; display: block } .col1_cont table {background-color: #fff; margin: 0; padding: 0; height: auto; border: 0; border-collapse: collapse;width: 485px; } * html col1_cont table {width: 455px; } .col1_cont tr { text-align: left; padding: 0;margin: 0;} .col1_cont td { font-weight:normal; margin: 0; padding: 5px 0 0 15px; overflow: hidden; vertical-align: top; border: 0;height: 60px; line-height: 15px} .col1_cont th { font-weight: bold; padding: 0 15px 0 10px; border:0; background-color: #D3E9E4; height: 20px } .col1_cont th a,.col1_cont th a:active,.col1_cont th a:visited,.col1_cont th a:focus { color: #555458; font-size: 11px; font-weight: normal; text-decoration: none; text-align: right; display: block; width: 125px } .col1_cont th a:hover{text-decoration: underline} .col1_cont a,.col1_cont a:active,.col1_cont a:visited,.col1_cont a:focus { color: #000; font-size: 12px; font-weight: normal; text-decoration: underline; text-align: left; } .col1_cont a:hover{text-decoration: underline} .col2 { margin: 0; padding: 0; width: 215px; height: auto; background-color:#fff;float: left ;} .col2_cont { font-size: 11px; color: #555458; line-height: 1.3em; background-color: #fff; padding: 10px 10px 10px; width: auto; border: solid 1px #9c9b9b } .col2_cont a,.col2_cont a:active,.col2_cont a:visited,.col2_cont a:focus { color: #ff6600; font-size: 11px; font-weight: normal; line-height: 11px; text-decoration: none; text-align: right; display: block; margin-right: 2px } .col2_cont a:hover{text-decoration: underline} .col2_mail a,.col2_mail a:active,.col2_mail a:visited,.col2_mail a:focus { color: #555458; font-size: 11px; font-weight: normal; text-align: left; display: inline } .col2_mail a:hover{text-decoration: none} .col2_mail_aktiv a,.col2_mail_aktiv a:active,.col2_mail_aktiv a:visited,.col2_mail_aktiv a:focus { color: #555458; font-size: 11px; font-weight: bold; text-align: left; display: inline } .col2_mail_aktiv a:hover{text-decoration: none} /*.col2_link a,.col2_mail a:active,.col2_mail a:visited,.col2_mail a:focus { color: #555458; font-size: 11px; font-weight: normal; text-align:left } .col2_link a:hover{text-decoration: underline}*/ .col2_cont img { background-color: #fff; margin-bottom: 5px; width: 190px; height: auto; border: solid 1px #9b9b9b } #footer{height:0.25em; clear:both; background: none} .rb { text-align: right } .float_le img{float: left; margin-right: 1em; clear: both} .float_re img{float: right; margin-left: 1em; clear: both} .float_left{float: left; clear: both } .float_right{float: right;clear: both;} /*Link black*/ .black a, a:active, .black a:visited, .black a:focus{ color:#000; text-decoration: underline;} .black a:hover { text-decoration: underline} /*Pop up bei Referenzen*/ #content_ref { background-color: #fff; margin:0; padding-bottom: 3em; width:550px; float: left; } .col1_ref { margin: 0; padding: 0; width: 340px; height: auto; background-color:#fff; float: left ;clear: both; text-align:left;} .col1_cont_ref { color: #000; line-height: 1.3em; background-color: #fff; margin: 0 0 0 20px } .col1_ref p, .col2_ref p { margin-top: 0.5em; margin-bottom: 0.5em } .col1_cont_ref img{ border: 0;width: 340px;height: 105px; display: block } .col1_cont_ref table {background-color: #fff; margin: 0; padding: 0; height: auto; border: 0; border-collapse: collapse;width: 300px; } * html col1_cont_ref table {width: 300px; } .col1_cont_ref tr { text-align: left; padding: 0;margin: 0;} .col1_cont_ref td { font-weight:normal; margin: 0; padding: 5px 0px 20px 15px; overflow: hidden; vertical-align: top; border: 0;height: 60px; line-height: 15px} .col1_cont_ref th { font-weight: normal; padding: 0 15px 0 10px; border:0; width: 280px; background-color: #D3E9E4; height: 20px } .col1_cont_ref th a,.col1_cont_ref th a:active,.col1_cont_ref th a:visited,.col1_cont_ref th a:focus { color: #555458; font-size: 11px; font-weight: normal; text-decoration: none; text-align: right; display: block; width: 125px } .col1_cont_ref th a:hover{text-decoration: underline} .col2_ref { padding-right:20px; width: 175px; height: auto; background-color:#fff;float: right ;} .col2_cont_ref { color: #555458; line-height: 1.3em; background-color: #fff; padding: 10px 10px 10px; width: auto; border: solid 1px #9b9b9b } .col2_cont_ref a,.col2_cont_ref a:active,.col2_cont_ref a:visited,.col2_cont_ref a:focus { color: #ff6600; font-size: 11px; font-weight: normal; line-height: 11px; text-decoration: none; text-align: right; display: block; margin-right: 2px } .col2_cont_ref a:hover{text-decoration: underline} .col2_cont_ref img { background-color: #fff; margin-bottom: 5px; width: 150px; height: auto; border: solid 1px #9b9b9b } .fusszeile { font-size: 0.75em; background-color: #fff; text-align: center; margin-left:20px; margin-right:20px; padding: 0; width: 510px; float: right; border-top: solid 1px #9b9b9b } .fusszeile a,.fusszeile a:active,.fusszeile a:visited,.fusszeile a:focus { color: #000; font-weight: normal; text-align: left; } .fusszeile a:hover{text-decoration: none} /*Pop up bei Zertifizierungen*/ #content_zer { background-color: #fff; margin:0; padding-bottom: 3em; width:550px; float: left; } .col1_zer { margin: 0; padding: 0; width: 515px; height: auto; background-color:#fff; float: left ;clear: both; text-align:left;} .col1_cont_zer { color: #000; line-height: 1.3em; background-color: #fff; margin: 0 0 0 20px } .col1_zer p, .col2_zer p { margin-top: 0.5em; margin-bottom: 0.5em } .col1_cont_zer img{ border: 0;width: 340px;height: 105px; display: block } .col1_cont_zer table {background-color: #fff; margin: 0; padding: 0; height: auto; border: 0; border-collapse: collapse;width: 300px; } * html col1_cont_zer table {width: 300px; } .col1_cont_zer tr { text-align: left; padding: 0;margin: 0;} .col1_cont_zer td { font-weight:normal; margin: 0; padding: 5px 0px 20px 15px; overflow: hidden; vertical-align: top; border: 0;height: 60px; line-height: 15px} .col1_cont_zer th { font-weight: normal; padding: 0 15px 0 10px; border:0; width: 280px; background-color: #D3E9E4; height: 20px } .col1_cont_zer th a,.col1_cont_zer th a:active,.col1_cont_zer th a:visited,.col1_cont_zer th a:focus { color: #555458; font-size: 11px; font-weight: normal; text-decoration: none; text-align: right; display: block; width: 125px } .col1_cont_zer th a:hover{text-decoration: underline}