*{margin: 0;padding: 0;}

body {
font: normal small arial, verdana, sans-serif;
line-height: 1.4em;
text-align: center;
background: #fff;
color: #000;
margin: 0;
padding: 0;
}

#wrapper {
width: 960px;
margin: 0 auto;
text-align: left;
border: 0px solid #F7EDE3;
background: #fff;
}

#header {
height: 150px;
}

#header  span {
display: none;
}

#header h1 a {
display: block;
background: url(../img/kopf.jpg) no-repeat 0px 100%;
height: 150px;
}

#outer {
border-left: solid 170px #fff; 
border-right: solid 210px #7BA6DF;
background-color: #FFFFFF; } /* Farbe fuer #content  */

#outer_kn { 
border-left: solid 170px #fff;
border-right: solid 168px #FF9934;
background-color: #FAFFBF; } /* Farbe fuer #content  */

#outer_bn { 
border-left: solid 170px #fff; 
border-right: solid 168px #FF6701;
background-color: #FFF1B2; } /* Farbe fuer #content  */

#outer_ws { 
border-left: solid 170px #fff; 
border-right: solid 168px #95CA01;
background-color: #E9FCAE; } /* Farbe fuer #content  */

#outer_ee { 
border-left: solid 170px #fff; 
border-right: solid 168px #0199CC;
background-color: #E7F1F3; } /* Farbe fuer #content  */

#inner {
margin:0; width:580px; } /* Die IE PC Schlaufe */ 

#sbleft {
width:180px; 
float:left;
position:relative; 
margin-left:-185px; 
margin-top: 0px;
margin-right:1px;
font-size: 90%;
line-height: 1.4em;
}

#sbright {
width:210px;
float:right; 
position:relative; 
margin-right:-210px;
margin-left:1px;
} 

#sbright  div {

 margin: 16px 3px 16px 10px;

 font-size: 90%;

 line-height: 1.4em;

 }

#sbright  ul {

 list-style: square;

 }

#sbright  li {

 margin-left: 16px;

 }


#sbright  h2 {
padding-top:5px;
 color:#fff;
 font-size: 1.2em;

 }
#sbright  p {

 font-size: 1.0em;

 }


#sbright h3 {
margin: 1px;
padding-top: 5px;
font-size: 1.1em;
}
#sbright a {
color:#fff;
text-decoration:none;

}

#content {

 position: relative;  

 margin: 0px;

 margin-left: 11px;

 min-height: 58em;

 height: auto !important;

 height: 58em; 

 padding-right:20px; 

 }
#content div{padding-left:10px;}
#content div.news{padding-left:0px;}
#content h3.news{font-size: 1.1em;color: #990000}

#content  h1{
padding-top:30px;
color:#000000;
font-size: 1.5em;
}

#kita-text {

 position: relative;

 margin: 0px;

 min-height: 450px;

 height: auto !important;

 height: 450px;

 }

#content p{

 padding: 0px 16px 6px 0px

 }

#content h2 {

 padding: 16px 16px 6px 0px;

 font-size: 1.2em;

 }

#content h3 {

 padding: 10px 16px 6px 0px;

 font-size: 1.1em;


 }

#content h4 {

 padding: 0px 16px 6px 16px;

 font-size: 1.1em;

 }

#content ul {

 padding: 16px 16px 6px 16px;

 list-style-type: square;

 margin-left: 16px;

 }

#content ul li {

 line-height: 2em;

 }

#content ul.leitlinien {

 padding: 16px 16px 6px 16px;

 list-style-type: square;

 margin-left: 16px;

 }

#content li.leitlinien {

 padding: 6px 16px 0px 16px;

 line-height: 1.4em;

 }

#content ol {

 padding: 12px 16px 6px 16px;

 margin-left: 20px;

 }

#content ol li {


 }

#content table {

 border: 0px solid;

 border-collapse:collapse;

 width: 530px;

}

#content td{

 border: 0px solid;

 vertical-align: top;

 padding: 3px 5px;

 border: 1px solid;

 border-color: black;

}

#content td.row_color{

 border: 0px solid;

 vertical-align: top;

 background-color: #EAEAEA;

 padding: 3px 5px;

 border: 1px solid;

 border-color: black;
 color: #F85E18;

}



#content tr{border: 0px solid;}

#content form{margin-left: 16px;}

#txtimg {float: left;}

.imgrt {padding: 16px;}

.imgrt img {
display: block;
float: right;
margin: 0 12px 0 16px;
padding: 0px;
}

#txtimg br {clear: both;}


#box {
text-align: left;
margin: 10px 20px 10px 16px;
border-style: dashed;
border-width: 1px;
background-color: #F8FFA5;
}

#footer {
clear: both;
border-top: 0px solid #A8A8A8;
margin-left: 180px;
margin-right: 195px;
padding: 8px 0 8px 16px;
}

