/* Reset Styles */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img {
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym {
	border:0;
}



/* Schriftarten */
body {
	font:81% Verdana,Arial,Helvetica,sans-serif;
	color:#444;
}
table {
	font-size:inherit;
	font:100%;
}
td,th {
	vertical-align:top;
}
select,input,textarea {
	font:99% Verdana,Arial,Helvetica,clean,sans-serif;
}
pre,code {
	font:115% monospace;
	*font-size:100%;
}
body * {
	line-height:1.3em;
}


/* Website Styles */
body {
	background-color:white;
}


/* Popup Fenster */
body.popup {
	padding-bottom:0px;
	position:relative;
}
body.popup #closeWindow {
	clear:both;
	position:fixed;
	bottom:0px;
	right:0px;

	_position: absolute;
	_right: 0;
	_bottom: auto;
	_top: expression(
		i =
		document.documentElement.clientHeight +
		document.documentElement.scrollTop +
		-40 +
		'px'
		);

	padding:0px 15px 15px 15px;
	background:white;
}
body.popup h2 {
	font-weight:bold;
	margin:0px 0px 8px 0px;
}
body.popup p {
	margin:8px 0px 4px 0px;
}





#container {
	margin: 0 auto 26px;
	width: 734px;
	text-align: left;
}



#header {
	height:91px;
	background:url("pic/logo.png") top right no-repeat;
}



#menuContainer {
	border-color:#757575;
	border-style:solid;
	border-width:1px 2px 1px 1px;
	background:#EEE;
	height:23px;
}
#menu {
	font-size:11px;
	height:23px;
	overflow:hidden;
	display:block;
	float:right;
}

#menu li {
	float:left;
	height:23px;
	padding:0px;
}
#menu li a {
	color:#666;
	display:block;
	padding:4px 9px 4px 9px;
	height:15px;
	width:auto;
	float:left;

	font-weight:bold;
	text-decoration:none;
	border-left:1px solid #757575;
}

#menu li.aktiv a {
	background-color:#FBFBFB;
	color:#96BA24;
}
#menu li a:hover {
	color:white;
	background-color:#8F9C64;
}


/* Hauptinhalt */
#content {
	min-height:465px;
	_height:465px;
	border-color:#757575;
	border-style:solid;
	border-width:1px 2px 1px 1px;
	margin-top:-1px;
}


#content h1 {
	color:#BDCD5F;
	font-size:15px;
	font-weight:normal;
	font-family:"Arial Black", Verdana, Arial, sans-serif;

	border-top:1px solid #CDCDCD;
	border-bottom:1px solid #CDCDCD;
	padding:2px 10px 0px 22px;
	margin-top:42px;
	margin-bottom:45px;
	height:23px;
	overflow:auto;
}
#content p,
#content address,
#content form,
#content table,
#content ol,
#content ul {
	margin:18px;
}
#content ul {
	margin-lefT:18px;
	padding-left:17px;
	list-style:square;
}
#content ul li.neueSektion {
	margin-top:10px;
}

#content ul li ul {
	margin-top:0px;
}





/* Rechte Seitenleiste */
#content #right {
	border:1px solid #CDCDCD;
	border-right-style:none;
	border-bottom-style:none;
	background-color:#F5F5F5;
	float:right;
	width:372px;

	margin-top:-72px;
	margin-left:20px;
	*margin-bottom:-18px;


	min-height:422px;
	_height:422px;

	font-size:85%;
	position:relative;
}
/* Umgehung für Fehler im IE7, der den linken und rechten Abstand vertauscht */
#content > #right {
	*margin-left:0px;
}

#content #right .bilder {
	float:left;
	width:186px;
}

#content #right .beschreibung {
	float:right;
	width:180px;
}

#content #right .bilder,
#content #right .beschreibung {
	margin-bottom:10px;
	*margin-bottom:0px;
}
#content #right .bilder.letztesElement,
#content #right .beschreibung.letztesElement {
	margin-bottom:0px;
}


#content #right h2 {
	font-weight:bold;
	margin:8px 10px 8px 10px;
}
#content #right p {
	margin:8px 10px 4px 10px;
}


#content #right hr
{
	clear:both;
}



/* Bildunterschrift Unten Rechts */
#content #right .bildunterschrift_unten {
	position:absolute;
	bottom:6px;
	right:186px;
	background:url("pic/pfeil-rechts_hell.png") no-repeat right top;
	color:#CCC;
	font-size:80%;
	margin:0;
	padding:0;
	padding-right:11px;
	margin-right:8px;
}





