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

body{
	margin:0px;
	padding:0px;
	font-size:80%;
	line-height:150%;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	overflow:scroll;
	background-color:#fff;
}


#page{
	position:absolute;
	width:960px;
	height:auto;
	
	left:50%;
	top:0px;
	
	margin-left:-480px;
}

/****************** globale Styles ******************************/

a{
	color:#000;
	text-decoration:underline;
}

a:hover{
	color:#000;
	text-decoration:none;
}

h1,h2,h3,h4{
	font-size:100%;
	line-height:120%;
}

ul,ol{
	margin:0px;
	padding:0px;
}

ul li{
	margin:0 0 0 15px;
	padding:0px;
}

ol li{
	margin:0 0 0 15px;
	padding:0px;
}

table{
	margin:0px;
	padding:0px;
}

td{
	margin:0px;
	padding:0 10px 0 0;
	vertical-align:top;
}


/****************** Styles fuer Hauptnavigation ******************************/

#main_navi{
	background:url(../images/kinderzeichnung.gif) no-repeat;
	background-position:top right;
	width:960px;
	height:auto;
	border-bottom:5px solid #f8c43a;
	display:inline-block;
}

#main_navi .logo{
	margin: 30px 0 63px 15px;
}


#main_navi ul{
	margin:0 0 0 15px;
	padding:0px;
}

#main_navi ul li{
	margin:0px;
	padding:0px;
	float:left;
	list-style:none;
	border-left:2px solid #fff;
}

#main_navi ul li a{
	width:118px;
	height:22px;
	display:inline-block;
	text-align:center;
	padding:4px 0 0 0;
	background:url(../images/hg_register.gif) repeat-x;
	text-decoration:none;
	color:#000;
}

#main_navi ul li .navi1_active{
	background:url('');
	background-color:#f8c43a;
}

#main_navi ul li .navi1:hover{
	background:url('');
	background-color:#f8c43a;
}

#main_navi ul li .navi2_active{
	background:url('');
	background-color:#f8c43a;
}

#main_navi ul li .navi2:hover{
	background:url('');
	background-color:#f8c43a;
}

#main_navi ul li .navi3_active{
	background:url('');
	background-color:#f79349;
}

#main_navi ul li .navi3:hover{
	background:url('');
	background-color:#f79349;
}

#main_navi ul li .navi4_active{
	background:url('');
	background-color:#ba7a5c;
}

#main_navi ul li .navi4:hover{
	background:url('');
	background-color:#ba7a5c;
}

#main_navi ul li .navi5_active{
	background:url('');
	background-color:#a38f4e;
}

#main_navi ul li .navi5:hover{
	background:url('');
	background-color:#a38f4e;
}

#main_navi ul li .navi6_active{
	background:url('');
	background-color:#9ba35b;
}

#main_navi ul li .navi6:hover{
	background:url('');
	background-color:#9ba35b;
}


#main_navi #main_navi2{
	padding:0px;
	margin:0 0 0 0px;
	background-color:#f8c43a;
	width:960px;
	display:inline-block;
}

#main_navi #main_navi2 li{
	float:left;
	border:0px;
}

#main_navi #main_navi2 li a{
	width:auto;
	height:auto;
	display:inline-block;
	text-align:left;
	margin:8px 0 0 7px;
	padding:0 0 0 7px;
	background:url('');
	text-decoration:none;
	color:#000;	
	border-left:1px solid black;
	line-height:100%;
}


#main_navi #main_navi2 li .active{
	text-decoration:underline;
}

#main_navi #main_navi2 li a:hover{
	text-decoration:underline;
}

#main_navi #main_navi2 li:first-child a{
	margin:8px 0 0 642px;
	padding:0 0 0 0;
	border:0px;
	line-height:100%;
}


/****************** Styles fuer Inhalte ******************************/

#intro .category1{
     position:relative;
	 width:190px;
	 height:250px;
	 background-color:#f8c43a;
	 display:inline-block;
	 padding:0px;
	 margin:37px 0 0 0;
	 border-right:2px solid #fff;
	 float:left;
}

#intro .category2{
	 position:relative;
	 width:190px;
	 height:250px;
	 background-color:#f79349;
	 display:inline-block;
	 margin:37px 0 0 0;
	 border-right:2px solid #fff;
	 float:left; 
}

#intro .category3{
	 position:relative;
	 width:190px;
	 height:250px;
	 background-color:#ba7a5c;
	 display:inline-block;
	 margin:37px 0 0 0;
	 border-right:2px solid #fff;
	 float:left;
}

#intro .category4{
	 position:relative;
	 width:190px;
	 height:250px;
	 background-color:#a38f4e;
	 display:inline-block;
	 margin:37px 0 0 0;
	 border-right:2px solid #fff;
	 float:left;
}

