/* allgemeine definitionen */
html{
 background: #C0C0C0;
}

body {
 margin: 0px;
 height: 100%;
 display: block;
 color:#000000;
 background-color: #C0C0C0;
background: url(images/back2.jpg);
background-position: top;
background-repeat: repeat-x;
 font-family: Cambria, Constantia, Georgia, Times New Roman, serif;
}
h1 {
 margin: 0;
 padding: 10px 0px 10px 0px;
color: #0636d4;
 font-size: 28px;
 font-weight: bold;
 font-style: italic;
 line-height: 145%;
}
*+html h1 {
 margin: 0;
 padding: 10px 0px 10px 0px;
color: #0636d4;
 font-size: 28px;
 font-weight: bold;
 font-style: italic;
 line-height: 145%;
}
h2 {
 margin: 0;
 padding: 20px 0px 10px 0px;
color: #0636d4;
 font-size: 18px;
 font-weight: bold;
 font-style: italic;
 line-height: 145%;
}
h3 {
 margin: 0;
 padding: 20px 0px 5px 0px;
color: #0636d4;
 font-size: 16px;
 font-weight: bold;
 font-style: italic;
 line-height: 145%;
}
p {
 margin: 0px;
 padding: 0px 0px 0px 0px;
 font-size: 16px;
 color: #505050;
 line-height: 170%;
}
ul { margin: 0px;
 padding: 10px 0px 10px 30px;
}
li {
 margin: 0px 0px 10px 0px;
 padding: 0px 0px 10px 0px;
 font-size: 16px;
 color: #505050;
 line-height: 170%;
}
hr {
 border: 0;
 height: 1px;
color: #0636d4;
 margin-bottom: 20px;
}

a.hauptnavi:link, a.hauptnavi:visited { text-decoration: none; color: #FFF;}
a.hauptnavi:hover, a.hauptnavi:active { text-decoration: none; color: #FFF;}

a:link, a:visited { text-decoration: underline; color: #0636d4;}
a:hover, a:active { text-decoration: underline; color: #0636d4;}

div.button_jugendhilfe{
position: absolute;
text-align: center;
left: 300px;
width:200px;
height: 40px;
}
div.button_jugendhilfe:hover{
background-color: #0247e5;
font-weight:bold;
}
div.hauptnavi{
position: relative;
margin-left: auto;
margin-right: auto;
width: 950px;
height: 40px;
background-color: #0636d4;
line-height: 200%;
font-size: 20px;
}
div.leiste{
margin-left: auto;
margin-right: auto;
width: 950px;
height: 240px;
background-position: center;
}
div.farbleiste{
position: relative;
margin-left: auto;
margin-right: auto;
width: 950px;
height: 35px;
background-color: #0636d4;
}
div.farbleiste2{
clear: both;
margin-left: auto;
margin-right: auto;
width: 950px;
height: 55px;
background-color: #0636d4;
}
div.weiss{
position: absolute;
left: 250px;
top: 20px;
width: 700px;
height: 15px;
background-image:url(images/ecke-ol-jugendhilfe.jpg);
background-repeat: no-repeat;
background-color: #FFFFFF;
}
div.weiss2{
clear: both;
float: right;
width: 700px;
height: 15px;
background-image:url(images/ecke-ul-jugendhilfe.jpg);
background-repeat: no-repeat;
background-color: #FFFFFF;
}
div.metanavi{
clear: both;
float: right;
width: 680px;
color: #fff;
padding: 10px 10px 0px 0px;
}
div.page{
position: relative;
margin-left: auto;
margin-right: auto;
width: 950px;
background-color: #FFF;
border-left: 1px solid  #666;
border-right: 1px solid  #666;
}
div.subnavi{
float: left;
left: 0px;
width: 250px;
min-height: 100px;
background-color: #EEE;
}
div.navitem{
line-height: 160%;
border-bottom: 1px solid #CCC;
padding: 10px 0px 7px 20px;
}
div.navitem:hover{
line-height: 160%;
border-bottom: 4px solid  #0247e5;
padding: 10px 0px 4px 20px;

}
div.navitem2{
line-height: 160%;
border-bottom: 4px solid  #0636d4;
padding: 10px 0px 4px 30px;
font-weight: bold;
text-decoration: none;
color: #0636d4;
background-image:url(images/pfeil-jugendhilfe.png);
background-repeat: no-repeat;
background-position: -8px 60%;}


a.subnavi:link, a.subnavi:visited { text-decoration: none; color: #505050;}
a.subnavi:hover, a.subnavi:active { font-weight: bold; text-decoration: none; color: #0247e5;}

a.metanavi:link, a.metanavi:visited { text-decoration: none; color: #FFF;}
a.metanavi:hover, a.metanavi:active { text-decoration: underline; color: #FFF;}

div.inhalt{
padding: 0;
margin: 0px 230px 0px 270px;
}
div.bilder{
float: right;
width: 215px;
}
img.text {
margin: 40px 0px 0px 0px;
background-color: #0636d4;
padding: 0px 0px 5px 0px;
}
img.logo{
border: 0px;
}