body, html {
	background: #38301b url(css-bg-body.gif) top left repeat-x;
	margin: 0;
	padding: 0;
	font-family: Georgia, Times, serif;
	text-align: left;
}

#head {
	background: transparent url(css-bg-head.png) top left no-repeat;
	height: 325px;
}

#head .illustration {
	margin-left: 428px;
	width: 490px;
	height: 325px;
	background: transparent;
}

.illustration p {
	padding: 170px 0 0 445px;
}

.illustration img {
	margin-bottom: 2px;
}


#container, #navigation, #pagination {
	margin-left: 60px;
	width: 855px;
}

/* @group Navigation */

#navigation {
	height: 25px;
	background-color: #52482d;
	margin-bottom: 40px;
	padding-top: 10px;
	text-align: center;
	border-bottom: 1px solid #75663f;
}

#navigation ul li {
	display: inline;
	list-style-type: none;
	padding: 0 20px;
	
}

#navigation a {
	color: #f2f0de;
	text-transform: uppercase;
	font-size: 1.1em;
	text-decoration: none;
	letter-spacing: 1px;
}

#navigation a:hover {
	text-decoration: none;
	border-bottom: 3px solid #75663f;
}

#navigation ul li#current a {
	border-bottom: 3px solid #75663f;
	color: #ffcc33;	
}

/* @end */

#container {
	background-color: #38301b;
	text-align: left;
}

/* @group Subnavigation */

#subnavigation {
	float: left;
	margin: 0;
	width: 200px;
}

#subnavigation .subnavtop {
	height: 60px;
	background: url(css-bg-nav-top.png) top left no-repeat;
}
#subnavigation .subnavstretch {
	background: url(css-bg-nav.png) top left repeat-y;
}
#subnavigation .subnavbottom {
	height: 53px;
	background: url(css-bg-nav-bottom.png) bottom left no-repeat;
}

#subnavigation #title {display: none;}

#subnavigation ul {
	padding-left: 7px;
}

#subnavigation li {
	line-height:1.2em;
	font-size:1.1em;
	padding-top: 5px ;
}

#subnavigation #current2, #subnavigation li:hover {
	background: url(css-subnav-highlight.png) top left no-repeat;
}

#subnavigation a {
	color:#38301b;
	padding-left: 15px;
	text-decoration: none;
	display: block;
}

#subnavigation .newsteaserimage img {
	margin-top: 10px;
	border: 6px solid #a79873;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	border-radius: 0.5em;
}

/* @end */

#content {
	float: left;
	width: 650px;
	background-color: #38301b;
}

#footer {
	clear: both;
	height: 160px;
	background: #52482d url(css-bg-footer.gif) bottom left repeat-x;
	text-align: left;
}

#footer p {
	padding-top: 104px;
	padding-left: 60px;
	color: #38301b;
}

#footer a.button {
	margin-left: 400px;
} 

#footer img {
	vertical-align:middle;
	padding-top:0;
	margin-top:0;
}

#footer a, #footer a:visited {
	color: #38301b;
}

h1, h2, h3, h4 {
	color: #ffcc33;
}

h1 {
	font-size: 2.2em;
	margin-bottom: 1em;
}

.highlight {
	background: #a79873;
	padding: 0.5em;
	color: #38301b;
}

#breadcrumb {
	margin-left: 60px;
	margin-bottom: 10px;
	padding-left: 200px;
	width: 655px;
	text-align: left;
	color:  #e5dac9;
}


h1.pagetitle {
	margin-left: 60px;
	padding-left: 200px;
	width: 655px;
	text-align: left;
}


h2 {
	font-size: 1.6em;
	margin-bottom: 0.5em;
	margin-top: 2em;
}

h3 {
	font-size: 1.3em;
	margin-bottom: 0.2em;
}

h4 {
	font-size: 1.1em;
	margin-bottom: 0.2em;
}

#content p, #content li {
	color: #e5dac9;
	font-size: 1.1em;
	line-height: 1.5em;
	margin-bottom: 1em;
}

#content ul {
	background-color: #463b1d;
	border-top: 1px solid #7e6c3f;
	border-bottom: 1px solid #7e6c3f;
	padding: 20px;
	margin-bottom: 20px;
}

