/* - - - - - - - - - - - - nur für webedition- - - - - - - - - - - - */

.cms { Font : bold 11px Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color : #006699; }
.subcms{ Font : bold 11px Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color : #333; }


/* - - - - - - - - - - - - Allg. Vorgaben - - - - - - - - - - - - */
html, body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:auto;
	margin:0 ;
	padding:0;
	width:100%; 
	height:100%;
	background-color:#EAEAEA;
	text-align:center;
	color:#333;
}

h1, h2, h3, h4, h5, h6, p {
	margin:0;
	padding:0;
}

strong {
font-weight:bold;
}

/* Unsichtbare Elemente außerhalb des Bildschirms */
.unsichtbar, .nurDruck {
position:absolute;
left:-1000px;
top:-1000px;
width:0px;
height: 0px;
overflow:hidden;
display:inline;
}

A:link {text-decoration: none; color : #f25824;}
A:visited {text-decoration: none; color : #666;}
A:hover {text-decoration: underline;}
A:active {text-decoration: underline; color : #FF9900;}
A:focus {text-decoration: underline; color : #FF9900; }

img{
border:none;
}
#inhalt a:focus, #inhalt a:active, #teaser a:focus, #teaser a:active {background-color:#eaeaea; color:#f25824; text-decoration:underline; outline:none;}
a:focus img, a:active img {  border:2px solid #f25824; }
.clear {
clear:both;
}
#mittig {
font-size:0.80em;
position:relative;
left:0;
top:0;
width:100%;
height:100%;
text-align:left;
z-index:2;
}
body>#mittig{height:auto;}



div a img {
display: block;
padding-top: 5px;
border:none;
}

.details { font-size : 0.8em; color : #666; vertical-align: middle;}

.teaserimg {margin:0; padding:0; }
.contentimg {margin:0; padding:0; }
dl, dt, dd {margin:0; padding:0; }



/* - - - - - - - - - - - - Visual - - - - - - - - - - - - */

/*Visual und Logo */

#visual {
background-image:url(/site/00/img/gesamt/header_wdh.jpg);
background-repeat:repeat-x;
background-position: center bottom; 
background-color: #98CEEA; 
border: 0;
padding:0;
height:120px;
width:100%;
vertical-align:bottom;
text-align:center;
}
#visual img {
height:120px;
margin:auto;
margin-bottom:0;
vertical-align:bottom;
}
/* - - - - - - - - - - - -  Metanavigation  - - - - - - - - - - - - */
/* Metanavigation */
#metaleiste {
line-height:30px;
background-color:#5C5C5C;
position:relative;
left:0;
top:0;
margin:0;
min-height:30px;
width:100%;
text-align:right;	
}

#menu ul {
vertical-align:middle;
position:relative;
padding-right:5px;
text-align:right;
display:inline;
list-style:none;
}
#menu li {
display:inline;
}

#menu a, #menu a:visited {
color:#fff; 
}

#menu li a {
margin-left:0;
padding-left:15px;
padding-right:15px;
border-right:1px solid #fff;
vertical-align:middle;
font-family:Verdana, Arial, Helvetica, sans-serif; /*fuer Mozilla*/
font-size:85%;
text-decoration:none; 
}

#menu a:hover {
color:#FF9900;
}
#menu a:focus, #menu a:active { color: #FF9900; outline:none; }

#menu li .aktuell {
color:#FF9900;
padding-left:15px;
padding-right:15px;
border-right:1px solid #fff;
vertical-align:middle;
}


/* - - - - - - - - - - - -  Suchleiste  - - - - - - - - - - - - */
#suchleiste {
line-height:30px;
background-color:#5C5C5C;
position:relative;
left:0;
top:0;
margin:0;
min-height:30px;
width:100%;
text-align:right;	
}
#suchleiste a:focus, #suchleiste a:active { border:1 px solid #FF9900; outline:none; }

#suchleiste form {
vertical-align:middle;
position:relative;
display : inline;
margin:3px 15px 3px 0;
}

input {
font-size:90%;
}

#suchleiste input {
color: #333;
vertical-align:middle;
margin-bottom:4px;
}

#suchzeile {
color:#fff;
height:100%;
margin-right:4px;
vertical-align:middle;
}
#suchfeld{
	display:inline;
	margin:2px 0 2px 10px;
}


/* - - - - - - - - - - - -  senkrechte Navigation  - - - - - - - - - - - - */

#nav{
margin:20px;
margin-top:20px;
padding:0;
}

* html #nav {
padding-top:20px;
}

