@charset "iso-8859-1";
/*
	=============================================================
		[ Website CSS ]

	=============================================================
		Copyright (c) it-service armbruster - All rights reserved.
		http://www.0711-it.de/ - glaser@0711-it.de
	=============================================================
*/

/* === [ Generelles ] ===================================================================== */

*
{
	border:		0 none;
	padding:	0;
	margin:		0;
	font-family:	Verdana, Arial, Helvetica, Sans-Serif;
}

table
{
	border-spacing: 0;
	border-collapse: collapse;
}

body
{
	color:			#000;
	background-color: #d9d9d9;
	font-size:		100.1%;
}

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

a:hover
{
	text-decoration:	underline;
	color: #2f9726;
}

label
{
	cursor: pointer;
}


hr

{
     border-top: #666 1px solid;
	 padding: 0 0 10px 0;
	 width: 620px;
	 clear:both;
}


.rot
{
	color: #cc0000;
}

.green
{
	color: #2f9726;
	font-weight: bold;

}

#datum
{
	color: #999999;
	font-size: 0.69em;
	padding-left: 12px;
}



/* === [ Grundlayout ] ===================================================================== */

#wrapper
{
	width: 850px;
	min-height: 600px;
	margin: 0 auto;
	border-width: 0 1px;
	background: #fff url(/design/kopf/wrapper_back.png) repeat-y;
	border: 1px solid #8cbb13;
}

	#wrapper:after
	{
		content: ".";
		visibility: hidden;
		height:		0;
		display:	block;
		clear:		both;
	}

	#wrapper h1
	{
		height: 155px;
		background: #fbfbf8;
		text-align: center;
		font-width: 1em;
	}

		#wrapper h1 img
		{
			display: block;
		}


#seitenleiste
{
	float: left;
	width: 161px;
	background: #ffffc1 url(/design/kopf/wrapper_back.png) repeat-y;
	padding-top: 35px;
}



#contentleiste
{
	width: 660px;
	float: right;
}

#footer
{
	clear: both;
	width: 850px;
	margin: 0 auto;
	background-color: #ffffcc;
	border-top: 1px dashed #d9d9d9;
	color: #666;
	font-size: 0.6em;
	text-align: center;
	line-height: 2.5em;
}

	#footer a
	{
		color: #666;
		text-decoration: underline;
	}

	#footer a:hover
	{
		color: #333;
		text-decoration: underline;
	}


/* === [ Seitliche Navigation ] ===================================================================== */

