@charset "utf-8";
/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	background-image: url(images/bg.png);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	color: #4E5C61;
}
a {
	color:#E1001A;
}
h1 {
	font-size: 20px;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	line-height: 26px;
}
h2 {
	font-size: 16px;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	line-height: 18px;
}
#wrapper {
	width: 910px;
	margin: 0 auto;
}
#logo {
	height: 70px;
	width: 177px;
	margin: 30px 0px 0px 0px;
}
#content {
	background-image: url(images/bg_content.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 510px;
}
* html #content {
 background-image: none;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/bg_content.png')
}
#content-big {
	background-image: url(images/bg_content_big.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 880px;
}
* html #content-big {
 background-image: none;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/bg_content_big.png')
}
.navi-01 {
	position: absolute;
	margin: 175px 0px 0px 215px;
	font-size: 11px;
	width: 165px;
	background-image: url(images/bg_navi-01.png);
	background-repeat: no-repeat;
	visibility: visible;
}
* html .navi-01 {
 background-image: none;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/bg_navi-01.png')
}
.navi-01 a {
	display: block;
	height: 25px;
	line-height: 25px;
	text-decoration: none;
	padding: 0px 0px 0px 40px;
}
.navi-01 a:hover {
	text-decoration:underline;
}
.kontakt-home {
	display: block;
	height: 15px;
	padding: 10px 0px 0px 40px;
	font-weight: bold;
}
.navi-02 {
	position: absolute;
	margin: 225px 0px 0px 215px;
	font-size: 11px;
	width: 165px;
	height: 260px;
	visibility: visible;
	z-index: 150;
}
.navi-02-orange {
	background-image: url(images/bg_navi-02_elterntraining.png);
	background-repeat: no-repeat;
}
* html .navi-02-orange {
 background-image: none;
/* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/bg_navi-02_elterntraining.png')*/
}
.navi-02-orange-02 {
	background-image: url(images/bg_navi-02_kompetenztraining.png);
	background-repeat: no-repeat;
}
* html .navi-02-orange-02 {
 background-image: none;
/* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/bg_navi-02_kompetenztraining.png')*/
}
.navi-02 a {
	display: block;
	height: 25px;
	line-height: 25px;
	text-decoration: none;
	padding: 0px 0px 0px 40px;
	color: #4E5C61;
}
.navi-02 a:hover {
	text-decoration:underline;
}
.navi-kontakt {
	position: absolute;
	margin: 225px 0px 0px 215px;
	font-size: 11px;
	width: 165px;
	height: 240px;
	padding: 5px 0px 0px 0px;
	z-index: 150;
	visibility: hidden;
}
.navi-kontakt-home {
	position: absolute;
	margin: 225px 0px 0px 215px;
	font-size: 11px;
	width: 165px;
	height: 240px;
	padding: 5px 0px 0px 0px;
	z-index: 150;
}
/* zur Anzeige auf Sub Seiten */
#navi-kontakt {
	height: 280px;
	padding: 5px 0px 0px 0px;
	background-repeat: no-repeat;
	margin: 225px 0px 0px 215px;
	background-image: url(images/bg_navi-02_kontakt.gif);
	width: 165px;
	background-position: 0px 0px;
}
.navi-kontakt a, .navi-kontakt-home a {
	text-decoration: none;
}
.navi-kontakt a:hover, .navi-kontakt-home a:hover {
	text-decoration:underline;
}
.navi-kontakt p, .navi-kontakt-home p{
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 40px;
}
#navi-kontakt #schliessen {
	position:absolute;
	margin: 0px 0px 0px 145px;
	width: 19;
	height: 20;
	z-index: 155;
	visibility: hidden;
}
.copy-small {
	width: 300px;
	margin: 60px 0px 0px 400px;
	position: absolute;
	font-size: 12px;
	line-height: 16px;
	visibility: visible;
}


.bubbles {
	height: 141px;
	width: 141px;
	position: absolute;
	visibility: visible;
}
.arbeit {
	margin: 16px 0px 0px 110px;
	z-index: 10;
}
.hand {
	margin: 130px 0px 0px 65px;
	z-index: 9;
}
.kind {
	margin: 280px 0px 0px 15px;
	z-index: 8;
}
.bauch {
	margin: 330px 0px 0px 120px;
	z-index: 7;
}
.neuro {
	margin: 8px 0px 0px 765px;
	z-index: 6;
}
.down {
	margin: 170px 0px 0px 710px;
	z-index: 5;
}
.psychisch {
	margin: 280px 0px 0px 760px;
	z-index: 4;
}
.elterntraining {
	margin: 362px 0px 0px 622px;
	z-index: 3;
}
.bubble-small-elterntraining {
	position: absolute;
	margin: 108px 0px 0px 685px;
	visibility: visible;
	z-index: 200;
}
.bubble-small-kompetenztraining {
	position: absolute;
	margin: 25px 0px 0px 622px;
	visibility: visible;
	z-index: 200;
}

#footer {
	font-size: 11px;
	text-align: center;
	background-image: url(images/footer-line.png);
	background-repeat: no-repeat;
	background-position: center 0px;
	padding: 10px 0px 0px 0px;
	margin: 25px 0px 0px 0px;
}
* html #footer {
 background-image: none;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/footer-line.png')
}
#footer a{
	text-decoration: none;
}
#footer a:hover{
	text-decoration: underline;
}


/* INHALTE */
.copy-small ul {
	padding-left: 15px;

}
#copy-elterntraining-01, #copy-kompetenztraining-01 {
	z-index: 100;
	position: absolute;
	width: 300px;
	margin: 60px 0px 0px 400px;
	font-size: 12px;
	line-height: 15px;
	visibility: visible;
}
#copy-elterntraining-02, #copy-kompetenztraining-02 {
	z-index: 101;
	position: absolute;
	width: 300px;
	margin: 60px 0px 0px 400px;
	font-size: 12px;
	line-height: 16px;
	visibility: hidden;
}
#copy-elterntraining-03, #copy-kompetenztraining-03 {
	z-index: 102;
	position: absolute;
	width: 300px;
	margin: 60px 0px 0px 400px;
	font-size: 12px;
	line-height: 16px;
	visibility: hidden;
}
#copy-elterntraining-04 {
	z-index: 103;
	position: absolute;
	width: 300px;
	margin: 60px 0px 0px 400px;
	font-size: 12px;
	line-height: 16px;
	visibility: hidden;
}
#copy-elterntraining-05 {
	z-index: 104;
	position: absolute;
	width: 300px;
	margin: 60px 0px 0px 400px;
	font-size: 12px;
	line-height: 16px;
	visibility: hidden;
}



/* FORMULAR */
.form-big {
	width: 280px;
}
.form-medium {
	width: 227px;
}
.form-small {
	width: 50px;
}
.text-checkbox {
	display:block;
}
#bestaetigung {
	float: left;
	margin: 0px 10px 0px 0px;
}