/* Verwendete Farben:
	Naturschule Aggerbogen
		hell: rgb(213,234,191)	#d5eabf
		dunkel: rgb(144,198,86)	#90c656

	Gut Eichthal
		hell: rgb(253,221,164)	#fddda4
		dunkel: rgb(255,152,1)	#ff9801

	Haus Eulenbroich
		hell: rgb(227,186,168)	#e3baa8
		dunkel: rgb(169,63,1)	#a93f01

	Burg Wissem
		hell: rgb(237,138,143)	#ed8a8f	
		dunkel: rgb(191,0,8)	#bf0008 */





html, body{
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif
}

body{
	padding-left: 10px;
	padding-top: 40px;
	background-color: #ffffff
}

#navigation{
	position: relative;
	margin-top: 0px

	
}
#navigation a{
	display: inline;
	color: #999999;
	text-decoration: none
}

#navigation a:hover{
	color:#666666
}

#navigation_2{
	margin-top: 0px;
	text-align: right
	
}
#navigation_2 a{
	display: inline;
	color: #666666;
	text-decoration: none
}

#navigation_2 a:hover{
	color:#333333
}


#body{
	margin-top: 20px;
	width: 850px;
	padding-bottom: 30px
}

.navi{
	position: absolute;	
	left: 0px;
	top: 90px;	
	width: 150px;
	float: left;
	/*height: 250px;*/
	text-align: right;
	margin-right: 10px;
	margin-left: 0px;
	line-height: 1.5em
}

.navi_s{
	position: absolute;	
	left: 0px;
	top: 25px;	
	width: 150px;
	float: left;
	/*height: 250px;*/
	text-align: right;
	margin-right: 10px;
	margin-left: 0px;
	line-height: 1.5em
}


.left{  position: absolute;
	left: 170px;
	top: 90px;
	width: 350px;
	float: left
}

.right{ position: absolute;
	left: 510px;
	top: 90px;
	width: 350px;
	float: left;
	margin-left: 0px
}




.leftS, .rightS{
	width: 370px;
	float: left;
	margin: 0;
	padding: 0
}

/*Startseite*/

.pic01{
	position: absolute;
	left:160px;
	top: 30px;
	width: 850px;
	height: 150px;
	z-index: 2

}

/*.pic01{
	position: absolute;
	left:160px;
	top: 30px;
	width: 850px;
	height: 150px;
	z-index: 2
}*/

/*Regionale*/

.pic02{
	position: absolute;
	left: 10px;
	top: 250px;
	float: left;
	width: 150px;
	height: 50px;
	
}

/*Frosch*/
.pic03{
	position: absolute;
	left: 10px;
	top: 385px;
	width: 150px;
	height: 150px;
	z-index: -1	
}
/*raus aus*/
.pic04{
	position: absolute;
	left:160px;
	top: 200px;
	width: 200px;
	height: 150px;
	z-index: 2
}

.pic05{
	position: absolute;
	left: 160px;
	top: 350px;
	width: 200px;
	height: 150px;
	
}


.pic06{
	position: absolute;
	left: 700px;
	top: 200px;
	width: 200px;
	height: 200px;
	
}


.tb10{
	position: absolute;
	left: 360px;
	top: 350px;
	width: 350px;
	height: 150px;
	background-color: #F9AC06;
	color: black
}

.tb11{
	position: absolute;
	left: 160px;
	top: 550px;
	width: 700px;
	height: 150px;
	background-color: #FFFFFF;
	color: #333333
}

.tb12{
	position: absolute;
	left: 160px;
	top: 550px;
	width: 700px;
	height: 150px;
	background-color: #FFFFFF;
	color: #333333
}

#subnavi_s{
	position: relative;
	margin-top: 7px;
	margin-left: 10px;
	

}
#subnavi_s a{
	
	color: #666666;
	font-weight: bold;
	font-size: 0.8em;
	text-decoration: none;	
}

#subnavi_s a:hover{
	color: #333333;	
}
/*--------------------*/

.pic_left{
	position: absolute;
	left:0px;
	top: 0px;
	width: 350px;
	height: 350px;
	z-index: 2

}

