body{
background-image:url(../gfx/bg1.png);
margin:0px;
padding: 0px;
}

div{border: 0px solid rgba(0,0,0,0);}

#wrapper{
	width: 1024px;
	height: 760px;
	margin: auto;
	top: 7px;
	border: 1px solid rgba(0,0,0,0);
	position: relative;
}



#hg{
	width: 1022px;
	height: 600px;
	border: 1px solid;
	border-color: rgba(210,203,194,0.85);
	/*background-color:white;*/
	/*background-color:rgba(210,203,194,0.2);*/
	/*background-image:url();*/
	margin-top: 80px;
	margin-left: 0px;
	margin-right:0px;
	padding-top: 0px;
	padding-left: 0px;
	position: absolute;
	z-index: 2;
	border-radius:4px;
}


#hgbild{
	width: 600px;
	height: 600px;
	/*background-image:url(../gfx/serpentine.png);*/
	opacity: 0.2;
	margin-top: 0px;
	margin-left: 423px;
	padding-top: 0px;
	position: absolute;
	z-index: 4;
}

/**************************************bildergalerie*************************************/



#content{
	width: 580px;
	height: 355px;
	border: 0px;
	margin:0px;
	left:275px;
	top: 110px;
	position:absolute;
	z-index: 6;
	overflow: hidden;
}


#contentschatten{
	width: 579px;
	height: 349px;
	border: 0px;
	margin:0px;
	left:275px;
	top: 110px;
	position:absolute;
	z-index: 7;
	-webkit-box-shadow: 2px 2px 3px #999;;
	-moz-box-shadow: 2px 2px 3px #999;
	box-shadow: 2px 2px 3px #999;
}


#contentbild{
	background:rgba(255,255,255,0.4);
	width: 580px;
	height: 350px;
	border: 0px;
	margin:0px;
	left:210px;
	top: 110px;
	position:absolute;
	z-index: 5;
	overflow: hidden;
}


#dreieck{background-image:url(../images/thumb/dreieck.png);
	margin-top:13px;
	margin-left:32px;
	width: 18px;
	height:16px;
	position: absolute;
	z-index: 21;
}

#dreieck1{background-image:url(../images/thumb/dreieck1.png);
	margin-top:13px;
	margin-left:32px;
	width: 18px;
	height:16px;
	position: absolute;
	z-index: 21;
}


#scroll_aktuelles_d{

	width:82px; 
	height:40px;
	background:rgba(255,255,255,0.8);
	border-radius:4px 4px 0px 0px;
	border-style: none;
	top: 613px;
	left: 166px;
	position: absolute;
	z-index: 20;
	cursor: pointer;

	/*-webkit-box-shadow: 0px 0px 1px #999;
	-moz-box-shadow: 0px 0px 1px #999;
	box-shadow: 0px 0px 1px #999;*/
}


#scroll_aktuelles_u{
	width:82px; 
	height:40px;
	background:rgba(255,255,255,0.6);
	border-radius:0px 0px 4px 4px;
	top: 223px;
	left: 166px;
	position: absolute;
	z-index: 20;
	cursor: pointer;
	/*-webkit-box-shadow: 0px 0px 1px #999;
	-moz-box-shadow: 0px 0px 1px #999;
	box-shadow: 0px 0px 1px #999;*/
}

#scroll_kultur_d{

	width:82px; 
	height:40px;
	background:rgba(255,255,255,0.8);
	border-radius:4px 4px 0px 0px;
	border-style: none;
	top: 613px;
	left: 166px;
	position: absolute;
	z-index: 20;
	cursor: pointer;

	/*-webkit-box-shadow: 0px 0px 1px #999;
	-moz-box-shadow: 0px 0px 1px #999;
	box-shadow: 0px 0px 1px #999;*/
}


#scroll_kultur_u{
	width:82px; 
	height:40px;
	background:rgba(255,255,255,0.6);
	border-radius:0px 0px 4px 4px;
	top: 223px;
	left: 166px;
	position: absolute;
	z-index: 20;
	cursor: pointer;
	/*-webkit-box-shadow: 0px 0px 1px #999;
	-moz-box-shadow: 0px 0px 1px #999;
	box-shadow: 0px 0px 1px #999;*/
}