#seitenleiste ul
{
	list-style-type: none;
	font-size: 0.79em;
}

	#seitenleiste ul li
	{
		background: #ffffc1 url(/design/icons/bullet_gruen.png) 1.1em 1.2em no-repeat;
		line-height: 2.8;
		margin-bottom: 0px;
		
	}
	
	#seitenleiste ul li.start a
	{
		border-top:1px solid #e1e1e1;
		background: #ffffc1 url(/design/icons/bullet_gruen.png) 1.1em 1.2em no-repeat;
	}
	

		#seitenleiste ul li a
		{
			display: block;
			padding-left: 30px;
			color: #2f9726;
			text-decoration: none;
			border-bottom: 1px solid #e1e1e1;
		}
		

		#seitenleiste ul li a:hover
		{
			color: #2f9726;
			background: #e0ff84 url(/design/icons/bullet_gruen.png) 1.1em 1.2em no-repeat;
			
		}
		
	/* Zweite Ebene */

	#seitenleiste ul ul
	{
		font-size: 1.3em;
		display: none;
		list-style-type: none;
		border-bottom: 1px solid #e1e1e1;
	}

		#seitenleiste ul ul li
		{
			font-size: 0.69em;
			line-height: 2.3;
		
		}
		
		#seitenleiste ul ul li a
		{
			padding-left:32px;
			border-bottom: 0 none;
		}
		
		#seitenleiste ul ul li a:hover
		{
			border: 0 none;

		}


	body#bd-startseite #seitenleiste ul li#nav-startseite a,
	body#bd-termin #seitenleiste ul li#nav-aktuelles a,
	body#bd-rund #seitenleiste ul li#nav-aktuelles a,
	body#bd-orga #seitenleiste ul li#nav-verband a,
	body#bd-ziele #seitenleiste ul li#nav-verband a,
	body#bd-chronik #seitenleiste ul li#nav-verband a,
	body#bd-orts #seitenleiste ul li#nav-verband a,
	body#bd-links #seitenleiste ul li#nav-links a,
	body#bd-partner #seitenleiste ul li#nav-partner a,
	body#bd-kontakt #seitenleiste ul li#nav-kontakt a
	
	{
		color:#ffffc1;
		background: #8cbb13 url(/design/icons/bullet_gelb_seite.png) 1.1em 1.2em no-repeat;
		
	}
	
	
	body#bd-termin #seitenleiste ul li#nav-aktuelles ul,
	body#bd-rund #seitenleiste ul li#nav-aktuelles ul,
	body#bd-orga #seitenleiste ul li#nav-verband ul,
	body#bd-ziele #seitenleiste ul li#nav-verband ul,
	body#bd-chronik #seitenleiste ul li#nav-verband ul,
	body#bd-orts #seitenleiste ul li#nav-verband ul,
	body#bd-links #seitenleiste ul li#nav-links ul,
	body#bd-kontakt #seitenleiste ul li#nav-kontakt ul
	{
		display: block;
	}
	
	
	body#bd-startseite #seitenleiste ul li#nav-startseite ul a,
	body#bd-links #seitenleiste ul li#nav-links ul a,
	body#bd-kontakt #seitenleiste ul li#nav-kontakt ul a
	{
		background: #e0ff84 url(/design/icons/bullet_gruen_kl.png) 2.6em 1em no-repeat;
		color: #2f9726;
	}
	
	body#bd-orga #seitenleiste ul li#nav-verband ul li#nav-orga a,
	body#bd-termin #seitenleiste ul li#nav-aktuelles ul li#nav-termin a,
	body#bd-rund #seitenleiste ul li#nav-aktuelles ul li#nav-rund a,
	body#bd-ziele #seitenleiste ul li#nav-verband ul li#nav-ziele a,
	body#bd-chronik #seitenleiste ul li#nav-verband ul li#nav-chronik a,
	body#bd-orts #seitenleiste ul li#nav-verband  ul li#nav-orts a
	{
		color: #2f9726;
		background: #fbfbde url(/design/icons/bullet_gruen_kl.png) 1.8em 1em no-repeat;
	}


	body#bd-termin #seitenleiste ul li#nav-aktuelles ul li#nav-rund a,
	body#bd-rund #seitenleiste ul li#nav-aktuelles ul li#nav-termin a,
	body#bd-orga #seitenleiste ul li#nav-verband ul li#nav-ziele a,
	body#bd-orga #seitenleiste ul li#nav-verband ul li#nav-chronik a,
	body#bd-orga #seitenleiste ul li#nav-verband ul li#nav-orts a,
	body#bd-ziele #seitenleiste ul li#nav-verband ul li#nav-orga a,
	body#bd-ziele #seitenleiste ul li#nav-verband ul li#nav-chronik a,
	body#bd-ziele #seitenleiste ul li#nav-verband ul li#nav-orts a,
	body#bd-chronik #seitenleiste ul li#nav-verband ul li#nav-orga a,
	body#bd-chronik #seitenleiste ul li#nav-verband ul li#nav-ziele a,
	body#bd-chronik #seitenleiste ul li#nav-verband ul li#nav-orts a,
	body#bd-orts #seitenleiste ul li#nav-verband  ul li#nav-orga a,
	body#bd-orts #seitenleiste ul li#nav-verband  ul li#nav-ziele a,
	body#bd-orts #seitenleiste ul li#nav-verband  ul li#nav-chronik a
	
	{
		color: #444;
		background: #fbfbde url(/design/icons/bullet_grau.png) 1.8em 1em no-repeat;
	}


	body#bd-termin #seitenleiste ul li#nav-aktuelles ul li#nav-termin a:hover,
	body#bd-termin #seitenleiste ul li#nav-aktuelles ul li#nav-rund a:hover,
	body#bd-rund #seitenleiste ul li#nav-aktuelles ul li#nav-rund a:hover,
	body#bd-rund #seitenleiste ul li#nav-aktuelles ul li#nav-termin a:hover,
	body#bd-orga #seitenleiste ul li#nav-verband ul li#nav-orga a:hover,
	body#bd-orga #seitenleiste ul li#nav-verband ul li#nav-ziele a:hover,
	body#bd-orga #seitenleiste ul li#nav-verband ul li#nav-chronik a:hover,
	body#bd-orga #seitenleiste ul li#nav-verband ul li#nav-orts a:hover,
	body#bd-ziele #seitenleiste ul li#nav-verband ul li#nav-orga a:hover,
	body#bd-ziele #seitenleiste ul li#nav-verband ul li#nav-ziele a:hover,
	body#bd-ziele #seitenleiste ul li#nav-verband ul li#nav-chronik a:hover,
	body#bd-ziele #seitenleiste ul li#nav-verband ul li#nav-orts a:hover,
	body#bd-chronik #seitenleiste ul li#nav-verband ul li#nav-orga a:hover,
	body#bd-chronik #seitenleiste ul li#nav-verband ul li#nav-ziele a:hover,
	body#bd-chronik #seitenleiste ul li#nav-verband ul li#nav-chronik a:hover,
	body#bd-chronik #seitenleiste ul li#nav-verband ul li#nav-orts a:hover,
	body#bd-orts #seitenleiste ul li#nav-verband  ul li#nav-orga a:hover,
	body#bd-orts #seitenleiste ul li#nav-verband  ul li#nav-ziele a:hover,
	body#bd-orts #seitenleiste ul li#nav-verband  ul li#nav-chronik a:hover,
	body#bd-orts #seitenleiste ul li#nav-verband  ul li#nav-orts a:hover
	
	{
		color: #2f9726;
		background: #e0ff84 url(/design/icons/bullet_gruen_kl.png) 1.8em 1em no-repeat;
	}
	
	body#bd-orga #seitenleiste ul li#nav-verband ul,
	body#bd-ziele #seitenleiste ul li#nav-verband ul,
	body#bd-chronik #seitenleiste ul li#nav-verband ul,
	body#bd-orts #seitenleiste ul li#nav-verband  ul,
	body#bd-termin #seitenleiste ul li#nav-aktuelles ul,
	body#bd-rund #seitenleiste ul li#nav-aktuelles ul
	
	{
		color: #2f9726;
		background: #e0ff84 url(/design/icons/bullet_gruen_kl.png) 1.8em 1em no-repeat;
	}

	
		
	body#bd-startseite #seitenleiste ul li#nav-startseite ul a:hover,
	body#bd-links #seitenleiste ul li#nav-links ul a:hover,
	body#bd-kontakt #seitenleiste ul li#nav-kontakt ul a:hover
	{
		background: #e0ff84 url(/design/icons/bullet_grau.png) 2.6em 1em no-repeat;
		color: #444;
	}
	
	
	
	
