/*--- Für CMS Debugausgaben ---*/
.cms4d_odebug{
	color:rgb(0,0,0);
	background-color:white;
	font-family:Verdana;
	font-size:11px;
	text-align:left;
	padding:10px;
	float:left;
	clear:both;
	width:100%;
}
.cms4d_odebug h1{
	color:rgb(0,0,0);
	font-size:16px;
	text-indent:0px;
	background-image:none;
}
.cms4d_odebug pre{
	color:rgb(0,0,0);
	font-family:Verdana;
}


/*---------- 24.07.2006, dogan -------------------*/
/*
Für einige Konstrukte, insbesondere TD-Elemente muss für den
IE am linken Rand min. 1px padding gegeben werden, da der Browser
sonst überstehende Zeichen wie W,V, etc. links abschneidet.
Die anderen Browser zeigen diesen Fehler nicht. Um das padding
nur für IE wirken zu lassen sind diese Angaben als expression definiert (s.u. z.B. .html_content)
*/


@media screen{
	body{
		border:none;
		background-color:white;
		font-family:Verdana,Verdana,Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
		font-size:70%;
		margin:0;
		padding:0;
		text-align:center;

		background-image:url(images-vogelsang-ip/body-bg.jpg);
		background-repeat:no-repeat;
		background-position:center top;
		background-attachment:fixed;

	}
}
@media print{
	body{
		background-color:rgb(255,255,255);
		font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
		font-size:12px;
		margin:0px;
		padding:0px;
		width:100%;
	}
}

@media screen{
	a{
		color:rgb(0,0,0);
		text-decoration:none;
	}
	.html_content a, .page_footer a{
		color:#CE8A01;
	}
	.html_content a:hover, .html_content a:focus, .page_footer a:hover, .page_footer a:focus{

	}

	.spalte_rechts a{
		background-color:rgb(255,255,255);
		text-decoration:none;
	}
	.spalte_rechts a:hover, .spalte_rechts a:focus{
		background-color:rgb(253,245,147);
		text-decoration:none;
	}
}
@media print{
	a{
		color:rgb(0,0,0);
		text-decoration:underline;
	}
}
.bookmark{
	border:none;
	padding:0px;
	margin:0px;
}

/*IE Tabellenfehler
Schriftgrösse wird durchgereicht*/
table{
	font-size:1em;
}


p{
	margin:0 0 0.6em;
	line-height:1.4em;
}

/*IE Fehler
Bei Fettschrift werden bestimmte Buchstaben (W,M,V, etc.) links abgeschnitten wenn
in Tabellenzellen nicht min. 1px padding verfügbar ist. Da das padding jedoch den TD-Elementen zur
Breite hinzugerechnet wird, wird hier für alle betroffenen Block-Elemente beim IE 1px paading links hinzugegeben.
*/
.html_content p, .html_content h2, .html_content h3{
	padding-left:expression('1px');
}