#content:after {
	content:" ";
	display:block;
	clear:both;
}

/* Fu?zeile innerhalb des Rahmens */
#content_footer {
	background:#EEE;
	border-color:#757575;
	border-style:solid;
	border-width:0px 2px 1px 1px;
	height:14px;
	padding:5px 5px 9px 12px;
	_padding-bottom:6px;
}

/* Footer */
#footer {
	text-align:right;
	padding:2px;
}

#footer a#copyright {
	text-decoration:none;
	color:#CCC;
	font-size:10px;
	float:right;
	display:block;
	line-height:24px;
}
#footer a#link_oben {
	text-decoration:none;
	color:#757575;
	font-size:10px;
	line-height:24px;
	text-transform:lowercase;
	float:right;
	display:block;
}

/* Globale Styles */
/* links */
a {
	color:#ACC901;
	text-decoration:none;
}
a:hover {
	color:#8CA401;
}


hr {
	height:1px;
	border:none;
	border-top:1px solid #CDCDCD;
	width:100%;
	margin:10px 0px;
	*margin:4px 0px;
}
div.hr {
	border-top:1px solid #CDCDCD;
	margin:-8px 1px;
}

strong {
	font-weight:bold;
}

/* <wbr>-Tags für Zeilumbrüche wenn nötig */
wbr:after {
	content: "\00200B"
}

/* Stily für Formularlemente */
/* Eingabefelder */
input, textarea {
	border:1px solid #797876;
	color:#403B27;
	background-color:#FFF;
}
input.ckeckbox, input.radio  {
	*border-style:none;
	*background-color:transparent;
}
/* Buttons */
button {
	border:1px solid #797876;
	color:#403B27;
	background-color:#FFF;
	font-weight:bold;
	display:block;
	text-align:center;
}



/* Seitenspezifische Styles */
/* Startseite */
#startseite #content {
	background:url('pic/bg_startseite.jpg');
}

#startseite #content p {
	font-size:13px;
	line-height:138%;
	color:white;
	margin:0;
	padding:32px 15px 13px 15px;
	_padding-bottom:19px;
	width:110px;
}


/* Kontaktformular */
#content #right.kontaktformular {
	background-color:#E8F0CF;
	/* Defaultfarbe für alle Elemente innerhalb des Formulars */
	color:#452;
	font-size:100%;
	padding:0px;
}
#content #right.kontaktformular form {
	width:336px;
	overflow:hidden;
	margin-bottom:0px;
}
/* ?berschrift */
#content #right.kontaktformular h2 {
	font-size:80%;
	margin-left:18px;
}


/* Hinweis (zb zu Kontaktdaten) */
#content .desc {
	color:#785;
	clear:both;
	font-size:80%;
	margin-bottom:10px;
	margin-top:10px;
	margin-left:0;
	text-align:left;
}

/* Beschriftungen Für Formularfelder */
#content form#kontaktformular label {
	display:block;
	width:100px;
	float:left;
	clear:both;
	margin-right:10px;
	margin-bottom:8px;
	text-align:right;
	font-size:80%;
}

#content form#kontaktformular input,
#content form#kontaktformular textarea {
	display:block;
	width:224px;
	float:left;
	font-size:100%;
	font-size:80%;
	margin-bottom:8px;
}



#content form#kontaktformular #label_na {
	float:none;
	text-align:left;
}
#content form#kontaktformular #kf_na {
	width:334px;
	height:130px;
	float:none;
}
#content form#kontaktformular #label_kp {
	width:146px;
	text-align:left;
	font-size:80%;
	clear:none;
	margin-top:8px;
}
#content form#kontaktformular #kf_kp {
	width:auto;
	margin:8px;
	*margin:5px;
}



#content form#kontaktformular button {
	clear:both;
	width:140px;
	float:right;
	margin:6px 0px auto 0px;
}


/* Impressum */
p#haftungshinweis {
	font-size:80%;
	line-height:1.3em;
/* 	letter-spacing:-1px; */
}


@media print {
	#container {
		width:auto;
	}
	#menu
	{
		display:none;
	}
	#content, #menuContainer, #content_footer {
		border:none;
	}
	#content h1 {
		border-top:none;
		color:black;
		font-weight:normal;
	}
	#content a {
		color:black;
		text-decoration:underline;
	}
	#content a:after {
		white-space:pre;
		padding-left:1ex;
		content:'('attr(href)')';
		font-size:50%;
		text-decoration:none;
	}
}