.do_ak_right{
	position: absolute;
	left:10px;
	top: 0px;
	width: 350px;
	height: 350px;
	background-color: #ff0000;
	color: #ffffff;
}

.do_right{
	position: absolute;
	left:10px;
	top: 0px;
	width: 350px;
	height: 350px;
	background-color: #F9AC06;
	color: #ffffff;
}

.do_ns_right{
	position: absolute;
	left:10px;
	top: 0px;
	width: 350px;
	height: 350px;
	background-color: #90C656;
	color: #ffffff;
}

.do_ov_right{
	position: absolute;
	left:10px;
	top: 0px;
	width: 350px;
	height: 350px;
	background-color: #FF9801;
	color: #ffffff;
}

.do_rs_right{
	position: absolute;
	left:10px;
	top: 0px;
	width: 350px;
	height: 350px;
	background-color: #A93F01;
	color: #ffffff;
}

.do_ku-h_right{
	position: absolute;
	left:10px;
	top: 0px;
	width: 350px;
	height: 350px;
	background-color: #AFC38D;
	color: #ffffff;
}

.do_ku_right{
	position: absolute;
	left:10px;
	top: 0px;
	width: 350px;
	height: 350px;
	background-color: #5F881C;
	color: #ffffff;
}

.do_td_right{
	position: absolute;
	left:10px;
	top: 0px;
	width: 350px;
	height: 350px;
	background-color: #BF0008;
	color: #ffffff;
}

.site_title{
	margin-left: 10px;
	margin-top: 150px;
	font-size: 1.8em;
}

#startseite_left{
	width:96%;
	height: 350px;

	font-size: 0.9em;
	margin: 0;
	padding: 0;
}
a.text{
	color: #333333;
}

#startseite_right{
	background: url(../img/pic_right_index.jpg) top left no-repeat;
	width:100%;
	height: 350px;
}
#startseiten_label{
	position:absolute;
	margin-top:280px;
	color: #ccc;
	font-size: 68px;
	z-index: 5;
}



/*Standorte*/
#stand_left{
	
	width:100%;
	height: 350px;
}
#stand_right{
	background: url(../img/pic_right_standorte.jpg) top left no-repeat;
	width:100%;
	height: 350px;
}

#subNaviStand{
	margin-left: 0px;
}
#subNaviStand a{
	margin-top: 0px;
	display: block;
	
	color: #999999;
	font-weight: bold;
	font-size: 0.9em;
	text-decoration: none;
	width: 180px;
	height: 90px;
	margin-left: 0px;
	background: url(../img/colorcodes/lm_small.gif) 0px 3px no-repeat;
	padding-left: 68px;
	
}
#subNaviStand a:hover{
	color: #333333;
	
}

/*-----------------------*/


a.lm, #subNaviStand a.lm{
	background-image:  url(../img/03_nats_60.jpg);
}
a.ov, #subNaviStand a.ov{
	background-image:  url(../img/04_GutEichthal_60.jpg);
}
a.rs, #subNaviStand a.rs{
	background-image:  url(../img/05_HausEulenbroich_60.jpg);
}
a.td, #subNaviStand a.td{
	background-image:  url(../img/07_BurgWissem_60.jpg);
}


/-----------------------/
/*Wettbewerb*/


#subNaviStandWb{
	margin-left: 0px;
}
#subNaviStandWb a{
	margin-top: 0px;
	display: block;
	
	color: #999999;
	font-weight: bold;
	font-size: 0.8em;
	text-decoration: none;
	width: 330px;
	height: 90px;
	margin-left: 0px;
        background: no-repeat;
	padding-left: 68px;
	
}
#subNaviStandWb a:hover{
	color: #333333;
}

/*-----------------------*/


a.lm, #subNaviStandWb a.lm{
	background-image:  url(../img/03_nats_ 60.jpg);
}
a.ov, #subNaviStandWb a.ov{
	background-image:  url(../img/04_GutEichthal_ 60.jpg);
}
a.rs, #subNaviStandWb a.rs{
	background-image:  url(../img/05_HausEulenbroich_ 60.jpg);
}
a.td, #subNaviStandWb a.td{
	background-image:  url(../img/07_BurgWissem_ 60.jpg);
}