#content li {
	margin-left: 20px;
	list-style: square;
}

#content .section img {
	float: right;
	margin: 0 0 10px 15px;
	border: 6px solid #a79873;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	border-radius: 0.5em;
}

/* @group Download-Liste */

#content ul.download {
	background-color: #463b1d;
	border-top: 1px solid #7e6c3f;
	border-bottom: 1px solid #7e6c3f;
	padding: 20px 10px;
	margin-bottom: 20px;
}

#content .download li {
	margin-top: 0;
	list-style: none;
	line-height: 1.1em;
	clear: both;
}

#content .download li img {
	margin-right: 10px;
	margin-bottom: 30px;
}

#content .download li .beschreibung {
	font-size: 90%;
}


/* @end */

strong {font-weight: bold;}

em { font-style: italic; }

#content a, a:visited {
	color: #a79873;
}

#content h2 a {	color: #e9bf2f; }
#content h2 a:visited {	color: #a79873; }

.clear {clear:both;overflow:hidden;}

/* @group Aktuelles */

/* Formatierungen Template Aktuelle Meldungen (Liste) */

#aktuell #content {width: 100%;}

#aktuell .newsteaser {
	width: 100%;
	margin-top: 0;
	padding-top: 0;
}

#aktuell .newsteaser img {
	float: left;
	margin-left: 40px;
	margin-top: 10px;
	border: 6px solid #a79873;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	border-radius: 0.5em;
}

#aktuell .newsteaserimage a {
	margin: 0;
	padding: 0;
}

#aktuell .newstext {
	padding-top: 10px;
	margin-top: 0;
	padding-left: 200px;
}

#aktuell .newstext  h2, #aktuell .newstext  p {
	margin-top: 0;
	padding-top: 0;
}

.trenner {
	clear:  both;
	height: 40px;
}

/* @end */

#pagination {
	color: #e9bf2f;
	margin-top: 20px;
	border-top: 1px dotted #a79873;
	padding-top: 10px;
}

.trennlinie {
	clear: both;
	height: 20px;
	border-bottom: 1px dotted #a79873;
	margin-bottom: 20px;
}

/* @group Team */
/* Formatierungen Template PROFIL (Personen) */

div.mitarbeiter h2, div.mitarbeiter h3, div.mitarbeiter  p {
	padding-left: 200px;
}

div.mitarbeiter h2 {color:#7c6e49;margin-bottom:2px;}
div.mitarbeiter h3 {color:#e5dac9;margin-bottom:20px;font-size:1.1em;}

div.mitarbeiter .newsteaserimage img {
	float: left;
	margin-left: 40px;
	margin-top: 10px;
	border: 6px solid #a79873;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	border-radius: 0.5em;

}

/* @end */


/* Beispiel-CSS fr magazin_Layout */
	.magazine-layout {
		position: relative;
		width: 100%;
	}
	.magazine-container {
		width: 650px;
		padding: 10px 0 0 0;
		margin-left: 200px;
		background-color: #52482d;
	}

	/* magazin_Layout mit verlinkten Einzelbildern */
	.magazine-image a, .magazine-image a:link, .magazine-image a:visited {
		color: #000;
		display: table;
		display: inline-block;
		// filter: alpha(opacity=80);
		line-height: 0.0em;
		// opacity: 0.80;
		// -moz-opacity: 0.80;
	}
	.magazine-image a:focus, .magazine-image a:hover, .magazine-image a:active {
		color: #000;
		filter: alpha(opacity=100);
		opacity: 1.00;
		-moz-opacity: 1.00;
	}

	/* komplett verlinktes magazin_Layout */
	a.magazine-link, a:link.magazine-link, a:visited.magazine-link {
		cursor: pointer;
		display: table;
		display: inline-block;
		filter: alpha(opacity=80);
		line-height: 0.0em;
		opacity: 0.80;
		-moz-opacity: 0.80;
	}
	a:focus.magazine-link, a:hover.magazine-link, a:active.magazine-link {
		cursor: pointer;
		filter: alpha(opacity=100);
		opacity: 1.00;
		-moz-opacity: 1.00;
	}
