html, body { 
margin:0px;
padding: 0px;
height:100%;
font-family: Arial, Verdana, san-serif;
color: #333;
font-size: 12px;
}

#content {
background-image: url(../images/body_backgr.gif);
background-repeat: repeat-y;
background-position: 15px 0;
min-height: 100%;
background-color: #fff;
}
#content-container {
padding-bottom: 15px;   /* Höhe des Footer */
}

#logo{
position:absolute;
top:0px;
left:15px;
width:155px;
height:109px;
background-color:#ffffff;
}

#header{
position:absolute;
left:185px;
top:0px;
padding-top:15px;
width:810px;
height:209px;
}
.willkommen {
background-image: url(../images/willkommen.jpg);
background-position: 0 15px;
background-repeat: no-repeat;
background-color: #fff;
}
.kinderbetreuung {
background-image: url(../images/kinderbetreuung.jpg);
background-position: 0 15px;
background-repeat: no-repeat;
background-color: #fff;
}
.kinderbetreuung_klein {
background-image: url(../images/kinderbetreuung_klein.jpg);
background-position: 0 15px;
background-repeat: no-repeat;
background-color: #fff;
}
.partner {
background-image: url(../images/partner.jpg);
background-position: 0 15px;
background-repeat: no-repeat;
background-color: #fff;
}
.unternehmen {
background-image: url(../images/unternehmen.jpg);
background-position: 0 15px;
background-repeat: no-repeat;
background-color: #fff;
}
.downloads {
background-image: url(../images/downloads.jpg);
background-position: 0 15px;
background-repeat: no-repeat;
background-color: #fff;
}
.links {
background-image: url(../images/links.jpg);
background-position: 0 15px;
background-repeat: no-repeat;
background-color: #fff;
}
.kontakt {
background-image: url(../images/kontakt.jpg);
background-position: 0 15px;
background-repeat: no-repeat;
background-color: #fff;
}
#content_header {
position:absolute;
left: 0px;
top:0px;
padding-top:15px;
width:420px;
height:209px;
}
p.grau {
margin:0px;
padding:0px;
margin-top:25px;
*margin-top:40px;
margin-bottom:3px;
font-size:18px;
font-weight: bold;
color: #999999;
}
a.graublau, a.graublau:link, a.graublau:visited, a.graublau:active {
margin: 0px; font-family: Arial, Verdana, san-serif; font-weight: bold; font-size: 18px; text-decoration:none; font-style: normal; color: #999999;
}
a.graublau:hover {
color: #226fc2;
}
a.graugruen, a.graugruen:link, a.graugruen:visited, a.graugruen:active {
margin: 0px; font-family: Arial, Verdana, san-serif; font-weight: bold; font-size: 18px; text-decoration:none; font-style: normal; color: #999999;
}
a.graugruen:hover {
color: #93c41b;
}
a.graugelb, a.graugelb:link, a.graugelb:visited, a.graugelb:active {
margin: 0px; font-family: Arial, Verdana, san-serif; font-weight: bold; font-size: 18px; text-decoration:none; font-style: normal; color: #999999;
}
a.graugelb:hover {
color: #f7c818;
}
span.grau {
font-size:15px;
font-weight: normal;
color: #333;
}
span.blau {
font-size:18px;
font-weight: bold;
color: #226fc2;
}
span.gruen {
font-size:18px;
font-weight: bold;
color: #93c41b;
}
span.gelb {
font-size:18px;
font-weight: bold;
color: #f7c818;
}
table,td {
color: #226fc2;
font-size: 10px;
}
a.portal, a.portal:link, a.portal:visited, a.portal:active {
margin: 0px; font-family: Arial, Verdana, san-serif; font-weight: normal; font-size: 10px; text-decoration:underline; font-style: normal; color: #226fc2;
}
a.portal:hover {
text-decoration:none;
}
a.portalaktiv, a.portalaktiv:link, a.portalaktiv:visited, a.portalaktiv:hover, a.portalaktiv:active {
margin: 0px; font-family: Arial, Verdana, san-serif; font-weight: bold; font-size: 10px; text-decoration:none; font-style: normal; color: #226fc2;
}


#headline{
position:absolute;
left:185px;
top:225px;
height:28px;
width:810px;
background-color: green;
border-bottom:15px solid #fff;
}

#headline_text{
position:absolute;
left:185px;
top:225px;
height:28px;
width:170px;
background-color: #226fc2;
border-bottom:15px solid #fff;
font-size: 18px;
color:#fff;
line-height: 28px;
padding-left: 5px;
}
#headline_mitte{
position:absolute;
left:361px;
top:225px;
height:28px;
width:267px;
background-color: #f7c818;
border-bottom:15px solid #fff;
}
#headline_rechts{
position:absolute;
left:629px;
top:225px;
height:28px;
width:366px;
border-bottom:15px solid #fff;
background-image: url(../images/foerderkreis_bg.gif);
background-repeat: no-repeat;
}


