/* CSS Document */

body, h1, h2, h3, h4, h5, h6, div, p, table, td, ul, ol, li, map {
	margin:0px;
	padding: 0px;
	border: 0px;
}

body {
	background-color:#98989B;
}

#navigation, #content,.section{
	padding:0;
	margin:0;
	list-style:none;
}

#container {
	width: 800px;
	height: 600px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -300px 0 0 -400px;
	overflow:visible;
	background-color:#98989B;
}

#inhalt {
	width: 800px;
	height: 600px;
	position: absolute;
	top: 0px;
	left: 0px;
}

#logo {
	width: 146px;
	height: 100px;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index:3;
}

/* Der Textbereich */

#text {
	position:absolute;
	top:253px;
	left:232px;
	width:535px;
	height:331px;
}

#spalte_links {
	position:absolute;
	top:253px;
	left:232px;
	width:255px;
	height:331px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #9D0013;
	line-height: 120%;
}

#spalte_rechts {
	position:absolute;
	top:253px;
	left:520px;
	width:255px;
	height:331px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #9D0013;
	line-height: 120%;
}

#impressumnavi {
	position:absolute;
	left:697px;
	top: 22px;
}

#impressumnavi a {
	height: 26px;
	width: 88px;
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	
}

#impressumnavi a.navi_impressum {
	width: 88px;
	background: url(images/navi/impressum.gif) no-repeat;
}

/* folgendes ist fuer die Hover-Effekte und fuer den aktiven Link in der Navi*/
#impressumnavi a:hover, #impressum #container #impressumnavi a.navi_impressum {
	background-position: left bottom;
}

#impressumnavi a span {
	display: none;
}

/* hauptnavi */

#navigation {
	position:absolute;
	top: 157px;
	left: 1px;
	width: 798px;
	text-align: center;
	margin: 0;
	padding: 0;
	/* IE 5 Mac kann es nicht sehen \*/
	width: 798px;
	z-index:4;
	/* */
}

#navigation a {
	height: 26px;
	display: block;
	float: left;
	padding: 0;
	margin: 0;
}

#navigation a.navi_uebermich {
	width: 131px;
	background: url(images/navi/uebermich.gif) no-repeat;
}

#navigation a.navi_leistungen {
	width: 136px;
	background: url(images/navi/leistungen.gif) no-repeat;
}

#navigation a.navi_zusatzleistungen {
	width: 183px;
	background: url(images/navi/zusatzleistungen.gif) no-repeat;
}

#navigation a.navi_aktuelles {
	width: 128px;
	background: url(images/navi/aktuelles.gif) no-repeat;
}

#navigation a.navi_service {
	width: 110px;
	background: url(images/navi/service.gif) no-repeat;
}

#navigation a.navi_kontakt {
	width: 110px;
	background: url(images/navi/kontakt.gif) no-repeat;
}

/* folgendes ist fuer die Hover-Effekte und fuer den aktiven Link in der Navi*/
#navigation a:hover, #uebermich #container #navigation a.navi_uebermich, #leistungen #container #navigation a.navi_leistungen, #schwangerschaft #container #navigation a.navi_leistungen, #geburtsvorbereitung #container #navigation a.navi_leistungen, #wochenbett #container #navigation a.navi_leistungen, #rueckbildung #container #navigation a.navi_leistungen, #babymassage #container #navigation a.navi_zusatzleistungen, #akupunktur #container #navigation a.navi_zusatzleistungen, #klassenzimmer #container #navigation a.navi_zusatzleistungen, #aktuelles #container #navigation a.navi_aktuelles, #service #container #navigation a.navi_service, #kontakt #container #navigation a.navi_kontakt {
	background-position: left bottom;
}

#navigation a span {
	display: none;
}

/* Unternavi1 */

/* Navigation mit Hover-Effekten */


#subnavigation {
	position:absolute;
	top: 185px;
	left: 147px;
	width: 525px;
	text-align: center;
	margin: 0;
	padding: 0;
	/* IE 5 Mac kann es nicht sehen \*/
	width: 525px;
	/* */
}

#babymassage #subnavigation, #akupunktur #subnavigation, #klassenzimmer #subnavigation {
	position:absolute;
	top: 185px;
	left: 281px;

}


#subnavigation a {
	height: 27px;
	display: block;
	float: left;
	padding: 0;
	margin: 0;
}

#subnavigation a.navi_schwangerschaft {
	width: 117px;
	background: url(images/navi/schwangerschaft.gif) no-repeat;
}

#subnavigation a.navi_geburtsvorbereitung {
	width: 130px;
	background: url(images/navi/geburtsvorbereitung.gif) no-repeat;
}

#subnavigation a.navi_wochenbett {
	width: 88px;
	background: url(images/navi/wochenbett.gif) no-repeat;
}

#subnavigation a.navi_rueckbildung {
	width: 88px;
	background: url(images/navi/rueckbildung.gif) no-repeat;
}

#subnavigation a.navi_babymassage {
	width: 96px;
	background: url(images/navi/babymassage.gif) no-repeat;
}

#subnavigation a.navi_akupunktur {
	width: 84px;
	background: url(images/navi/akupunktur.gif) no-repeat;
}

#subnavigation a.navi_klassenzimmer {
	width: 105px;
	background: url(images/navi/klassenzimmer.gif) no-repeat;
}


/* folgendes ist fuer die Hover-Effekte und fuer den aktiven Link in der Navi*/
#subnavigation a:hover, #schwangerschaft #container #subnavigation a.navi_schwangerschaft, #geburtsvorbereitung #container #subnavigation a.navi_geburtsvorbereitung, #wochenbett #container #subnavigation a.navi_wochenbett, #rueckbildung #container #subnavigation a.navi_rueckbildung, #babymassage #container #subnavigation a.navi_babymassage, #akupunktur #container #subnavigation a.navi_akupunktur, #klassenzimmer #container #subnavigation a.navi_klassenzimmer {
	background-position: left bottom;
}

#subnavigation a span {
	display: none;
}



#formular {
	position:absolute;
	top:161px;
	left:0px;
	width:364px;
	height:530px;
}

/* Für das Formular */

.button {	
	width: 62px;
	height: 12px;
	margin-top: 7px;
}
.felder {	
	width: 250px;
	height: 18px;
	margin-top: 5px;
	margin-bottom:13px;
	background-color: #EAEAEA;
	color: #9D0013;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding:3px 4px 4px 4px;
	border:1px solid #9D0013;
}

*html .felder {	
	margin-bottom:11px;
	}
	
*+html .felder {	
	margin-bottom:10px;
	}

.nachricht {	
	width: 250px;
	height: 90px;
	background-color:#EAEAEA;
	color: #9D0013;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding:4px;
	border:1px solid #9D0013;
	margin-top:5px;
}

p {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #9D0013;
	line-height: 120%;
}

.fett {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #9D0013;
	line-height: 120%;
	font-weight:bold;
}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #9D0013;
	line-height: 120%;
	font-weight:bold;
}

ul {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #9D0013;
	line-height: 120%;
	list-style:disc;
	padding-left:15px;
	}

a, a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #9D0013;
	line-height: 120%;
	text-decoration:underline;
}

a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #9D0013;
	line-height: 120%;
	text-decoration:none;
}