#intro .category5{
	 position:relative;
	 width:190px;
	 height:250px;
	 background-color:#9ba35b;
	 display:inline-block;
	 margin:37px 0 0 0;
	 border-right:2px solid #fff;
	 float:left;
}

#intro h1{
	font-size:135%;
	line-height:100%;
	padding:0 15px 0 15px;
	text-align:left;
}


#intro .link{
	position:absolute;
	bottom:10px;
	left:0px;
	font-size:100%;
	padding:0 15px 0 15px;
	color:#000;
	text-decoration:none;
}


/****************** Styles fuer Hilfsnavigation ******************************/

#sub_navi{
	width:960px;
	height:auto;
	display:inline-block;
	text-align:center;
	margin-top:40px;
	border-top:5px solid #ccc;
	padding-top:5px;
	padding-bottom:50px;
}

#sub_navi a{
	border-left:1px solid #000;
	padding:0 0 0 5px;
	text-decoration:none;
}

#sub_navi a:hover{
	text-decoration:underline;
}

#sub_navi a:first-child{
	border:0px;
}

/****************** Styles fuer Marginalspalte ******************************/

#sub_content{
    width:220px;
	margin:0 15px 10px 0;
	/* padding:0 10px 20px 10px; */
	padding:0px;
	float:left;
	background-color:#dadada;
	font-size:0.95em;
}

#sub_content .tdAlignLeft{
	width:90px;
}

#sub_content .tdAlignRight{
	width:110px;
    text-align:right;
}

#sub_content h1,h2,h3,h4{
    background-color:#f8c43a;
	border-top:25px solid #fff;
	padding:5px 10px 5px 10px;
	margin:0px;
	height:17px;
	font-weight:normal;
}

#sub_content h1:first-child{
	border-top:30px solid #fff;
}

#sub_content .headline3{
    background-color:#f79349;
}

#sub_content .headline4{
    background-color:#ba7a5c;
}

#sub_content .headline5{
    background-color:#a38f4e;
}

#sub_content .headline6{
    background-color:#9ba35b;
}

#sub_content p,table{
	margin:0 0 0 0;
	padding:10px;
	height:auto;
}

#sub_content table{
	margin:0 0 10px 0;
	padding:10px 0 10px 10px;
}

/* #sub_content tr:first-child .tdAlignLeft{
	vertical-align:middle;
}

#sub_content .tdAlignRight{
	padding:0;
	margin:0;
} */

#sub_content #googleMaps{
	margin:0px;
	padding:10px;
	height:auto;	
}

#sub_content .contactRow label{
	width:50px;
	display:inline-block;
	vertical-align:top;
}

#sub_content .eingabefelder{
   width:140px;
   border:0px;
   margin:0 0 5px 0;
}

#sub_content .button{
   margin:10px 0 0 0px;
   background-color:#9ba35b;
   border:0px;
}

#intro{
	text-align:center;
}

#intro .message,
#content .message,
#sub_content .message{
	border-top:2px dotted #fff;
	border-bottom:2px dotted #fff;
	color:#c00;
}

#intro .message{
	display:inline-block;
	margin:20px 0 0 0;
}



/****************** Styles fuer Haupttextfeld ******************************/

#content{
    width:695px;
	margin:35px 0px 30px 20px;
	float:left;
}

#content h1,h2,h3,h4{
    background-color:#fff;
	margin:0 0 5px 0;
	padding:0px;
	height:auto;
	font-weight:bold;
}

#content .img{
	margin:10px 0 10px 0;
}

#content .person{
	position:relative;
	width:345px;
	height:auto;
	display:inline-block;
	margin:20px 0 0 0;
	float:left;
}

#content .tx_person{
	position:absolute;
	top:0px;
	right:0px;
	width:245px;
	padding-right:10px;
}

.ul li{
	margin:0 0 10px 15px;
	padding:0px;
}

.ol li{
	margin:0 0 10px 15px;
	padding:0px;
}

/****************** Styles fuer Seite empfehlen ******************************/

.eingabefelder{
   width:500px;
   border:1px solid black;
   margin:0 0 5px 0;
}

.grossesEingabefelder{
   	width:500px;
   	height:100px;
   	border:1px solid black;
   	margin:0 0 5px 0;
   	font-size:100%;
	line-height:150%;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}


.button{
   border:1px solid black;
   margin:0 10px 0 0;
   padding:3px;
   background-color:#fff;
}


/****************** Styles fuer Kontaktformular ******************************/

.contactRow label{
	width:120px;
	display:inline-block;
	vertical-align:top;
}

.eingabe{
width:500px;
   border:1px solid black;
   margin:0 0 5px 0;
}

#Anliegen{
   	width:500px;
   	height:100px;
   	border:1px solid black;
   	margin:0 0 5px 0;
   	font-size:100%;
	line-height:150%;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}