/*-----------------------*/
a.ov01, #subNaviStandWb a.ov01{
	background-image:  url(../img/03_nats_ 60.jpg);
}
a.ov02, #subNaviStandWb a.ov02{
	background-image:  url(../img/04_GutEichthal_ 60.jpg);
}
a.ov03, #subNaviStandWb a.ov03{
	background-image:  url(../img/05_HausEulenbroich_ 60.jpg);
}
a.ov04, #subNaviStandWb a.ov04{
	background-image:  url(../img/07_BurgWissem_ 60.jpg);
}
/*-----------------------*/




/*Auftakt */

#auftakt_left{
	
	width:110%;
	height: 350px;
}
#auftakt_right{
	width: 350px;
	height: 350px;
	background: url(../img/pic_left_auftakt.jpg) top left no-repeat;
}
.subNaviAuftakt1{
	padding-bottom: 40px;
}

.subNaviAuftakt1 a.lm{
	margin-top: 20px;
	display: block;
	float: left;
	color: #999999;
	font-weight: bold;
	font-size: 0.9em;
	text-decoration: none;
	width: 145px;
	height: 41px;
	margin-left: 0px;
	background: url(../img/colorcodes/lm_small.gif) 0px 3px no-repeat;
	padding-left: 28px;
}

.subNaviAuftakt1 a.ov{
	margin-top: 20px;
	/*display: block;*/
	float: left;
	color: #999999;
	font-weight: bold;
	font-size: 0.9em;
	text-decoration: none;
	width: 145px;
	height: 41px;
	margin-left: 0px;
	background: url(../img/colorcodes/ov_small.gif) 0px 3px no-repeat;
	padding-left: 28px;
}

.subNaviAuftakt1 a.rs{
	margin-top: 20px;
/*	display: block;*/
	float: left;
	color: #999999;
	font-weight: bold;
	font-size: 0.8em;
	text-decoration: none;
	width: 245px;
	height: 41px;
	margin-left: 0px;
	background: url(../img/colorcodes/rs_small.gif) 0px 3px no-repeat;
	padding-left: 28px;
}

.subNaviAuftakt1 a.td{
	margin-top: 20px;
	display: block;
	float: left;
	color: #999999;
	font-weight: bold;
	font-size: 0.9em;
	text-decoration: none;
	width: 145px;
	height: 41px;
	margin-left: 0px;
	background: url(../img/colorcodes/td_small.gif) 0px 3px no-repeat;
	padding-left: 28px;
}

.subNaviAuftakt1 a.im{
	margin-top: 20px;
	display: block;
	float: left;
	color: #999999;
	font-weight: bold;
	font-size: 0.9em;
	text-decoration: none;
	width: 145px;
	height: 41px;
	margin-left: 0px;
	background: url(../img/colorcodes/im_small.gif) 0px 3px no-repeat;
	padding-left: 28px;
}

.subNaviAuftakt1 a:hover{
	color: #333333;
}

a.links, #subNaviStand a.links{
	background-image:  url(../img/colorcodes/grey_small.gif);
}


/*-----------------------*/
/*subnavi draufsicht*/


a.draufsicht, #subNaviStand a.draufsicht01{
	background-image:  url(../img/gifs/auftakt.jpg);
}

a.draufsicht02, #subNaviStand a.draufsicht02{
	background-image:  url(../img/gifs/a_stempel.jpg);
}

a.draufsicht03, #subNaviStand a.draufsicht03{
	background-image:  url(../img/gifs/wettbewerbsverfahren.jpg);
}

a.draufsicht04, #subNaviStand a.draufsicht04{
	background-image:  url(../img/gifs/ausstellung.jpg);
}

/*-----------------------*/


/*subnavi downloads*/

a.downloads, #subNaviStand a.downloads{
	background-image:  url(../img/colorcodes/grey_small.gif);
}

a.download00, #subNaviStand a.download00{
	background-image:  url(../img/gifs/agger-suelz-60.jpg);
}

a.download01, #subNaviStand a.download01{
	background-image:  url(../img/gifs/1_auftakt_60.jpg);
}