#nav ul{
list-style-type: none;
margin:0;
padding:0;
width:100%;
text-align:left;
background-color:#fff;
}
#nav ul li { 
display:inline; 
font-size:90%;
}
#nav ul li a {
font-weight:bold;
background-color:#fff;
color:#5c5c5c;
border-bottom:1px solid #EAEAEA;
padding:9px 6px 9px 18px;
text-decoration:none;
display:block;
margin:0;
text-align:left;
} 

#nav ul li a:hover {
text-decoration:none;
background-color:#5c5c5c;
color:#fff;
} 
#nav ul li a:focus, #nav ul li a:active {background-color:#eaeaea; color:#5c5c5c; outline:none; }

#nav ul li .aktuell{
font-weight:bold;
background:url(/site/00/img/gesamt/nav_1_h.gif);
background-repeat:no-repeat;
background-position:0 13px;
background-color:#5c5c5c;
color:#fff;
border-bottom:1px solid #EAEAEA;
padding:9px 6px 9px 18px;
text-decoration:none;
display:block;
text-align:left;
} 


#nav ul li .high {
font-weight:bold;
background-color:#5c5c5c;
color:#fff;
border-bottom:1px solid #EAEAEA;
padding:9px 6px 9px 15px;
text-decoration:none;
display:block;
text-align:left;
} 

/* 2.Ebene */
#nav ul ul.subzwei li a {
font-weight:normal;
background-color:#818080;
color:#fff;
padding-left:25px;
}
#nav ul ul.subzwei li a:hover {
background:url(/site/00/img/gesamt/nav_1_h.gif);
background-repeat:no-repeat;
background-position:8px 12px;
background-color:#818080;
color:#fff;
} 
* html #nav ul ul.subzwei li a:hover {
background-position:8px center;
}
#nav ul li a:focus,
#nav ul li a:active  {
background-color:#5c5c5c;
color:#fff;
} 
#nav ul ul.subzwei li a:focus,
#nav ul ul.subzwei li a:active  {
background:url(/site/00/img/gesamt/nav_1_h.gif);
background-repeat:no-repeat;
background-position:8px 12px;
background-color:#5c5c5c;
color:#fff;
} 

#nav ul ul.subzwei li .aktuell{
font-weight:normal;
background:url(/site/00/img/gesamt/nav_1_h.gif);
background-repeat:no-repeat;
background-position:8px 12px;
background-color:#818080;
color:#fff;
padding-left:25px;
text-align:left;
} 
* html #nav ul ul.subzwei li .aktuell{
background-position:8px center;
}

#nav ul ul.subzwei li .high{
font-weight:normal;
background-color:#818080;
color:#fff;
padding-left:25px;
text-align:left;
} 
/*
  nur fuer PC IE wegen Mac IE
\*/
* html #nav ul li a,
* html #nav ul li a.high,
* html #nav ul li .aktuell  {
width:expression(document.body.clientWidth < 800? "110px": "auto" );
}
/*
*/
/* - - - - - - - - - - - -  Contentbereich 3-spaltig  - - - - - - - - - - - - */

#content {
background-color:#EAEAEA;
border-top:1px solid #fff;
border-left:10px solid #fff;
width: 98%;
height:64%;
min-height:415px;
padding:0;
}

#links {
background-color:#EAEAEA;
float: left;
margin: 0;
padding:0;
border:0;
width: 20%;
min-width:14em;
height:100%;
min-height:415px;
}

	
#rechts {
background-color:#EAEAEA;
float:left;
padding:0 0 0 0;
width: 20%;
height:100%;
min-height:415px;
}
/* - - - - - - - - - - - -  Content  - - - - - - - - - - - - */

#inhalt {
background-color:#fff;
float:left;
width:48%;
max-width:51%;
text-align:left;
margin-right:20px;
padding:0;
}
* html #inhalt {
width:47%;
}

#inhalt .modul-head {
clear:none;
width:auto;
margin:50px 10px 15px 20px;
padding:0 15px 20px 10px;
border-bottom:1px solid #EAEAEA;
}
#inhalt .modul {
clear:none;
width:auto;
margin:20px 10px 15px 20px;
padding:0 15px 15px 10px;
border-bottom:1px solid #EAEAEA;
}

#inhalt h1 {
font-size: 120%;
line-height:140%;
margin-bottom:25px;
color:#333;
}


#inhalt h1.absolute-head {
font-size: 160.01%;
color:#333;
margin:0;
} 

#inhalt h2 {
color:#f25824;
font-size: 100%;
line-height:140%;
font-weight:bold;
margin:0;
}
#inhalt h3 {
color:#333;
font-size: 100%;
line-height:140%;
font-weight:bold;
margin-bottom:15px;
}