#scroll_kiez_d{

	width:82px; 
	height:40px;
	background:rgba(255,255,255,0.8);
	border-radius:4px 4px 0px 0px;
	border-style: none;
	top: 613px;
	left: 166px;
	position: absolute;
	z-index: 20;
	cursor: pointer;

	/*-webkit-box-shadow: 0px 0px 1px #999;
	-moz-box-shadow: 0px 0px 1px #999;
	box-shadow: 0px 0px 1px #999;*/
}


#scroll_kiez_u{
	width:82px; 
	height:40px;
	background:rgba(255,255,255,0.6);
	border-radius:0px 0px 4px 4px;
	top: 223px;
	left: 166px;
	position: absolute;
	z-index: 20;
	cursor: pointer;
	/*-webkit-box-shadow: 0px 0px 1px #999;
	-moz-box-shadow: 0px 0px 1px #999;
	box-shadow: 0px 0px 1px #999;*/
}



#scroll_musikclown_d{

	width:82px; 
	height:40px;
	background:rgba(255,255,255,0.8);
	border-radius:4px 4px 0px 0px;
	border-style: none;
	top: 613px;
	left: 166px;
	position: absolute;
	z-index: 20;
	cursor: pointer;

	/*-webkit-box-shadow: 0px 0px 1px #999;
	-moz-box-shadow: 0px 0px 1px #999;
	box-shadow: 0px 0px 1px #999;*/
}


#scroll_musikclown_u{
	width:82px; 
	height:40px;
	background:rgba(255,255,255,0.6);
	border-radius:0px 0px 4px 4px;
	top: 223px;
	left: 166px;
	position: absolute;
	z-index: 20;
	cursor: pointer;
	/*-webkit-box-shadow: 0px 0px 1px #999;
	-moz-box-shadow: 0px 0px 1px #999;
	box-shadow: 0px 0px 1px #999;*/
}


#scroll_reisen_d{

	width:82px; 
	height:40px;
	background:rgba(255,255,255,0.8);
	border-radius:4px 4px 0px 0px;
	border-style: none;
	top: 613px;
	left: 166px;
	position: absolute;
	z-index: 20;
	cursor: pointer;

	/*-webkit-box-shadow: 0px 0px 1px #999;
	-moz-box-shadow: 0px 0px 1px #999;
	box-shadow: 0px 0px 1px #999;*/
}


#scroll_reisen_u{
	width:82px; 
	height:40px;
	background:rgba(255,255,255,0.6);
	border-radius:0px 0px 4px 4px;
	top: 223px;
	left: 166px;
	position: absolute;
	z-index: 20;
	cursor: pointer;
	/*-webkit-box-shadow: 0px 0px 1px #999;
	-moz-box-shadow: 0px 0px 1px #999;
	box-shadow: 0px 0px 1px #999;*/
}




#scroll_video_d{

	width:82px; 
	height:40px;
	background:rgba(255,255,255,0.8);
	border-radius:4px 4px 0px 0px;
	border-style: none;
	top: 613px;
	left: 166px;
	position: absolute;
	z-index: 20;
	cursor: pointer;

	/*-webkit-box-shadow: 0px 0px 1px #999;
	-moz-box-shadow: 0px 0px 1px #999;
	box-shadow: 0px 0px 1px #999;*/
}


#scroll_video_u{
	width:82px; 
	height:40px;
	background:rgba(255,255,255,0.6);
	border-radius:0px 0px 4px 4px;
	top: 223px;
	left: 166px;
	position: absolute;
	z-index: 20;
	cursor: pointer;
	/*-webkit-box-shadow: 0px 0px 1px #999;
	-moz-box-shadow: 0px 0px 1px #999;
	box-shadow: 0px 0px 1px #999;*/
}


#scroll_paedagogik_d{

	width:82px; 
	height:40px;
	background:rgba(255,255,255,0.8);
	border-radius:4px 4px 0px 0px;
	border-style: none;
	top: 613px;
	left: 166px;
	position: absolute;
	z-index: 20;
	cursor: pointer;

	/*-webkit-box-shadow: 0px 0px 1px #999;
	-moz-box-shadow: 0px 0px 1px #999;
	box-shadow: 0px 0px 1px #999;*/
}


#scroll_paedagogik_u{
	width:82px; 
	height:40px;
	background:rgba(255,255,255,0.6);
	border-radius:0px 0px 4px 4px;
	top: 223px;
	left: 166px;
	position: absolute;
	z-index: 20;
	cursor: pointer;
	/*-webkit-box-shadow: 0px 0px 1px #999;
	-moz-box-shadow: 0px 0px 1px #999;
	box-shadow: 0px 0px 1px #999;*/
}

