/* commented backslash hack \*/ 
html, body {
height: 100%;
} 
/* ende hack */ 

* {
margin: 0;
padding: 0;
}

/* Basis-Elemente und Container */
body {
background-image: url(images/main-bg.gif);
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 100.01%;
background-color: #81A3C0;
color: #000;
}
#wrapper {
z-index: 10;
min-height: 100%;
margin: 0 20px -36px 20px;
border-left: 1px solid #000;
border-right: 1px solid #000;
background-color: #EBF1FE;
color: #000;
} 
* html #wrapper {
height: 100%;
} /* fuer IE (der 'height' sowieso als 'min-height' versteht */
#header {
background-image: url(../images/header.jpg);
background-repeat: no-repeat;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 90px;
overflow: hidden;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
background-color: #223546;
color: #fff;
}
#clearheader {
height: 72px; /* Platz fuer 'header' schaffen */
}
#left {
position: relative; /* fuer IE */
float: left;
width: 180px;
margin-left: -179px; /* MUSS 1px weniger als die width sein, da sonst der 'footer' nicht nach unten gedrueckt wird */
z-index: 9000;
}
* html #left {
padding-bottom: 26px;
margin-right: -3px;
} /* repariert Luecke im IE (neben 'float' und 'clearfooter', die etwas zu weit links rausgerueckt sind*/