#seitenleiste dl.baum
{
	font-size: 0.6em;
	background: #ffffc1 url(/design/seitenleiste/logl_baeumchen.png) 16px 350px no-repeat;
	padding-top: 470px;
}
	#seitenleiste dd 
	{
	 text-align:center;
	 padding-bottom: 10px;
	}
	
	#seitenleiste dd a 
	{		
		font-style:italic;
		text-decoration:underline;
		color: #b6ba05;
	}
	
		#seitenleiste dd a:hover 
	{		
		font-style:italic;
		text-decoration:underline;
		color: #666;
	}

	
	

/* === [ Content / Inhalt] ===================================================================== */

#contentleiste h2
{
	font-size: 1.3em;
	font-style:italic;
	color: #2f9726;
	padding: 1.4 0 1.4em 0;
	line-height: 2.4;
	clear:both;

}

#contentleiste h3
{
	clear: both;
	font-size: 1.2em;
	padding: 0 18px 0.4em 0;
	font-weight: normal;
	color: #2f9726;
}


#contentleiste h4
{
	padding: 1em 23px 0em 0;
	font-size: 1em;
	color: #888888;
	line-height: 1.6;
}

#contentleiste h5
{
	padding-left: 10px;
	padding-bottom: 10px;
	font-size: 0.9em;
	color: #666;
	line-height: 1.8;
	font-weight: normal;
}


#contentleiste h6
{
	padding:10px 0 10px 0;
	font-size: 1.0em;
	color: #888;
	line-height: 1.8;
	margin-top: 1.3em;
}


/* === [ Content / Absatz] ===================================================================== */


#contentleiste p
{
	font-size: 0.79em;
	color: #666;
	line-height: 1.5;
	padding: 0 24px 1.7em 0;
}

#contentleiste p.gruen
{
	font-size: 0.79em;
	color: #8cbb13;
	line-height: 1.5;
	padding: 0 18px 1.7em 0;
}

#contentleiste p.dugruen
{
	font-size: 0.79em;
	color: #2f9726;
	line-height: 1.5;
	padding: 0 18px 1.7em 0;
}
.abstand-50

{
	margin-top: 40px;
}


#contentleiste blockquote
{
	font-size: 0.79em;
	line-height: 1.5;
	font-style: italic;
	color: #333;
}