/*--- Layout ---*/
@media screen{
	.page_container{
		width:900px;
		margin:0px auto;
		padding:0px;
		text-align:left;
	}

	.inner_page_container{

	}

	.top_container{
		width:900px;
		height:183px;
		/*height:213px;*/
		background-image:url(images-vogelsang-ip/top2.png);
		background-repeat:no-repeat;
		background-position:0px 10px;
	}

	.topmenu_container{
		padding-top:131px;
		background-image:url(images-vogelsang-ip/topmenu-bg.png);
		background-repeat:no-repeat;
		background-position:0px 151px;
	}

	.top_links_container{
		width:900px;
		height:32px;
		/*height:64px;*/

		font-family:Arial;
		font-size:16px;
		font-weight:bold;
		color:white;
		padding:0;
	}
	.top_link1{
		border:4px solid white;
		width:444px;
		height:26px;
		margin:0;
		float:left;
		background-image:url(images-vogelsang-ip/top-link-bg.png);
		text-align:left;
	}
	.top_link1 a{
		background-image:url(images-vogelsang-ip/pfeil-bereich.gif);
		background-repeat:no-repeat;
		background-position:0px 2px;
		padding:0px 0px 0px 20px;
		margin:4px 0px 0px 4px;
		float:left;
	}
	.top_link1 a:link{
		color:white;
	}
	.top_link1 a:active{
		color:white;
	}
	.top_link1 a:visited{
		color:white;
	}
	.top_link1 a:hover{
		color:black;
	}
	.top_link2{
		border:4px solid white;
		border-left:none;
		width:444px;
		height:26px;
		margin:0;
		float:left;
		background-color:#F9B418;
		text-align:right;
	}
	.top_link2 a{
		padding:0px 0px 0px 20px;
		margin:4px 4px 0px 0px;
		float:right;
	}
	.top_link2 a:link{
		color:black;
	}
	.top_link3{
		border:4px solid white;
		border-top:none;
		width:294px;
		height:26px;
		margin:0;
		float:left;
		background-image:url(images-vogelsang-ip/top-link-bg.png);
		text-align:left;
	}
	.top_link3 a{
		background-image:url(images-vogelsang-ip/pfeil-bereich.gif);
		background-repeat:no-repeat;
		background-position:0px 2px;
		padding:0px 0px 0px 20px;
		margin:4px 0px 0px 4px;
		float:left;
	}
	.top_link3 a:link{
		color:white;
	}
	.top_link3 a:active{
		color:white;
	}
	.top_link3 a:visited{
		color:white;
	}
	.top_link3 a:hover{
		color:black;
	}
	.top_link4{
		border-bottom:4px solid white;
		width:296px;
		height:26px;
		margin:0;
		float:left;
		background-image:url(images-vogelsang-ip/top-link-bg.png);
	}
	.top_link4 a{
		background-image:url(images-vogelsang-ip/pfeil-bereich.gif);
		background-repeat:no-repeat;
		background-position:0px 2px;
		padding:0px 0px 0px 20px;
		margin:4px 0px 0px 80px;
		float:left;
	}
	.top_link4 a:link{
		color:white;
	}
	.top_link4 a:active{
		color:white;
	}
	.top_link4 a:visited{
		color:white;
	}
	.top_link4 a:hover{
		color:black;
	}
	.top_link5{
		border:4px solid white;
		border-top:none;
		width:294px;
		height:26px;
		margin:0;
		float:right;
		background-image:url(images-vogelsang-ip/top-link-bg.png);
		text-align:right;
	}
	.top_link5 a{
		background-image:url(images-vogelsang-ip/pfeil-bereich.gif);
		background-repeat:no-repeat;
		background-position:0px 2px;
		padding:0px 0px 0px 20px;
		margin:4px 4px 0px 0px;
		float:right;
	}
	.top_link5 a:link{
		color:white;
	}
	.top_link5 a:active{
		color:white;
	}
	.top_link5 a:visited{
		color:white;
	}
	.top_link5 a:hover{
		color:black;
	}

	.content_table{
		width:900px;
	}
	.td_left{
		background-image:url(images-vogelsang-ip/left-col-bg.png);
		width:210px;
		border-right:4px solid white;

	}
	.td_center_zweispaltig{
		background-image:url(images-vogelsang-ip/center-col-bg.png);
		background-repeat:repeat-y;
		width:690px;
		border-right:4px solid white;
	}
	.td_center_dreispaltig{
		background-image:url(images-vogelsang-ip/center-col-bg.png);
		background-repeat:repeat-y;
		width:480px;
	}
	.html_content{
		padding:15px;
	}
	.td_right{
		background-image:url(images-vogelsang-ip/center-col-bg.png);
		background-repeat:repeat-y;
		width:210px;
		padding-top:15px;
		border-right:4px solid white;
	}

	.footer_left_col{
		background-image:url(images-vogelsang-ip/left-col-bg.png);
		border-right:4px solid white;
	}

	.footer_center_col{
		background-image:url(images-vogelsang-ip/center-col-bg.png);
		background-repeat:repeat-y;
		border-right:4px solid white;
	}

	.footer_container{
		height:50px;
		margin:0px 15px 0px 15px;
		overflow:hidden;
	}
}
@media print{
	.page_container{
		background-color:rgb(255,255,255);
		width:95%;
		margin:0px;
		padding:0px;
		text-align:left;
	}
	.inner_page_container{
		width:100%;
		margin:0px;
		padding:0px;
	}
	.top_container{
		display:none;
	}
	.image_container{
		display:none;
	}
	.topmenu_container{
		display:none;
	}

	.content_container{
		width:100%;
		margin:0px;
		padding:0px;
	}

	.content_table{
		width:100%;
	}
	.td_left{
		display:none;
	}
	.td_trenner{
		display:none;
	}
	.td_center_zweispaltig, .td_center_dreispaltig{
		width:100%;
		margin:0px;
		padding:0px;
		float:left;
	}
	.html_content{
		float:left;
		width:100%;
		margin:0px;
		padding:0px;
	}
	.td_right{
		display:none;
	}

	.page_footer{
		margin:0px;
	}
}