/* safari wrapper (thanks to Tim Connor) */
html > body  #minheight {
float: left;
width: 0;
height: 100%;
margin-bottom: -52px;
}
* html #content {
height: 1%;
margin-bottom: 12px;
} /* gegen IEs 3-Pixel-Bug */
#content {
position: relative;
z-index: 15;
}
/* breadcrumb */
#content #breadcrumb {
background-image: url(images/concor5.gif);
background-repeat: no-repeat;
background-position: top left;
z-index: 30;
background-color: #DFEAFF;
color: #000;
}
#content #breadcrumb p {
position: relative;
z-index: 31;
font-size: 65%;
text-align: right;
padding: 5px 20px 5px 0;
word-spacing: -1px;
}
/* inhalte in contentbox */
#content h1 {
position: relative;
z-index: 32;
font-size: 145%;
letter-spacing: 1pt;
margin: 10px 0;
padding: 5px 0 5px 30px;
background-color: #B5CDFB;
color: #000;
}
#content h2 {
font-size: 110%;
margin: 10px 0px;
padding: 5px 0 5px 35px;
background-color: #B5CDFB;
color: #000;
}
#content h3 {
font-size: 100%;
margin: 10px 0px;
padding: 5px 0 5px 40px;
background-color: #B5CDFB;
color: #000;
}
#content h4 {
font-size: 90%;
margin: 10px 0px;
padding: 5px 0 5px 45px;
background-color: #B5CDFB;
color: #000;
}
#content h5 {
font-size: 80%;
margin: 10px 0px;
padding: 5px 0 5px 45px;
background-color: #B5CDFB;
color: #000;
}
#content p {
font-size: 80%;
padding: 10px 30px 10px 60px;
line-height: 150%;
}
#content a {
text-decoration: none;
padding: 0 5px 2px 5px;
background-color: #EBF1FE;
color: #600;
border-bottom: 1px solid #d0c0a0;
border-left: 1px solid #d0c0a0;
}
#content a:hover {
background-color: #DFEAFF;
color: #a00;
}
#footer {
background-image: url(images/bgdown2.gif);
background-repeat: no-repeat;
position: relative;
clear: both;
width: 100%;
height: 34px;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
background-color: #223546;
color: #fff;
}
* html #footer {
/* nur IE sieht diese Anweisung */
\height: 36px;/* IE5 */
he\ight: 34px;/* IE6 */
}
#clearfooter {
clear: both;
height: 50px;
} 
/* Platz fuer 'footer' schaffen */
* > html #clearfooter {
float: left;
width: 100%;
} /* fuer IE mac */
#footer #foot-left {
float: left;
height: 33px;
}
#footer #foot-right {
float: right;
}
#footer #foot-left p {
margin: 8px 0 0 24px;
font-size: 70%;
}
#footer #foot-right p {
margin: 8px 24px 0 0;
font-size: 70%;
}
#footer a,
#footer a:visited {
text-decoration: none;
background-color: transparent;
color: #a9bed3;
border-bottom: 1px solid #a9bed3;
}
#footer a:hover {
background-color: transparent;
color: #EBF1FE;
border-bottom: 1px solid #a9bed3;
}
/* Rechte Spalte */
#topright {
background-image: url(images/right-cor15.gif);
background-repeat: no-repeat;
z-index: 60;
position: absolute;
top: 0;
right: 0;
width: 150px;
height: 180px;
text-align: right;
padding-top: 30px;
}
/* header fuer elemente */
#topright p.header-suche,
#topright p.header-switch,
#topright p.header-sizer {
margin: 10px 15px 2px 0;
font-size: 70%;
font-weight: bold;
font-variant: small-caps;
letter-spacing: 2px;
text-align: right;
background-color: transparent;
color: #600;
}
/* styleswitcher-elemente */
#topright p.header-suche a,
#topright p.header-switch a,
#topright p.header-sizer a {
text-decoration: none;
background-color: transparent;
color: #600;
}
#topright p.header-suche a:hover,
#topright p.header-switch a:hover,
#topright p.header-sizer a:hover {
display: inline;
}
#topright p.header-suche a span,
#topright p.header-switch a span,
#topright p.header-sizer a span {
display: none;
}
#topright p.header-suche a:hover span,
#topright p.header-switch a:hover span,
#topright p.header-sizer a:hover span {
position: absolute;
right: 50px;
display: block;
padding: 5px;
width: 21em;
text-align: left;
font-weight: normal;
font-variant: normal;
letter-spacing: 0;
line-height: 140%;
background-color: #DFEAFF;
color: #000;
border: 1px solid #000;
}
#topright p.header-suche a:hover span {
z-index: 70;
height: auto;
top: 75px;
}
#topright p.header-switch a:hover span {
z-index: 80;
height: auto;
top: 145px;
}
#topright p.header-sizer a:hover span {
z-index: 90;
height: auto;
top: 195px;
}
/* suchmasken-elemente */
#topright #suche {
margin-right: 10px;
}
#topright #suche input {
width: 105px;
padding: 1px 0 1px 3px;
background-color: #DFEAFF;
color: #000;
border-top: 1px solid #aaa;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
border-left: 1px solid #aaa;
}
#topright #suche input.senden,
.newssend {
width: 110px;
padding: 0px 0px 0px 0px;
margin: 5px 0px 0px 0px;
/*margin-top: 5px;*/
border-top: 1px solid #ccc;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #ccc;
background-color: #DFEAFF;
color: #333;
cursor: pointer;
}
/* styleswitcher-elemente */
#topright #switcher {
margin-right: 10px;
}
#topright #switcher form {
display: inline;
}
#topright #switcher select {
width: 110px;
padding: 1px 0 1px 3px;
background-color: #DFEAFF;
color: #000;
}
#topright #switcher select option {
padding: 1px 0 1px 15px;
background-color: #EBF1FE;
color: #000;
}
#topright #switcher select option.opt2 {
font-size: 75%;
font-weight: bold;
background-color: #00f;
color: #ff0;
}
#topright #switcher select option.opt3 {
background-color: #fff;
color: #000;
}
#topright #switcher select option.opt4 {
font-family: 'Times New Roman', serif;
background-color: #e0e0e0;
color: #454545;
}
/* fontsizer-elemente */
#topright #sizer {
display: inline;
margin-right: 10px;
}
#topright #sizer span.extra {
margin: 0 0 0 12px;
background-color: #DFEAFF;
color: #600;
border: 1px solid #c0b090;
}
#topright #sizer span.extra a {
padding: 0 5px;
background-color: #DFEAFF;
color: #600;
font-weight: bold;
text-decoration: none;
}
#topright #sizer span.extra a:hover {
background-color: #223546;
color: #fff;
}


