* {
	margin:0;
	padding:0;
	font-family:'Agfa Rotis Sans Serif',Arial,sans-serif;
}

/* commented backslash hack v2 \*/ 
html, body{height:100%;} 
/* end hack */ 
p {margin:0 0 0.15em 0;padding:2px}

body {
    background-color:#8f274f;
	color: #000;
	position:relative;/* for ie7*/
	font-size:100%;
}
h1 {
	margin:10px 0;
	font-size:150%;
	color:#8f274f;
}
h2 {
	color:#8f274f;
}
#outer{
	min-height:100%;
	margin:0 180px 0 160px;
	background:#fff;
/*	
	border-left:1px dashed #AAA;
	border-right:1px dashed #AAA;
*/
	color: #000;
	padding:0px 10px;
}

* html #outer{height:100%;} /*IE treats height as min-height anyway*/
#Kopf{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:130px;
	background:#fff;
	overflow:hidden;
	color: #000;
	border-bottom:2px solid #8f274f;
	background:#fff url(../bilder/pro_mariendonk_logo.gif) no-repeat center top;
}
#Kopf .links{
	position:absolute;
	top:45px;
	left:0;
	width:40%;
	text-align:right;
	font-size:160%;
	font-weight:bold;
	z-index:10;
}
#Kopf .rechts{
	position:absolute;
	top:45px;
	left:60%;
	text-align:left;
	font-size:160%;
	font-weight:bold;
}
#Kopfzeile{
	position:absolute;
	right:5px;
	top:0px;
	height:20px;
	width:95%;
	text-align:right;
	font-size:.75em;
}
#Kopfzeile a{
	color:#8f274f;
}
#Motto {
	position:absolute;
	bottom:0;
	left:0;
	border-top:2px solid #8f274f;
	width:100%;
	text-align:center;
	font-size:140%;
	padding:2px;
font-weight:bold;

}
#Fuss {
	width:100%;
	clear:both;
	height:28px;
	background: #fff;
	color: #000;
	text-align:center;
	position:relative;
	margin-top:-30px;/*drag footer from below the fold*/
	border-top:2px solid #8f274f;
}
#LinkeSpalte {
	position:relative;/*ie needs this to show float */
	width:150px;
	float:left;
	margin-left:-159px;/*must be 1px less than width otherwise won't push footer down in some browsers */
	color:#000;
	left:-1px;
	padding-bottom:32px;/* clear footer*/
	background-color:#8f274f;
	color:#ccc;
}

#RechteSpalte {
	position:relative;/*ie needs this to show float */
	left:-7px;
	width:160px;
	float:right;
	margin-right:-177px;/*must be 1px less than width otherwise won't push footer down in some browsers */
	padding-top:132px;/* to clear header*/
	padding-left:5px;
	color:#000;
	padding-bottom:32px;/* clear footer*/
	text-align:right;
}
 
#Hauptinhalt {
	float:right;
	width:100%;
	position:relative;
	padding-bottom:32px;/* clear footer*/
	margin-left:-1px;
}
.outerwrap {
	float: left;	
	width: 100%;
	padding-top:132px;/* to clear header*/
	margin-right:-3px;/* to stop columns dropping*/
}
.clearer{
	height:1px;
	overflow:hidden;
	margin-top:-1px;
	clear:both;
}

div.centered {
	width: auto;
	border: 0px;
	margin-left: auto;
	margin-right: auto;
}

.Menue {
	list-style-type:none;
	line-height:3ex;
}	
.Menue li {
	border-bottom:1px dashed #ccc;
}

.Menue li a, 
.Menue li a:link, 
.Menue li a:visited, 
.Menue li a:active, 
.Menue li a:hover
{
	text-decoration: none;
	cursor: pointer;
	color:#ddd;
	display:block;
}

.Menue li a:hover {
	background-color:#fff;
	width:100%;
	display:block;
	color:#8f274f;
}

#Hauptinhalt ul,
dl,
p {
	text-align:justify;
	max-width:35em;
	margin-right:auto;
	margin-left:auto;
}
.Figure {
	margin: 3px;
	border: 1px solid #000;
	height: auto;
	float: left;
	text-align: left;
	padding:0px;
	border-color: #AAA;
	background-color:#F9F9F9;
	width:150px;
}

.Figure .Picture{
	display: block;
	margin: 0px;
	border: 1px solid #000;
	padding:0 0px;
	margin:9px;
	border-color: #AAA;
	background-color:#7FFFD4;
	height:185px;
}

.Figure .Picture img
{
	width:100%;
	height:100%;
	background-color:#7FFFD4;
}
.Figure .Picture a
{
	margin:0;
	border:0;
	padding:0;
	display:block;
	width:100%;
	height:100%;
}

.Figure .Description {
	display: block;
	text-align: left;
	font-weight: normal;
	margin: 9px;
}
#SiteMap ul {
	margin:0;
	padding:0;
	list-style-type: none;
	margin-top:10px;
	
}
#SiteMap ul ul {
	margin:0;
	padding:0;
	margin-left:1.25em;
	margin-top:-9px;
}
#SiteMap li {
	margin:0;
	padding:0;
	white-space:nowrap ;
	padding-top:10px;
}

#SiteMap li li{
    border:1px dotted #555;
	border-right-width:0 ;
	border-top-width:0;
	width:1.5em;
	overflow:visible;
	text-indent:2em;
}

#SiteMap li li.SubDivision {
	border-bottom-width:0;
	height:auto;
}

#SiteMap li li.LastSubDivision {
	border-bottom-width:0;
	border-left-width:0;
}

dt
{
	color: #8f274f;
	font-weight: bold;
	font-size: 1.05em;
}
dd {
	margin-top:15px;
	margin-left :1.5em;
}

#Impressum p {
	margin-top: 5px; 
	margin-bottom: 0px;
}

#Hauptinhalt li {
	margin-left:3em;
}
.MDQuad ,
.BildZurueck,
.BildVor {
	 display:block;
	 border-style:solid; 
	 line-height:0px;
	 width:0px;
	 height:0px;
	 float:left;
	 margin-right:15px;
 	 border-color: #fff #8f274f; 

} 

iframe.Fotostrecke {
	width:94%;
	height:420px;
	border:0px;
	margin-left:3%;
	margin-right:3%;
	margin-top:10px;
	margin-bottom:-20px;
}

.Fotostrecke {
	background-color:#fff;
}
.BildVor {
	border-color: transparent #8f274f; 
	border-style:dotted solid;
	border-width:25px 0px 25px 50px;
	position:absolute;
	right:5px;
	top:200px;
} 
.BildZurueck {
	border-color: transparent #8f274f; 
	border-style:dotted solid;
	border-width:25px 50px 25px 0px;
	position:absolute;
	left:5px;
	top:200px;
} 

.AktuellesBild {
	position:absolute;
	width:380px;
	height:380px;
	left:50%;
	vertical-align:middle;
	margin-left:-190px

}

.Hochformat {
	margin-left:auto;
	margin-right:auto;
	height:100%
	
}
.Querformat {
	margin-top:auto;
	margin-bottom:auto;
	width:100%;
	padding-top:40px;
}
.Bildunterschrift {
	position:absolute;
	text-align:center;
	width:100%;
	top:395px;
}
.Bilderteiler {
	border:0px solid #fff;
	padding:6px 3px 6px 6px;
	width:auto;
	text-align:center;
}

.Bilderteiler img {
	height:115px;
	border:1px solid #999;
	padding:4px;
	background-color:#fff;
	margin:0;
}