/*#scroll_u:hover{
	width:86px; 
	height:14px;
	transition:1s;
}

#scroll_d:hover{
	background:rgba(210,203,194,0.9);
	transition:1s;
}*/



#thumbbox_hidden{
	width: 100px;
	height: 428px;
	background-color: rgba(0,0,0,0);
	top: 224px;
	left: 157px;
	position:absolute;
	z-index: 6;
	overflow: hidden;
}

#thumbbox{
	width: 100px;
	height: 800px;
	background-color: rgba(0,0,0,0);
	top: 0px;
	left: 0px;
	position: absolute;
}


#thumb a{
	width:80px;
	height:80px;
	text-decoration:none;
	display:block;
	margin-left:10px;
	margin-bottom:7px;
	border-radius:4px;
}


#t1{background-image:url(../images/thumb/aktuelles/1.jpg);margin-top:0px;transition:1s;-webkit-transition: opacity 0.5s}
#t2{background-image:url(../images/thumb/aktuelles/2.jpg);transition:1s;-webkit-transition: opacity 0.5s}
#t3{background-image:url(../images/thumb/aktuelles/berlin_spandau.jpg);transition:1s;-webkit-transition: opacity 0.5s}


#t1:hover{opacity:0.4;transition:1s;-webkit-transition: opacity 0.5s}
#t2:hover{opacity:0.4;transition:1s;-webkit-transition: opacity 0.5s}
#t3:hover{opacity:0.4;transition:1s;-webkit-transition: opacity 0.5s}


#k1{background-image:url(../images/thumb/kultur/1.jpg);margin-top:0px;transition:1s;-webkit-transition: opacity 0.5s}
#k2{background-image:url(../images/thumb/kultur/3.jpg);transition:1s;-webkit-transition: opacity 0.5s}
#k3{background-image:url(../images/thumb/kultur/4.jpg);transition:1s;-webkit-transition: opacity 0.5s}
#k4{background-image:url(../images/thumb/kultur/5.jpg);transition:1s;-webkit-transition: opacity 0.5s}
#k5{background-image:url(../images/thumb/kultur/8.png);transition:1s;-webkit-transition: opacity 0.5s}


#k1:hover{opacity:0.4;transition:1s;-webkit-transition: opacity 0.5s}
#k2:hover{opacity:0.4;transition:1s;-webkit-transition: opacity 0.5s}
#k3:hover{opacity:0.4;transition:1s;-webkit-transition: opacity 0.5s}
#k4:hover{opacity:0.4;transition:1s;-webkit-transition: opacity 0.5s}
#k5:hover{opacity:0.4;transition:1s;-webkit-transition: opacity 0.5s}




#p1{background-image:url(../images/thumb/paedagogik/1.jpg);margin-top:0px;transition:1s;-webkit-transition: opacity 0.5s}
#p2{background-image:url(../images/thumb/paedagogik/2.png);transition:1s;-webkit-transition: opacity 0.5s}
#p3{background-image:url(../images/thumb/paedagogik/3.jpg);transition:1s;-webkit-transition: opacity 0.5s}
#p4{background-image:url(../images/thumb/paedagogik/4.jpg);transition:1s;-webkit-transition: opacity 0.5s}
#p5{background-image:url(../images/thumb/paedagogik/5.jpg);transition:1s;-webkit-transition: opacity 0.5s}
#p6{background-image:url(../images/thumb/paedagogik/6.jpg);transition:1s;-webkit-transition: opacity 0.5s}
#p7{background-image:url(../images/thumb/paedagogik/7.png);transition:1s;-webkit-transition: opacity 0.5s}
#p8{background-image:url(../images/thumb/paedagogik/8.png);transition:1s;-webkit-transition: opacity 0.5s}


#p1:hover{opacity:0.4;transition:1s;-webkit-transition: opacity 0.5s}
#p2:hover{opacity:0.4;transition:1s;-webkit-transition: opacity 0.5s}
#p3:hover{opacity:0.4;transition:1s;-webkit-transition: opacity 0.5s}
#p4:hover{opacity:0.4;transition:1s;-webkit-transition: opacity 0.5s}
#p5:hover{opacity:0.4;transition:1s;-webkit-transition: opacity 0.5s}
#p6:hover{opacity:0.4;transition:1s;-webkit-transition: opacity 0.5s}
#p7:hover{opacity:0.4;transition:1s;-webkit-transition: opacity 0.5s}
#p8:hover{opacity:0.4;transition:1s;-webkit-transition: opacity 0.5s}