/* rechte box 'teaser' */
#right {
z-index: 50;
position: relative;
float: right;
top: -40px;
width: 156px;
margin-right: -155px; /* siehe Kommentare bei 'left' */
margin-bottom: 20px;
text-align: center;
}
/* microbuttons im teaser */
#right #microbuttons {
margin-top: 180px;
}
#right #microbuttons img {
margin-top: 12px;
}

/* specials im teaser */
#right #specials {
margin-top: 200px;
text-align: left;
font-size: 70%;
}
#right #specials h4 {
margin: 10px 0 0 12px;
line-height: 140%;
}
#right #specials p {
margin: 15px 0 0 12px;
line-height: 140%;
}
#right #specials a {
font-weight: bold;
text-decoration: none;
background-color: #DFEAFF;
color: #600;
border-bottom: 1px solid #d0c0a0;
border-left: 1px solid #d0c0a0;
}
#right #specials a:hover {
background-color: #DFEAFF;
color: #a00;
}
#right #empty {
margin-top: 200px;
}
/* sonstiges **************************************************************** */

.flLeft { float:left;background-color: #DFEAFF;margin: 10px 10px; }
.flRight { float:right;background-color: #DFEAFF;margin: 10px 10px; }

.invis, hr, #printonly {
display: none;
}
img {
border: 0 none;
}
img.rss {
vertical-align: middle;
padding-top: 2px;
}
#splash {
float: left;
width: 230px;
height: 155px;
margin-left: -30px;
}
acronym {
border: 0 none;
}
acronym.first {
border-bottom: 1px dotted #999;
cursor: help; 
}
#right #specials p.rotate {
margin: 30px 0px 0px 15px;
font-size: 90%;
}
pre {
margin-left: 60px;
}
code {
font-family: 'Courier new', monospace;
color: #909;
}
.newsletter {
width: 220px;
background-color: #e0d0b0;
color: #000;
}
#content a.extern,
#right a.extern {
background-image: url(images/extern.gif);
background-repeat: no-repeat;
background-position: right top;
padding: 0 16px 0 5px;
margin: 0;
white-space: nowrap;
}
#topper {
margin: 20px 0px;
}
#topper a {
background-image: url(images/topper.gif);
background-repeat: no-repeat;
background-position: 0 2px;
padding: 0 5px 0 16px;
border-bottom: 1px solid #d0c0a0;
}
/* sitemap */
#content #sitemap ul {
list-style-type: none;
font-size: 80%;
line-height: 160%;
margin-left: 20px;
}
#content #sitemap ul li {
margin: 5px 0px 0px 0px;
padding-left: 5px;
border-left: 2px solid #d0c0a0;
}
#content #sitemap ul a {
display: block;
width: 300px;
}
#content #sitemap ul ul a {
background-image: url(images/bullet.gif);
background-repeat: no-repeat;
background-position: 0 4px;
display: block;
width: 200px;
padding-left: 20px;
}
#content #sitemap ul ul {
font-size: 100%;
margin-left: 40px;
}
#content #sitemap ul ul li {
border-left: 1px solid #d0c0a0;
border-bottom: 1px solid #d0c0a0;
}
ul.liste{
list-style-type: none;
font-size: 80%;
line-height: 150%;
margin-left: 60px;
}
ul.liste_links {
list-style-type: none;
font-size: 80%;
line-height: 150%;
margin-left: 60px;
margin-right: 20px;
}
ul.liste_links_sub {
list-style-type: none;
font-size: 80%;
line-height: 150%;
margin-left: 90px;
margin-right: 20px;
}
ol.liste-o {
font-size: 80%;
line-height: 150%;
margin-left: 80px;
margin-right: 30px;
}
ul.liste-mit {
list-style-type: disc;
font-size: 80%;
line-height: 150%;
margin-left: 80px;
margin-right: 30px;
}
/* newsbox auf startseite */
#eigenesache {
float: right;
width: 180px;
margin: 0 25px 10px 20px;
border: 1px dotted #666;
background-color: #DFEAFF;
color: #000;
z-index: 35;
}
#eigenesache p {
font-size: 75%;
line-height: 140%;
padding: 5px 10px 10px 10px;
}
#eigenesache ul {
list-style: none outside;
margin-left: 15px;
}
#eigenesache a {
background-image: url(images/bullet.gif);
background-repeat: no-repeat;
background-position: 0 2px;
background-color: transparent;
padding-left: 15px;
color: #600;
border-bottom: 1px solid #600;
border-left: 0 none;
}
#eigenesache a:visited,
#eigenesache a:hover,
#eigenesache a:active {
background-color: transparent;
color: #900;
}
/* Tabellen */
#linktable {
margin: 20px 0 0 60px;
padding: 0px 0px 0px 0px;
}
table#ioffer caption {
margin-top: 20px;
padding: 5px 10px;
background-color: #dfc391;
color: #625335;
border: 1px solid #dcb975;
text-align: left;
font-weight: bold;
font-variant: small-caps;
letter-spacing: 2pt;
}
table#ioffer th {
padding: 0 10px;
background-color: #f4d79f;
color: #625335;
border: 1px solid #dcb975;
}
table#ioffer td {
font-size: 80%;
padding: 5px;
margin: 0;
background-color: #ffe9b6;
color: #000;
font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
border: 1px solid #dcb975;
}
table#ioffer td a {
font-size: 100%;
}
/* Nur fuer IE sichtbar (via CC) */
#message {
margin: 0 40px 0 60px;
border: 1px dashed #600;
background-color: #DFEAFF;
color: #000;
}
#message p {
padding: 10px;
}
/* Ende der IE-'Botschaft' */
#firefox {
margin-top: 20px;
text-align: center;
}
#firefox a {
border: 0 none;
}
/* kontakt-block */
#adressen {
width: 450px;
background-color: transparent;
color: #000;
margin-left: 50px;
}
#adressen td p {
font-size: 80%;
line-height: 150%;
padding: 0;
}
#adressen td a {
font-size: 100%;
}
#adressen td.rand {
padding: 5px 10px;
border: 1px solid #dfc391;
}
/* topmenue */
#header-nav  { color: #00ccff; background-color: #47637e; margin: 20px 0px 0px 0px; padding-bottom: 5px }
ul#nav1st  { list-style-type: none; list-style-position: outside; margin: 0 0 0 15px; padding: 6px 0 0 }
ul#nav1st li { display: inline; margin: 0 0 2px 7px; padding: 2px 0; }
#nav1st  a {
margin: 4px 0 0 4px;
padding: 3px 5px 3px 10px;
font-size: 80%;
font-weight: bold;
border-bottom: 1px solid #223546;
border-left: 10px solid #223546;
background-color: #B5CDFB;
color: #600;
text-decoration: none;
}
#nav1st a:visited {
border-bottom: 1px solid #990000;
border-left: 10px solid #223546;
background-color: #B5CDFB;
color: #600;
}
#nav1st a:hover,
#nav1st a:active {
	border-bottom: 1px solid #B5CDFB;
	border-left: 10px solid #B5CDFB;
	background-color: #DFEAFF;
	color: #900;
	border-top-color: #ECE9D8;
}
#nav1st li.aktiv {
background-image: url(images/menu-bg.gif);
width: 162px;
margin: 4px 0 0 1px;
padding: 0 0 5px 5px;
font-weight: bold;
border-bottom: 1px solid #990000;
border-left: 10px solid #990000;
background-color: #B5CDFB;
color: #600;
}

