/* MAIN.CSS */

body {
	margin:0;
	background:#66ADCC url("assets/images/white_750.jpg") center repeat-y;
	font-size:62.5%;
	}

#wrapper {
	width:750px;
	background:#fff  url("assets/images/mainBackStrip.png") 0 160px no-repeat;
	position:relative;
	left:50%;
	margin-left:-375px;
	}
#branding {
	width:750px;
	height:160px;
	position:relative;
	}
#branding img {
	padding:0;
	margin:0;
	position:absolute;
	top:0px;
	}
/*________________MAIN NAVIGATION_________________*/

#mainNav {
	width:169px;
	background:url("assets/images/leftNavBack.png") no-repeat;
	float:left;
	padding:10px 0 0 0;
	margin:0 0 0px 0;
	z-index:1000;
	position:relative;
	}
#mainNav ul{	
	padding:0 15px 10px 10px;
	margin:0;
	}
/*#mainNav ul{
	padding:0;
	margin:0;
	}*/
#mainNav li{
	list-style-type:none;
	padding:0 0 5px 0;
	}
#mainNav ul ul li{
	padding:5px 0 0 0;
	}
#mainNav ul ul{
	padding:0 15px 10px 0px;
	}	
#mainNav a:link, #mainNav a:visited{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:1.3em;
	font-weight:300;
	color:#666666;
	}
#mainNav ul ul a#currentPage:link, #mainNav ul ul a#currentPage:visited, #mainNav ul ul a#currentPage:hover{
	color:#FF6600;
	}
a#currentGroup:link, a#currentGroup:visited, a#currentGroup:hover{
	color:#FF6600;
	font-weight:600;
	}


a#akt:link, a#akt:visited, a#inf:link, a#inf:visited, a#zei:link, a#zei:visited, a#kin:link, a#kin:visited, a#jah:link, a#jah:visited, a#fil:link, a#fil:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:1.3em;
	font-weight:600;
	color:#333333;
	}
a#akt:hover, a#inf:hover, a#zei:hover, a#kin:hover, a#jah:hover, a#fil:hover{
	color:#999999;
	}	
a#wir:link, a#wir:visited, a#mitg:link, a#mitg:visited, a#lio:link, a#lio:visited, a#unt:link, a#unt:visited, a#lin:link, a#lin:visited, a#kon:link, a#kon:visited, a#imp:link, a#imp:visited, a#hom:link, a#hom:visited {
	color:#666666;
	}
a#wir:hover, a#mitg:hover, a#lio:hover, a#unt:hover, a#lin:hover, a#kon:hover,a#imp:hover, a#hom:hover {
	color:#999999;
	}



a#important:link, a#important:visited{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:1.3em;
	font-weight:600;
	color:#333333;
	}
a#important:hover{
	color:#999999;
	}	
a#lessImportant:link, a#lessImportant:visited{
	color:#666666;
	}
a#lessImportant:hover{
	color:#999999;
	}
#mainNav ul ul a:link,	#mainNav ul ul a:visited{
	font-size:1em;
	font-weight:300;
	}
#mainNav ul ul a:hover{
	color:#999999;
	}	
.closed a, .open a {
}

/*_________________SUB NAVIGATION________________*/
#subNav ul{
	list-style:none;
	position:absolute;
	height:20px;
	top:137px;
	left:170px;
	width:410px;
	padding:0 0 0 5px;
	margin:0;
	line-height:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#999999;
	text-align:center;
	}
#subNav li{
	display:inline;
	padding:0 15px 0 0;
	}
#subNav a:link, #subNav a:visited{
	text-decoration:none;
	}
#subNav a:link, #subNav a:visited{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#999999;
	}
#subNav a:hover{
	color:#cccccc;
	}
#subNav a#currentPage:link, #subNav a#currentPage:visited, #subNav a#currentPage:hover, #subNav a#currentPage2:link, #subNav a#currentPage2:visited, #subNav a#currentPage2:hover{
	color:#FF6600;
	font-weight:600;
	}
		
/*_________________ONLY HOME_____________________*/		
#wrapperHome {
	width:750px;
	left:50%;
	background:#fff url("assets/images/layoutToCut.png") no-repeat;
	position:relative;
	margin-left:-375px;
	}
#contentHome{
	width:580px;
	background:url("assets/images/homeMainBack2.jpg") no-repeat;
	float:left;
	z-index:1000;
	}
