@charset "utf-8";
/* CSS Document */

html, body {
margin:0;
padding:0;
}

body {
background-color:#eee;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
color:#000;
text-align:center;
}

/* Desktop */

#container {
position:relative;
margin:10px auto;
border-top:1px solid #999;
border-left:1px solid #999;
background:#fff url(schatten_rechts.gif) top right repeat-y;
_width:900px;
max-width:1100px;
min-width:800px;
text-align:left;
}

.schatten-rechts {
position:absolute;
top:-1px;
right:0;
}

.schatten-links {
position:absolute;
top:0;
left:-1px;
}

.schatten-ecke {
float:right;
margin:0;
}

#schatten-fuss {
clear:both;
position:relative;
width:100%;
height:14px;
background:transparent url(schatten_unten.gif) left bottom repeat-x;
}

/* Kopf */

#kopf {
position:relative;
height:180px;
margin:5px 25px 10px 15px;
background-color:transparent;
}

#logo {
position:absolute;
bottom:0;
left:0;
}

#title {
position:absolute;
bottom:5px;
right:0;
font-size:2.5em;
font-weight:bold;
color:#ddd;
}

/* Hauptnavigation */

#navileiste {
position:relative;
margin:0 25px 0 15px;
font-size:0.8em;
}

/* runde Ecken für Navileisten */
.o1, .o2, .o3, .o4{font-size:1px; overflow:hidden; display:block; }
.o1 {height:1px; background:#06c url(navi_farbverlauf.jpg) left top repeat-y; filter:alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; margin:0 5px 0 0; }
.o2 {height:1px; background:#06c url(navi_farbverlauf.jpg) left top repeat-y; filter:alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; margin:0 3px 0 0; }
.o3 {height:1px; background:#06c url(navi_farbverlauf.jpg) left top repeat-y; filter:alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; margin:0 2px 0 0; }
.o4 {height:2px; background:#06c url(navi_farbverlauf.jpg) left top repeat-y; filter:alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; margin:0 1px 0 0; }
.o-navi {background:#06c url(navi_farbverlauf.jpg) left top repeat-y; filter:alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; width:100%; text-align:right; height:1.2em; }


#hauptnav {
position:absolute;
z-index:50;
top:199px;
right:35px;
/*left:11em;*/
text-align:right;
font-size:0.8em;
color:#fff;
font-weight:bold;
}

#hauptnav ul {
margin:0;
padding:0;
list-style-type:none;
}

#hauptnav li {
display:inline-block;
}

#hauptnav li {
display:inline;
position:relative;
padding-bottom:2px;
}

#hauptnav li:hover, #hauptnav li:hover > a, #hauptnav li:focus {
background-color:#090;
}

#hauptnav a, #hauptnav a:visited {
text-decoration:none;
color:#fff;
padding:0 1em 2px 1em;
border-right:1px solid #fff;
}

#hauptnav a:hover {
text-decoration:none;
background-color:#009900;
color:#fff;
}

#hauptnav a:active, #hauptnav a:focus {
text-decoration:none;
color:#fff;
background-color:#009900;
}

#hauptnav ul ul {
position:absolute;
right:0;
top:100%;
z-index:50;
text-align:left; 
/*border-top:1px solid #fff;*/
background-color:#090;
font-weight:normal;
width:24em;
padding-bottom:2px;
}

#hauptnav ul ul li {
display:block;
float:left;
width:11em;
margin-left:5px;
padding:3px 0 0 0;
} 

#hauptnav ul ul li a, #hauptnav ul ul li a:visited {
display:block;
margin:0 2px;
padding:3px 2px 4px 2px;
border-bottom:1px solid transparent;
border-right:none;
}

#hauptnav ul ul li a:hover, #hauptnav ul ul li a:focus, #hauptnav ul ul li a:active {
border-bottom:1px solid #fff;
}

div#hauptnav ul ul {display: none;} 

div#hauptnav ul li:hover ul, div#hauptnav ul ul li:hover ul {display: block; }

/* Suchfunktion */

#suche {
position:absolute;
left:0;
top:2px;
width:20em;
z-index:50;
}

input.search {
height:1.3em;
width:6em;
border:1px solid #999;
vertical-align:top;
color:#000;
font-size:1.1em;
}

#suche fieldset {
border:none;
padding:none;
margin:none;
}

/* Contentbereich */

/* LINKS */

#linke_spalte {
float:left;
display:inline; /* IE6 Bugfix */
margin-top:20px;
margin-left:15px;
margin-bottom:10px;
width:10em;
min-width:140px;
}

.pikto {
float:left;
margin-right:6px;
margin-bottom:6px;
border:none;
}