/* menuesystem linke spalte */
#left {
margin-top: 35px;
}
#left #leftmenue ul {
list-style-type: none;
}
#left #leftmenue ul.nav2nd a.inhalt,
#left #leftmenue ul.nav2nd a:visited.inhalt {
background-color: #d0c0a0;
color: #600;
}
#left #leftmenue ul.nav2nd a:hover.inhalt,
#left #leftmenue ul.nav2nd a:active.inhalt {
background-color: #f0e0c0;
color: #900;
}
#left #leftmenue ul.nav2nd a {
display: block;
width: 156px;
margin: 4px 0 0 1px;
padding: 3px 0 3px 10px;
font-size: 80%;
font-weight: bold;
border-bottom: 1px solid #81A3C0;
border-left: 10px solid #81A3C0;
background-color: #DFEAFF;
color: #600;
text-decoration: none;
}
#left #leftmenue ul.nav2nd a:visited {
border-left: 10px solid #c0b090;
background-color: #DFEAFF;
color: #600;
}
#left #leftmenue ul.nav2nd a:hover,
#left #leftmenue a:active {
border-left: 10px solid #5885AD;
background-color: #EBF1FE;
color: #900;
}
#left #leftmenue ul.nav2nd li.aktiv {
background-image: url(images/menu-bg.gif);
width: 162px;
margin: 4px 0 0 1px;
padding: 0 0 5px 5px;
font-weight: bold;
border-bottom: 1px solid #c0b090;
border-left: 10px solid #c0b090;
background-color: #EBF1FE;
color: #600;
}
#left #leftmenue ul.nav2nd li.aktiv span.aktiv-title {
font-size: 85%;
font-variant: small-caps;
letter-spacing: 1pt;
background-color: transparent;
color: #600;
padding: 3px 0 0 7px;
}
#left #leftmenue ul.level2 {
padding: 3px 0px;
}
#left #leftmenue ul.level2 a {
display: block;
width: 132px;
margin: 0 0 0 1px;
padding: 3px 0 3px 15px;
font-size: 80%;
font-weight: normal;
border-bottom: 1px solid #c0b090;
border-left: 1px solid #c0b090;
background-color: #f0e0c0;
color: #600;
text-decoration: none;
}
#left #leftmenue ul.level2 a:visited {
border-left: 1px solid #c0b090;
background-color: #f0e0c0;
color: #900;
}
#left #leftmenue ul.level2 a:hover, #left #leftmenue a:active {
border-left: 1px solid #a09070;
background-color: #f4ead5;
color: #900;
}
/* flyout menue */
#nav li a#quickfind {
background-color: #4d617c;
color: #fff;
border-bottom: 1px solid #233444;
border-left: 10px solid #233444;
}
#nav, #nav ul { /* all lists */
padding: 0;
margin: 0;
list-style: none;
float: left;
width: 165px;
z-index: 9100;
}
#nav li { /* all list items */
position: relative;
float: left;
line-height: 1.25em;
margin-bottom: -1px;
width: 165px;
}
#nav li ul { /* second-level lists */
position: absolute;
left: -999em;
margin-left: 176px;
margin-top: -1.55em;
}
#nav li ul ul { /* third-and-above-level lists */
left: -999em;
}
#nav li a {
width: 158px;
/*w\idth: 10em;*/
display: block;
margin: 0px 0px 2px 0px;
padding: 2px 5px;
font-size: 80%;
font-weight: bold;
text-decoration: none;
}
#nav li li a {
margin: 0px 0px 1px 0px;
background-color: #627b9d;
color: #fff;
border-bottom: 1px solid #000;
border-left: 10px solid #233444;
}
#nav li a:hover {
background-color: #233444;
color: #fff;
border-bottom: 1px solid #000;
border-left: 10px solid #4d617c;
}
#nav li:hover ul ul, 
#nav li:hover ul ul ul, 
#nav li.sfhover ul ul, 
#nav li.sfhover ul ul ul {
left: -999em;
}
#nav li:hover ul, 
#nav li li:hover ul, 
#nav li li li:hover ul, 
#nav li.sfhover ul, 
#nav li li.sfhover ul, 
#nav li li li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}
#breaker, .breaker {
position: relative;
clear: left;
height: 10px;
}
/* ende */