#homePics{
	width:405px;
	margin:360px 0 0 0;
	padding:0;
	float:left;
	}
#homePics img{
	padding:0;
	border:0;
	margin:0;
	}
#homePics a{
	/*display:block;*/
	
	text-decoration:none;
	float:left;
	}
#homePics a#fruehe{
	background-image:url("assets/images/fruehe3.png");
	width:199px;
	height:80px;
	}
#homePics a#kindergarten{
	background-image:url("assets/images/kindergarten222.png");
	width:196px;
	height:110px;
	}
#homePics a#oeffentlich{
	background-image:url("assets/images/oeffentliche33.png");
	width:199px;
	height:110px;
	}
#homePics a#infos{
	background-image:url("assets/images/informationen222.png");
	width:196px;
	height:80px;
	}
#contentHome #newsLetter{
	position:absolute;
	right:0px;
	
	width:166px;
	}

#contentHome #newsLetter a{
	display:block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:0 2px 15px 0;
	font-size:0.9em;
	}
#contentHome #newsLetter p{
	margin:20px 10px 0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#999999;
	padding: 0 0 10px 0;
	}
	
#contentHome #newsLetter a:link{
	color:#475196;
	}
#contentHome #newsLetter a:visited{
	color:#475196;
	}		
	
/*____________________________________________________*/

#footer{
	clear:both;
	padding-top:70px;
	}
.left{
	float:left;
	}
.right{
	float:right;
	}
/*________________________SEARCH FORM________________*/
#search {
	top:139px;
	right:10px;
	position:absolute;
	padding:0;
	margin:0;
	height:20px;
	}
#search input.text{
	height: 14px;
	border: 1px solid #ccc;
	padding:0;
	margin:0;
	width:100px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:10px;
	}
#search input.button{
	border:0;
	background-color:transparent;
	/*height:14px;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#999999;
	padding:0;
	margin:0;
	}
	
/*__________________________CONTENT____________________*/
/*z-index must be high because of the the trick of the #newsLetter background (which is
actually acting as a second background to #mainNav, which would otherwise be cut in very 
short pages*/

#content {
	width:570px;
	float:right;
	
	}
#content #mainText{
	float:left;
	width:375px;
	margin-top:50px;
	position:relative;
	z-index:1000;
	}
#content #mainText h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.8em;
	color:#A6BABF;
	margin:0 0 15px 0;
	}
#content #mainText h2.bigTopMargin{
	margin-top:1.2em;
	}
#content #mainText a{
	color:#9A8956;
	}	
#content #mainText h1{
	font: 2.5em Arial,Helvetica,Sans-serif;
	color:#FFBA6F;
	font-weight:bold;
	margin:0 0 30px 0;
	}
#content #mainText h3{
	font: 1.3em Arial, Helvetica, sans-serif;
	color:#FF8000;
	font-weight:bold;
	margin: 0 0 5px 0;
	}
#content #mainText h1 a{
	margin-left:15px;
	color:#FBE1C8;
	text-decoration:none;
	border-bottom:1px #E8E4DB solid;
	}
#content #mainText p.sect{
	font: 1.3em Arial, Helvetica, sans-serif;
	color:#ff8800;
	font-weight:bold;
	padding:10px 15px 8px 10px;
	}
#content #mainText h4{
	font: 1.3em Arial, Helvetica, sans-serif;
	color:#ff8800;
	font-weight:bold;
	padding:10px 15px 8px 10px;
	margin:0;
	}	
#content #mainText h1, #content #mainText h2, #content #mainText h3{
	padding:0 15px 0 10px;
	}
#content #mainText p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:bold;
	color:#999999;
	margin:0;
	padding:0 8px 8px 10px;
	}
#prices{
	border:0;
	padding:0 15px 0 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:bold;
	color:#666666;
	width:380px;
	}
#prices td, #prices tr{
	padding:0;
	margin:0;
	border:0;
	}	
#prices td.right{
	text-align:right;
	width:100px;
	}		
#content #mainText p.remark{
	color:#999999;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	}	
#content #mainText ul, #content #mainText ol{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:bold;
	color:#999999;
	padding:0 15px 10px 10px;
	margin:0;
	}
#content #mainText p, #content #mainText ul, #content #mainText ol{
	line-height:1.3em;
	}
#content #mainText span.gray{
	color:#666666;
	}
#content #mainText p.gray{
	color:#666666;
	}