#kiez1{background-image:url(../images/thumb/kiezzeitung/berlin_spandau.jpg);margin-top:0px;transition:1s;-webkit-transition: opacity 0.5s}
#kiez2{background-image:url(../images/thumb/kiezzeitung/1.jpg);transition:1s;-webkit-transition: opacity 0.5s}
#kiez3{background-image:url(../images/thumb/kiezzeitung/2.jpg);transition:1s;-webkit-transition: opacity 0.5s}
#kiez4{background-image:url(../images/thumb/kiezzeitung/3.jpg);transition:1s;-webkit-transition: opacity 0.5s}
#kiez5{background-image:url(../images/thumb/kiezzeitung/4.jpg);transition:1s;-webkit-transition: opacity 0.5s}
#kiez6{background-image:url(../images/thumb/kiezzeitung/5.jpg);transition:1s;-webkit-transition: opacity 0.5s}
#kiez7{background-image:url(../images/thumb/kiezzeitung/6.jpg);transition:1s;-webkit-transition: opacity 0.5s}
#kiez8{background-image:url(../images/thumb/kiezzeitung/7.jpg);transition:1s;-webkit-transition: opacity 0.5s}
#kiez9{background-image:url(../images/thumb/kiezzeitung/8.jpg);transition:1s;-webkit-transition: opacity 0.5s}
#kiez10{background-image:url(../images/thumb/kiezzeitung/9.jpg);transition:1s;-webkit-transition: opacity 0.5s}
#kiez11{background-image:url(../images/thumb/kiezzeitung/10.jpg);transition:1s;-webkit-transition: opacity 0.5s}
#kiez12{background-image:url(../images/thumb/kiezzeitung/11.jpg);transition:1s;-webkit-transition: opacity 0.5s}


#kiez1:hover{opacity:0.4;transition:1s;-webkit-transition: opacity 0.5s}
#kiez2:hover{opacity:0.4;transition:1s;-webkit-transition: opacity 0.5s}
#kiez3:hover{opacity:0.4;transition:1s;-webkit-transition: opacity 0.5s}
#kiez4:hover{opacity:0.4;transition:1s;-webkit-transition: opacity 0.5s}
#kiez5:hover{opacity:0.4;transition:1s;-webkit-transition: opacity 0.5s}
#kiez6:hover{opacity:0.4;transition:1s;-webkit-transition: opacity 0.5s}
#kiez7:hover{opacity:0.4;transition:1s;-webkit-transition: opacity 0.5s}
#kiez8:hover{opacity:0.4;transition:1s;-webkit-transition: opacity 0.5s}
#kiez9:hover{opacity:0.4;transition:1s;-webkit-transition: opacity 0.5s}
#kiez10:hover{opacity:0.4;transition:1s;-webkit-transition: opacity 0.5s}
#kiez11:hover{opacity:0.4;transition:1s;-webkit-transition: opacity 0.5s}
#kiez12:hover{opacity:0.4;transition:1s;-webkit-transition: opacity 0.5s}



#mc1{background-image:url(../images/thumb/musikclown/1.jpg);margin-top:0px;transition:1s;-webkit-transition: opacity 0.5s}
#mc2{background-image:url(../images/thumb/musikclown/2.jpg);transition:1s;-webkit-transition: opacity 0.5s}
#mc3{background-image:url(../images/thumb/musikclown/3.jpg);transition:1s;-webkit-transition: opacity 0.5s}
#mc4{background-image:url(../images/thumb/musikclown/4.jpg);transition:1s;-webkit-transition: opacity 0.5s}
#mc5{background-image:url(../images/thumb/musikclown/5.jpg);transition:1s;-webkit-transition: opacity 0.5s}


#mc1:hover{opacity:0.4;transition:1s;-webkit-transition: opacity 0.5s}
#mc2:hover{opacity:0.4;transition:1s;-webkit-transition: opacity 0.5s}
#mc3:hover{opacity:0.4;transition:1s;-webkit-transition: opacity 0.5s}
#mc4:hover{opacity:0.4;transition:1s;-webkit-transition: opacity 0.5s}
#mc5:hover{opacity:0.4;transition:1s;-webkit-transition: opacity 0.5s}