a.download02, #subNaviStand a.download02{
	background-image:  url(../img/gifs/2_dossier_60.jpg);
}

a.download03, #subNaviStand a.download03{
	background-image:  url(../img/gifs/3_bildungsprogramm_60.jpg);
}

a.download04, #subNaviStand a.download04{
	background-image:  url(../img/gifs/doku_ov.jpg);
}

a.download05, #subNaviStand a.download05{
	background-image:  url(../img/gifs/doku_rs.jpg);
}

a.download06, #subNaviStand a.download06{
	background-image:  url(../img/gifs/3_bildungsprogramm_60.jpg);
}

a.download07, #subNaviStand a.download07{
	background-image:  url(../img/gifs/pr0809_350or_60.jpg);
}

a.download08, #subNaviStand a.download08{
	background-image:  url(../img/gifs/pr0910_60.jpg);
}

a.download09, #subNaviStand a.download09{
	background-image:  url(../img/gifs/pr1011_60.jpg);
}

a.download10, #subNaviStand a.download10{
	background-image:  url(../img/gifs/pr1112_60.jpg);
}
/*-----------------------*/




/*subnavi wettbewerb*/

a.ov_pr1, #subNaviStandWb a.ov_pr1{
	background-image:  url(../img/gifs/ov_pr1_60.jpg);
}

a.ov_pr2, #subNaviStandWb a.ov_pr2{
	background-image:  url(../img/gifs/ov_pr2_60.jpg);
}

a.ov_pr3, #subNaviStandWb a.ov_pr3{
	background-image:  url(../img/gifs/ov_pr3_60.jpg);
}

/*-----------------------*/



a.ov1p1, #subNaviStandWb a.ov1p1{
	background-image:  url(../img/gifs/ov_pr1_60.jpg);
}

a.ov1p2, #subNaviStandWb a.ov1p2{
	background-image:  url(../img/gifs/ovp1p2.jpg);
}

a.ov1p3, #subNaviStandWb a.ov1p3{
	background-image:  url(../img/gifs/ovp1p3.jpg);
}

a.ov1p4, #subNaviStandWb a.ov1p4{
	background-image:  url(../img/gifs/ovp1p4.jpg);
}



/*-----------------------*/


a.ov2p1, #subNaviStandWb a.ov2p1{
	background-image:  url(../img/gifs/ov_pr2_60.jpg);
}

a.ov2p2, #subNaviStandWb a.ov2p2{
	background-image:  url(../img/gifs/ov2p2.jpg);
}

a.ov2p3, #subNaviStandWb a.ov2p3{
	background-image:  url(../img/gifs/ov2p3.jpg);
}

a.ov2p4, #subNaviStandWb a.ov2p4{
	background-image:  url(../img/gifs/ov2p4.jpg);
}

/*-----------------------*/


a.ov3p1, #subNaviStandWb a.ov3p1{
	background-image:  url(../img/gifs/ov_pr3_60.jpg);
}

a.ov3p2, #subNaviStandWb a.ov3p2{
	background-image:  url(../img/gifs/ov3p2.jpg);
}

a.ov3p3, #subNaviStandWb a.ov3p3{
	background-image:  url(../img/gifs/ov3p3.jpg);
}

a.ov3p4, #subNaviStandWb a.ov3p4{
	background-image:  url(../img/gifs/ov3p4.jpg);
}

/*-----------------------*/

/*subnavi wettbewerb Roesrath*/

a.rs_pr1, #subNaviStandWb a.rs_pr1{
	background-image:  url(../img/gifs/rs_pr1_60.jpg);
}

a.rs_pr2, #subNaviStandWb a.rs_pr2{
	background-image:  url(../img/gifs/rs_pr2_60.jpg);
}

a.rs_pr3, #subNaviStandWb a.rs_pr3{
	background-image:  url(../img/gifs/rs_pr3_60.jpg);
}

/*-----------------------*/



a.rs1p1, #subNaviStandWb a.rs1p1{
	background-image:  url(../img/gifs/rs_pr1_60.jpg);
}

