@charset "UTF-8";
/* CSS Document *

* {border:solid 1px green;}

/* **
*  Allgemeine Styles
**  */
html {
	background-color:#bababa;
}
body {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	width: 990px;
	height:575px;
	margin:0px;
	padding:0px;
	margin-left:-495px;
	margin-top:-288px;
	position:absolute;
	overflow:hidden;
	top:50%;
	left:50%;
	border: solid 1px black;
	background-color:white;
}

p {
	margin-top:0px;
	margin-bottom:12px;
}

a {
	text-decoration:none;
}


a img {
	text-decoration:none;
	border: none 0px;
}


h2, h3 {
	font-size:12px;
	margin-top:5px;
	margin-bottom:10px;
	text-transform:uppercase;
}

h3 {
	margin-top:20px;
}

h4 {
	font-weight:normal;
	font-size:12px;
	margin-top:0px;
	margin-bottom: 20px;
	}

h5 {
	font-weight:normal;
	font-size:12px;
	margin-top:10px;
	margin-bottom: 0px;
	text-transform:uppercase;
	}

blockquote {
	margin:300px 0px 0px 0px;
	padding:0px;
	font-family:"Times New Roman", Times, serif;
	font-size:15px;
	font-style:italic;
}

blockquote strong {
	font-weight:normal;
	text-align:right;
	display:block;
}

ul {
	
	margin:0px;
	padding:0px;
}
li {
	margin:0px;
	padding:0px;
	margin-left:12px;
}

div a {
	color:#65705a;
}

.aktiv {
	color: #e53523;
}

p.sublink {
	position:absolute;
	bottom:10px;
	display:block;
	margin:0px;
	padding: 0px;
	text-transform:uppercase;
}

dl {display:block;}

dl dt {
	display:block;
	float:left;
	width:65px;
	clear:left;
}

dl dd {
	display:block;
	float:left;
}
	


/* **
*  Kopf oben
**  */
div#kopf {
	width:100%;
	height:100px;
	position:relative;
}

div#kopf img {
	position:absolute;
	right: 20px;
	top: 30px;
	width:180px;
	height:39px;
}

div#kopf ul {
	display:block;
	position:absolute;
	bottom:10px;
	left:15px;
	margin:0px;
	padding:0px;
	font-size:11px;
}

div#kopf ul li {
	display:inline;
	padding:0px;
	margin-left:0px;
	margin-right:10px;
}

div#kopf ul li a {
	text-transform:uppercase;
}


div#kopf ul li a:hover {
	color: #e53523;
}


/* **
*  1. Spalte mit Bildern
**  */
div#spalte-1 {
	position:absolute;
	width:450px;
	height:454px;
	overflow:hidden;
	text-align:center;
	text-transform:uppercase;
	top:100px;
	left:0px;
}

div#spalte-1 img {
	display:block;
	margin:0px;
	padding:0px;
	border-bottom:solid 4px white;
}

div#spalte-1 a {
	text-decoration:none;
	position:absolute;
	display:block;
	line-height:90px;
	width:180px;
	height:90px;
	left:50%;
	margin-left:-90px;
	border: solid 1px white;
	background-image:url(media/hg_40.png);
	background-repeat:repeat;
	color: white;
}

div#spalte-1 a#button {
	position:absolute;
	top:50%;
	margin-top:-90px;
	height:180px;
	line-height:280px;
	overflow:hidden;
}

div#spalte-1 a#button img.startbutton {
	border:none 0px;
	position:absolute;
	display:block;
	width:27px;
	height:20px;
	top:50%;
	left:77px;
	margin-top:-10px;
}
div#spalte-1 a#button-oben {
	top:135px;
}
div#spalte-1 a#button-unten {
	bottom:135px;
}

div#spalte-1 p#navibutton {
	position:absolute;
	bottom: 0px;
	right:40px;
	width:150px;
	height:50px;
}

div#spalte-1 p#navibutton a{
	background-image:none;
	border: none 0px;
	display:inline;
	position:relative;
	margin:0px;
	padding:0px;
	height:auto;
	width:auto;
}

div#spalte-1 p#navibutton img {
	display:inline;
	border:none 0px;
}

div#spalte-1 a:hover {
	background-image:url(media/hg_40schw.png);
}

/* **
*  2. Spalte 
**  */
div#spalte-2 {
	position:absolute;
	top:100px;
	left:455px;
	width:235px;
	height:424px;
	background-color:#ededea;
	border-top: solid 1px #e53523;
	padding: 15px;
	color:#65705a;
	
}

div#spalte-2 h2 {
	margin-bottom:10px;	
}

div#spalte-2 h2 a.aktiv {
	color: #e53523;
}

/* **
*  3. Spalte 
**  */
div#spalte-3 {
	position:absolute;
	top:100px;
	left:725px;
	width:235px;
	height:424px;
	background-color:#d3d5ce;
	border-top: solid 1px #e53523;
	padding: 15px;
	color:#65705a;

}

div#spalte-3 img {
	position:absolute;
	bottom:0px;
	right:0px;
	display:block;
	border-top:solid 4px white;
}

div#spalte-3 iframe {
	position:absolute;
	bottom:0px;
	right:0px;
	border-top:solid 4px white;
}

div#spalte-3 div#galerie {
	position:absolute;
	right:0px;
	bottom:0px;
	border-top:solid 4px white;
	width:535px;
	height:63px;
}

div#spalte-3 div#galerie a {
	display:block;
	float:left;
	background-color:#e3e5e0;
	width:63px;
	height:63px;
	border-right: solid 4px white;
	position:relative;
	overflow:hidden;
	font-size:13px;
}

div#spalte-3 div#galerie a.links {
	width:64px;
}

div#spalte-3 div#galerie a.links em {
	position:absolute;
	display:block;
	bottom: 16px;
	left: 5px;
	width:20px;
}

div#spalte-3 div#galerie a.rechts {
	border: none 0px;
	width:64px;
}

div#spalte-3 div#galerie a.rechts em {
	position:absolute;
	display:block;
	bottom: 16px;
	right: 5px;
	width:20px;
	text-align:right;
}

div#spalte-3 div#galerie img {
	display:block;
	float:left;
	position:relative;
	border:none 0px;
	}

/* **
*  Fusszeile
**  */
p#fusszeile {
	position:absolute;
	bottom:0px;
	left:0px;
	height:21px;
	width:100%;
	text-align:right;
	background-color:#8d9483;
	line-height:21px;
	margin:0px;
}
p#fusszeile a {
	margin-right:5px;
	color:white;
	text-transform:uppercase;
}
p#fusszeile a:hover {
	color: #e53523;
}
p#fusszeile a:aktiv {
	color: #e53523;
}

div.impressum p {
	font-size:11px;
	margin-bottom:4px;
}

div.impressum h4 {
	margin-top:4px;
	margin-bottom:0px;
}

div.disclaimer {
		overflow:auto;
margin-right:-15px;
height:425px;
}

div.disclaimer p {
	font-size:10px;
}