#contentleiste #vgruen
{
    margin: 20px 0 10px 0;
	background: #eff9cf;
	border: 1px solid #d9d9d9;
	border-bottom: 4px solid #d9d9d9;
	clear:both;
	width: 610px;
}

#contentleiste #vgruen h5
{
	margin: 0;
	padding-left: 8px;
	padding-top: 5px;
}

#contentleiste #vgelb
{
    margin: 20px 0 10px 0;
	background: #fffdec;
	border: 1px solid #d9d9d9;
	border-bottom: 4px solid #d9d9d9;
	padding-left: 10px;
	width: 600px;
}

#contentleiste address
{
	font-size: 0.79em;
	line-height: 1.5;
	color: #333;
	font-style: normal;
	padding: 0 18px 1.7em 0;
}

/* === [ Content / dl] ===================================================================== */

#contentleiste dl.linie
{
	padding: 0.5em 0 23px 0;
}

#contentleiste dl.linie dt img
{
	display: block;
}


#contentleiste dl.spalten
{
	font-size: 0.79em;
	line-height: 1.4;
	color: #666;
	padding: 1.5em 0 1.7em 0;
}

	#contentleiste dl.spalten:after
	{
		content: ".";
		visibility: hidden;
		height:		0;
		display:	block;
		clear:		both;
	}


	#contentleiste dl.spalten dt.bild
	{
		clear: left;
		float: left;
		width: 110px;
		padding: 20px 5px 5px 5px;
	
	}

	#contentleiste dl.spalten dd.pfeil
	{
		background: url(/design/icons/pfeil_gruen.png) 94px 0.4em no-repeat;
		color: #2f9726;
		font-weight: bold;
		padding-left: 110px;


	}
	
	#contentleiste dl.spalten dd.bull
	{
		background: url(/design/icons/bullet_gelb.png) 150px 1.6em no-repeat;
		padding: 1em 0 0 170px;
	}
	
	#contentleiste dl.bildergalerie
	{
		padding: 20px 0 20px 0;
	}
	
	#contentleiste dl.bildergalerie dt
	{
		border: 1px solid #d9d9d9;
		padding: 5px;
		float: left;
		margin: 0 10px 20px 0;
	}
	
	#contentleiste dl.bildergalerie dt img
	{
		display: block;
	}
	

#contentleiste dl.bildrechts
{
	float: right;
	padding: 0 20px 0.5em 0.5em;
}


#contentleiste dl.bildlinks
{
	float: left;
	padding: 0 1.5em 0.5em 0;
}


	#contentleiste dl.bildrechts dt img,
	#contentleiste dl.bildlinks dt img
	{
		display: block;
	}

	#contentleiste dl.bildrechts dd,
	#contentleiste dl.bildlinks dd
	{
		font-size: 0.6em;
		color: #333;
		text-align: center;
	}
	
#contentleiste dl.inbox
	{
		width: 22em;
		height: 12em;
		border: 1px solid #d9d9d9;
		border-bottom: 4px solid #d9d9d9;
		background:  #fffdec;
		float: left;
		color: #777;
		font-size: 0.79em;
		margin: 20px 0 15px 20px;
	}
	
	#contentleiste dl.inbox dt
	{
		padding-left: 10px;
		line-height: 2.4;
		background:url(/design/verband/head2.png) repeat-x;
		font-weight: bold;
	}
	
	#contentleiste dl.inbox dd
	{
		padding: 1.6em 0 0 15px;
		line-height: 1.5;
		float: left;
	}
	
	#contentleiste dl.inbox dd img
	{
		display: block;
	}
	
	

/* === [ Content / Inhalt] ===================================================================== */

#wasserzeichen
{
			background:url(/design/wasserzeichen.jpg) 140px 0 repeat-y;
			padding-bottom: 120px;
}

#wasserzeichen h6
{
	color: #2f9726;
	font-size: 0.9em;
}
	
	
/* === [ Content / ul] ===================================================================== */



#vgelb ul.liste-gelb
{
	list-style-type: none;
	font-size: 0.79em;
	color: #666;
	line-height: 1.8;
	padding: 0 18px 1.7em 0;
	font-weight: normal;
	height: 110px;
}

	#vgelb ul.liste-gelb li
	{
		padding-left: 25px;
		background: url(/design/icons/pfeil_grau.png) 0.5em 0.8em no-repeat;
	}
	
