/* CSS Document */

body {
background: #fff;
margin: 0;
padding: 1em;
color: #000;
/*background-color:#dadf64; */
font: x-small/1.5em Verdana, Arial, Helvetica, sans-serif;
voice-family: "\"}\""; voice-family:inherit;
font-size: small;
text-align:center;

}
h1 {
margin-top:2em;
font-size:large;
text-align:center;
margin-bottom:1.5em;
}

h2 {
margin-top:2em;
font-size:medium;
text-align:left;
}

p {
text-align:left;
}
ul {
text-align:left;
}


/*html, body {
height:100%;
}*/

html>body { font-size: small; }

#pageWrapper
{
	border-style: solid;
	border-color:#c9d300;
	border-width: 0px 0px;	/* layout's side borders */
	margin: 0;
	min-width: 500px;	/* IE doens't understand this property */
	width: 790px;
	background:transparent;
}

#contentwrap img {
	padding:10px 0px;
	margin:10px 0px;
}

#index {
padding:5px 5px 5px 5px;

}
#header{
background-color:transparent;
text-align:right;
float:right;
width:100%;

}

#navigation {
float: left;
width: 100%;
/*background: #fff;*/
font-size: 93%;
line-height: normal;
}
#navigation ul {
margin: 0;
padding: 10px 10px 0;
list-style: none;
}

#navigation li {
margin: 0;
padding: 0;
display: inline;
}

#navigation a {
float: left;
background: url(../images/left_both.gif) no-repeat left top;
width: .1em;
margin: 0;
padding: 0 0 0 13px;
border-bottom: 1px solid #765;
font-weight: bold;
color: #333;
text-decoration: none;
}

#navigation a span {
float: left;
display: block;
background: url(../images/right_both.gif) no-repeat right top;
margin: 0;
padding: 5px 15px 4px 6px;
}
#startseite a {
background: url(../images/left_both_startseite.gif) no-repeat left top;
}
#allgemein a {
background: url(../images/left_both_allgemein.gif) no-repeat left top;
}
#schwanger a {
background: url(../images/left_both_schwanger.gif) no-repeat left top;
}
#baby a {
background: url(../images/left_both_baby.gif) no-repeat left top;
}
#spielgruppen a {
background: url(../images/left_both_spielgruppen.gif) no-repeat left top;
}
#specials a {
background: url(../images/left_both_specials.gif) no-repeat left top;
}



#startseite a span {
background: url(../images/right_both_startseite.gif) no-repeat right top;
}
#allgemein a span {
background: url(../images/right_both_allgemein.gif) no-repeat right top;
}
#schwanger a span {
background: url(../images/right_both_schwanger.gif) no-repeat right top;
}
#baby a span {
background: url(../images/right_both_baby.gif) no-repeat right top;
}
#spielgruppen a span {
background: url(../images/right_both_spielgruppen.gif) no-repeat right top;
}
#specials a span {
background: url(../images/right_both_specials.gif) no-repeat right top;
}


#navigation>ul a { width: auto; }

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navigation a span { float: none; }
/* End IE5-Mac hack */


#navigation .current a,
#navigation #startseite .current a,
#navigation #allgemein .current a,
#navigation #schwanger .current a,
#navigation #baby .current a,
#navigation #spielgruppen .current a,
#navigation #specials .current a {
background-position: 0 -150px;
border-width: 0;
}

#navigation .current a span,
#navigation #startseite .current a span,
#navigation #allgemein .current a span,
#navigation #schwanger .current a span,
#navigation #baby .current a span,
#navigation #spielgruppen .current a span,
#navigation #specials .current a span {
background-position: 100% -150px;
padding-bottom: 5px;
color: #333;
}

#navigation a:hover,
#navigation #startseite a:hover,
#navigation #allgemein a:hover,
#navigation #schwanger a:hover,
#navigation #baby a:hover,
#navigation #spielgruppen a:hover,
#navigation #specials a:hover {
background-position: 0% -150px;
color: #333;
}

#navigation a:hover span,
#navigation #startseite a:hover span,
#navigation #allgemein a:hover span,
#navigation #schwanger a:hover span,
#navigation #baby a:hover span,
#navigation #spielgruppen a:hover span,
#navigation #specials a:hover span {
background-position: 100% -150px;
}


#subnavigation {
width: 100%;
background: #fff;
font-size: 93%;
}

#subnavigation ul {
text-align:center;
margin: 5px;
padding: 10px 10px 10px 10px;
list-style: none;
}

#subnavigation li {
margin: 1em;
padding: 1em;
display:inline;
}

#subnavigation a {
border: 0px solid #765;
font-weight: bold;
color: #0000FF;
text-decoration: none;
}
#subnavigation .subcurrent a span,
#subnavigation .subcurrent a span {
color:#fff;
background-color:#00a6eb;
padding:5px;
margin:5px;
}/**/

#subnavigation a:hover {
color:#FF0000;
}

#contentwrap {
float:left;/**/
width:auto;
}

#content {
margin: 1em 1em 1em 1em;
}

#barrierefrei {
	clear:both;
	text-align:center;
	margin: 2.5em 1.5em 2.5em 1.5em;
	border-style: solid;
	border-color:#597e00;
	border-width: 1px 1px;
	text-decoration:none;
}
	
#footerWrap {
	clear:both;
	width: 100%;
	background: #fff url(../images/footerbg.png) repeat-x bottom;
    min-height: 100%;
    height: 100%;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: auto;
}

#footer{
margin:1px 15px 1px 15px;
padding:1px 15px 1px 15px;
}

html>body #footerWrap {
    height: auto;
	}

.left {
	float: left;
}

.right {
	float: right;
	/*padding:0px 5px 5px 0px;*/
}

.ohneLI {
list-style:none;
}

.mitte {
	text-align:center;
	}
	
.displaynone {
display:none;
}

.clear {
	clear:both;
	}
	
.textleft {
	text-align:left;
	}