﻿/*--------------------------
HTML5 Kompatibilität
--------------------------*/
nav {
	display: block;
}
/*---------------------------
Standardformate
----------------------------*/
body {
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	background-color: #F0F0F0;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	color: black;
}
h1 {
	font-size: 32px;
	font-weight: normal;
	color: white;
	margin: 0px;
}
h1.rot {
	color: #FE0202;
}
h1.schwarz {
	color: black;
}
h1.lila {
	color: #6F2035;
}
h2 {
	font-size: 18px;
	font-weight: normal;
	color: #CF0E0E;
	text-decoration: underline;
	margin: 0px 0px 0.4em 0px;
	line-height: 1em;
}
h3 {
	font-size: 18px;
	font-weight: normal;
	color: #CF0E0E;
	margin: 0px 0px 24px 0px;
}
h4 {
	font-size: 18px;
	font-weight: bold;
	margin: 0px 0px 3px 0px;
}
h5 {
	font-size: 12px;
	font-weight: normal;
	color: #CF0E0E;
	margin-top: 24px;
	margin-bottom: 16px;
}
h6 {
	font-size: 12px;
	font-weight: normal;
	color: #CF0E0E;
	margin-top: 24px;
	margin-bottom: 0px;
}
p {
	margin: 0px;
	line-height: 1.3em;
}
blockquote.zitat {
	color: #7F7F7F;
	font-style: italic;
	font-size: 16pt;
	line-height: normal;
	margin:0px;
}
p.zitat-autor {
	color: #7F7F7F;
	font-style: italic;
	font-size: 10px;
	margin-top: 3px;
	letter-spacing: 0.1em;
}
p.rotgross {
	font-size: 14px;
	color: #CF0E0E;
	margin: 0px 0px 24px 0px;
}
p.groß {
	font-size: 14px;
	margin-top: 24px;
}
p.eingerueckt {
	text-indent: -35px;
	margin-left: 35px;
}
li.index {
	margin-bottom: 0.5em;
}
li p {
	margin-top: 0.4em;
	margin-bottom: 0.4em;
}
a:link, a:hover, a:active, a:visited {
	font-size: 18px;
	text-decoration: none;
	display: inline-block;
}
a:link, a:visited {
	color: black;
}
a:hover, a:active {
	color: #CF0E0E;
}
h2 a:link, h2 a:visited {
	color: #CF0E0E;
}
div.inhalt a{
	font-size: 12px;
}
ul, ol {
	margin: 2px 0px 0px 12px;
	padding: 0px;
}
ol li {
	list-style: decimal;
	line-height: 1.3em;
	margin-bottom: 20px;
}
ul li {
	list-style: disc;
	line-height: 1.3em;
	margin-bottom: 0px;
}
nav ul {
	margin: 0px;
	padding: 0px;
}
nav ul li {
	list-style-type: none;
	margin-bottom: 0.1em;
}
nav ul li span{
	color:#CF0E0E;
}
/*------------------------------
Inhalt
------------------------------*/
div.fenster {
	width: 1024px;
	height: 800px;
	background-color: white;
	position: relative;
}
div.titel {
	padding-top: 55px;
	padding-left: 55px;
}
li.philosophie {
	position: absolute;
	left: 842px;
	top: 46px;
}
li.portraet {
	position: absolute;
	left: 682px;
	top: 53px;
}
li.paarberatung {
	position: absolute;
	left: 502px;
	top: 84px;
}
li.leidtfaden {
	position: absolute;
	left: 395px;
	top: 125px;
}
li.kindertagesstaetten {
	position: absolute;
	left: 279px;
	top: 177px;
}
li.gesundheitswesen {
	position: absolute;
	left: 176px;
	top: 239px;
}
li.hospiz {
	position: absolute;
	left: 105px;
	top: 295px;
}
li.hebammen {
	position: absolute;
	left: 56px;
	top: 362px;
}
nav.menu-unten {
	position: absolute;
	bottom: 22px;
	left: 290px;
}
nav.menu-unten ul li {
	display: inline-block;
	float: left;
	padding-left: 18px;
	padding-right: 18px;
	border-right: 1px black solid;
}
nav.menu-unten ul li:last-child {
	border-right: 0px;
}
nav.menu-unten ul li a {
	font-size: 12px;
}
img.logo-links1{
	position: absolute;
	left: 43px;
	bottom: 240px;
	border-width: 0px;
}
img.logo-links2{
	position: absolute;
	left: 200px;
	bottom: 240px;
	border-width: 0px;
}
img.leidtfaden-links{
	position: absolute;
	left: 43px;
	bottom: 22px;
	border-width: 0px;
}
img.risiko-rechts{
	position: absolute;
	right: 22px;
	bottom: 22px;
	border-width: 0px;
}
/*-------------------------------
Seitenspezifisch
-------------------------------*/
div.index {
	background-image: url('../images/index_zier.png');
	background-repeat: no-repeat;
}
div.indexlogo {
	position: absolute;
	right: 20px;
	bottom: 0px;
	width: 762px;
	height: 604px;
	background-image: url('../images/index_logo.png');
	background-repeat: no-repeat;
}
div.indexzitat {
	position: absolute;
	right: 64px;
	bottom: 208px;
}
div.indexlinks {
	font-size: 12px;
	position: absolute;
	left: 56px;
	top: 580px;
	width: 410px;
}
div.indexlinks a{
	font-size: 12px;
}
div.logo {
	position: absolute;
	right: 20px;
	bottom: 0px;
	width: 762px;
	height: 604px;
	background-image: url('../images/logo.png');
	background-repeat: no-repeat;
}
div.logo-portraet {
	position: absolute;
	right: 20px;
	bottom: 0px;
	width: 762px;
	height: 604px;
	background-image: url('../images/logo_portraet.png');
	background-repeat: no-repeat;
}
div.zitat {
	position: absolute;
	left: 56px;
	top: 605px;
	width: 410px;
}
div.inhalt {
	position: absolute;
	left: 265px;
	top: 80px;
	width: 400px;
}
div.hebammen {
	background-image: url('../images/hebammen_zier.png');
	background-repeat: no-repeat;
}
div.gesundheitswesen {
	background-image: url('../images/gesundheit_zier.png');
	background-repeat: no-repeat;
}
div.kindertagesstaetten {
	background-image: url('../images/kinder_zier.png');
	background-repeat: no-repeat;
}
div.leidtfaden {
	background-image: url('../images/leidtfaden_zier.png');
	background-repeat: no-repeat;
}
div.paarberatung {
	background-image: url('../images/paarberatung_zier.png');
	background-repeat: no-repeat;
}
div.hospiz {
	background-image: url('../images/hospiz_zier.png');
	background-repeat: no-repeat;
}
div.philosophie {
	background-image: url('../images/philosophie_zier.png');
	background-repeat: no-repeat;
}