#vgelb ul.liste-start
{
	list-style-type: none;
	font-size: 0.79em;
	color: #666;
	line-height: 1.8;
	padding: 0 18px 1.7em 0;
	font-weight: normal;
}

	#vgelb ul.liste-start li
	{
		padding-left: 25px;
		background: url(/design/icons/pfeil_grau.png) 0.5em 0.8em no-repeat;
	}
	
	#vgelb ul.liste-gelb li.green
	{
		padding-left: 25px;
		background: url(/design/icons/pfeil_gruen.png) 0.5em 0.8em no-repeat;
		color: 2f9726;
		font-weight: bold;
	}
	
	#vgelb ul.liste-gelb ul 
	{
		list-style-type: none;
		color: #666;
		font-weight: normal;
	
	}

	
	#vgelb ul.liste-gelb ul li
		{
		background: url(/design/icons/bullet_gelb.png) 1em 0.8em no-repeat;
		}
		
	#contentleiste ul.auflistung-klein
	{
		list-style-type: none;
		font-size: 0.6em;
		color: #333;
		padding: 0 6em 1.7em 1em;
		line-height: 1.7;
	}

	#contentleiste ul.auflistung-klein li
	{
		padding-left: 10px;
		background: url(/design/icons/ecke_gruen.png) 0 0.65em no-repeat;
		width: 20em;
		float: left;
	}


/* === [ Content / table] ===================================================================== */


#contentleiste table.termine
{
	width: 610px;
	margin: 0 0 1.7em 0;
	empty-cells: show;
	clear: left;
}

	#contentleiste table.termine th,
	#contentleiste table.termine td
	{
		font-size: 0.7em;
		color: #333;
		text-align: left;
		border: 1px solid #999;
		padding: 5px;
		line-height: 1.6;
	}

	#contentleiste table.termine th
	{
		background: #bfc4ca url(/design/tabelle/head3.png) repeat-x;
		color: #fff;
		border: 1px solid #666;
		line-height: 1.7;
	}

	#contentleiste table.termine tr.farbe
	{
		background-color: #edeeef;
	}
	
	#contentleiste table.termine tr
	{
		background-color: #fff;
	}

	#contentleiste table.termine td.datum
	{
		 font-weight: bold;
		 width: 7em;
	 }
	 
	#contentleiste table.termine td.ogv
	{
		 font-weight: bold;
		 width: 12em;
	 }
	 
	#contentleiste table.termine td.veran
	{
		width: 24em;
	}
	
	#contentleiste table.termine td.address
	{
		width: 13em;
	}
	 
	 
	#contentleiste table.termine td.links a
	{
		 width: 200px;

	 }
	 
/* === [ Formular ] ===================================================================== */

#contentleiste #vkarte
{
    padding: 15px 0 0 0;
	border-top: 1px solid #d9d9d9;
	background: url(/bilder/kontakt/pic_logo.jpg) 280px 15px no-repeat;
}

#contentleiste #vkarte h5
{
	color: #2f9726;
	font-size: 0.9em;
	line-height: 1.6;
	padding-left: 70px;
}

	#contentleiste #vkarte:after
	{
		content: ".";
		visibility: hidden;
		height:		0;
		display:	block;
		clear:		both;
	}



#kontaktform
{
	padding: 1em 20px 1em 0;
}

#kontaktform fieldset
{
	width: 560px;
	border: 1px solid #d9d9d9;
	padding: 20px 0 12px 50px;
	margin: 15px 0 10px 0;
	clear: both;
}

#kontaktform legend
{
	font-size: 0.79em;
	color: #666;
	font-weight: bold;
	padding-bottom: 10px;
}

label
{
	display: block;
	width: 400px;
	font-size: 0.79em;
	color: #666;
	cursor: pointer;
	padding-top: 8px;
}

#kontaktform label em
{
	font-size: 10px;
	font-weight: normal;
	color: #e30505;
}

#kontaktform input, #kontaktform textarea
{
	display: block;
	width: 310px;
	padding: 3px;
	border: 1px solid #939ea8;
	font-size: 0.79em;
	color: #000;
	background-color: #f2f2f2;
}

#kontaktform #checkbox
{
	padding:10px 0 20px 50px;
}

#kontaktform #checkbox input,
#kontaktform #checkbox label
{
	display: inline;
	width: auto;
	padding-left: 15px;
}

#kontaktform #kontakt_senden
{
	margin-left: 51px;
	font-size: 1em;
	background-color: #2f9726;
	color: #fff;
	margin-bottom: 15px;
}

#kontaktform textarea:focus, #kontaktform input:focus
{
	color: #000;
	background-color: #e1e1e1;
}