/* ---------------- Allgemein ------------ */ /* 08012006 */ * { font-family:verdana, arial, helvetica, sans-serif; } body {margin: 0px; padding: 0px; background-color:#fff5e7; background-image: url('../images/hh-verlauf4.jpg'); background-repeat: no-repeat; background-position: left top; } p {padding: 0px 0px 4px 0px; margin: 0px; } /* p.titel {color:#554444;font-weight:bold;line-height:16px; }*/ .titel {color:#554444;font-weight:bold;line-height:16px; } p.halbezeile {line-height:2px; } p.abstand { line-height:382px; } p.pers { line-height:184px; } p.praes { line-height:102px; } p.galerie {padding: 0px 0px 10px 0px; margin: 0px; } #content p {padding: 0px 0px 8px 0px; margin: 0px; } /* ---------------- Aufbau ------------ */ #inhalt {right:0px; padding:15px 205px 8px 20px; margin:70px 5px 0px 200px; background-image: url('../images/round.gif'); background-repeat: no-repeat; background-position: left top; background-color:#fdecda; font-size:12px; line-height:18px; z-index:10; } #left {position:absolute; top:90px; float:left; left:0px; width:180px; padding:8px; text-align:right; background:none; border:none; font-size:11px; line-height:12px; color:#1572B3; } #right {position:absolute; display:block; float:right; right:0px; top:45px; width:183px; background-image: url('../images/hh-re16.gif'); background-repeat: no-repeat; background-position: left top; padding:8px 4px 4px 16px; margin:0px 0px 0px 0px; border-bottom:1px solid #ff8600; color:#6f6444; background-color:none; font-size:11px; line-height:14px; z-index:2;} #right2 {position:absolute; display:block; float:right; right:0px; top:70px; width:183px; padding:8px 4px 4px 16px; margin:0px 0px 0px 0px; color:#6f6444; background-color:#fce6cd; font-size:11px; line-height:14px; z-index:2;} #top {position:absolute; top:4px; left:10px; right:0px; padding:0px; margin:0px; background-color:none; border:none; font-size:11px; line-height:14px; } #bottom {clear:both; border-top:1px solid #ff8600; color:#776666; padding:6px 6px 0px 20px; margin:0px 0px 10px 0px; background-color:none; margin-left:200px; font-size:11px; line-height:13px; } #topnav {position:absolute; float:left; top:2px; right:210px; padding:8px; color:#1572B3; margin:0px; margin-bottom:80px; background-color:none; border:none; font-size:11px; line-height:14px; } #topnav2 {position:absolute; top:46px; left:240px; padding:8px; color:#1572B3; z-index:4; margin:0px; margin-bottom:80px; background-color:none; border:none; font-size:11px; line-height:14px; } #slogan {position:absolute; display:block; left:30px; top:58px; padding:0px; margin:0px; font-size:7px; line-height:9px; text-align:left; color:#444; letter-spacing: 1px} .auswahl {padding:24px 0px 0px 0px; margin:0px 0px -4px 0px; font-size:11px; text-align:left; color:#72706f} /* -------Trennlinien Orange + Weiss-------- */ .brakeO {padding:0px 0px 0px 0px; margin:2px 10px 8px 0px; height:1px; font-size:1px; line-height:1px; text-align:left; color:none; border-bottom:1px solid #ff8600;} .brakeW {padding:0px 0px 0px 0px; margin:2px 10px 8px 0px; height:2px; font-size:1px; line-height:1px; text-align:left; color:none; border-bottom:1px solid #ffffff;} .orangefett {font-weight:bold; color:#aa6622} .graufett {font-weight:bold; color:#554444} .kriterium {color:#fff; font-weight:bold; background-color:#888888; padding:2px;} .kriterium2 {color:#fff; font-weight:bold; background-color:#1572B3; padding:0px;} /* ---------------- Links ------------ */ a:link, a:visited { color:#656262; background-color:none; text-decoration:none; padding:0px; } a:active, a:hover { color:#000; background-color:none; text-decoration:underline; padding:0px; } a.event:link, a.event:visited { color:#656262; background-color:none; text-decoration:underline; padding:0px; } a.event:hover, a.event:active { color:#000; background-color:none; text-decoration:none; padding:0px; } a.extern:link, a.extern:visited {padding:0px 0px 0px 23px; background: url('../images/siehe-extern.gif') no-repeat 2px -2px; color:#72706f; background-color:none; } a.extern:hover, a.extern:active {padding:0px 0px 0px 23px; background: url('../images/siehe-extern.gif') no-repeat 2px -2px; color:#fff; background-color:#72706f; text-decoration:none; } a.intern:link, a.intern:visited {padding:0px 0px 0px 0px; color:#1572bb; text-decoration:underline; background-color:none; } a.intern:hover, a.intern:active {padding:0px 0px 0px 0px ; text-decoration:underline;color:#000; background-color:#fff5e7; } a.aktuelles:link, a.aktuelles:visited {padding:0px 0px 0px 0px; color:#554444; text-decoration:none; background-color:none; } a.aktuelles:hover, a.aktuelles:active {padding:0px 0px 0px 0px; text-decoration:underline;color:#000; background-color:#fff5e7; } a.weiss:link, a.weiss:visited {padding:0px 0px 0px 0px; color:#ffffff; background-color:none; } a.weiss:hover, a.weiss:active {padding:0px 0px 0px 0px ;text-decoration:underline; background-color:none;} a.details:link, a.details:visited {padding:0px 0px 0px 0px; color:#d97b4f; text-decoration:none; background-color:none; font-size:11px; } a.details:hover, a.details:active {padding:0px 0px 0px 0px; text-decoration:underline; background-color:none; } a.bog:link, a.bog:visited {padding:0px 0px 0px 0px; color:#ffffff; text-decoration:underline; background-color:none; } a.bog:hover, a.bog:active {padding:0px 0px 0px 0px; text-decoration:underline; color:#000; background-color:#fff5e7; } .link-rubrik {background-color:#FCE6CD; font-weight:bold; color:#1572B3; padding:1px 2px 2px 8px; margin:10px 0px 3px -10px; text-align:right; line-height:16px;} .link-rubrik a {padding:0px; margin:0px; color:#1572B3;} .link-rubrik a:hover, .link-rubrik a:active {padding: 0px; margin:0px; color:#000;} .menuaktiv {color:#000; text-decoration:underline; font-weight:bold;} /* ---------------- Bilder ------------ */ .bild-links { float:left; padding:4px 4px 4px 4px; margin: 2px 8px 0px 0px; border: 1px solid #cfc8b3; background-color:#edebe2; } .bild-links img { border-left: 1px solid #6f6444; border-top: 1px solid #6f6444; border-right:1px solid #fff; border-bottom:1px solid #fff;} /* ---------------- Headlines ------------ */ h1 {color:#5c5856; font-weight:bold; padding:4px 0px 8px 0px; margin: 0px 0px 0px 0px; font-size:22px; line-height:26px; border-bottom:1px solid #ff8600; } h2 { color:#72706f; font-weight:bold; padding:4px 0px 8px 0px; margin: 0px 0px 0px 0px; font-size:20px; line-height:20px; border-bottom:1px dotted #ff8600; } h3 {color:#1572B3; font-weight:bold; padding:4px 0px 8px 0px; margin: 0px 0px 0px 0px; font-size:18px; line-height:18px; } h4 {color:#1572B3; font-weight:bold; padding:4px 0px 8px 0px; margin: 0px 0px 0px 0px; font-size:16px; line-height:18px; } h5 {color:#72706f; font-weight:bold; padding:4px 0px 8px 0px; margin: 0px 0px 0px 0px; font-size:14px; line-height:18px; } h6 {color:#1572B3; font-weight:bold; padding:4px 0px 4px 0px; margin: 0px 0px 0px 0px; font-size:12px; line-height:16px; } #right h6 {color:#83706f; font-weight:bold; padding:4px 0px 8px 0px; margin:0px 0px 0px 0px; font-size:13px; line-height:18px;} h7 {color:#ce4300; font-weight:bold; padding:4px 0px 4px 0px; margin:0px 0px 0px 0px; font-size:12px; line-height:16px; } ul {padding: 0px 0px 0px 0px; margin: 0px; } li {padding: 0px 0px 0px 0px; margin: 0px; } #inhalt ul {padding:0px; list-style-position:outside; list-style-image:url('../images/li3.gif'); margin-left:6px; margin-right:0px; margin-top:0px; margin-bottom:4px } #inhalt li { padding: -4px 0px 8px 0px; margin: 0px 0px 0px 16px; } #inhalt li li {padding: -4px 0px 8px 0px; list-style-image:url('../images/li7.gif');margin: 0px 0px 2px 20px; } .klein{list-style-image:url('../images/li9.gif') } acronym { border-bottom: 1px dotted #49b315; } .zielgruppe {color:#1572B3; font-weight:bold; padding: 6px 0px 6px 0px; margin: 0px 0px 0px 0px; font-size:10px; line-height:12px;} /* ---------------- Boxen ------------ */ .insert-li1{padding: 4px; margin: 0px; margin-left:16px; text-align:center; font-weight:normal; color:#5c5856; font-size:12px; line-height:16px; background-color:#fff; border:1px dotted #ff8600; first-line:bold;} .insert-re1{padding: 4px; margin: 0px 16px 6px 0px; text-align:center; font-weight:normal; background-color:#fff5e7; border:1px dotted #ff8600;} .insert-re2{padding: 4px; margin: 0px 16px 6px 0px; text-align:center; font-weight:bold; background-color:#777777; color:#fff; border:1px solid #fff; } .insert-re3{padding:4px; padding-left:8px; margin:0px 16px 6px 0px; text-align:left; font-weight:normal; background-color:#fff5e7; color:#000; border:0px solid #ff8600; } .insert-re4{padding: 4px; margin: 0px 16px 6px 0px; text-align:center; background-color:#1572B3; color:#fff; border:1px solid #fff; } .insert-re5{padding: 4px; margin: 0px 16px 6px 0px; text-align:center; font-weight:bold; background-color:#fff5e7; border:1px solid #49B315; } .insert-test1{padding: 4px; margin: 0px; margin-left:16px; text-align:center; font-weight:normal; color:#555555; font-size:12px; line-height:16px; background-color:#fff; border:1px dotted #ffffff; first-line:bold} .insert-seide{padding: 4px; margin: 0px 0px 0px 0px; text-align:left; background-color:#8f8f8f; color: #ec870e; border:1px solid #ec870e; } #lastchance {position:absolute; right:20px; top:6px; width:155px; padding:4px; color:#1572B3; margin:0px; margin-bottom:80px; background-color:#fff; text-align:center; font-size:13px; line-height:18px; border:2px solid #ff8600; font-weight:bold; z-index:3;} /* ---------------- F o r m u l a r ------------ */ .sp2a {left:0px; width:254px; float:left;} .sp2b {display:inline; } .sp2c {clear:both; } .frmlabel1 {padding: 4px 0px 0px 0px; color:#72706f; font-size:11px; line-height:21px; } .frmeingabefeld {padding: 0px 0px 0px 0px; margin: -16px 0px 0px 70px; width:200px; } .input_text { border:1px solid #c0c0c0; background-color: #fafafa} .frmbutton {margin: 0px 0px 0px 0px} .formular1 { background-color:#fff5e7; padding: 6px; background-image: url('../images/hh-verlauf5.jpg'); border-left:1px solid #c0c0c0; } .formular1 p {padding: 0px 0px 0px 0px; margin-bottom:4px;} /* ---------------- I N N A V ------------ */ #innav {position:absolute; top:36px; left:240px; padding:0px; color:none; z-index:4;} #innav ol { list-style: none; margin: 0; padding: 0; border: none; } #innav ul { list-style: none; margin: 0; padding: 0; border: none; } #innav li { display: block ; margin: 0; padding: 0; float: left; width: auto; } #innav a {color:#ff8600; display:block; background-color:#fdd3a3; padding:2px 4px 2px 4px; border:1px solid #fff5e7; border-left:1px solid #fff5e7; border-right:1px solid #fff5e7; border-top:1px solid #ddd8c8; font-size:11px; text-decoration:none; font-weight:normal; text-decoration:none; margin: 0px 4px 0px 4px; } #innav a:hover, #topnav a:active {color:#ff4e00; background-color:#fff5e7; padding:2px 4px 2px 4px; border-left:1px solid #806e38; border-top:1px solid #806e38; border-right:1px solid #fff; border-bottom:1px solid #fff; } #innav a.ohne { color: #000; display: block; width: auto; text-decoration: none; background-color:#fdecda; padding: 2px 4px 2px 4px; font-weight:bold; border:1px solid #ddd8c8; border-bottom:1px solid #fdecda; margin: 0px 4px 0px 4px; } /* -------------------Lightbox --------------------------- */ #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;} #lightbox img{ width: auto; height: auto;} #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; } #imageData{ padding:0 10px; color: #666; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none; padding-right: 25px; margin-right: 20px; } #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; } /* --------------------------------------------------- */ /* ---------------- E N D E C S S ------------ */ gruen #49B315 blau #1572B3 orange #ec870e (logo) grau #7d7d7d