#content #mainText p.sub1{
	color:#666666;
	}
#content #mainText p.clear{
	clear:both;
	}		
#content #mainText ul strong, #content #mainText p strong {
	color:#36AF88;
	}
#content #mainText p.mono{
	font-family:Courier New, Courier, mono;
	}
#content #mainText li{
	padding:0;
	margin: 0 0 5px 15px;
	}

/*_____________________NEWSLETTER_______________________*/

#content #newsLetter{
	position:absolute;
	padding-left:580px;
	right:0;
	width:170px;
	background:url("assets/images/mainBackStrip.png")  0px 0px no-repeat;
	z-index:0;
	}
#red{
	background:red;
	width:100px;
	height:100px;
	}
#content #newsLetter a{
	display:block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding:0 5px 15px 0;
	font-size:0.9em;
	margin:0 3px 0 0;
	}
#content #newsLetter a:link{
	color:#475196;
	}
#content #newsLetter a:visited{
	color:#475196;
	}		
#content #newsLetter p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#999999;
	padding:10px 5px 0px 0;
	margin:10px 0 12px 0;
	}	
#content #mainText img{
	float:left;
	padding:0 10px 10px 10px;
	position:relative;
	top:3px;
	}

#content #mainText div{
	margin:0 0 15px 0;
	/*float:left;*/
	}
#content ul#linksList{
	padding-top:12px;
	}	
#content #mainText table{
	border-collapse:collapse;
	width:320px;
	border:1px solid #999999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:bold;
	color:#999999;
	margin:0 10px 8px 10px;
	padding:10px 0 10px 0;
	}
#bestell #content #mainText table{
	color:#999999;
	width:340px;
	}
#bestell #content #mainText label{
	color:#999999;
	}	
#content #mainText th, #content #mainText td{
	padding: 0.1em 0.4em;
	border:1px solid #cccccc;
	text-align:left;
	vertical-align:top;
	}
#content #mainText th{
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	color:#FF8000;
	font-weight:bold;
	}
#content #mainText caption{
	text-align:left;
	padding:15px 0 3px 10px;
	color:#666666;
	}	
#content #mainText caption strong {
	color:#36AF88;
	}	

#bankInfos {
	position:relative;
	left:-10px;
	}	
#content #mainText input.anzahl{
	width:25px;
	height:12px;
	float:right;
	}	
#content #mainText input.preis{
	width:37px;
	height:12px;
	}	
#content #mainText input.address{
	width:200px;
	}
#content #mainText input.address2{
	width:330px;
	}		
#content #mainText input.anzahl, #content #mainText input.preis{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	}
#content #mainText textarea{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:1em;
	font-weight:normal;
	width:200px;
	}		
#content #mainText span.vergriffen{
	color:#CC3366;
	}	
#content #mainText input, #content #mainText textarea{
	border: 1px #B2B2B2 solid;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:1em;
	font-weight:normal;
	}	
#content #mainText label{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:bold;
	color:#D99A46;
	display:block;
	}
#content #mainText blockquote{
	border: 1px solid #cccccc;
	padding:8px 0 4px 4px;
	margin:10px 35px 10px 20px;
	text-align:justify;
	}
/*_____________________________*/
#content #mainText #portMain{
	width:400px;
	background-image:url(assets/images/portBack1.jpg);
	background-repeat:repeat-x;
	position:relative;
	top:-50px;
	left:-11px;
	}
#content #portMain input.hazana{
	width:350px;
	display:block;
	}
#content #mainText #portMain textarea{
	width:350px;
	height:150px;
	margin-bottom:20px;
	}
#content #portMain input.Nr{
	width:50px;
	}
#content #portMain input.vom{
	width:200px;
	}	
#content #portMain input.reset{
	width:100px;
	margin-left:150px;
	}
#content #portMain input.submit{
	width:100px;
	}		

/*______________Beitritt________________*/
	
#content #beitritt input.radio{
	border:0;
	position:relative;
	top:3px;
	}
#content #mainText #beitritt span.ort{
	margin:0 100px 0 0;	
	}
#content #mainText #beitritt span.unters{
	margin:0 0 0 0;
	}
#content #mainText #unters{
	margin:50px 0 0 0;
	}	
#content #mainText #beitritt input.drucken{
	margin:30px 0 0 0;
	}	
#content #mainText #beitritt label{
	color:#999999;
	}
#logoBeitritt{
	display:none;
	}