#reisen1{background-image:url(../images/thumb/reisen/1.jpg);margin-top:0px;transition:1s;-webkit-transition: opacity 0.5s}
#reisen2{background-image:url(../images/thumb/reisen/2.jpg);transition:1s;-webkit-transition: opacity 0.5s}
#reisen3{background-image:url(../images/thumb/reisen/3.jpg);transition:1s;-webkit-transition: opacity 0.5s}
#reisen4{background-image:url(../images/thumb/reisen/4.jpg);transition:1s;-webkit-transition: opacity 0.5s}
#reisen5{background-image:url(../images/thumb/reisen/5.jpg);transition:1s;-webkit-transition: opacity 0.5s}
#reisen6{background-image:url(../images/thumb/reisen/6.jpg);transition:1s;-webkit-transition: opacity 0.5s}
#reisen7{background-image:url(../images/thumb/reisen/7.jpg);transition:1s;-webkit-transition: opacity 0.5s}
#reisen8{background-image:url(../images/thumb/reisen/8.jpg);transition:1s;-webkit-transition: opacity 0.5s}
#reisen9{background-image:url(../images/thumb/reisen/9.jpg);transition:1s;-webkit-transition: opacity 0.5s}



#reisen1:hover{opacity:0.4;transition:1s;-webkit-transition: opacity 0.5s}
#reisen2:hover{opacity:0.4;transition:1s;-webkit-transition: opacity 0.5s}
#reisen3:hover{opacity:0.4;transition:1s;-webkit-transition: opacity 0.5s}
#reisen4:hover{opacity:0.4;transition:1s;-webkit-transition: opacity 0.5s}
#reisen5:hover{opacity:0.4;transition:1s;-webkit-transition: opacity 0.5s}
#reisen6:hover{opacity:0.4;transition:1s;-webkit-transition: opacity 0.5s}
#reisen7:hover{opacity:0.4;transition:1s;-webkit-transition: opacity 0.5s}
#reisen8:hover{opacity:0.4;transition:1s;-webkit-transition: opacity 0.5s}
#reisen9:hover{opacity:0.4;transition:1s;-webkit-transition: opacity 0.5s}



/********************************video**************************************/

/*#vcontent{
	width: 531px;
	height: 360px;
	border: 0px;
	background:rgba(240,238,236,1);
	margin:0px;
	padding-left:35px; 
	left:275px;
	top: 110px;
	position:absolute;
	z-index: 5;
	overflow: hidden;	
}*/



#vcontent{
	width: 538px;
	height: 363px;
	border: 0px;
	background:rgba(240,238,236,1);
	margin:0px;
	padding-left:42px; 
	left:275px;
	top: 110px;
	position:absolute;
	z-index: 6;
		
}

#vcontentschatten{
	width: 579px;
	height: 359px;
	border: 0px;
	margin:0px;
	left:275px;
	top: 110px;
	position:absolute;
	z-index: 7;
	-webkit-box-shadow: 2px 2px 3px #999;;
	-moz-box-shadow: 2px 2px 3px #999;
	box-shadow: 2px 2px 3px #999;
}


#videoDiv{
	width: 496px;
	height: 360px;
	border: 0px;
	margin:0px;
	left:317px;
	top: 110px;
	position: absolute;
	z-index: 6;
	overflow: hidden;

}

#vcontrol{
	margin-left: 808px;
	margin-top: 395px;
	position: absolute;
	z-index: 7;

}


.but{
	width:30px;
	height:23px;
	background:rgba(210,203,194,1);
	margin-top: 0px;
	margin-left: 5px;
	margin-bottom: 5px;
	/*color: rgb(95,77,70);*/
	color: white;
	font-family: arial;
	font-size: 13px;
	/*font-weight:bold;*/
	padding-top: 7px;
	text-align: center;
	cursor: pointer;
	border-radius:0px 4px 4px 0px;
	display:block;


}

.but:hover{
	color: rgb(199,71,67);
}



#vthumbbox{
	width: 100px;
	height: 1400px;
	background-color: rgba(0,0,0,0);
	top: 0px;
	left: 0px;
	position:absolute;
	z-index: 5;
}


#vthumb a{
	width:80px;
	height:80px;
	text-decoration:none;
	display:block;
	margin-left:10px;
	margin-bottom:7px;
	border-radius:4px;
	border:1px solid red;
	
}