/* Fliesstext*/
#inhalt .textfluss {
padding:0;
margin:10px;
}

#inhalt .text {
font-family:Verdana, Arial, Helvetica, sans-serif;/*fuer Mozilla*/
line-height:140%;
margin:5px 10px 10px 0;
padding:0;
}
#inhalt .text p {
font-family:Verdana, Arial, Helvetica, sans-serif;/*fuer Mozilla*/
line-height:140%;
margin:15px 0 0 0;
padding:0;
}

/* Listen*/
#inhalt ul {
margin:0;
margin-left:0;
padding-left:0;
list-style-type: none;
}

#inhalt ul li{
margin-top:4px;
margin-left:18px;
list-style-image:url(/site/00/img/gesamt/icon_liste.gif); 
}


/*  max. Bildbreite bei Spalten und umfliessen */
#inhalt dt img .imgwidth { 
max-width:210px; 
}

/* Bildunterschrift */
#inhalt dl { margin-top: -5px; padding:0; }
#inhalt dl dt { margin: 0; padding:0; }
#inhalt dl dd {  color:#666; margin: 0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 75%; line-height:120%; } 


/* C4 Bildposition mittig */
#inhalt .mitte {
text-align:center;
margin:auto;
margin-top:2px;
}

/* C2 Contentimage links, umflossen  */
#inhalt .left {
max-width:49%;
float:left;
padding:0 15px 0 8px;
padding-right:15px;
margin:0;	
}
* html b\ody #inhalt .left { 
width:4%;
padding-right:15px;
}

/* C3 Contentimage rechts, umflossen  */
#inhalt .right {
max-width:49%;
float:right;
padding-left:15px;
}
* html #inhalt .right { 
width:4%;
padding-left:10px;
}

/* C5 Contentspalte, image rechts  */
#inhalt .imagerechts {
float:right;
max-width:49%;
margin:0;
text-align:left;
padding-left:15px;
}

#inhalt .textlinks {
float:left;
padding:0;
margin:0 10px 10px 5px;
max-width:49%;
vertical-align:top;
}

/* C6 Contentimage links */
#inhalt .imagelinks {
float:left;
max-width:49%;
margin:0;
padding:0 15px 0 8px;
}	
#inhalt .textrechts  {
float:left;
margin:0 0 10px 0;
padding:0;
max-width:49%;
vertical-align:top;
}


/* C40 Content zweispaltig  */
#inhalt .modul40 {
clear:none;
width:372px;
margin:0;
padding:0;
}

#inhalt .modul40 table {
width:100%;
margin:0;
padding:0;
}
.modul40 th {
width:50%;
margin:0;
padding:0;
background-color:#ccc;
}
.modul40 td {
background-color:#fff;
padding-top:4px;
}
.modul40 #spalte1{
width:50%
}
.modul40 #spalte2{
width:50%
}


/* Formularformatierung  */
#inhalt form {
margin:15px 8px 15px 8px;
}

#inhalt .icon-go {
margin:0 0 0 8px;
}

#inhalt form .kategorie {
width:50%;
font-size:75%;
}
* html #inhalt form .kategorie {
font-size:90%;
}

/* -- Sitemap -- */
#sitemap {
margin:10px 15px 15px 0;
width:96%;
}

#sitemap ul {
list-style-type: none;
}
#sitemap a {
text-decoration:none;
color:#666;
}

#sitemap li {
border-bottom:1px solid #fff;
padding-left:4px; 
background:url(/site/00/img/gesamt/icon_liste.gif); 
background-repeat:no-repeat;
background-position:left center;
margin:0;
}

#sitemap li.eins {
background-image:none;
font-weight:bold;
color:#000;
}

#sitemap li.zwei {
background-image:none;
color:#666;
font-weight:normal;
}


#sitemap li.drei {
color:#F25822;
}

#inhalt ul .subzwei {
display:none;
}

.blaettern {
width:100%;
margin:0;
padding:0;
}
.blaettern .left {
text-align:left;
margin:0;
padding:0;
white-space:nowrap;
}

.blaettern .right {
white-space:nowrap;
float:right;
text-align:right;
margin-right:8px;
padding:0;
}

