@charset "utf-8";

/*HTML*/
html { 
/*HINTERGRUNDBILD
*/background: url(img/hg3.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

/*BODY: SCHRIFTART; OVERFLOW*/
body {
	/*SCHRIFT*/
	font-family: Futura, Verdana, Sans-Serif;
	color:#2C1706;
	font-size:15px;	
	/*OVERFLOW*/
	overflow-y: hidden;
	overflow-x: hidden;
}

table {
	/*SCHRIFT*/
	font-family: Futura, Verdana, Sans-Serif;
	color:#2C1706;
	font-size:15px;
}

/*LINKS WENN NICHT SPEZIELL FORMATIERT*/
a:link    { color:#2C1706; text-decoration:underline; }
a:visited { color:#2C1706; text-decoration:underline; }
a:hover   { color:#2C1706; text-decoration:underline; }
a:active  { color:#2C1706; text-decoration:underline; }

/*BILDER RUNDE ECKEN*/
img {
-moz-border-radius:8px; /* Firefox */
-webkit-border-radius:8px; /* Safari, Chrome */
-khtml-border-radius:8px; /* Konqueror */
border-radius:8px; /* CSS3 */
}

/*ÜBERSCHRIFTEN: H1, H2, H3*/
h1 { 
font-size:25px;
font-weight:bold;
}

h2 { 
font-size:22px;
font-weight:bold;
}

h3 { 
font-size:19px;
font-weight:bold;
}

p {
font-size:15px;
}

/*AB HIER SPEZIFISCHE ID/CLASS			# = ID = einmalig			. = CLASS = mehrmalig */

/*FENSTER START: SICHTBARER BEREICH, UMFASST ALLES*/
#fenster_s { 
position:absolute; 
top: 0; left:0; right:0; bottom:0;
background: url(img/logo2.png) no-repeat center center fixed;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
z-index:100;
}
#fenster_s2 { 
position:absolute; 
top: 0; left:0; right:0; bottom:0;
z-index:200;
margin:auto;
}

/*FENSTER: SICHTBARER BEREICH, UMFASST ALLES*/
#fenster { 
position:absolute;
top: 180px; bottom:45px; 
left: 50px; right: 50px; 
}


/*MENU 1*/
#menu1 {
	width: 200px;
	position:absolute;
	background-color: #FFF6D7;
	opacity:0.8;
	top: 10px; bottom:10px; 
	margin:0px 0px 0px 0px; /*TRBL*/
	padding:30px 0px 0px 0px; /*TRBL*/	
	font-size:20px;
	text-align:left;
	line-height:30px;
	-moz-border-radius:8px; /* Firefox */
	-webkit-border-radius:8px; /* Safari, Chrome */
	-khtml-border-radius:8px; /* Konqueror */
	border-radius:8px; /* CSS3 */
}
		a.button_m1 { 
				display:block;
				margin:-20px 0px 0px 0px; /*TRBL*/
				padding:0px 5px 0px 5px; /*TRBL*/
				text-decoration:none;
				background: #2c1706; /* Old browsers */
				}
		a.button_m1:link    { color:#FFF6D7;  }
		a.button_m1:visited { color:#FFF6D7;  }
		a.button_m1:hover   { width:220px; color:#FFF6D7; }
		a.button_m1:active  { color:#FFF6D7;  }

		a.button_m1_a { 
				display:block;
				margin:-20px 0px 0px 0px; /*TRBL*/
				padding:0px 5px 0px 5px; /*TRBL*/
				width:220px;
				text-decoration:none;
				background: #2c1706; /* Old browsers */
				}
		a.button_m1_a:link    { color:#FFF6D7; }
		a.button_m1_a:visited { color:#FFF6D7; }
		a.button_m1_a:hover   { color:#FFF6D7; }
		a.button_m1_a:active  { color:#FFF6D7; }

/*MENU 2*/
#menu2 {
}
		a.button_m2 { 
				display:block;
				margin:-20px 0px 0px 40px; /*TRBL*/
				padding:0px 5px 0px 5px; /*TRBL*/
				text-decoration:none;
				background: #2c1706; /* Old browsers */
		}
		a.button_m2:link    { color:#FFF6D7; }
		a.button_m2:visited { color:#FFF6D7; }
		a.button_m2:hover   { width:180px; color:#FFF6D7; }
		a.button_m2:active  { color:#FFF6D7; }
		
		a.button_m2_a { 
				display:block;
				margin:-20px 0px 0px 40px; /*TRBL*/
				padding:0px 5px 0px 5px; /*TRBL*/
				width:180px;
				text-decoration:none;
				background: #2c1706; /* Old browsers */
		}
		a.button_m2_a:link    { color:#FFF6D7; }
		a.button_m2_a:visited { color:#FFF6D7; }
		a.button_m2_a:hover   { color:#FFF6D7; }
		a.button_m2_a:active  { color:#FFF6D7; }

/*Menu 3*/
#menu3 {
}
		a.button_m3 { 
				display:inline;
				margin:0px 5px 0px 5px; /*TRBL*/
				padding:0px 5px 0px 5px; /*TRBL*/
				text-decoration:none;
					-moz-border-radius:8px; /* Firefox */
					-webkit-border-radius:8px; /* Safari, Chrome */
					-khtml-border-radius:8px; /* Konqueror */
					border-radius:8px; /* CSS3 */
		}
		a.button_m3:link    { color:#FFF; background-color:#B26BFF; }
		a.button_m3:visited { color:#FFF; background-color:#B26BFF; }
		a.button_m3:hover   { color:#FFF; background-color:#B26BFF; }
		a.button_m3:active  { color:#FFF; background-color:#B26BFF; }
		
		a.button_m3_a { 
				display:inline;
				margin:0px 5px 0px 5px; /*TRBL*/
				padding:0px 5px 0px 5px; /*TRBL*/
				text-decoration:none;
					-moz-border-radius:8px; /* Firefox */
					-webkit-border-radius:8px; /* Safari, Chrome */
					-khtml-border-radius:8px; /* Konqueror */
					border-radius:8px; /* CSS3 */
		}
		a.button_m3_a:link    { color:#FFF; background-color:#B26BFF; }
		a.button_m3_a:visited { color:#FFF; background-color:#B26BFF; }
		a.button_m3_a:hover   { color:#FFF; background-color:#B26BFF; }
		a.button_m3_a:active  { color:#FFF; background-color:#B26BFF; }

/*Menu 4*/
#menu4 {
}
		a.button_m4 { 
				display:inline;
				margin:0px 5px 0px 5px; /*TRBL*/
				padding:0px 5px 0px 5px; /*TRBL*/
				text-decoration:none;
					-moz-border-radius:8px; /* Firefox */
					-webkit-border-radius:8px; /* Safari, Chrome */
					-khtml-border-radius:8px; /* Konqueror */
					border-radius:8px; /* CSS3 */
		}
		a.button_m4:link    { color:#FFF; background-color:#B26BFF; }
		a.button_m4:visited { color:#FFF; background-color:#B26BFF; }
		a.button_m4:hover   { color:#FFF; background-color:#B26BFF; }
		a.button_m4:active  { color:#FFF; background-color:#B26BFF; }
		
		a.button_m4_a { 
				display:inline;
				margin:0px 5px 0px 5px; /*TRBL*/
				padding:0px 5px 0px 5px; /*TRBL*/
				text-decoration:none;
					-moz-border-radius:8px; /* Firefox */
					-webkit-border-radius:8px; /* Safari, Chrome */
					-khtml-border-radius:8px; /* Konqueror */
					border-radius:8px; /* CSS3 */
		}
		a.button_m4_a:link    { color:#FFF; background-color:#B26BFF; }
		a.button_m4_a:visited { color:#FFF; background-color:#B26BFF; }
		a.button_m4_a:hover   { color:#FFF; background-color:#B26BFF; }
		a.button_m4_a:active  { color:#FFF; background-color:#B26BFF; }

/*INHALT*/
#inhalt {
	/*width: 70%;*/
	position:absolute;
	/*min-height: 250px;*/
	background-color: #FFF6D7;
	top: 10px; 
	bottom: 10px;
	left: 230px;
	right: 0px;
	opacity:0.8;
	/*margin:250px 16% 0px 14%; /*TRBL*/
	/*padding:15px 5px 0px 5px; /*TRBL*/
	padding: 0px 20px 0px 25px;	
	font-size:20px;
	text-align:center;
	display:inline;
	float:left;
	z-index:900;
	-moz-border-radius:8px; /* Firefox */
	-webkit-border-radius:8px; /* Safari, Chrome */
	-khtml-border-radius:8px; /* Konqueror */
	border-radius:8px; /* CSS3 */
	overflow:auto;
}

/*FOOTER*/
#footer {
	left:50px;
	right:50px;
	bottom:20px;
	height: 15px;
	background-color:#FFF6D7;
	opacity:0.8;

	padding:2px 0px 2px 13px; /*TRBL*/
	position:fixed;	
	z-index: 8;
	font-size:12px;

	-moz-border-radius:8px; /* Firefox */
	-webkit-border-radius:8px; /* Safari, Chrome */
	-khtml-border-radius:8px; /* Konqueror */
	border-radius:8px; /* CSS3 */

	}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
	#footer {
		bottom:10px;
	}
}

/*UL LIST SITEMAP*/
.sitemap {
margin:10px 100px 0px 100px; /*TRBL*/
text-align:left;
width:200px; /*NUTZBARE BREITE*/ /*vorher: 275*/
}

/*FLOAT AUFHEBEN*/
.clearfix:after{
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}