#navi_drei {
position:relative;
font-size:0.8em;
color:#000;
}

/* runde Ecken für Navileisten */
.l1, .l2, .l3, .l4{font-size:1px; overflow:hidden; display:block; }
.l1 {height:1px; background:#eee; margin:0 5px 0 5px; }
.l2 {height:1px; background:#eee; margin:0 3px 0 3px; }
.l3 {height:1px; background:#eee; margin:0 2px 0 2px; }
.l4 {height:2px; background:#eee; margin:0 1px 0 1px; }
.l-navi {background:#eee; width:100%; text-align:left; padding-top:0.5em; }

#navi_drei h2 {
margin:0 1em 0.3em 1em;
font-weight:bold;
font-size:1em;
color:#999;
}

#navi_drei ul {
margin:0;
padding:0;
list-style:none;
}

#navi_drei li {
display:block;
margin:0 0.5em;
border-bottom:1px solid #fff;
}

/* #navi_drei li:hover {
background-color:#009900;
border-bottom:1px solid #fff;
border-right:1px solid #fff;
color:#fff;
} */

#navi_drei a, #navi_drei a:visited {
display:block;
padding:0.5em 0.5em;
text-decoration:none;
border-right:1px solid #eee;
color:#000;
}

#navi_drei a:hover, #navi_drei a:active, #navi_drei a:focus {
background-color:#009900;
border-right:1px solid #fff;
text-decoration:none;
color:#fff;
}

#navi_drei ul ul {
margin-left:5px;
font-size:0.9em;
}

#navi_drei ul ul li {
border:none;
}

#navi_drei ul ul li a, #navi_drei ul ul li a:visited {
border-bottom:1px solid #eee;
}

#navi_drei ul ul li a:hover, #navi_drei ul ul li a:active, #navi_drei ul ul li a:focus {
border-bottom:1px solid #fff;
}

#navi_drei ul ul ul {
font-size:1em;
}


/* RECHTS */


#rechte_spalte {
float:right;
margin-top:20px;
margin-right:25px;
margin-bottom:10px;
width:200px;
font-size:0.8em;
}

#aktuell {
position:relative;
margin-bottom:10px;
}

#rechte_spalte h1, h2, h3 {
margin:0 1em 0.5em 1em;
font-size:1em;
color:#999;
font-weight:bold;
}

#rechte_spalte p {
font-size:1em;
margin:0 1em 0 1em;
}

/* runde Ecken für Aktuelles-Kasten */
.r-aktuell {background:#eee; width:100%; text-align:left; padding:0.5em 0; }

#rechte_spalte a, #rechte_spalte a:visited {
text-decoration:none;
color:#0066CC;
}

#rechts_spalte a:hover {
color: #090;
text-decoration:none;
}

#rechte_spalte a:active, #rechte_spalte a:focus {
color: #090;
text-decoration:none;
}
/* MITTE */

/* Brotkrumen */

#breadcrumb {
margin:20px 20px 0 16em;
color:#666666;
font-size:0.8em;
}

#breadcrumb ul {
margin:0;
padding:0;
list-style-image:url(data-icon-breadcrumb.gif);
display:inline;
}

#breadcrumb li {
display:inline-block;
}

#breadcrumb li {
display:inline;
padding:0;
}

#breadcrumb a, #breadcrumb a:visited {
color:#999;
}

#breadcrumb a:hover, #breadcrumb a:focus, #breadcrumb a:active {
color:#009900;
text-decoration:none;
}

#content {
margin:1em 245px 20px 14em;
min-height:30em;
font-size:0.9em;
}



#content p {
margin: 0 0 15px 0;
line-height:120%;
}

#content h1 {
font-size: 1.4em;
margin: 0 0 20px 0;
font-weight: bold;
color: #090;
}

#content h2 {
font-size: 1.2em;
margin: 25px 0 15px 0;
font-weight: bolder;
color: #666;
}

#content h3 {
font-size: 1em;
margin: 25px 0 0.5em 0;
font-weight: bolder;
color: #000000;
}

#content ul, #content ol {
font-size: 1em;
margin: 0 0 25px 0.2em;
}

#content ul {
list-style-image:url(data-icon.gif);
}

#content ul li, #content ol li {
padding: 0.3em 0;
margin: 0 0 0 0.2em;
}

#content ul ul, #content ul ul ul, #content ul ul ul ul {
margin-left:0;
}

#content a, #content a:visited {
color:#0066CC;
}

#content a:hover {
color: #090;
text-decoration:none;
}

#content a:active, #conten a:focus {
color: #090;
text-decoration:none;
}

