* { margin: 0 0 0; padding: 0 }
html, body {
height: 100%;
}
body { margin: 0; padding: 0 }
body { font-family: arial, verdana, helvetica, serif; font-size: 12px; background-color: #ffffff; }
a:link { color: #515151; text-decoration: none; border: none }
a:visited { text-decoration: none; border: none }
a:hover { color: #000000; text-decoration: none; border: none }
a:active { text-decoration: none; border: none }
img { margin: 0; padding: 0; border: 0; outline-width: 0 }
div#wrapper {
position: relative;
margin: 0 auto;
width: 952px;
min-height: 100%;
height: auto !important;
height: 100%;
border: solid 8px white ;
margin-top: 5px;
}
/* html #wrapper {height: 100%;}*/
h1 { color: #008cb6; font-size: 16px; height: 20px; }
h2 {color: #000000; font-size: 12px }
h3 { font-size: 13px }
h4 {font-size: 15px; font-weight: bold; margin: 0px; padding-bottom: 8px; width: 465px }
h5 { }
h6 { font-size: 15px; margin: 15px 0 0; }
pre, code {background: #008cb6;}
pre { padding: 3px; }
/*SERVICEMENUE*/
#servicemenue { margin-top: 0; margin-bottom: 0; margin-left: 6px; padding: 0; height: 34px }
#servicemenue a { color: #7d8c93; font-size: 12px }
#servicemenue a:hover { color: #008cb6}
#servicemenue span { color: #7d8c93; margin: 0 5px; }
#servicemenue ul { margin: 0; padding: 0 }
#servicemenue ul li { margin: 0; padding: 0; display: inline; float: left }
.sm_links { position: absolute; float: left }
.sm_links img { margin-left: -17px; position: absolute }
.sm_rechts { width: auto; float: right }
.sm_rechts input { color: #8b9a97; margin-right: 5px; margin-left: 5px }
.suchformular { position: relative; top: -3px }
#seitentitel { margin: 0 6px; height: 35px }
.login { background-color: #e1e7e8; text-align: center; padding-top: 150px; width: 952px; height: 700px; float: left }
.login td.icon { vertical-align: top }
.login input { width: 150px }
.login table { background-color: white; padding: 20px; width: 350px; height: 180px; border: solid 2px #8b9a97 }
.login td { padding: 5px }
/*MENUE*/
.hidepics {
width:0px;
height:0px;
display:none; }
.hauptmenue { width: 952px; height: 31px }
.hauptmenue ul { margin: 0; padding: 0 }
.hauptmenue ul li { text-align: center; display: inline; float: left }
.hauptmenue ul li a { display: block; width: 157px; height: 30px; border-right: 2px solid white }
.hauptmenue ul li.m1-1 a {background-image: url(images/m_1-1.jpg); width: 157px; height: 30px; border-right: 2px solid white }
.hauptmenue ul li.m1-1 a:hover {background-image: url(images/m_1-1_aktiv.jpg); width: 157px; height: 30px; border-right: 2px solid white }
#n1_1.aktiv a {background-image: url(images/m_1-1_aktiv.jpg); width: 157px; height: 30px; border-right: 2px solid white }
.hauptmenue ul li.m1-2 a {background-image: url(images/m_1-2.jpg); width: 157px; height: 30px; border-right: 2px solid white }
.hauptmenue ul li.m1-2 a:hover {background-image: url(images/m_1-2_aktiv.jpg); width: 157px; height: 30px; border-right: 2px solid white }
#n1_2.aktiv a { background-image: url(images/m_1-2_aktiv.jpg); width: 157px; height: 30px; border-right: 2px solid white }
.hauptmenue ul li.m1-3 a {background-image: url(images/m_1-3.jpg); width: 157px; height: 30px; border-right: 2px solid white }
.hauptmenue ul li.m1-3 a:hover {background-image: url(images/m_1-3_aktiv.jpg); width: 157px; height: 30px; border-right: 2px solid white }
#n1_3.aktiv a {background-image: url(images/m_1-3_aktiv.jpg) ; width: 157px; height: 30px; border-right: 2px solid white}
.hauptmenue ul li.m1-4 a {background-image: url(images/m_1-4.jpg); width: 157px; height: 30px; border-right: 2px solid white }
.hauptmenue ul li.m1-4 a:hover {background-image: url(images/m_1-4_aktiv.jpg); width: 157px; height: 30px; border-right: 2px solid white }
#n1_4.aktiv a {background-image: url(images/m_1-4_aktiv.jpg); width: 157px; height: 30px; border-right: 2px solid white }
.hauptmenue ul li.m1-5 a {background-image: url(images/m_1-5.jpg); width: 157px; height: 30px; border-right: 2px solid white }
.hauptmenue ul li.m1-5 a:hover {background-image: url(images/m_1-5_aktiv.jpg); width: 157px; height: 30px; border-right: 2px solid white }
#n1_5.aktiv a {background-image: url(images/m_1-5_aktiv.jpg); width: 157px; height: 30px; border-right: 2px solid white }
.hauptmenue ul li.m1-6 a { background-image: url(images/m_1-6.jpg); width: 157px; height: 30px }
.hauptmenue ul li.m1-6 a:hover { background-image: url(images/m_1-6_aktiv.jpg); width: 157px; height: 30px }
#n1_6.aktiv a {background-image: url(images/m_1-6_aktiv.jpg); width: 157px; height: 30px }
#flash { z-index: 0; width: 952px; height: 189px; float: left }
#flash img { display: block }
.hauptmenue ul li.m2-1 a {background-image: url(images/m_2-1.jpg); width: 157px; height: 30px; border-right: 2px solid white }
.hauptmenue ul li.m2-1 a:hover {background-image: url(images/m_2-1_aktiv.jpg); width: 157px; height: 30px; border-right: 2px solid white }
#n2_1.aktiv a {background-image: url(images/m_2-1_aktiv.jpg); width: 157px; height: 30px; border-right: 2px solid white }
.hauptmenue ul li.m2-2 a {background-image: url(images/m_2-2.jpg); width: 157px; height: 30px; border-right: 2px solid white }
.hauptmenue ul li.m2-2 a:hover {background-image: url(images/m_2-2_aktiv.jpg); width: 157px; height: 30px; border-right: 2px solid white }
#n2_2.aktiv a { background-image: url(images/m_2-2_aktiv.jpg); width: 157px; height: 30px; border-right: 2px solid white }
.hauptmenue ul li.m2-3 a {background-image: url(images/m_2-3.jpg); width: 157px; height: 30px; border-right: 2px solid white }
.hauptmenue ul li.m2-3 a:hover {background-image: url(images/m_2-3_aktiv.jpg); width: 157px; height: 30px; border-right: 2px solid white }
#n2_3.aktiv a {background-image: url(images/m_2-3_aktiv.jpg) ; width: 157px; height: 30px; border-right: 2px solid white}
.hauptmenue ul li.m2-4 a {background-image: url(images/m_2-4.jpg); width: 157px; height: 30px; border-right: 2px solid white }
.hauptmenue ul li.m2-4 a:hover {background-image: url(images/m_2-4_aktiv.jpg); width: 157px; height: 30px; border-right: 2px solid white }
#n2_4.aktiv a {background-image: url(images/m_2-4_aktiv.jpg); width: 157px; height: 30px; border-right: 2px solid white }
.hauptmenue ul li.m2-5 a {background-image: url(images/m_2-5.jpg); width: 157px; height: 30px; border-right: 2px solid white }
.hauptmenue ul li.m2-5 a:hover {background-image: url(images/m_2-5_aktiv.jpg); width: 157px; height: 30px; border-right: 2px solid white }
#n2_5.aktiv a {background-image: url(images/m_2-5_aktiv.jpg); width: 157px; height: 30px; border-right: 2px solid white }
.hauptmenue ul li.m2-6 a { background-image: url(images/m_2-6.jpg); width: 157px; height: 30px }
.hauptmenue ul li.m2-6 a:hover { background-image: url(images/m_2-6_aktiv.jpg); width: 157px; height: 30px }
#n2_6.aktiv a {background-image: url(images/m_2-6_aktiv.jpg); width: 157px; height: 30px }
.hauptmenue ul li.ende a { border-right: 0 none }
.hauptmenue ul li.m1-1_aktiv a {background-image: url(images/m_1-1_aktiv.jpg); width: 157px; height: 30px; border-right: 2px solid white}
.hauptmenue ul li.m1-2_aktiv a {background-image: url(images/m_1-2_aktiv.jpg); width: 157px; height: 30px; border-right: 2px solid white}
.hauptmenue ul li.m1-3_aktiv a {background-image: url(images/m_1-3_aktiv.jpg); width: 157px; height: 30px; border-right: 2px solid white}
.hauptmenue ul li.m1-4_aktiv a {background-image: url(images/m_1-4_aktiv.jpg); width: 157px; height: 30px; border-right: 2px solid white}
.hauptmenue ul li.m1-5_aktiv a {background-image: url(images/m_1-5_aktiv.jpg); width: 157px; height: 30px; border-right: 2px solid white}
.hauptmenue ul li.m1-6_aktiv a {background-image: url(images/m_1-6_aktiv.jpg); width: 157px; height: 30px; border-right: 2px solid white}
.hauptmenue ul li.m2-1_aktiv a {background-image: url(images/m_2-1_aktiv.jpg); width: 157px; height: 30px; border-right: 2px solid white}
.hauptmenue ul li.m2-2_aktiv a {background-image: url(images/m_2-2_aktiv.jpg); width: 157px; height: 30px; border-right: 2px solid white}
.hauptmenue ul li.m2-3_aktiv a {background-image: url(images/m_2-3_aktiv.jpg); width: 157px; height: 30px; border-right: 2px solid white}
.hauptmenue ul li.m2-4_aktiv a {background-image: url(images/m_2-4_aktiv.jpg); width: 157px; height: 30px; border-right: 2px solid white}
.hauptmenue ul li.m2-5_aktiv a {background-image: url(images/m_2-5_aktiv.jpg); width: 157px; height: 30px; border-right: 2px solid white}
.hauptmenue ul li.m2-6_aktiv a {background-image: url(images/m_2-6_aktiv.jpg); width: 157px; height: 30px; border-right: 2px solid white}
/*INHALTE*/
.flashblock { display: block; float: left }
#titel { padding-top: 15px; padding-left: 8px; width: 946px; height: 40px; float: left ;}
.starttext { position: absolute; z-index: 50; width: 395px}
#flash2 { position: absolute; z-index: 0; top: 0; width: 755px; height: 189px }
#flash2 img { display: block }
div#flashcontent2 { text-align: center; z-index: 0; width: 952px; float: left }
.startseite { background-color: #e1e7e8; position: relative; top: 18px; width: 761px; height: 1200px; float: left }
.startseite p { color: #7b8c94; line-height: 18px; margin-top: 9px; margin-left: 30px; }
.startseite p .neust { color: #7b8c94; line-height: 18px; margin-top: 9px; margin-left: 25px; width: 295px }
.startseite p img { position: relative; top: -9px; left: -25px; border-right: 10px solid white; border-bottom: 10px solid white }
.startseite ul { color: #7b8c94; line-height: 18px; list-style-position: inside; margin-top: 5px; margin-left: 25px; width: 395px }
.startseitenlink {font-weight: bold }
.startseitenlink a {color: #7b8c94}
/*.startseite p a { color: #f00; font-size: 12px; font-weight: bold; text-decoration: underline; background-image: url(images/dreieck_sw.gif); background-repeat: no-repeat; background-position: left center; margin-left: 3px; padding-right: 0; padding-left: 7px }
*/
.startseite p a { color: #f00; font-size: 12px; font-weight: bold; text-decoration: underline; background-image: none; background-repeat: no-repeat; background-position: left center; margin-left: 3px; padding-right: 0; padding-left: 7px }
.startseite p a:visited { color: #f00; }
.startseite p a:hover { color: #7b8c94 }
.startseite p a:active { color: #f00; }
/*startseite neu VARIANTE 1*/
.startseite .aktuelles { background-color: #e1e7e8; padding-bottom: 20px; padding-top: 7px; z-index: 99; border-bottom: 10px solid white }
.startseite .aktuelles a { color: #f00; font-size: 14px; font-weight: bold; text-decoration: underline; background-image: url(images/dreieck_sw.gif); background-repeat: no-repeat; background-position: left center; margin-left: 3px; padding-right: 0; padding-left: 7px}
.startseite .aktuelles p { font-size: 15px; font-weight: bold; position: relative }
.startseite .aktuelles p span { color: #f00; font-size: 12px; font-weight: bold; position: relative; left: 20px }
.startseite .aktuelles img { background-color: red; position: relative; top: -20px; left: 440px; float: left }
/*.startseite { background-color: #e1e7e8; background-image: url(images/startseite_karte.gif); background-repeat: no-repeat; position: relative; top: 18px; width: 761px; height: 900px; float: left }*/
.starttext_neu { position: absolute; z-index: 50; top: 735px; left: 350px; width: 350px }
#flash_start {border-top: 10px solid white; background-color: #e1e7e8; position: relative; z-index: 0; top: 18px; width: 761px; height: 655px; }
.startseite .mediagalerie { background-color: #e1e7e8; width: 761px; position: relative; z-index: 99; }
.startseite .mediagalerie p { z-index: 99; font-size: 15px; font-weight: bold; position: relative; top: 7px; padding-bottom: 10px; }
/* - - - - - - - - - - - - */
.aktuelles a { color: #f00; font-size: 12px; font-weight: bold; background-image: url(images/dreieck_doppelt.gif); background-repeat: no-repeat; background-position: right center; padding-right: 15px }
.aktuelles a:visited { color: #f00; }
.aktuelles a:hover { color: #008CB6 }
.aktuelles a:active { color: #f00; }
.schnellzugriff { width: 158px; height: 100px; float: right }
.schnellzugriff .abstand { width: 158px; height: 10px; float: left }
.schnellzugriff_titel { margin-bottom: 8px; position: relative; left: 8px; width: auto; float: left }
.videoanzeige { margin-bottom: 10px; width: 158px; float: left}
.videoanzeige ul { padding: 0 }
.videoanzeige ul li { color: #fe0002; display: inline }
.schnellmenue { background-color: #e1e7e8; margin-bottom: 10px; width: 158px; float: left }
.schnellmenue_anzeige { background-color: #fe0002; margin-bottom: 10px; width: 158px; float: left }
.schnellmenue_anzeige ul { margin-right: 8px; margin-bottom: 10px; margin-left: 8px; padding: 0 }
.schnellmenue_anzeige ul li { color: white; display: inline }
.schnellmenue ul { margin-right: 8px; margin-bottom: 10px; margin-left: 8px; padding: 0 }
.schnellmenue ul li { display: inline; margin: 10px 0 0; padding: 0 0 5px; width: 142px; float: left; border-bottom: 1px solid white }
.schnellmenue ul li.alle { border-bottom: 0 none; margin-bottom: 3px; }
.schnellmenue ul li a { color: #7b8c94; font-size: 11px; line-height: 15px; background-position: right center }
.schnellmenue ul li span { font-size: 10px; line-height: 15px; background-position: right center; display: block; width: 142px }
.schnellmenue ul li a img { margin-left: 8px}
.schnellmenue ul li a:hover {color: #008cb6}
.schnellmenue .edit a span {width: 25px;}
.schnellmenue ul li a.cams:link { color: #7b8c94; font-size: 11px; font-weight: bold; background-image: url(images/dreieck_doppelt.gif); background-repeat: no-repeat; background-position: right center; padding-right: 15px }
.schnellmenue ul li a.cams:visited { color: #7b8c94; font-size: 11px; font-weight: bold; background-image: url(images/dreieck_doppelt.gif); background-repeat: no-repeat; background-position: right center; padding-right: 15px }
.schnellmenue ul li a.cams:hover { color: #008cb6; font-size: 11px; font-weight: bold; background-image: url(images/dreieck_doppelt_blau.gif); background-repeat: no-repeat; background-position: right center; padding-right: 15px }
.schnellmenue ul li a.cams:active { color: #7b8c94; font-size: 11px; font-weight: bold; background-image: url(images/dreieck_doppelt.gif); background-repeat: no-repeat; background-position: right center; padding-right: 15px }
.schnellmenue ul li a.archivlink:link { color: #000000; font-size: 11px; font-weight: bold; background-image: url(images/dreieck_doppelt.gif); background-repeat: no-repeat; background-position: right center; padding-right: 15px }
.schnellmenue ul li a.archivlink:visited { color: #000000; font-size: 11px; font-weight: bold; background-image: url(images/dreieck_doppelt.gif); background-repeat: no-repeat; background-position: right center; padding-right: 15px }
.schnellmenue ul li a.archivlink:hover { color: #008cb6; font-size: 11px; font-weight: bold; background-image: url(images/dreieck_doppelt_blau.gif); background-repeat: no-repeat; background-position: right center; padding-right: 15px }
.schnellmenue ul li a.archivlink:active { color: #7b8c94; font-size: 11px; font-weight: bold; background-image: url(images/dreieck_doppelt.gif); background-repeat: no-repeat; background-position: right center; padding-right: 15px }
.schnellkopf { background-color: #e1e7e8; width: 158px; float: left }
.schnellkopf ul { margin-right: 8px; margin-left: 8px; padding: 0 }
.schnellkopf ul li { color: #7b8c94; font-weight: bold; display: inline; margin: 10px 0 0; padding: 0 0 5px; width: 142px; float: left; border-bottom: 1px solid white }
.schnellmenue ul li a img { margin-left: 8px}
.schnellmenue .sub { font-size: 13px; font-weight: bold }
.schnellmenue .sub:visited { color: #8b9a97 }
.schnellmenue .sub2 { font-size: 11px; margin-left: 8px }
.schnellmenue .sub2:visited { color: #8b9a97 }
.sub { font-size: 13px; font-weight: bold }
.sub:visited { color: #8b9a97 }
ul.sub2 { font-size: 11px; margin-left: 8px }
.sub2:visited { color: #8b9a97 }
a.sub { color: #8b9a97;}
a.sub2 {color: #8b9a97; }
a.sub:hover, a.sub2:hover { color: #008cb6;}
a.sub{position:relative;}
a.sub:hover{z-index:25;}
a.sub span { background-color: white; display: none; padding: 5px; position: absolute; top: 0.8em; left: 12em; width: 158px; border: solid 1px gray }
a.sub:hover span { background-image: url(images/tooltipp.gif); background-repeat: no-repeat; display: block }
#inhalte_menue .aktiv { color: #008cb6 }
#inhalte_menue { position: relative; top: 18px; left: 2px; width: 187px; height: 600px; float: left }
#inhalte_menue li { padding-bottom: 5px; padding-right: 20px }
#inhalte_menue ul.sub1 { list-style-image: url(images/dreieck_sw.gif); padding-left: 10px }
.serviceseiten #inhalte_menue ul.sub1 { padding-left: 18px }
.serviceseiten #inhalte_menue ul.sub2 { }
.content { margin-bottom: 30px; position: relative; top: 18px; width: 572px; float: left }
.content .info {
border-bottom: 1px solid #ACBFBB;
padding-bottom: 20px;
padding-top: 20px;
width: 100%;
}
.content .info img { width: auto; height: auto; float: right }
.content .info a { color: #000000;}
.content .info a:visited { color: #000000;}
.content .info a:hover { color: #008cb6 }
.content .info .google { width: auto; height: auto; float: right; }
a.google:link { color: #000000; text-decoration: underline; background-image: url(images/dreieck_sw.gif); background-repeat: no-repeat; background-position: left center; margin-left: 3px; padding-left: 7px }
a.google:visited { color: #000000; background-image: url(images/dreieck_sw.gif); background-repeat: no-repeat; background-position: left center; margin-left: 3px; padding-left: 7px }
a.google:hover { color: #008cb6; background-image: url(images/dreieck_blau.gif); background-repeat: no-repeat; background-position: left center; margin-left: 3px; padding-left: 7px }
.space { background-color: fuchsia; width: 100px; height: 20px; }
.infobox { position: absolute; z-index: 100; top: -18px; left: 396px; width: 177px }
.infobox a {text-decoration: underline; padding: 5px 18px 5px 0; background: transparent url(images/download-sw.gif) no-repeat center right}
.infobox a:hover {text-decoration: underline; color: #008cb6; padding: 5px 18px 5px 0; background: transparent url(images/download.gif) no-repeat center right}
.infobox a:visited {color: #515151;}
.infobox a img { text-decoration: none }
.infobox a.punkt { text-decoration: none; background: no-repeat right center; padding: 0 }
.infobox a.punkt :hover { color: #008cb6; text-decoration: none; background: no-repeat right center; padding: 0 }
.bildbox { position: absolute; z-index: 100; top: 130px; left: 396px; width: 174px; }
.bildbox img { margin-bottom: 25px; border: solid 3px white }
.bildbox_big { position: absolute; z-index: 5; top: 165px; left: 312px; }
.bildbox_big img { margin-bottom: 25px; border: solid 3px white }
/*.bruecken { background-color: #eee991 }
.tunnel { background-color: #e0ee9c }
.ueberblick { background-color: #a2b6c2 }*/
.bruecken { background-color: #b4e4f4; padding-bottom: 15px }
.tunnel { background-color: #e0ee9c; padding-bottom: 15px }
.ueberblick { background-color: #eee991; padding-bottom: 15px }
#gallery_admin_buttons a { background-image: none; padding-left:0px; }
#gallery_admin_buttons img { position: relative; top: 11px }
.content_allgemein { height: auto }
.content_allgemein p { line-height: 16px; margin: 0 0 21px; padding: 0; width: 465px; }
.content_allgemein ul.list { display: list-item; margin-left: 15px; width: 450px; }
.content_allgemein ul.list li { padding-bottom: 15px }
.content_allgemein ul.liste li { margin-bottom: 10px; width: 465px }
.content_allgemein ul.liste { padding-left: 12px; float: left; width: 465px }
.content_allgemein p.startabsatz { line-height: 16px; margin: 0 0 23px; padding: 0; width: 358px }
.content_allgemein ul#list { list-style-type: disc; margin-left: 5px; padding-left: 15px; width: 450px; }
.content_allgemein ul#list li { padding-bottom: 15px }
.content_allgemein ul#liste li { margin-bottom: 10px; width: 465px }
.content_allgemein ul#liste { padding-left: 12px; float: left; width: 465px }
.content_allgemein p.scrollbild { width: 465px; overflow: auto; clip: rect(auto 465px; auto; auto) }
.content_allgemein img { margin-bottom: 12px; }
/*.content_allgemein a:link { color: #000000; text-decoration: underline; background-image: url(images/dreieck_sw.gif); background-repeat: no-repeat; background-position: left center; margin-left: 3px; padding-left: 7px; position: relative; }
.content_allgemein a:visited { color: #000000; text-decoration: underline; background-image: url(images/dreieck_sw.gif); background-repeat: no-repeat; background-position: left center; margin-left: 3px; padding-left: 7px }
.content_allgemein a:hover { color: #008cb6; text-decoration: underline; background-image: url(images/dreieck_sw.gif); background-repeat: no-repeat; background-position: left center; margin-left: 3px; padding-left: 7px }
.content_allgemein a:active { color: #008cb6; text-decoration: underline; background-image: url(images/dreieck_blau.gif); background-repeat: no-repeat; background-position: left center; margin-left: 3px; padding-left: 7px }
*/.baufortschritt { width: 572px; float: left }
.content_allgemein a.bild { color: #000000; text-decoration: underline; background-image: none; background-position: left center; margin-left: 0; padding-left: 0 }
.content_allgemein a.bild img.lupe { position: relative; right: 18px }
.content_allgemein a.bild img.lupelinks { position: relative; right: 465px }
a.bild img.lupe { position: relative; right: 18px }
a.bild img.lupelinks { position: relative; right: 465px }
a[rel=lightbox[roadtrip]] {
background-image:url(imgages/lupe.gif);
}
.content p.small { font-size: 10px; width: 465px }
.content_allgemein p.small_left { font-size: 10px; margin-top: 28px; width: 465px }
.content_allgemein .galerie { font-size: 12px; margin-right: 15px; width: 100px; height: 100px; float: left }
.content_allgemein .galerie a { padding: 0 }
.content_allgemein .galerie p.ut { font-size: 10px }
.content_allgemein .galeriecontainer { width: 465px; float: left }
.content_allgemein .galeriecontainer a { background-image: none; list-style-image: none; margin: 0; padding: 0 }
.content_allgemein .galeriecontainer a:hover { background-image: none }
@media screen and (-webkit-min-device-pixel-ratio:0){
#galerie .play { background: url(images/video-play.png) no-repeat; position: absolute; top: -128px; left: -1px; width: 160px; height: 120px }
#galerie li span { color: #7b8c94; font-size: 11px; display: block; position: relative; top: -12px; width: 160px }
#galerie3 .play { background: url(images/down.gif) no-repeat; position: absolute; top: -128px; left: -1px; width: 160px; height: 120px }
#galerie3 li span { color: #7b8c94; font-size: 11px; display: block; position: relative; top: -12px; width: 160px }
}
#galerie {margin-bottom: 20px; }
#galerie li { text-align: left; list-style-type: none; margin-right: 20px; margin-bottom: 20px; position: relative; top: 0; left: 0; height: 180px; float: left }
#galerie li span { color: #7b8c94; font-size: 11px; display: block; position: relative; top: -17px; width: 160px }
#galerie li span.zeit { color: #000; background-color: white; display: inline; padding: 0 2px; position: relative; top: -30px; left: 130px }
#galerie li a { text-decoration: none; background-image: none; margin: 0; padding: 0 }
#galerie img { display: block; margin-bottom: 8px; width: 160px; height: 120px; }
/*#galerie img.play :hover { filter:alpha(opacity=50); opacity: 0.5; -moz-opacity:0.5;}*/
#galerie .play { background: url(images/video-play.png) no-repeat; position: absolute; top: 0px; left: 0px; width: 160px; height: 120px }
#galerie .play:hover { background: url(images/video-play_over.png) no-repeat; }
#videoeinzeln { text-align: left; list-style-type: none; margin-right: 20px; margin-bottom: 20px; position: relative; top: 0; left: 0; height: 180px; float: left }
#videoeinzeln a { text-decoration: none; background-image: none; margin: 0; padding: 0 }
#videoeinzeln img { display: block; margin-bottom: 8px; width: 572px; height: 323px; }
#videoeinzeln .play { background: url(images/video-play_big.png) no-repeat; position: absolute; top: 0px; left: 0px; width: 572px; height: 323px }
#videoeinzeln .play:hover { background: url(images/video-play_over_big.png) no-repeat; }
#galerie2 {margin-bottom: 20px; }
#galerie2 li { list-style-type: none; margin-right: 15px; margin-bottom: 20px; width: 160px; float: left }
#galerie2 li span { color: #7b8c94; padding-left: 4px }
#galerie2 li a { color: #7b8c94; text-decoration: none; background-image: none; padding-left: 2px }
#galerie2 li a:hover { color: #008cb6; }
#galerie2 li a strong { text-decoration: none; background-image: url(images/dreieck_doppelt.gif); background-repeat: no-repeat; background-position: right center; padding-right: 15px }
#galerie2 img
{ display: block; margin-bottom: 3px; border: solid 2px #fff }
#galerie2 li img:hover {border: 2px solid #008cb6; display: block; }
/*Übersichtsseiten*/
#galerie3 ul { border: 0px; list-style: none; margin: 0; padding: 0; width: 572px; }
#galerie3 li {position:relative; display: inline-block; margin-right: 14px; margin-bottom: 20px; padding: 0; vertical-align: top; width: 130px; }
#galerie3 li span { color: #7b8c94; font-size: 11px; display: block; position: relative; top: 0px; width: 130px }
#galerie3 li span.zeit { color: #000; background-color: white; display: inline; padding: 1px 5px 1px 5px; position: relative; top: -120px; left: 10px }
#galerie3 li a { text-decoration: none; background-image: none; margin: 0; padding: 0 }
#galerie3 ul li.last {margin-right: 0px }
#galerie3 img { display: block; margin-bottom: 8px; border: solid 1px #7b8c94; }
#galerie3 img.play {border: solid 0px #7b8c94; }
#galerie3 .play { background: url(images/down.png) no-repeat; position: absolute; top: 0px; left: 0px; width: 130px; height: 184px }
#galerie3 .play:hover { background: url(images/down-over.png) no-repeat; }
#galerie3 .x { background: url(images/down-s.png) no-repeat; position: absolute; top: 0px; left: 0px; width: 84px; height: 184px }
#galerie3 .x:hover { background: url(images/down-over-s.png) no-repeat; }
#galerie3 .titel {width: 572px;}
.uebersicht img { display: block; margin-bottom: 3px; border: solid 1px #7b8c94; }
.uebersicht li img:hover {border: 0px solid #008cb6; display: block; }
.uebersicht li { display: inline-block; margin-right: 14px; margin-bottom: 15px; padding: 0; vertical-align: top; width: 130px; }
.uebersicht ul { border: 0px; list-style: none; margin: 0; padding: 0 0 8px 0; overflow: auto; width: 572px; }
.uebersicht span {color: #7b8c94; font-size: 11px; }
.uebersicht ul li.last {margin-right: 0px }
.uebersicht .play { background: url(images/down.gif) no-repeat; position: absolute; top: 50px; left: 81px; width: 39px; height: 39px }
.uebersicht .play:hover { background: url(images/down-over.gif) no-repeat; }
/* - - - */
/*Jahresfilter*/
#jahrfilter {width:465px; height:50px; }
#jahrfilter ul#jahre {padding:0; margin:0; list-style:none;}
#jahrfilter ul#jahre li {background-color: #e1e7e8; float: left; border: solid 2px white }
#jahrfilter ul#jahre li a {color:#8b9a97; font-size: 13px; font-weight: bold; line-height: 26px; text-decoration: none; padding: 0 10px }
#jahrfilter ul#jahre li a:hover {color:#008cb6; }
#jahrfilter ul#jahre li a:link {color:#8b9a97; }
#jahrfilter ul#jahre li a:active {color:#fff; }
#jahrfilter ul#jahre li.aktiv {background-color:#008cb6; color:#fff;}
#jahrfilter ul#jahre li.aktiv a { color:#fff;}
/*Baufortschrittsmeldungen*/
.content_meldungen { background-color: #e1e7e8; padding-bottom: 25px; padding-left: 18px }
.content_meldungen p.datum { font-size: 11px; font-weight: bold; margin: 13px 0 3px }
.content_meldungen p.titel_meldung { font-size: 15px; font-weight: bold; margin-bottom: 21px }
.content_meldungen p { line-height: 16px; margin: 0 0 40px; padding: 0; width: 480px }
.content_meldungen img { margin-bottom: 12px; }
.content_meldungen p.small { text-align: right; margin: 0 0 5px; padding: 0; width: 510px }
.content_meldungen .zurueck { background-color: #ffffff; display: block; position: relative; left: -18px; width: 130px }
a.zurueck {font-weight: bold; background-image: url(images/dreieck_doppelt_back.gif); background-repeat: no-repeat; background-position: left center; padding-top: 5px; padding-bottom: 5px; padding-left: 16px }
.content_meldungen a.zurueck:visited {color: #000000; background-image: url(images/dreieck_doppelt_back.gif); background-repeat: no-repeat; background-position: left center }
.content_meldungen a.zurueck:hover { color: #008cb6; background-image: url(images/dreieck_doppelt_back_blau.gif); background-repeat: no-repeat; background-position: left center }
.content_meldungen a.zurueck:active {color: #008cb6; background-image: url(images/dreieck_doppelt_back_blau.gif); background-repeat: no-repeat; background-position: left center }
.baufortschritt_neu p.titel {width: 465px;}
.baufortschritt_neu .meldung_box {margin-bottom: 25px; float: left; width: 466px;}
.baufortschritt_neu .meldung { margin-right: 31px; margin-bottom: 25px; width: 134px; height: 150px; float: left }
.baufortschritt_neu .ende {margin-right: 0px;}
.baufortschritt_neu .meldung .datum { font-size: 11px; font-weight: bold; background-color: #e1e7e8; padding: 3px 3px 3px 5px; width: 88px; height: auto; float: left }
.baufortschritt_neu .meldung .datum span { background-color: orange; width: 40px }
.baufortschritt_neu .meldung .datum span a { width: 17px; float: left }
.baufortschritt_neu .meldung img { display: block; clear: both }
.baufortschritt_neu .meldung .bild1 { background-color: #e1e7e8; width: 134px; height: 102px; float: left }
.baufortschritt_neu .meldung .titel_meldung { font-size: 11px; font-weight: bold; background-color: #e1e7e8; padding: 3px 3px 5px 5px; width: 126px; float: left }
.baufortschritt_neu .meldung a.detail { background-image: url(images/dreieck_doppelt.gif); background-repeat: no-repeat; background-position: right center; padding-top: 5px; padding-right: 16px; padding-bottom: 5px }
.baufortschritt_neu .meldung a.detail:link { color: #7b8c94; background-image: url(images/dreieck_doppelt.gif); background-repeat: no-repeat; background-position: right center }
.baufortschritt_neu .meldung a.detail:visited { color: #7b8c94; background-image: url(images/dreieck_doppelt.gif); background-repeat: no-repeat; background-position: right center }
.baufortschritt_neu .meldung a.detail:hover { color: #008cb6; background-image: url(images/dreieck_doppelt_blau.gif); background-repeat: no-repeat; background-position: right center }
.baufortschritt_neu .meldung a.detail:active {color: #008cb6; background-image: url(images/dreieck_doppelt_blau.gif); background-repeat: no-repeat; background-position: right center }
.galerieBild {background-image: none; margin-right: 31px; margin-bottom: 10px; width: 134px; height: 180px; float: left;font-size: 11px; }
/*.galerieBild .bild1 { width: 133px; height: 100px; float: left }*/
.galerieBild .bild1 img { display: block; margin-bottom: 5px; }
.galerieBild img { margin-bottom: 0px; }
.galerieBildneu { font-size: 12px; background-image: none; margin-top: 5px; margin-right: 10px; height: 180px; float: left }
/*.galerieBildneu .bild1 img { display: block; }*/
.galerieBildneu img { margin-bottom: 0px; }
.content_allgemein .accordionContent .galerieBildneu .bild1 a img.lupe {position: relative; right: 18px }
.bild1 a img.lupe { position: relative; right: 18px }
p.thema { font-size: 15px; margin: 0 0 5px }
/*--*/
div#flashcontent_baufortschritt { z-index: 0; width: 572px; height: 450px; float: left }
#flash_baufortschritt { margin-bottom: 20px; z-index: 0; width: 572px; float: left }
#flash_baufortschritt img { display: block }
#flash { z-index: 0; width: 952px; height: 189px; float: left }
#flash img { display: block }
div#flashcontent { text-align: center; z-index: 0; width: 952px; float: left }
.bfform { background-color: #e1e7e8; margin-bottom: 20px; padding: 20px 10px 10px 20px; float: left }
.bfform p { margin-right: 10px; margin-bottom: 10px; width: 250px; float: left }
.bfform hr { margin-right: 10px; margin-bottom: 10px; width: 500px; float: left }
.bfform .submit { float: right }
.bfform .meter { width: 50px }
.bfform input { margin-right: 5px; margin-left: 2px }
#aktuell { color: gray }
.baufortschritt1 { width: 572px; float: left }
.content p.titel { font-size: 15px; font-weight: bold; margin: 0 0 15px; padding: 0; width: 465px }
.content .content_allgemein p.event { color: #f00; font-size: 14px; font-weight: bold; background-color: green }
.content p.bauforschritt_gespeichert { color: #fff; font-size: 13px; font-weight: bold; background-color: #c30; text-align: center; margin: 0; padding-top: 5px; padding-bottom: 5px; position: absolute; z-index: 10; top: -30px; width: 570px }
.content .bfform input { margin-top: 5px }
.content .bfform hr { width: 530px; border-top: 1px solid #808080 }
.content .bfform .datum { margin-top: 5px; width: 100% }
.baufortschritt p.titel { font-size: 15px; font-weight: bold; margin: 0; padding: 0; position: absolute; z-index: 100; width: 377px }
.content .bfform p.t { font-weight: bold; width: 377px; height: 20px }
.baufortschritt .baufortschritt_meldung { margin-right: 30px; margin-bottom: 20px; width: 271px; height: 80px; float: left }
.baufortschritt .ohneabstand { margin-right: 0 }
.baufortschritt .baufortschritt_meldung img { margin-top: 8px; margin-right: 5px; float: left }
.baufortschritt .baufortschritt_meldung p.kurz { font-size: 11px; margin-top: 9px; width: 195px; float: left }
.baufortschritt .baufortschritt_meldung .kopf { font-weight: bold; background-color: #e1e7e8; width: 271px; height: 18px }
.baufortschritt .baufortschritt_meldung .kopf p { font-size: 11px; padding: 3px 3px 3px 5px }
.baufortschritt .baufortschritt_meldung p.kurz a.mehr { color: #7b8c94; background-image: url(images/dreieck_doppelt.gif); background-repeat: no-repeat; background-position: right center; padding-right: 12px; width: auto; float: right }
.baufortschritt .baufortschritt_meldung p.kurz a.mehr:hover { color: #008cb6; background-image: url(images/dreieck_doppelt_blau.gif); background-repeat: no-repeat; background-position: right center; padding-right: 12px; float: right }
/**/
.infobox_titel { margin-left: 10px; height: 18px }
.infobox_inhalt { }
.infobox_inhalt p { font-size: 11px; line-height: 15px; margin: 0 8px; padding-top: 10px; padding-bottom: 4px; border-bottom: 1px solid white }
.infobox_inhalt p.ohne { margin-bottom: 0; border-bottom: 1px none fuchsia }
.infobox_inhalt .linie { background-color: white; margin-right: 10px; margin-left: 10px; height: 1px }
.serviceseiten { background-color: #e1e7e8; background-repeat: no-repeat; width: 952px; height: 100%; float: left }
.serviceseiten p.text { width: 395px; height: auto }
.serviceseiten .glossareintrag { margin-top: 20px; margin-left: 182px; padding-bottom: 10px; width: 495px; border-bottom: 1px solid #acbfbb }
#glossar { width: 572px; float: left }
#glossar #glossar_buchstaben_liste { text-align: center; margin-right: 8px; margin-bottom: 5px; height: 50px }
#glossar #glossar_begriffe_liste { }
#glossar #glossar_begriffe_liste .glossar_begriffzeile { padding-top: 10px; float: left; border-bottom: 1px solid #808080 }
#glossar .glossar_buchstabe { background-color: white; text-align: center; margin-right: 8px; margin-bottom: 5px; width: 20px; height: 15px; float: left; border: solid 1px #acbfbb }
#glossar .glossar_begriff { font-weight: bold; width: 170px; float: left }
#glossar #glossar_begriffe_liste .glossar_beschreibung { background-color: #e1e7e8; margin-bottom: 10px; width: 390px; float: right; border-bottom: medium none }
.serviceseiten .glossareintrag .begriff { width: 130px; float: left; border-bottom: 1px none #808080 }
.serviceseiten .glossareintrag .beschreibung { width: 320px; float: right }
.pressemeldung {position: relative; top: -18px;}
.serviceseiten .pressemeldung { line-height: 15px; margin-top: 20px; padding-bottom: 10px; position: relative; top: 18px; width: 570px }
.serviceseiten .pressemeldung .beschreibung { font-size: 11px; width: 410px; float: left }
.serviceseiten .pressemeldung .titel { font-size: 15px; line-height: 20px; margin: 0 0 5px; padding: 0; width: 410px; height: auto }
.serviceseiten .pressemeldung a.titel {color: #000000 }
.serviceseiten .pressemeldung a.titel:hover {color: #008cb6 }
.serviceseiten .pressemeldung .thumb { font-size: 11px; width: 40px; float: left }
.serviceseiten .pressemeldung .foto { margin-top: 80px; margin-bottom: 20px; width: 120px; float: right }
.serviceseiten .pressemeldung .foto img { margin-bottom: 20px }
.serviceseiten .zurueck { margin-left: 300px; width: auto; height: auto; float: left }
.serviceseiten a.zurueck { color: #7b8c94; background-image: url(images/dreieck_doppelt_back.gif); background-repeat: no-repeat; background-position: left center; padding-left: 12px }
.serviceseiten a.zurueck:hover { color: #008cb6; background-image: url(images/dreieck_doppelt_back_blau.gif); background-repeat: no-repeat; background-position: left center }
.pressemeldung .beschreibung .bilderbox { margin-bottom: 20px; width: 440px; float: left }
.pressemeldung .beschreibung .bilderbox a.bild {color: #000000; text-decoration: underline; background-image: none; background-position: left center; margin-left: 0; padding-left: 0 }
.pressemeldung .beschreibung .bilderbox a.bild img.lupe { position: relative; top: 112px; right: 18px }
.pressemeldung .beschreibung .bilderbox a.bild:visited { }
.pressemeldung .beschreibung .bilderbox a.bild:hover { }
.pressemeldung .beschreibung .bilderbox a.bild:active { }
.pressemeldung .beschreibung img { display: block; margin-bottom: 12px; float: left }
.serviceseiten .pressemeldung_archiv { line-height: 15px; margin-top: 20px; padding-bottom: 10px; width: 570px; border-bottom: 1px solid #acbfbb }
.serviceseiten .pressemeldung_archiv .titel { font-size: 15px; line-height: 20px; margin: 0 0 5px; padding: 0; width: 375px; height: auto }
.serviceseiten .pressemeldung_archiv a.titel {color: #000000 }
.serviceseiten .pressemeldung_archiv a.titel:hover {color: #008cb6 }
.serviceseiten .pressemeldung_archiv a.mehr { color: #7b8c94; background-image: url(images/dreieck_doppelt.gif); background-repeat: no-repeat; background-position: right center; padding-right: 12px; width: auto; float: right }
.serviceseiten .pressemeldung_archiv a.mehr:hover { color: #008cb6; background-image: url(images/dreieck_doppelt_blau.gif); background-repeat: no-repeat; background-position: right center; padding-right: 12px; float: right }
.serviceseiten .pressemeldung_archiv .beschreibung { font-size: 11px; width: 375px; float: left }
.serviceseiten .pressemeldung_archiv .thumb { font-size: 11px; width: 40px; float: left }
.serviceseiten .pressemeldung_archiv .foto { width: 120px; float: right }
/*Sitemap*/
.sitemap ul.ssub1 { list-style-image: url(images/vz.gif); margin-left: 5px; padding-left: 9px }
.sitemap ul.ssub2 { list-style-image: url(images/uvz.gif) }
.ssub { font-size: 11px; font-weight: bold }
.ssub:visited { color: #8b9a97 }
.ssub2 { font-size: 11px}
.ssub3 { font-size: 10px }
.ssub2:visited { color: #8b9a97 }
.ssub3:visited { color: #8b9a97 }
/*a.ssub { color: #8b9a97; background-image: url(images/vz.gif); background-repeat: no-repeat; background-position: 0 center; padding-left: 9px }
a.ssub2 { color: #8b9a97; background-image: url(images/uvz.gif); background-repeat: no-repeat; background-position: 0 center; padding-left: 8px }*/
a.ssub:hover { color: #008cb6}
a.ssub2:hover { color: #008cb6}
a.ssub3:hover { color: #008cb6 }
ul.ssub1 li { padding-top: 5px}
ul.ssub2 { margin-left: 7px; padding-top: 5px; padding-bottom: 10px }
ul.ssub3 { margin-left: 7px; padding-top: 0px; padding-bottom: 5px }
table.sitemap { width: 100%; border-collapse: collapse; table-layout: fixed }
table.sitemap td { padding: 15px 10px 10px 5px; vertical-align: top; border-right: 2px solid white; border-bottom: 2px solid white }
table.sitemap td.randlos { border-right: 2px }
/*Presseportal*/
.content .pressemeldung_archiv { line-height: 15px; margin-bottom: 10px; padding-bottom: 10px; width: 570px; border-bottom: 1px solid #acbfbb }
.content .pressemeldung_archiv .titel { font-size: 15px; line-height: 20px; margin: 0 0 5px; padding: 0; width: 410px; height: auto }
.content .pressemeldung_archiv a.titel {color: #000000 }
.content .pressemeldung_archiv a.titel:hover {color: #008cb6 }
.content .pressemeldung_archiv a.mehr { color: #7b8c94; background-image: url(images/dreieck_doppelt.gif); background-repeat: no-repeat; background-position: right center; padding-right: 12px; width: auto; float: right }
.content .pressemeldung_archiv a.mehr:hover { color: #008cb6; background-image: url(images/dreieck_doppelt_blau.gif); background-repeat: no-repeat; background-position: right center; padding-right: 12px; float: right }
.content .pressemeldung_archiv .beschreibung { font-size: 11px; width: 410px; float: left }
.content .pressemeldung_archiv .thumb { font-size: 11px; width: 40px; float: left }
.content .pressemeldung_archiv .foto { width: 120px; float: right }
.content .pressemeldung .beschreibung { font-size: 11px; width: 410px; float: left }
.content .pressemeldung { line-height: 15px; margin-top: 20px; padding-bottom: 10px; width: 570px; }
.content .pressemeldung .titel { font-size: 15px; line-height: 20px; margin: 0 0 5px; padding: 0; width: 410px; height: auto }
.content .pressemeldung a.titel {color: #000000 }
.content .pressemeldung a.titel:hover {color: #008cb6 }
.content .pressemeldung .thumb { font-size: 11px; width: 40px; float: left }
.content .pressemeldung .foto { margin-top: 80px; margin-bottom: 20px; width: 120px; float: right }
.content .pressemeldung .foto img { margin-bottom: 20px }
.serviceseiten .download { line-height: 15px; margin-top: 20px; padding-bottom: 10px; width: 570px; border-bottom: 1px solid #acbfbb }
.serviceseiten .download_abschnitt { margin-top: 20px; margin-left: 80px; padding-bottom: 10px; width: 570px; }
.serviceseiten .download a { color: black }
.serviceseiten .download a:visited { color: black }
.serviceseiten .download a:hover { color: #c03 }
.serviceseiten .download a:active { color: black }
.serviceseiten .download .thumb { font-size: 11px; width: 40px; float: left }
.serviceseiten #kontaktformular { margin-top: 20px; margin-left: 182px }
.serviceseiten #kontaktformular ul li { display: inline; height: 20px; float: left }
.serviceseiten #kontaktformular ul { width: 495px; float: left }
.downloadneu { line-height: 15px; margin-top: 20px; padding-bottom: 10px; width: 570px; border-bottom: 1px solid #acbfbb }
.downloadneu .download_abschnitt { margin-top: 20px; margin-left: 0px; padding-bottom: 10px; width: 570px; }
.downloadneu .download_tunnel { margin-top: 20px; margin-left: 180px; padding-bottom: 10px; width: 570px; }
.downloadneu a { color: black }
.downloadneu a:visited { color: black }
.downloadneu a:hover { color: #008cb6 }
.downloadneu a:active { color: black }
.downloadneu .thumb { font-size: 11px; width: 80px; float: left }
.downloadneu .beschreibung { padding-top: 8px }
.downloadneu .beschreibung a { background-image: url(images/download.gif); background-repeat: no-repeat; padding-left: 20px }
.abschnitt { border: 0 }
.map { color: #000; font-size: 77%; font-family: arial, sans-serif; line-height: 13px; background-color: #fff; background-repeat: no-repeat; background-position: 3px 4px; cursor: pointer; display: block; margin-top: -32px; margin-left: 346px; padding: 3px 4px 4px 15px; width: 100px; -moz-opacity: 0.8; _line-height: 14px; filter: Alpha(Opacity=80); opacity: .8 }
.interaktiv { background: silver url(/images/interaktiv.gif) no-repeat 1px 1px }
/*Map Streckenverlauf*/
.container {position: absolute;}
#bildlink1 { position: absolute; top: 15px; left: 114px; width: 80px; height: 55px }
#bildlink1 img { width: 80px; height: 55px}
#bildlink1 a { background-image: none; margin: 0; padding: 0 }
#bildlink2 { position: absolute; top: 81px; left: 107px; width: 80px; height: 55px }
#bildlink2 img { width: 80px; height: 55px}
#bildlink2 a { background-image: none; margin: 0; padding: 0 }
#bildlink3 { position: absolute; top: 120px; left: 121px; width: 80px; height: 55px }
#bildlink3 img { width: 80px; height: 55px}
#bildlink3 a { background-image: none; margin: 0; padding: 0 }
#bildlink4 { position: absolute; top: 234px; left: 96px; width: 80px; height: 55px }
#bildlink4 img { width: 80px; height: 55px}
#bildlink4 a { background-image: none; margin: 0; padding: 0 }
#bildlink5 { position: absolute; top: 293px; left: 87px; width: 80px; height: 55px }
#bildlink5 img { width: 80px; height: 55px}
#bildlink5 a { background-image: none; margin: 0; padding: 0 }
#bildlink6 { position: absolute; top: 316px; left: 35px; width: 80px; height: 55px }
#bildlink6 img { width: 80px; height: 55px}
#bildlink6 a { background-image: none; margin: 0; padding: 0 }
#bildlink7 { position: absolute; top: 105px; left: 288px; width: 80px; height: 55px }
#bildlink7 img { width: 80px; height: 55px}
#bildlink7 a { background-image: none; margin: 0; padding: 0 }
#bildlink8 { position: absolute; top: 246px; left: 282px; width: 80px; height: 55px }
#bildlink8 img { width: 80px; height: 55px}
#bildlink8 a { background-image: none; margin: 0; padding: 0 }
#bildlink9 { position: absolute; top: 345px; left: 261px; width: 80px; height: 55px }
#bildlink9 img { width: 80px; height: 55px}
#bildlink9 a { background-image: none; margin: 0; padding: 0 }
#bildlink10 { position: absolute; top: 321px; left: 314px; width: 80px; height: 55px }
#bildlink10 img { width: 80px; height: 55px}
#bildlink10 a { background-image: none; margin: 0; padding: 0 }
#bildlink11 { position: absolute; top: 338px; left: 376px; width: 80px; height: 55px }
#bildlink11 img { width: 80px; height: 55px}
#bildlink11 a { background-image: none; margin: 0; padding: 0 }
#bildlink12 { position: absolute; top: 433px; left: 252px; width: 80px; height: 55px }
#bildlink12 img { width: 80px; height: 55px}
#bildlink12 a { background-image: none; margin: 0; padding: 0 }
#bildlink13 { position: absolute; top: 425px; left: 70px; width: 80px; height: 55px }
#bildlink13 img { width: 80px; height: 55px}
#bildlink13 a { background-image: none; margin: 0; padding: 0 }
#bildlink21 { position: absolute; top: 15px; left: 50px; width: 168px; height: 195px }
#bildlink21 img {width: 168px; height: 195px}
#bildlink21 a { background-image: none; margin: 0; padding: 0 }
#bildlink22 { position: absolute; top: 6px; left: 317px; width: 146px; height: 212px }
#bildlink22 img {width: 146px; height: 212px}
#bildlink22 a { background-image: none; margin: 0; padding: 0 }
fieldset {
padding:5px 10px 10px 10px;
border:1px solid;
margin:0 0 25px 0;
}
legend {
/*font-size:13px;*/
font-size:1.1em;
font-weight:bold;
}
label { display: block; padding-top: 4px; padding-right: 0; padding-bottom: 2px; width: 120px; float: left }
label.message-text {
width:auto;
height:15px;
padding:0;
margin:0;
float:none;
}
img.webcam { width: 573px; height: 430px }
select {
width:auto;
min-width:100px;
margin:2px 0 2px -3px;
/*font-size:11px;*/
font-size:0.9em;
float:none;
}
.inner .abschnitt {line-height: 15px; font-weight: normal; font-size: 11px; margin: 0; padding: 0;}
/*video-overlay*/
div.overlay {
z-index:9999;
padding:40px;
width:612px;
height:612px;
display:none;
background-image:url(images/videos/gray.png);
}
div.overlay div.close {
background:url(images/videos/close.png) no-repeat;
position:absolute;
top:2px;
right:5px;
width:35px;
height:35px;
cursor:pointer;
}
div.overlay a {
height:370px;
display:block;
}
div.video {
height:150px;
width:200px;
border:2px solid #fff;
outline:1px solid #ccc;
-moz-outline-radius:4px;
cursor:pointer;
text-align:center;
float:left;
margin:5px;
}
div.video img {
margin-top:50px;
}
div.video div.info {
height:40px;
background:#000 url(images/videos/h80.png) repeat-x;
opacity:0.7;
color:#fff;
margin-top:2px;
text-align:left;
padding:5px 5px;
font-family:"bitstream vera sans","trebuchet ms";
font-size:11px;
border-top:1px solid #ccc;
}
div.video div.info span {
color:#99FF99;
display:block;
}
#div-1 {
position:relative;
width:572px;
}
#div-1-padding {
padding-top: 65px;
}
#div-1a { position: absolute; z-index: 50; top: 0; right: 0; width: 167px; }
#div-1a img {border-bottom: 3px solid white; border-left: 3px solid white}