#inhalt .toplink { 
float:right;
text-align:right;
margin-bottom:25px;
}
#inhalt .toplink ul li {
font-weight:bold;
list-style:none;
padding-right:15px;
margin-right:15px;
background:url(/site/00/img/gesamt/icon_top.gif); 
background-repeat:no-repeat;
background-position:right;
display:inline;
font-family:Verdana, Arial, Helvetica, sans-serif; /*fuer Mozilla*/
font-size: 85%;
color:#ff9900; 
text-decoration:none; 
}
* html #inhalt .toplink li a {
font-size: 85%;
}
#inhalt .mehr2 {
padding-left:15px;
background:url(/site/00/img/gesamt/icon_liste.gif); 
background-repeat:no-repeat;
background-position:left center;
}


/* - - - - - - - - - - - -  Formulare - - - - - - - - - - - */
fieldset{
	margin:15px 0 15px 10px;
	padding:10px 0 15px 0;
	background-color:#eee;
	}
#inhalt legend{
	margin-bottom:10px;
	color:#555;
	font-size: 90%;
	line-height:140%;
	font-weight:bold;
	}

#inhalt form{
	width:98%;
}
.hilfebox{
	width:130px;
	height:30px;
	position:absolute;
	z-index:100;
}
#e1, #e2, #e3, #e4{
    display:none;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 80%;
	line-height:120%;
	 position:absolute;
	 margin-left:80px;
    width:20em;
    padding:3px;
    background-color:#FFF;
    border:2px solid #f00;
} 
.zeile{
display: block;
clear: both;
text-align:right;
}
fieldset .bezeichner {
width: 9em;
float: left;
margin-right: 0.5em;
padding: 5px 0 2px 0;
}
.bezeichner2{
float: left;
}
fieldset .eingabe {
float: left;
padding: 3px 0;
}

fieldset input {
/*padding: 2px 5px; bei einem mit padding versehenen input funktionieren in NN 7.01 die Checkboxen nicht.*/
border: 0 solid;
border-bottom:1px dashed #899180;
color: #000;
background: #fff;
}

fieldset #xmale, 
fieldset #xfemale, 
fieldset #xautobahn, 
fieldset #xausserhalb,
fieldset #verdachtxmale, 
fieldset #verdachtxfemale, 
fieldset #verdachtErkennen,
fieldset #website,
fieldset #newsgroup,
fieldset #chatroom,
fieldset #mailingliste,
fieldset #mail,
fieldset #sonstige,
fieldset #unbekannt,
fieldset #ausserD,
fieldset #inD
{
border: 0;	
color: #000;
background: #f0f0f0;
}
.radiobox{
	display:block;
	clear: both;	
	margin:.5em 0 .5em 3em;
	position:relative;
}
#container #inhalt .radiobox p{
	padding:0 0 0 0.8em;
}

.radiofeld{
	position:relative;
	left:6.2em;
	top:.3em;
	z-index:0;
}
.radiofeld2{
	left:3.5em;
}
.zeileradio{
	clear: both;
	/*width:80%;*/
}

#inhalt #submitbuttons input{
	position:relative;
	margin-top:10px;
	margin:0 20px 0 10px;
	font-size: 90%;
	background-color:#AAA;
	padding-bottom:5px;
	border-bottom:none;
	border-width:3px;
	border-color:#DDD;
	border-style:outset;
	width:11em;
}

#inhalt #submitbuttons input{
	background-color:#CCC;
}

#inhalt #submitbuttons input:hover{
	background-color:#FF9B79;
}
/* - - - - - - - - - - - -  Teaser  - - - - - - - - - - - - */


#teaser {
position:relative;
top:20px;
width:200px;
min-width:86%;
height:auto;
text-align:left;
margin:auto;
}
* html #teaser {
width:200px;
}

#teaser .modul {
background-color:#fff;
clear:none;
width:100%;
margin:0;
margin-bottom:15px;
padding:0;
border-bottom:1px solid #5C5C5C;
}


#teaser h1 {
background-color:#5c5c5c;
color:#fff;
margin:0;
font-size: 100%;
line-height:140%;
padding:10px 15px 10px 15px;
border-bottom:1px solid #EAEAEA;
}


#teaser h2 {
margin:0;
font-size: 90%;
line-height:140%;
font-weight:bold;
padding:5px 15px 0 15px;
}

/* Fliesstext*/
#teaser .textfluss {
padding:0;
margin:0;
}

#teaser .text {
font-family:Verdana, Arial, Helvetica, sans-serif;/*fuer Mozilla*/
font-size: 90%;
line-height:140%;
margin:5px 10px 10px 15px;
padding:0;
}



* html #teaser .text {
padding:5px 10px 10px 0;
}