a.rs1p2, #subNaviStandWb a.rs1p2{
	background-image:  url(../img/gifs/rs1p2.jpg);
}

a.rs1p3, #subNaviStandWb a.rs1p3{
	background-image:  url(../img/gifs/rs1p3.jpg);
}

a.rs1p4, #subNaviStandWb a.rs1p4{
	background-image:  url(../img/gifs/rs1p4.jpg);
}



/*-----------------------*/


a.rs2p1, #subNaviStandWb a.rs2p1{
	background-image:  url(../img/gifs/rs_pr2_60.jpg);
}

a.rs2p2, #subNaviStandWb a.rs2p2{
	background-image:  url(../img/gifs/rs2p2.jpg);
}

a.rs2p3, #subNaviStandWb a.rs2p3{
	background-image:  url(../img/gifs/rs2p3.jpg);
}

a.rs2p4, #subNaviStandWb a.rs2p4{
	background-image:  url(../img/gifs/rs2p4.jpg);
}

/*-----------------------*/


a.rs3p1, #subNaviStandWb a.rs3p1{
	background-image:  url(../img/gifs/rs_pr3_60.jpg);
}

a.rs3p2, #subNaviStandWb a.rs3p2{
	background-image:  url(../img/gifs/rs3p2.jpg);
}

a.rs3p3, #subNaviStandWb a.rs3p3{
	background-image:  url(../img/gifs/rs3p3.jpg);
}

a.rs3p4, #subNaviStandWb a.rs3p4{
	background-image:  url(../img/gifs/rs3p4.jpg);
}

/*-----------------------*/

/*subnavi wettbewerb Lohmar*/

a.lm_pr1, #subNaviStandWb a.lm_pr1{
	background-image:  url(../img/gifs/lm_pr1_60.jpg);
}

a.lm_pr2, #subNaviStandWb a.lm_pr2{
	background-image:  url(../img/gifs/lm_pr2_60.jpg);
}

/*-----------------------*/

/*subnavi wettbewerb Troisdorf*/

a.td_pr1, #subNaviStandWb a.td_pr1{
	background-image:  url(../img/gifs/td_pr1_60.jpg);
}

a.td_pr2, #subNaviStandWb a.td_pr2{
	background-image:  url(../img/gifs/td_pr2_60.jpg);
}


/*-----------------------*/






*/


a small{
	font-size: 0.7em;
	
}

/*Programm Lohmar*/
#lm_left{
	width:100%;
	height: 350px;
}
#lm_right{
	width:100%;
	background: url(../img/pic_right_lohmar.jpg) top no-repeat;
	height: 350px;
}



#ov_left{
	width:100%;
	height: 350px;
}
#ov_right{
	width:100%;
	background: url(../img/pic_right_pr_overath.gif) top no-repeat;
	height: 350px;
}

#rs_right{
	width:100%;
	background: url(../img/pic_right_pr_roesrath.gif) top no-repeat;
	height: 350px;
}
/*Programm Troisdorf*/
#td_left{
	width:100%;
	height: 350px;
}
#td_right{
	width:100%;
	background: url(../img/pic_right_pr_troisdorf.gif) top no-repeat;
	height: 350px;
}


#rvk{
	text-align: right;
	padding-top: 5px;
}
#anfahrtPDF{
	text-align: right;
	padding-top: 5px;
	padding-right: 30px;
}
#anfahrtPDFR{
	text-align: right;
	padding-top: 5px;
	padding-right: 0px;
}
#rvk a, #anfahrtPDF a, #anfahrtPDFR a{
	text-decoration: none;
	color: #999999;
	font-weight: bold;
	font-size: 0.9em;
}
#rvk a:hover, #anfahrtPDF a:hover, #anfahrtPDFR a:hover{
	color: #333333;
}



ul{
	list-style-type:disk;
	padding-left: 20px;
	margin-left: 0;
	margin-right: 10px;
	margin-top: 0;
	padding-top: 5px;
	
}