@media screen{
	h1{
		color:rgb(0,0,0);
		font-size:1.2em;
		font-weight:bold;
		margin:0px 0 1.6em 0;
	}
}
@media print{
	h1{
		font-size:1.4em;
		margin:0px 0 0.6em 0;
	}
}

h2{
	font-size:1.0em;
	margin:0.25em 0 1.5em 0;
}
h3{
	font-size:1.0em;
	margin:0.25em 0 0.25em 0;
}

/*
h4{
	color:rgb(204,0,0);
	font-size:1.0em;
	margin:0.25em 0 0.25em 0;
*/

h4{
	background-color:rgb(0,152,195);
	color:white;
	font-size:1.0em;
	font-weight:normal;
	margin:0px 0 1.6em 0;
	padding:3px 5px 3px 5px;
}

h5{
	background-color:rgb(136,35,69);
	color:white;
	font-size:1.0em;
	font-weight:normal;
	margin:0px 0 1.6em 0;
	padding:3px 5px 3px 5px;
}

h6{
	background-color:rgb(0,103,90);
	color:white;
	font-size:1.0em;
	font-weight:normal;
	margin:0px 0 1.6em 0;
	padding:3px 5px 3px 5px;
}




address{
	font-size:0.80em;
/*	font-size:0.75em;*/
	font-style:normal;
}

ol{
	padding-left:0px;
	margin:.5em 0 1em 17px;
}
ul{
	padding-left:0px;
	margin:.5em 0 1em 17px;
}
li{
	margin-bottom:0.5em;
}

.box{
	width:100%;
	clear:both;
}

.hr_dashed{
	border-top:1px dashed;
	color:rgb(0,136,55);
	height:5px;
	margin-top:10px;
	overflow:hidden;
}

.hr_2px_solid_white{
	background-color:rgb(255,255,255);
	height:2px;
	margin:0px;
	overflow:hidden;
}



/*--- Bilder ---*/
.bild_links{
	margin:0px 15px 4px 0px;
}
.bild_rechts{
	margin:0px 0px 4px 15px;
}
.lupe{
	margin-top:2px;
}




/*--- manuelle Layouttabelle innerhalb .html_content ---*/
@media screen{
	.html_table_zweispaltig{
	}
}
@media print{
	.html_table_zweispaltig{
		width:100%;
	}
}
.html_table_zweispaltig .spalte_links{
	/*Zwingend für IE*/
	width:460px;
}
.html_table_zweispaltig .spalte_trenner{
	width:15px;
	/*IE 1px weniger, da sonst img in linker Spalte diese auseindrückt*/
	width:expression('14px');
}
.html_table_zweispaltig .spalte_rechts{
	background-color:rgb(252,195,0);
	width:171px;
	padding:8px 10px 0 9px;
	/*IE*/
	width:expression('172px');
	padding-left:expression('8px');
}

.spalte_rechts a{
	color:rgb(0,0,0);
	background-color:rgb(253,245,147);
	text-decoration:none;
}
.spalte_rechts a:hover, .spalte_rechts a:focus{
	color:rgb(0,0,0);
	background-color:rgb(255,255,255);
	text-decoration:none;
}




/*--- fontscale modul ---*/
.fontscale_modul{
	position:relative;
	top:-2px;
}
.fontscale_modul a{
	color:rgb(0,0,0);
	background-color:#FEDE58;
	text-decoration:none;
	padding:0px 2px 0px 2px;
	position:relative;
	font-size:80%;
}
.fontscale_modul a:hover, .fontscale_modul a:focus{
	background-color:rgb(253,245,147);
	text-decoration:none;
}


/*--- Flaggen Sprachwahl ---*/
.flaggen{
	float:left;
	margin:3px 2px 0px 0px;
	position:relative;
	top:-2px;
}
.flaggen ul, .flaggen li{
	display:inline;
	margin:0px;
	padding:0px;
	float:left;
}
.flaggen img{
	width:22px;
	border:none;
	margin-right:5px;
}