#teaser .teaser-mehr2 {
padding-left:15px;
background:url(/site/00/img/gesamt/icon_liste.gif); 
background-repeat:no-repeat;
background-position:left center;
font-size: 95%;
}
#teaser .mehr2 {
padding-left:15px;
background:url(/site/00/img/gesamt/icon_liste.gif); 
background-repeat:no-repeat;
background-position:left center;
display:block;
font-size: 95%;
}

/* Listen*/
#teaser ul {
margin:0;
margin-left:8px;
padding-left:8px;
}

/*  max. Bildbreite bei Spalten und umfliessen */
#teaser .imgwidth { max-width:200px;}

#teaser a .imgwidth { margin:0; padding:0;}

/* Bildunterschrift Teaser */
#teaser dl dt { margin:0;  padding:0; background-color:#5c5c5c;}
#teaser dl dd { margin: 0; font:80% Verdana, Arial, Helvetica, sans-serif; } 

/* T1 Bildposition mittig */
#teaser .mitte {
text-align:center;
margin:auto;
}

/* T4 Teaserimage links, umflossen  */
#teaser .left {
max-width:49%;
float:left;
padding:0 15px 0 0;
margin:0;	
}


/* T5 Teaserimage rechts, umflossen  */
#teaser .right {
max-width:49%;
float:right;
padding:0 0 0 15px;
padding-left:15px;
margin-top:0;
}
* html #teaser .right { 
width:4%;
padding-left:10px;
padding-right: 0;
}

/* T2 Teaserspalte, image rechts  */
#teaser .imagerechts {
float:right;
max-width:49%;
margin:0;
text-align:left;
}
#teaser .textlinks {
font-family:Verdana, Arial, Helvetica, sans-serif; /*fuer Mozilla*/
float:left;
padding:0;
margin:5px 10px 10px 0;
max-width:49%;
vertical-align:top;
}
/* T3 Teaserspalte, image links  */
#teaser .imagelinks {
float:left;
max-width:49%;
margin:0;
padding:0;
}
#teaser .textrechts {
font-family:Verdana, Arial, Helvetica, sans-serif; /*fuer Mozilla*/
float:left;
margin:5px 10px 10px 0;
padding:0;
max-width:49%;
vertical-align:top;
}

div a img {
display: block;
border:none;
}

/* - - - - - - - - - - - - Stylewechsel - - - - - - - - - - - */
#stylewechsel {
background-color:#fff;
clear:none;
width:100%;
margin:0;
padding:0 0 15px 0;
margin-bottom:15px;
border-bottom:1px solid #5C5C5C;
}


#stylewechsel form {
  margin: 0;
  padding: 0;
}

#stylewechsel #formstylewechsel {
  width: 150px;
  color: #333;
  font-size:85%;
  height:auto;
  margin-left:15px;
 margin-top:15px;
}


/*
  nur fuer PC IE wegen Mac IE
\*/
* html b\ody #stylewechsel #formstylewechsel { 
 margin:15px 0 15px 15px;
padding-right:30px;
}
/*   
*/

#stylewechsel #formstylewechsel:focus,
#stylewechsel #formstylewechsel:hover,
#stylewechsel #formstylewechsel:active {
background-color: #fff;
}

#stylewechsel input {
color: #333;
vertical-align:middle;
}


/* - - - - - - - - - - - -  Footer  - - - - - - - - - - - - */
#footer {
background-color:#5C5C5C;
position:relative;
left:0;
bottom:0;
margin:0;
padding:5px 0 5px 0;
border-top:25px solid #EAEAEA;
height:1.6em;
width:100%;
white-space:nowrap;
vertical-align:middle;
}
#footer ul {
vertical-align:middle;
position:relative;
padding-left:5px;
margin:0.5em 33% 0 19%;;
list-style-type: none;
}


#footer ul li {
display:inline;
}
#footer li a:hover {
color:#FF9900;
}


#footer ul li a {
font-family:Verdana, Arial, Helvetica, sans-serif; /*fuer Mozilla*/
margin:0;
padding:0;
}

#footer li a.positionLinks {
background:url(/site/00/img/gesamt/top_pfeil.gif); 
background-repeat:no-repeat;
background-position:left center;
padding-left:20px;
padding-right:31%;
font-size:85%;
color:#fff;
margin:0;
float:left;
width:auto;
}


#footer li a.positionRechts {
background:url(/site/00/img/gesamt/top_pfeil.gif); 
background-repeat:no-repeat;
background-position:left center;
padding-left:20px;
padding-right:15px;
font-size:85%;
color:#fff;
float:right;
width:auto;
}

#footer li a:focus, #footer li a:active {color: #FF9900; outline:none; }