#footer p {

 text-align: right;

 line-height: 1.2em;

 padding: 0px;

 font-size: smaller;

 }

#footer a:link {

 text-decoration: underline; color: #000;

 }

#footer a:visited {

 text-decoration: underline; color: #000;

 }

#footer a:focus {

 text-decoration: underline; color: #000;

 }

#footer a:hover {

 text-decoration: none; color: #000;

 }

#footer a:active {

 text-decoration: underline; color: #000;

 }



.hide {

 position: absolute;

 left: -5000px;

 }

.imgkita{ float: right;
min-height: 400px;
height: auto !important;
height: 400px;
}

.imgbu  {
width: 150px;
margin: 0 0 24px 16px;
text-align: right;
}

.imgbu img {
float: right;
display: block;
clear: both;
}

.imgrt {
padding: 16px;
}

.imgrt img {
display: block;
float: right;
margin: 0 -5px 0 0px;
padding: 6px 16px 6px 6px;
}

.imgft {
margin: 0px 2000px 0px 0px;
}

.imgft img {
display: block;
float: left;
margin: 0px 0px 0px 0px;
padding: 6px 16px 6px 0px;
}

.lang {
text-align: right;
line-height: 1.2em;
padding: 0px;
margin-bottom: -37px;
font-size: smaller;
}

a.simple:link {
text-decoration: none; color: #000;
}

a.simple:visited {
text-decoration: none; color: #000;
}

a.simple:focus {
text-decoration: none; color: #000;
}

a.simple:hover {
text-decoration: underline; color: #000;
}

a.simple:active {
text-decoration: none; color: #000;
}

 

#navigation {
margin-left: 0px;
margin-top:  0px;
padding: 0px 0px 0px 10px;
margin-bottom: 40px;
border-top: 0px solid #A8A8A8;
}




#nav, #nav ul { /* all lists */
padding: 0;
margin: 0;
list-style: none;
line-height: 1;
}



#nav a {
display: block;
width: 10em;
width: 126px;
}

#nav li { /* all list items */
/*float: left;*/
position:relative;
width: 10em; /* width needed or else Opera goes nuts */
width: 148px;
padding: 0px 4px 4px;
}

#nav li ol{ /* all list items */
/*float: left;*/
list-style:none;
position:relative;
width: 10em; /* width needed or else Opera goes nuts */
width: 148px;
padding: 0px 20px 4px;

}
#nav li ol a{ /* all list items */
/*float: left;*/
display: block;
width: 8em;
width: 108px;
font-weight:400;
color:#333333;

}

#nav li ul { /* second-level lists */
position: absolute;
background: #fff;
width: 10em;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
top:10px;

}



#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
left:50px;
z-index: 100;
width: 155px;
border: 3px solid #07716F;
border-top: 2px solid #fff;
border-left: 2px solid #fff;
background-color: #FFFFFF;
}

#nav li:hover ul a, #nav li.sfhover ul a { /* lists nested under hovered list items */
color: #CC0000;
font-weight:400;
text-decoration: none;
padding-bottom: 4px;
padding-top: 4px;
padding-left: 23px;
font-size:14px;
}

#nav a{
color: #CC0000;
font-weight:800;
text-decoration: none;
padding-bottom: 4px;
padding-top: 4px;
padding-left: 23px;
font-size:14px;
border-top: dashed 1px #CC0000;
}

#nav a.lap  {
height: 25px;
/*background: transparent url(../img/navi1.jpg) no-repeat top left;*/
}

#nav a.lap span {

}

#nav a.pro  {
height: 25px;
/*background: transparent url(../img/navi2.jpg) no-repeat top left;*/
}

#nav a.pro span {

}

#nav a.new  {
height: 25px;
/*background: transparent url(../img/navi3.jpg) no-repeat top left;*/
}

#nav a.new span {
}

#nav a.lin  {
height: 25px;
/*background: transparent url(../img/navi4.jpg) no-repeat top left;*/
}

#nav a.lin span {

}

#nav a.dow  {
height: 25px;
/*background: transparent url(../img/navi5.jpg) no-repeat top left;*/
}

#nav a.dow span {

}


#nav a.imp  {
height: 25px;
/*background: transparent url(../img/navi6.jpg) no-repeat top left;*/
}

#nav a.imp span {

}


a.infobox {
color:#000000;
border-bottom: 1px  #000000;
text-decoration:none;
}

a.infobox:hover {color:#000000;}

a.infobox span {
visibility:hidden;
position:absolute;
left:-99em;
text-decoration:none;
}
a.infobox:hover span {
visibility: visible;
position: absolute;
top: 90px;
left: 0px;
padding: 13px 13px 13px;
width:360px;
border:1px solid #000000;
color:#000000;
background:#FFFFFF;
}