/*--- News Teaser Block rechts ---*/
.news_teaser{
	background-color:transparent;
	padding:6px 10px 5px 10px;
}
.news_teaser p{
	margin:0 0 0.5em 0;
}
.news_teaser a{
	color:#CE8A01;
	text-decoration:none;
	font-weight:bold;
}
.news_teaser a:hover, .news_teaser a:focus{
	text-decoration:none;
}


/*--- HTML Teaser Block rechts ---*/
.html_teaser{
	background-color:transparent;
	/*Padding wird ggf. durch HTML-Tabelle gesetzt*/
}
.html_teaser p{
	margin:0 0 0.5em 0;
}
.html_teaser a{
	color:rgb(0,0,0);
	background-color:rgb(254,222,88);
/*	background-color:rgb(253,245,147);*/
	text-decoration:none;
}
.html_teaser a:hover, .html_teaser a:focus{
	color:rgb(0,0,0);
	background-color:rgb(255,255,255);
	text-decoration:none;
}



/*--- Seitenfuss ---*/
.footer{
	width:100%;
	margin-top:15px;
}
@media screen{
	.footer_nav{
		text-align:left;
		margin-bottom:10px;
	}
	.footer_nav a{
		padding:0 2px 0 2px;
	}
}
@media print{
	.footer_nav{
		display:none;
	}
}
.footer address{
	color:rgb(0,0,0);
}





/*--- Kontaktformular ---*/
.kontaktformular{
	font-size:1em;
}
.kontaktformular .f_select{
	font-family:Verdana;
	font-size:1em;
	width:100%;
}
.kontaktformular .f_input_text{
	font-family:Verdana;
	font-size:1em;
	width:100%;
	overflow:hidden;
}
.kontaktformular .f_input_button{
	font-size:1em;
}
.kontaktformular .f_textarea{
	font-family:Verdana;
	font-size:1em;
	width:100%;
}


/*--- Event Liste/Details ---*/
.event_register{
}
.event_register a{
	border:1px solid rgb(252,195,0);
	background-color:rgb(255,255,255);
	padding:2px 2px 2px 2px;
	margin-right:2px;
	float:left;
}
.event_register .year_buttons{
	float:left;
	clear:both;
	margin-bottom:2px;
}
.event_register .month_buttons{
	clear:left;
}
.event_register .but_y{
	background-color:rgb(255,255,255);
}
.event_register .act_year{
	background-color:rgb(252,195,0);
	font-weight:bold;
	border:1px solid rgb(252,195,0);
	padding:2px 2px 2px 2px;
	margin-right:2px;
	float:left;
}

.event_register .but_m{
	border:1px solid rgb(252,195,0);
	background-color:rgb(255,255,255);
}

.event_register .but_m_act{
	border:1px solid rgb(252,195,0);
	background-color:rgb(253,225,127);
}
.event_register .but_m_on{
	border:1px solid rgb(252,195,0);
	background-color:rgb(252,195,0);
	font-weight:bold;
}
.event_register .monat_name{
	margin:5px 0 5px 0;
	font-weight:bold;
}
.event_liste{
}
.event_liste li{
	list-style:none;
	list-style-image:url(images-vogelsang-ip/li-9x9-dgelb.gif);
}
.event_liste_hr{
	border-top:1px dashed rgb(252,195,0);
	margin:5px 0px 5px 0px;
}
.event_liste_date{
}
.event_liste h1, .event_details h1{
	border:none;
	background-color:transparent;
	padding:0px;
	font-size:1.2em;
	font-weight:bold;
	margin:0 0 1em 0;
}
.event_liste h2, .event_details h2{
	font-size:1em;
	margin:0.25em 0 0.6em;
}
.event_liste_lnk{
}
.event_details{
}
.event_details_date{
	margin-bottom:15px;
}
@media screen{
	.event_details_backlink_top{
		float:right;
	}
	.event_details_backlink_top a{
		text-decoration:none;
	}
}
@media print{
	.event_details_backlink_top{
		display:none;
	}
}




