html, body {
	height: 100%;
}

body,
input,
textarea,
select,
a {
	font-family: Arial, Helvetica, sans-serif;
	color: #1c1c1c;
}

body {
	margin: 0px;
	padding: 0px;
	font-size: 100.01%;
	background: #a2a3a4;
}

form {
	margin: 0px;
	padding: 0px;
}

a {
	text-decoration: none;
}

a img {
	border: none !important;
}

:focus {
	outline: solid 0;  /* rahmen um links entfernen */
}

.clear {
	float: none !important;
	clear: both !important;
	height: 0px !important;
	margin: 0px !important;
	padding: 0px !important;
	border: none !important;
}

* html .clear {
	display: inline;
}

html>/**/body .clear {
	display: block !important;
}

#page,
#bottom {
	width: 980px;
}

#distance { 
	width: 1px;
	height: 50%;
	margin-bottom: -289px; /* half of container's height */
	float: left;
}

*+html #distance { 
	margin-bottom: -328px !important; /* half of container's height */
}

#container {
	position: relative; /* puts container in front of distance */
	text-align: left;
	margin: 0px auto;
	width: 980px;
	height: 578px;
	clear: left;
	background-color: white;
}

#page {
	position: relative;
	margin: 0px auto;
	overflow: hidden;
}

#page #top {
	border-top: 35px solid #4a2602;
}

#page #top #navigation { 
	height: 29px;
	font-size: 17px;
	background: url(../img/layout/bg_navigation.jpg) repeat-x top left #e8e9ea;
	overflow: hidden; 
}

#page #top #navigation ul {
	margin: 0px;
	padding: 0px;
}

#page #top #navigation ul li {
	height: 29px;
	float: left;
	display: block;
	list-style: none;
	border-right: 2px solid white;
	padding-top: 7px;
}

#page #top #navigation .last {
	border-right: none;
}

#page #top #navigation ul li.last a {
	padding-right: 53px;
}


#page #top #navigation ul li a {
	color: #281400;
	padding: 8px 43px 3px;
	height: 29px;
}

#page #top #navigation ul li a.act {
	background-color: #fff;
}


#page #top #navigation ul li a:hover {
	background-color: #e8e9eb;
}



#page #top #navigation #klappMenue li ul { /* alle second-level Listen */
	position: absolute;
	z-index: 100;
	clear: both;
	margin: -2px 0px 0px 0px;
	background-color: #e8e9ea;	
	filter: alpha(opacity=90); /* Für Internet Explorer, nicht CSS2 valide */ 
	opacity: .90; /* Für Safari & Mozilla ab 1.7b, CSS3 valide! */
	-moz-opacity: .90; /* ältere Mozilla versionen, wird von "opacity" in CSS3 abgelöst, nicht CSS2 valide */
	-khtml-opacity: .90; /* Für Konqueror und ältere Safari Versionen, nicht CSS2 valide */
	left: -999em; /* benutze left statt display um Menues zu verstecken weil display: none nicht von screen reader ausgelesen werden kann */
	top: 66px;
}

* html #page #top #navigation #klappMenue li ul {
	margin-left: -137px;
}

*+html #page #top #navigation #klappMenue li ul {
	margin-left: -137px;
}

#page #top #navigation li ul li {
	border: none;
	margin: 0px;
	padding: 0px;
	display: block;
	clear: both;
	height: auto !important;
	border-bottom: 1px solid #ddd;
}

#page #top #navigation #klappMenue li:hover ul, #page #top #navigation #klappMenue li.sfhover ul { /* Listen verschachtelt unter hovered List Objekten */
	left: auto;
}

#page #top #navigation li ul li a:link, #page #top #navigation li ul li a:visited {
	text-decoration: none;
	display: block;
	margin: 0px !important;
	padding: 4px 0px;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	line-height: 2;
	color: #281400;
}





















#page #middle {
	position: relative;
	height: 464px;
	padding: 20px 44px 0px;
	line-height: 1.5;
}

#page #middle .logo {
	position: absolute;
	top: 320px;
	left: 650px;
}

#page #middle ul {
	padding: 0px;
}

#page #middle ul li {
	background: url(../img/layout/pfeil.gif) no-repeat 0px 10px;
	list-style-type: none;
	padding: 4px 0px 4px 30px;
}

#page #middle a {
	border-bottom: 1px dotted #1c1c1c;
}

#page #middle .left,
#page #middle .right {
	float: left;
	font-size: 14px;
	line-height: 1.15;
}

#page #middle .left {
	width: 440px;
	margin-right: 48px;
}

#page #middle .right {
	width: 400px;
}

#page #middle .left.art,
#page #middle .right.art {
	margin-top: -10px;
}

#page #middle .right.art {
	width: 380px;
	background-color: #e8e9ea;
	font-size: 13px;
	padding: 10px;
}

#page #middle .right.art img {
	margin: -10px 16px 6px -10px;
	float: left;
}

#page #middle .left.art h2,
#page #middle .right.art h2  {
	color: #5c3012;
	margin-bottom: 4px;
}

#page #middle .right.art ul {
	margin: 0px;
	padding: 0px;
}

#page #middle .right.art ul li {
	padding: 4px 0px 4px 14px;
	background: url(../img/layout/square.gif) no-repeat 0px 10px
	
}

#page #middle .left.art ul li {
	background: url(../img/layout/pfeil.gif) no-repeat 0px 8px;
}

#page #middle .left h1,
#page #middle .right h1 {
	font-size: 18px;
	font-weight: normal;
	color: #5c3012;
	margin: 11px 0px 4px 0px;
	text-transform: uppercase;
}

#page #middle .bild {
	position: absolute;
	top: 40px;
	left: 660px;
}

#page #middle .textbox {
	position: absolute;
	width: 320px;
	bottom: 0px;
	line-height: 1.3;
	font-size: 24px;
	padding: 20px;
	background-color: #ad918c;
	color: #5c3012;
	font-style: oblique;
}

#page #middle .textbox p {
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

#page #middle .textbox p.author {
	font-size: 13px;
}

#page #middle .textbox span.quote {
	padding-right: 3px;
}








#page #bottom {
	width: 980px;
	height: 23px;
	font-size: 14px;
	text-align: right;
	background-color: #e8e9ea;
	margin: 0px;
	padding: 7px 0px 0px 754px;
}

#page #bottom ul {
	margin: 0px;
	padding: 0px;
}

#page #bottom ul li {
	height: 30px;
	float: left;
	display: block;
	padding-right: 14px;
}

#page #bottom ul li a {
	color: #40403f;
}