p.zeit{
	display: block;
	font-weight: bold;
	width: 90px;
	float: left;
	margin: 0;
	padding: 0;
}
p.bes{
	width: 220px;
	float: left;
	padding: 0;
	margin: 0;
	font-weight: normal;
}
p.bes_auftakt{
	font-weight: bold;
	font-size: 105%;
	font-variant:small-caps;
	float: left;
	width: 100px;
	padding: 0;
	margin: 0;
}
p.auftakt{
	display: inline;
	font-size: 105%;
	font-variant:small-caps;
}

p.br{
	clear: both;
}

/*Farben
Lohmar:#34ac3a
Overath: #98323a
Rösrath: ebba40
Troisdorf: c21c8f

*/

/*Buttons1*/
#navigation a{
	font-weight: bold;
	font-size: 0.9em;
} 


#navigation a.norma{
}

#navigation a.activ{
	color: #f9ac06;
}


#navigation a.activ{
	color: #f9ac06;
}

#navigation_2{
	text-align: right;
	font-weight: bold;
	font-size: 0.75em;
	line-height:0.9em;
}

#navigation_2 a.normal{
}

#navigation_2 a.active{
	color: #f9ac06;
}

#navigation a.bt_bild_act{
	color: #f9ac06;
}


#navigation a.bt_stand{
	margin-left: 30px;
	
}
#navigation a.bt_stand_act{
	color: #f9ac06;
	margin-left: 30px;
}
/*-------------------------*/

	

	
	



/*------------------------*/

#navigation a.bt_kult{
	margin-left: 30px;
	
}
#navigation a.bt_kult_act{
	color: #f9ac06;
	margin-left: 30px;
}


#navigation a.bt_extras{
	margin-left: 30px;
	
}


#navigation a.bt_extras_act{
	color: #f9ac06;
	margin-left: 30px;
	
}
#navigation a.bt_info{
	margin-left: 30px;
	
}


#navigation a.bt_info_act{
	color: #f9ac06;
	margin-left: 30px;
	
}


#navigation a.bt_impr{
	margin-left: 30px;
}
#navigation a.bt_impr_act{
	color: #f9ac06;
	margin-left: 30px;
}

#navigation a.bt_auft{
	margin-left: 30px;
	font-variant:small-caps;
	font-size: 0.95em;
}
#navigation a:hover.bt_auft{
	margin-left: 30px;
	color: #666666;
	
}
#navigation a.bt_auft_act{
	margin-left: 30px;
	color: #f9ac06;
	font-variant:small-caps;
	font-size: 0.95em;
}

#navigation a.bt_down{
	margin-left: 30px;
	display: none;
}
#navigation a.bt_down_act{
	margin-left: 30px;
		display: none;
}







#navigation a.bt_stand{
	margin-left: 30px;
}

#navigation a.bt_stand_act{
	color: #f9ac06;
	margin-left: 30px;
}


#auftaktSubNavigation{
	position: absolute;
	margin-top: 10px;
	margin-left: 420px;
	display: block;
	color: #999;
	font-weight: bold;
	font-size: 0.9em;
	text-decoration: none;
	left: 77px;
	top: 114px;
}
#auftaktSubNavigation a{
	float: left;
	display: block;
	margin-left:10px;
	text-decoration:none;
}
#auftaktSubNavigation a:hover{
	text-decoration:underline;
}

.text{
	color: #666666; 
	font-size: 0.8em;
	margin-left: 10px;
	margin-right: 10px;
}
.text h2{
	font-size: 1.3em;
	font-weight: bold;
	margin-left: 0px;
	color: #333333; 
	margin-bottom: 3px
}

}
.text h5{
	font-size: 0.7em;
	margin-top: 0px;
	margin-left: 0px;
	color: #333333; 
	margin-bottom: 15px;
}
#kultur_left{
	width:100%;
	height: 350px;
}
#kultur_right{
	background: url(../img/pic_right_kultur.jpg) top left no-repeat;
	width:100%;
	height: 350px;
}

#bildung_left{
	width:100%;
	height: 350px;
}
#bildung_right{
	background: url(../img/pic_right_bildung.jpg) top left no-repeat;
	width:100%;
	height: 350px;
}



#links a{
	color: #333333;
	text-decoration: none;
}
#links a:hover{
	color: #000000;
	text-decoration: underline;
}