#vt1{background-image:url(../images/thumb/video/1.png);margin-top:0px;transition:1s;-webkit-transition: opacity 0.5s}
#vt2{background-image:url(../images/thumb/video/3.png);transition:1s;-webkit-transition: opacity 0.5s}
#vt3{background-image:url(../images/thumb/video/2.png);transition:1s;-webkit-transition: opacity 0.5s}
#vt4{background-image:url(../images/thumb/video/4.jpg);transition:1s;-webkit-transition: opacity 0.5s}
#vt5{background-image:url(../images/thumb/video/5.jpg);transition:1s;-webkit-transition: opacity 0.5s}
#vt6{background-image:url(../images/thumb/video/6.jpg);transition:1s;-webkit-transition: opacity 0.5s}
#vt7{background-image:url(../images/thumb/video/7.jpg);transition:1s;-webkit-transition: opacity 0.5s}
#vt8{background-image:url(../images/thumb/video/8.jpg);transition:1s;-webkit-transition: opacity 0.5s}
#vt9{background-image:url(../images/thumb/video/9.jpg);transition:1s;-webkit-transition: opacity 0.5s}


#vt1:hover{opacity:0.4;transition:1s;-webkit-transition: opacity 0.5s}
#vt2:hover{opacity:0.4;transition:1s;-webkit-transition: opacity 0.5s}
#vt3:hover{opacity:0.4;transition:1s;-webkit-transition: opacity 0.5s}
#vt4:hover{opacity:0.4;transition:1s;-webkit-transition: opacity 0.5s}
#vt5:hover{opacity:0.4;transition:1s;-webkit-transition: opacity 0.5s}
#vt6:hover{opacity:0.4;transition:1s;-webkit-transition: opacity 0.5s}
#vt7:hover{opacity:0.4;transition:1s;-webkit-transition: opacity 0.5s}
#vt8:hover{opacity:0.4;transition:1s;-webkit-transition: opacity 0.5s}
#vt9:hover{opacity:0.4;transition:1s;-webkit-transition: opacity 0.5s}



/********************************text**************************************/
#article{
	width: 580px;
	height: 170px;
	background:rgba(255,255,255,0.85);
	top: 480px;
	left: 275px;
	overflow: hidden;
	position:absolute;
	z-index: 6;
}


#article_perseh{
	width: 580px;
	height: 90px;
	background:rgba(255,255,255,0.85);
	top: 480px;
	left: 275px;
	overflow: hidden;
	position:absolute;
	z-index: 6;
}

#article_index{
	width: 580px;
	height: 170px;
	background:rgba(255,255,255,0.85);
	top: 480px;
	left: 275px;
	overflow: hidden;
	position:absolute;
	z-index: 6;
}


#article_video{
	width: 530px;
	height: 160px;
	background:rgba(255,255,255,0.85);
	top: 490px;
	left: 275px;
	padding-left: 25px;
	padding-right: 25px;
	overflow: hidden;
	position:absolute;
	z-index: 6;
}

#article_kultur{
	width: 580px;
	height: 170px;
	background:rgba(255,255,255,0.85);
	top: 480px;
	left: 275px;
	overflow: hidden;
	position:absolute;
	z-index: 6;
}


#article_paedagogik{
	width: 580px;
	height: 170px;
	background:rgba(255,255,255,0.85);
	top: 480px;
	left: 275px;
	overflow: auto;
	position:absolute;
	z-index: 6;
}


#articlemax{
	width: 540px;

}

#articlemax_perseh{
	width: 570px;

}



p{
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: rgb(95,77,70);
	margin-left: 10px;
	line-height: 1.3;
	margin-top: 7px;
	
}


h2{
	font-family: arial, helvetica, sans-serif;
	font-size: 16px;
    font-weight: bold;
    color: rgb(95,77,70);
    margin-top: 15px;
    margin-bottom: 0px;
    margin-left: 10px;
 }

 h3{
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
    font-weight: bold;
    color: rgb(95,77,70);
    margin-top: 4px;
    padding-top: 0px;
    margin-left: 10px;
    margin-bottom: 0px;
 }

  h4{
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
    font-weight: bold;
    color: rgb(95,77,70);
    margin-top: 0px;
    padding-top: 3px;
    margin-left: 10px;
    position: absolute;
 }

.fett{
 	font-weight:bold;
 }




/********************************archiv**************************************/


#acontent{
	width: 580px;
	height: 535px;
	background:rgba(255,255,255,0.85);
	border: 0px;
	margin:0px;
	left:275px;
	top: 110px;
	position:absolute;
	z-index: 5;
	overflow: hidden;
	
}


.archivheader{
	font-family: arial, helvetica, sans-serif;
	font-size: 16px;
    font-weight: bold;
    color: rgb(95,77,70);
    margin-top: 11px;
    margin-bottom: 0px;
    margin-left: 30px;
 }