#content hr {
background-color:#ccc; /* Mozilla 1.4 */
color:#ccc; /* IE 6 */
border: #ccc; /* Opera 7.11 */
height: 1px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
text-align: center;
margin-top:1em;
margin-bottom:1em;
}

#content table {
width:95%;
font-size:0.9em;
border: none;
border-collapse: collapse;
margin-bottom:1.2em;
}

#content table caption {
font-size:0.8em;
color:#999999;
}

#content table th {
text-align:left;
padding:5px;
margin:0;
font-weight:bold;
color:#999999;
}

#content table td, #content table th {
border:1px solid #ccc;
margin:0;
padding:5px;
}

.teaser {
_height:150px;
min-height:150px;
margin-right:5px;
padding:0 0 0 0;
border-top:1px solid #ccc;
}

.teaser h2 {
padding-top:0;
margin-top:0;
margin-right:120px;
}

.teaser p, p.teaser {
padding-top:0;
margin-top:15px;
margin-right:120px;
}

.teaserbild {
margin:25px 0 1.5em 1.5em;
}

.sponsor {
_height:150px;
min-height:150px;
margin-right:5px;
padding:25px 0 0 0;
border-top:1px solid #ccc;
}

.sponsor h2 {
padding-top:0;
margin-top:0;
margin-right:120px;
}

.sponsor p, p.teaser {
padding-top:0;
margin-top:15px;
margin-right:120px;
}

.bildunterschrift {
font-size:0.9em;
color:#999999;
}


.invis {
display: none;
}




/* Fuss */

#fuss {
clear:both;
position:relative;
margin:0 25px 5px 15px;
font-size:1em;
}

/* runde Ecken für Navileisten */
.u1, .u2, .u3, .u4{font-size:1px; overflow:hidden; display:block; }
.u1 {height:1px; background:#06c; filter:alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; margin:0 5px 0 5px; }
.u2 {height:1px; background:#06c; filter:alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; margin:0 3px 0 3px; }
.u3 {height:1px; background:#06c; filter:alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; margin:0 2px 0 2px; }
.u4 {height:2px; background:#06c; filter:alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; margin:0 1px 0 1px; }
.u-navi {background:#06c; filter:alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; width:100%; text-align:right; position:relative; height:1.2em }

#copyright {
position:absolute;
left:10px;
top:5px;
width:50%;
color:#fff;
font-weight:bold;
font-size:0.8em;
z-index:10;
}

#servicenavi {
padding-right:10px;
text-align:right;
font-size:0.8em;
color:#fff;
font-weight:bold;
}

#servicenavi ul {
margin:0;
padding:0;
list-style-type:none;
}

#servicenavi li {
display:inline-block;
}

#servicenavi li {
display:inline;
margin-left:0.5%;
}

/* #servicenavi li:hover {
background-color:#009900;
border-bottom:1px solid #fff;
} */

#servicenavi a, #servicenavi a:visited {
padding:0 1em 1px 1em;
border-right:1px solid #fff;
border-bottom:1px solid transparent;
text-decoration:none;
color:#fff;
}

#servicenavi a:hover, #servicenavi a:active, #servicenavi a:focus {
text-decoration:none;
color:#fff;
background-color:#009900;
border-bottom:1px solid #fff;
}

#servicenavi a:active, #servicenavi a:focus {
background-color:#009900;
border-bottom:1px solid #fff;
}

/* Werkzeuge für barrierefreie Darstellung */

/**
 * @section hidden elements | Versteckte Elemente
 * @see     ...
 *
 * Skip-Links und versteckte Inhalte
 */

/* Klassen fuer unsichtbare Elemente im Basislayout */
.skip {
  position: absolute;
  top: -1000em;
  left: -1000em;
  height: 1px;
  width: 1px;
}
    
/* Skip-Links fuer Tab-Navigation sichtbar schalten */
.skip:focus, .skip:active {
  position: static;
  top: 0;
  left: 0;
  height: auto;
  width: auto;
}

.topnav {
color:#666;
font-size:0.8em;
height:15px;
width:93%;
margin:0 auto;
text-align:left;
}

.topnav a {
color:#666;
}

.topnav a:hover, .topnav a:focus, .topnav a:active {
text-decoration:none;
}

.schrift_gross {
font-weight:bold;
font-size:1.1em;
}

.schrift_normal {
font-weight:normal;
padding:0 0.3em;
}

.schrift_klein {
font-size:0.8em;
}

.efa {
float:right;
font-size:0.9em;
color:#666666;
}

div.efa a, div.efa a:visited {
color:#666;
text-decoration:none;
}

div.efa a:hover, div.efa a:focus, div.efa a:active {
color:#fff;
background-color:#009900;
}

/* Sonstiges */

img {
border:none;
}