/*****************************************
Porträt
*****************************************/
div.portraet {
	background-image: url('../images/portraet_zier.png');
	background-repeat: no-repeat;
}
div.zitat_portraet {
	position: absolute;
	left: 56px;
	top: 605px;
	width: 260px;
}
div.liste {
	position: relative;
	margin-left: -112px;
}
h5.portraet {
	margin-left: -112px;
	margin-top: 12px;
}
div.portraet_links {
	position: absolute;
	margin-left: 18px;
	width: 280px;
	top: 5px;
}
div.portraet_rechts {
	position: absolute;
	margin-left: 300px;
	width: 280px;
	top: 5px;
}
div.portraet_unten {
	position: absolute;
	margin-left: 18px;
	width: 580px;
	top: 335px;
}
ol li p {
	color: #CF0E0E;
}

img.portraet1{
	position:absolute;
	top:-80px;
	left:500px;
}
img.portraet2{
	position:absolute;
	top:-80px;
	left:620px;
}

/*****************************************
Kontakt
*****************************************/
div.inhalt_kontakt {
	position: absolute;
	left: 265px;
	top: 40px;
	width: 400px;
}

h3.kontakt {
	font-size: 18px;
	font-weight: normal;
	color: #CF0E0E;
	margin: 0px 0px 12px 0px;
}

a.normal:link, a.normal:hover, a.normal:active, a.normal:visited {
	font-size: 12px;
	text-decoration: none;
}

p.standard-zeile{
	margin-bottom:4px;
}

p.standard-zeile label{
	width:80px;
	float:left;
	margin-top:2px;
}
p.standard-zeile input{
	width:240px;
}

p.standard-zeile select{
	width:100px;
}

p.box-zeile{
	margin-left:-3px;
}

p.box-zeile input{
	margin-top: 2px;
}
p.box-zeile label{
	margin-left:2px;
}
textarea {
	width:320px;
	height:50px;
}
p.submit-zeile{
	margin-top: 4px;
	margin-bottom: 24px;
}
#fehleranzeige{
	position:absolute;
	left:-250px;
	top:200px;
	width:220px;
    height:150px;
	color:#CF0E0E;
}
label.fehler{
	color:#CF0E0E;
}
#erfolg{
	position:absolute;
	left:-250px;
	top:350px;
	width:220px;
    height:50px;
	color:black;
}