.text{
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	margin-top: 0px;
	padding-top: 0px;
	color: rgb(95,77,70);
	margin-left: 30px;
	margin-bottom: 10px;
	line-height: 1.5;
	margin-bottom: 20px;
	
}

.archiv{font-family: arial, helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: rgb(95,77,70);
	margin-left: 30px;
}



/********************************navigation**************************************/

#logo{
	top: 10px;
	margin-left: 154px;
	width: 142px;
	height: 186px;
	border: 0px;
	cursor:pointer;
	position:absolute;
	z-index: 9;

}


#logo:hover #nav{ 
	opacity:1; 
	width: 785px;

}

#logoDiv{
	width: 142px;
	height: 186px;
	border: 0px;
	background-image:url(../images/persehphone_kl.png);
	position:absolute;
	z-index: 9;
}

#tasche{
	top: 0px;
	margin-left: 0px;
	width: 142px;
	height: 186px;
	background-image:url(../images/tasche.png);
	position:absolute;
	z-index: 10;
}

#tasche:hover{
	background-image:url(../images/tasche2.png);
}


#nav{
	/*width:62px;*/
	width:785px; 
	/*height:100px;*/
	height:80px; 
	top:65px; 
	left:85px; 
	/*background:rgba(255,255,255,0.4);*/
	/*opacity:0;*/ 
	opacity:1;
	overflow: hidden;
	transition:opacity 3s, width 2s; 
	-webkit-transition: opacity 3s, width 2s; /* Safari */
	position:absolute; 
	z-index:8;
}

/*#navIN{
	width:785px;
	height:80px; 
	position: absolute; 
	z-index: 8;
}
	 
#nav:hover{
	opacity:1; 
	width: 785px;}*/

#nav ul{
	padding-left:10px;
	margin-top:10px;  
	list-style:none;
}

#nav li{ 
	display:block; 
	float:left;
	padding-bottom:0px; 
}


#nav li a{ 	   
	color:rgba(0,0,0,0);
	cursor:pointer; 
	padding-top:0px;
	font-family: 'meinFont1', sans-serif;
	 
	text-align:center;
	color: rgb(95,77,70);
	/*transition-timing-function: linear;
	transition-delay: 3s;*/
	text-decoration: none;
}

#nav li a:hover{ 	   
	color: rgb(199,71,67);
}


#a1{margin-left:35px; font-size:14px;/*font-weight:bold;*/}
#a2{margin-left:11px; font-size:14px;}
#a3{margin-left:11px; font-size:14px;}
#a4{margin-left:11px; font-size:14px;}
#a5{margin-left:11px; font-size:14px;}
#a6{margin-left:11px; font-size:14px;}
#a7{margin-left:11px; font-size:14px;}




/******************************lebensartnavigation*****************************/


#leben{ 
	font-size:12px;
	height:15px;
	width: 100px;
	background:rgba(0,0,0,0);
	margin-left: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: -19px;
	overflow: hidden;
	transition:height 1s, background 2s;
	-webkit-transition: height 1s; /* Safari */
}

	 
#leben:hover{ 
	height:80px; 
	background:rgba(255,255,255,0.9);
	opacity: 1;
	transition:height 1s, background 2s;
	-webkit-transition: height 1s; /* Safari */
	-webkit-box-shadow: 2px 2px 3px #999;
	-moz-box-shadow: 2px 2px 3px #999;
	box-shadow: 2px 2px 3px #999;
}


#leben ul{
	margin:0px; 
	list-style:none;
}

#leben li{ 
	display:block;  
}


/*#leben li a{ 	
	margin: 20px;   
	padding:20px;
}*/


#leben li a:hover{ 	  
	color: rgb(199,71,67);
}




#a8{
	margin-left:10px;
}

#a9{
	margin-left:10px;
}

#a10{
	margin-left:10px;
}



/********************************formular**************************************/
	#kcontent{
	background:rgba(255,255,255,0.85);
	width: 580px;
	height: 490px;
	border: 0px;
	margin:0px;
	left:275px;
	top: 110px;
	position:absolute;
	z-index: 5;
	overflow: hidden;
	
}
	#icontent{
	width: 530px;
	height: 490px;
	border: 0px;
	margin-left:20px;
	padding-left: 10px;
	position:absolute;
	z-index: 6;
	overflow: hidden;
	
}

	
	/*.formular{
		width:580px;
		height:490px;
		padding-top:0px;
	}*/
	
	input, textarea, select{
		border:1px solid gray;
		/*background:rgba(255,255,255,0.4);*/
		background:rgba(210,203,194,0.3);
	}
	
	form{
		margin:10px;
		margin-top:50px;
	}
	
	
	.formular li{
		list-style:none;
		margin-bottom:10px;
	}



