* {
 margin: 0;
 padding: 0;
}
body{
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 100.01%;
   background-image: url(/stadt/jugendamt/pics/nav-back2.gif);
 background-repeat: no-repeat;
 background-position: -5px 85px;
}
.background {
 background-image: url(/stadt/jugendamt/pics/nav-back3.gif);
 background-repeat: repeat-y;
 background-position: -5px;
 clear: both;
}
.u {
 position: absolute;
 left: -9999px;
 top: -9999px;
}
.clear {
 clear: both;
 visibility: hidden;
 height: 1px;
}
#kopf {
 max-width: 100%;
 height: 7.5em;
 background-image: url(/stadt/jugendamt/pics/illu_familie.gif);
 background-repeat: no-repeat;
 background-position: right;
}
#kopf img {
 border: none;
}
.stadtlogo {
 position: absolute;
 right: 0px;
 top: 0px;
}
.amtslogo{
 position: absolute;
 left: 10px;
 top: 20px; 
}
#hauptnavigation {
 width: 100%;
 font-size: 0.84em;
 font-weight: 600;
 background-color: #FF8c00;
 padding: 0 0 3px 0;
 border-bottom: solid 1px silver;
 border-top: solid 1px Silver;
 min-height: 1.7em;
}
#hauptnavigation ul{
 margin-left: 15px;
}
#hauptnavigation li {
 list-style-type: none;
 margin: 5px 15px 5px 0;
 float: left;
 padding-right: 15px;
 border-right: solid 2px #000000;
}
#hauptnavigation ul li a,
#hauptnavigation ul li a:link,
#hauptnavigation ul li a:visited,
#hauptnavigation li span.normal a {
 text-decoration: none;
 color: #000000;
}
#hauptnavigation li span.normal a:hover,
#hauptnavigation li span.aktiv a, 
#hauptnavigation li span.aktiv a:visited,
#hauptnavigation li a:hover,
#hauptnavigation li a:active,
#hauptnavigation li a:focus{
 color: #ffffff;
 }
#seiteninhalt {
 width: 100%;
 background-image: url(/stadt/jugendamt/pics/content-back2.gif);
 background-repeat: repeat-y;
 background-position: right;
 border-bottom: silver solid 1px;
 padding-bottom: 10px;
}
#subnavigation {
 float: left;
 width: 16em;
 min-width: 200px;
 margin: 45px 0 15px 5px;
 font-size: 0.8em;
 font-weight: 500;
 background-color: #ffffff;
 padding: 10px 2px 10px 3px;
 border: Black solid 1px;
}
*html #subnavigation {
 width: 15em;
}
#subnavigation li {
 list-style-type: none;
 border-bottom: 1px solid #ffffff;
}
#subnavigation li span.normal a,
#subnavigation li a,
#subnavigation li a:link,
#subnavigation li a:visited{
 display: block;
 color: #003399;
 text-decoration: none;
 background-image: url(/stadt/jugendamt/pics/kiste.gif);
 background-repeat: no-repeat;
 background-position: 0 2px;
 padding: 0 5px 2px 15px;
}
#subnavigation li span.normal a:hover,
#subnavigation li span.aktiv a,
#subnavigation li span.aktiv a:visited,
#subnavigation li a:hover,
#subnavigation li a:active,
#subnavigation li a:focus{
 color: #FF6600;
 background-image: url(/stadt/jugendamt/pics/kisteaktiv.gif);
}
#subnavigation ul li ul {
 margin-left: 13px;
}
#content {
 font-size: 0.8em;
 line-height: 1.4em;
 margin-left: 19em;
 margin-right: 15em;
 padding: 30px 10px 10px 10px;
}
*html #content {
 height: 1%;
}
#content  h1 {
 position: absolute;
 top: 30px;
 left: 250px;
 width: 20em;
 font-family: "Courier New", Courier, monospace;
 font-size: 1.7em;
 line-height: 1.2em;
}
#content h2 {
 font-size: 1.3em;
 font-weight: 600;
 line-height: 1.3em;
 padding-bottom: 10px;
}
#content h3 {
 font-size: 1.1em;
 font-weight: 600;
 line-height: 1.2em;
 padding-bottom: 10px;
padding-top: 4px;
}
#content h4 {
 font-size: 1.0em;
 font-weight: 600;
 line-height: 1.1em;
 padding-bottom: 10px;
 padding-top: 8px;
}
#content p {
 padding-bottom: 10px;
}
#content p.form {
 padding-bottom: 0;
display: block;
}

#content a,
#content a:link,
#content a:visited {
 color: #003366;
}
#content a:hover,
#content a:active,
#content a:focus {
 color: #FF6600;
}

#content ul {
 margin-left: 20px;
 padding-bottom: 10px;
}
#content ul li {
 list-style-type: square;
}
#content ul li ul {
 padding-bottom: 0px;
}
#content ul li ul li{
 list-style-type: disc;
}
#content ul li ul li ul{
 padding-bottom: 0px;
}