/*--- News Liste/Details ---*/
.news_liste{
}
.news_liste ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
.news_liste_hr{
	border-top:1px dashed rgb(252,195,0);
	margin:5px 0px 5px 0px;
}
.news_liste_date{
}
.news_liste h1, .news_details h1{
	border:none;
	background-color:transparent;
	padding:0px;
	font-size:1.2em;
	font-weight:bold;
	margin:0 0 1em 0;
}
.news_liste h2, .news_details h2{
	font-size:1em;
	margin:0.25em 0 0.6em;
}
.news_liste_lnk{
}
.news_details{
}
.news_details_date{
	margin-bottom:15px;
}
@media screen{
	.news_details_backlink_top{
		float:right;
	}
	.news_details_backlink_top a{
		text-decoration:none;
	}
}
@media print{
	.news_details_backlink_top{
		display:none;
	}
}




/*--- Bildergalerie ---*/
.img_register{
	margin-bottom:10px;
}
.img_register .but_fwd_back{
	color:rgb(0,0,0);
	background-color:rgb(43,99,52);
	background-color:rgb(253,225,127);
	font-weight:bold;
	text-decoration:none;
	padding:2px 6px 3px 6px;
	margin-right:1px;
}
.bildergalerie_liste{
	margin:0px;
	padding:0px;
}
.bildergalerie_liste td{
	/*border:1px solid rgb(204,204,204);*/
	width:150px;
	height:120px;
	text-align:left;
}
.bildergalerie_liste img{
	border:none;
}
.bildergalerie_liste .thumb_act{
	border:4px solid rgb(252,195,0);
}
.bildergalerie_liste a, .bildergalerie_liste a:hover{
	background-color:transparent;
}

.bildergalerie_details{
	text-align:left;
}
.bildergalerie_details img{
	border:none;
}
.bildergalerie_big{
	text-align:left;
}
.bildergalerie_big img{
	border:none;
}



/*--- Topmenu ---*/
.topmenu{
	text-align:right;
	float:right;
	padding-right:5px;
	font-size:80%;
}
.topmenu ul{
	list-style:none;
	display:inline;
	margin:0px;
	padding:0px;
	float:left;
}
.topmenu li{
	list-style:none;
	display:inline;
	margin:0px;
	/*vert. padding muss auf LI gesetzt werden, nicht auf topmenu direkt*/
	padding:3px 0px 3px 0px;
	float:left;
}
.topmenu a{
	border-left:1px solid rgb(255,255,255);
	color:rgb(0,0,0);
	background-color:transparent;
	text-decoration:none;
	padding:0px 5px 0px 5px;
	float:left;
}
.topmenu a:hover, .topmenu a:focus{
	background-color:rgb(255,255,255);
	color:rgb(0,0,0);
	text-decoration:none;
}
.topmenu .on{
	background-color:rgb(255,255,255);
}




/*--- Treemenu ---*/
.tree{
	padding:10px 10px 0px 5px;
}
.tree ul{
	list-style:none;
	margin:0px;
	padding:0px;
	display:inline;
}
.tree li{
	margin:0px;
	padding:0px;
	display:inline;
}
.tree a{
	font-size:1.25em;
	font-weight:normal;
	color:white;
	display:block;
	text-decoration:none;
	padding:2px 5px 2px 5px;
}
.tree a:hover, .tree a:focus{
	color:white;
	text-decoration:none;
}

.tree .lvl_0{
	margin-top:5px;
}
.tree .lvl_0_act{
	font-weight:bold;
	margin-top:5px;
	color:black;
}
.tree .lvl_0_on{
	font-weight:bold;
	margin-top:5px;
	color:black;
}

.tree .lvl_n{
	font-size:1.1em;
}
.tree .lvl_n_act{
	font-size:1.1em;
	font-weight:bold;
	color:black;
}
.tree .lvl_n_on{
	font-size:1.1em;
	font-weight:bold;
	color:black;
}




/*--- Sitemap ---*/
.sitemap a{
	color:rgb(0,0,0);
	background-color:transparent;
	text-decoration:none;
}
.sitemap a:hover, .sitemap a:focus{
	color:rgb(0,0,0);
	background-color:rgb(252,195,0);
	text-decoration:none;
}
.sitemap ul li{
	list-style-image:url(images-vogelsang-ip/li-9x9-dgelb.gif);
}
.sitemap li ul li{
	list-style-image:url(images-vogelsang-ip/li-9x9-hgelb.gif);
}