/********************************headline und text**************************************/

a{
	text-decoration: none;
	color:rgb(95,77,70);
}

a:hover{
	color: rgb(199,71,67);
}


@font-face{
			font-family: meinFont1;
			src: url('../fonts/Chalkduster.ttf'); 
		}

.h1{
	font-family: 'meinFont1', sans-serif;
	font-size: 45px;
    font-weight: normal;
    color: rgb(95,77,70);
    margin-top:-48px;
    margin-left:433px;
    
}

#perseh{
	width: 271px;
	height: 40px;
    margin-top: 18px;
    margin-left: 124px;
    padding-bottom: 0px;
    
	background-image:url(../images/chalkduster.png);
}

.rot{
	color: rgb(199,71,67);
	font-size: 14px;
	/*font-size: 24px;
	padding-left: 7px;*/
	
}

.link{
	color: rgb(199,71,67);
	font-size: 14px;
	padding-left: 7px;
}





/********************************akkordeon**************************************/


#acco{
width:580px;
height: 170px;
background:rgba(0,0,0,0);
top: 575px;
left: 275px;
position: absolute;
z-index: 6;
/*overflow: hidden;*/
}

#acco1{
width:580px;
height: 22px;
background:rgba(255,255,255,0.85);
transition:1s;
-webkit-transition:1s;
color:white;
font-family: arial,sans-serif;

position: relative;
cursor: pointer;
backgroun
/*Firefox*/
/*background:-moz-linear-gradient(top,#cccccc,#000000);*/
}

#acco1:hover{
	background:rgba(210,203,194,0.8);
	transition:1s;
	-webkit-transition: 1s;

}

#acco2{
width:580px;
height: 22px;
background:rgba(255,255,255,0.85);
transition:1s;
-webkit-transition:1s;
color:white;
font-family: arial,sans-serif;
margin-top: 5px;
position: relative;
cursor: pointer;
/*Firefox*/
/*background:-moz-linear-gradient(top,#cccccc,#000000);*/
}

#acco2:hover{
	background:rgba(210,203,194,0.8);
	transition:1s;
	-webkit-transition: 1s;
}


#feld1{
width:570px;
background:rgba(255,255,255,0.85);
color:white;
margin-top: 5px;
padding-top: 5px;
padding-left: 10px;
padding-bottom: 5px;
position: relative;

}

#feld2{
width:570px;
background:rgba(255,255,255,0.85);
color:white;
margin-top: 5px;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
position: relative;

}


.acc_p{
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: rgb(95,77,70);
	line-height: 1.3;
	max-width: 560px;
	
}

.acc_h2{
	font-family: arial, helvetica, sans-serif;
	font-size: 16px;
    font-weight: bold;
    color: rgb(95,77,70);
    margin-top: 1px;
    margin-bottom: 0px;
    margin-left: 10px;
    position: absolute;
    z-index: 22 
 }

 #accopfeil1{background-image:url(../images/thumb/accopfeil1.png);
	margin-top:0px;
	margin-left:558px;
	width:22px;
	height:22px;
	position: absolute;
	z-index: 24;
}

#accopfeil2{background-image:url(../images/thumb/accopfeil2.png);
	margin-top:0px;
	margin-left:558px;
	width:22px;
	height:22px;
	position: absolute;
	z-index: 23;
}



/********************************footer**************************************/


#footer{
	width: 100%;
	height: 40px;
	background-color: rgba(210,203,194,0.85);
	margin-top: 685px;
	border-radius:4px;
}

/*#nav:hover{
	opacity:1; 
	width: 600px;}*/


#subnav{
	width:300px; 
	height:40px; 
	top:0px; 
	margin-left:830px; 
	background:rgba(0,0,0,0);
	overflow: hidden;
	cursor: pointer;
}

#subnav ul{
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: rgb(95,77,70);
	margin-top: 10px;
	list-style:none;
}

#subnav li{ 
	margin-left: 15px;
	display:block; 
	float:left; 
}

.rot_sub{
	color: rgb(199,71,67);
	font-size: 13px;

	
}