#content ol {
 margin-left: 0px;
 padding-bottom: 10px;
}
#content ol li {
 margin-left: 30px;
 padding-left: 4px;
 margin-bottom: 4px;
 list-style-type: decimal;
 line-height: 1.4em;
}
#content ol.alpha li {
 margin-left: 30px;
 padding-left: 4px;
 margin-bottom: 4px;
 list-style-type: lower-alpha;
 line-height: 1.4em;
}

#content table {
  padding-bottom: 10px;
  margin-right: 15px;
}
#content td, #content th {
 padding: 3px 10px 3px 0px;
 vertical-align: top;
 text-align: left;
 font-size: 0.8em;
}
#content th,
#content td a,
#content td a:link,
#content td a:visited,
#content th a,
#content th a:link,
#content th a:visited {
 color: #003366;
}
#content td a:hover,
#content td a:active,
#content td a:focus,
#content th a:hover,
#content th a:active,
#content th a:focus {
 color: #FF6600;
}
#content img.logo {
 float: right;
 padding-left: 10px;
}
#kosten table {
  margin-bottom: 10px;
  xmargin-right: 10px;
  border: 1px solid black;
}
#kosten th {
 padding: 3px;
 vertical-align: middle;
 text-align: center;
 background-color: #f0f0f0;
}
#kosten td {
 padding: 3px;
 vertical-align: top;
 text-align: center;
 font-size: 0.8em;
 border-top: 1px solid black;
 border-right: 1px solid silver;
}

#anreisser {
 margin-top: 10px;
 padding: 4px;
 padding-bottom: 0;
 }
#anreisser h4 {
 border: solid 1px #ff6600;
 padding: 2px;
 color: #FF6600;
 background-color: #f0f0f0;
}
#anreisser img {
 float: right;
 margin: 4px 0 5px 10px;
}
#anreisser p {
 margin-top: 4px;
 padding-bottom: 0;
 border: none;
}
#rechts{
 float: right;
 width: 175px;
 font-size: 0.75em;
 line-height: 1.4em;
 padding: 35px 0 15px 0;
}
#rechts h4 {
 font-size: 1.1em;
 font-weight: 600;
 color: #666666;
 margin-bottom: 10px;
}
#rechts p {
 padding-left: 10px;
 padding-bottom: 10px;
}
#rechts a,
#rechts a:link,
#rechts a:visited {
 color: #003366;
}
#rechts a:hover,
#rechts a:active,
#rechts a:focus {
 color: #006699;
}
#rechts img {
 border: none;
}
#rechts ul {
 padding-left: 14px;
 padding-right: 4px;
}
#rechts li {
 list-style-type: square;
 font-weight: 600;
 margin-bottom: 0.9em;
 border-bottom: 1px solid #fef1ce;
}
#rechts li span.normal a,
#rechts li a,
#rechts li a:link,
#rechts li a:visited{
 display: block;
 color: #003366;
 text-decoration: none;
}
#rechts span.normal a:hover{
 color: #006699;
 background-color: White;
 text-decoration: underline;
}
#rechts li .aktiv,
#rechts li span.aktiv a,
#rechts li span.aktiv a:visited{
 color: #006699;
 background-color: White;
 text-decoration: underline;
}
#rechts li a:active,
#rechts li a:focus{
 color: #006699;
 text-decoration: underline;
}
#copyright {
 max-width: 100%;
 text-align: right;
 font-size: 0.8em;
 padding-right: 10px;
}
#copyright a,
#copyright a:link,
#copyright a:visited {
 color: #006699;
}
#copyright a:hover,
#copyright a:active,
#copyright a:focus {
 color: #FF6600;
}

/*Formulare*/
fieldset {
border: none;
xfont-size: 0.8em;
}
#content .form {
 padding-bottom: 2px;
display: block;
}
input {
border: 1px solid silver;
margin-bottom: 4px;
}
.left {
 float: left;
 text-align: right;
 width: 16em;
 margin-right: 0.8em;
padding-bottom: 2px;
}
.left2 {
 float: left;
 text-align: right;
 width: 20em;
 margin-right: 4px;
padding-bottom: 2px;
clear: left;
}
.radio {
margin-top: 4px;
border: none;
}
*html .radio {
margin-top: 0;
}
.right {
 margin-left : 9em;
}
.submit_c {
 width: 15.5em;
 color: #ff6600; 
 font-weight: 600; 
 background-color: #eeeeee; 
 text-align: center; 
 padding: 2px;
 margin-right: 10px;
 margin-bottom: 10px;
 border: solid 1px #ff6600;
 line-height: 1em;
}
.textarea {
 float: none;
 display: block;
 width: 25em;
}
.reddot {
color: #cc0000;
}