#inhalt_wrapper{
padding-top:250px;
margin-left:15px;
width:980px;
background-image: url(../images/inhalt_backgr.gif);
background-repeat: repeat-y;
border-bottom:1px solid #fff;
}

#inhalt_mitte{
width:430px;
padding-left: 171px;
padding-top: 18px;
}
#inhalt_mitte_submenu{
width:430px;
padding-left: 171px;
padding-top: 18px;
}
#inhalt_mitte_karte{
width:430px;
height: 280px;
padding-left: 171px;
padding-top: 18px;
}
h1 {
margin: 0px;
padding: 0px;
padding-bottom: 11px;
font-size: 15px;
color:#226fc2;
}
a, a:link, a:visited, a:active {
margin: 0px; font-family: Arial, Verdana, san-serif; font-weight: normal; font-size: 12px; text-decoration:none; font-style: normal; color: #226FC2;
}
a:hover {
text-decoration: underline;
}
a.fett, a.fett:link, a.fett:visited, a.fett:active {
margin: 0px; font-family: Arial, Verdana, san-serif; font-weight: bold; font-size: 12px; text-decoration:underline; font-style: normal; color: #226FC2;
}
a.fett:hover {
text-decoration: none;
}
.portrait {font-style: italic; color:#999999;}

#inhalt_rechts{
position:absolute;
left:630px;
top:294px;
width:348px;
padding-left: 15px;
background-color: #e6e6e6;
}
#submenu_rechts{
position:absolute;
left:629px;
top:268px;
width:366px;
height:290px;
background-color: #e6e6e6;
}
#sub a.sub, a.sub:link, a.sub:visited, a.sub:active {
width: 357px;
*width: 366px;
height:29px;
padding-left: 9px;
float:left;
color:#ffffff;
font-size: 15px;
line-height: 29px;
background: url(../images/bg_sub.gif) 0 0 no-repeat;
text-decoration: none;
}
#sub a.sub:hover {
background: url(../images/bg_subaktiv.gif) 0 0 no-repeat; color: #cccccc;
}
#sub a.subaktiv, a.subaktiv:link, a.subaktiv:visited, a.subaktiv:hover, a.subaktiv:active {
width: 357px;
*width: 366px;
height:29px;
padding-left: 9px;
float:left;
color:#cccccc;
font-size: 15px;
line-height: 29px;
background: url(../images/bg_subaktiv.gif) 0 0 no-repeat;
text-decoration: none;
}
#karte_rechts{
position:absolute;
left:629px;
top:268px;
width:366px;
height:270px;
background-color: #e6e6e6;
}


#footer{
font-size: 11px;
height:15px;
width:980px;
margin-top: -15px;   /* eigene Hoehe als negativer Wert */
padding-left: 15px;
background-color: #fff;
}
a.footer, a.footer:link, a.footer:visited, a.footer:hover, a.footer:active {
margin: 0px; font-family: Arial, Verdana, san-serif; font-weight: normal; font-size: 11px; text-decoration:none; font-style: normal; color: #333;
}

/*------------------------NAVIGATION----------------*/
#navigation{
position:absolute;
top:109px;
left:15px;
width:155px;
border-bottom: 14px solid #fff;
}

#navigation a, #navigation a:link, #navigationa:active{
height:28px;
width:150px;
display: block;
background-color: #226fc2;
border-bottom: 1px solid #fff;
text-decoration: none;
font-size: 15px;
color: #fff;
line-height: 28px;
padding-left: 5px;
background-image: url(../images/arrow_blue.gif);
background-repeat: no-repeat;
background-position: 127px 0;
}

#navigation a:hover, #navigation a.selected{
background-color: #93c41b;
background-image: url(../images/arrow_green.gif);
background-repeat: no-repeat;
background-position: 127px 0;
}

#subnavigation a, #subnavigation a:link, #subnavigation a:active{
height:28px;
width:150px;
display: block;
background-color: #226fc2;
border-bottom: 1px solid #fff;
text-decoration: none;
font-size: 11px;
color: #226fc2;
line-height: 28px;
padding-left: 5px;
background-color: #f3f3f3;
background-image: none;
}

#subnavigation a:hover, #subnavigation a.subselected {
background-image: none;
text-decoration: none;
background-color: #dedede;
}

table.checkliste, td {
color: #363636;
font-size: 10px;
width:270px;
cellspacing:1px;
padding:4px;
border:0px;
}