@charset "utf-8";
/* CSS Document */
body { margin: 0; padding: 0;
background-color:#8E967B;
}
#menu {
         position: fixed;
		 z-index: 99;
         top: 0;
         bottom: 0;
         width: 13.755em;
         right: -13.755em;
         height: 100%;
		 background-color:#CCC;
         -webkit-transform: translate(0px, 0px);
        -moz-transform: translate(0px, 0px);
        -o-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
        -webkit-transition: 0.15s ease;
        -moz-transition: 0.15s ease;
        -o-transition: 0.15s ease;
        transition: 0.15s ease;
}
#menu.active {
        -webkit-transform: translate(-13.755em, 0px);
        -moz-transform: translate(-13.755em, 0px);
        -o-transform: translate(-13.755em, 0px);
        -ms-transform: translate(-13.755em, 0px);
        transform: translate(-13.755em, 0px);
}
.menu-link {
      position: absolute;
      top: 20px;
	  left: -28%;
	  background-image:url(Bilder/menue_lines.jpg);
	  display:block;
	  height: 35px;
	  overflow:hidden;
      text-indent:100%;
      white-space:nowrap;
	  width: 35px;
	  z-index: 99;
}
.container {
       -webkit-transform: translate(0px, 0px);
       -moz-transform: translate(0px, 0px);
       -o-transform: translate(0px, 0px);
       -ms-transform: translate(0px, 0px);
       transform: translate(0px, 0px);
       -webkit-transition: 0.15s ease;
       -moz-transition: 0.15s ease;
       -o-transition: 0.15s ease;
       transition: 0.15s ease;
	   z-index: !; 
}

.container.active {
        -webkit-transform: translate(-11.495em, 0px);
       -moz-transform: translate(-11.495em, 0px);
       -o-transform: translate(-11.495em, 0px);
       -ms-transform: translate(-11.495em, 0px);
       transform: translate(-11.495em, 0px);
}
#navigation {
	position: absolute;
	height: 60px;
	width: 96%;
	left:50%;
	margin-left: -48%;
	/*background-color:#181818;*/
	background-color: #8E967B;
	z-index: 1;
	top: 10px;
	}
#oben { position:relative;
	z-index:2;
	top:0px;
    height: 60px;
	width:100%;
	left:50%;
	margin-left: -50%;
	background-color: #181818;
}

#inhalt {
	position:absolute;
	z-index:1;
	top:80px;
	width:96%;
	left:50%;
	margin-left: -48%;
	background-color:#FFF;
	}
#box1 {
	position:relative;
	top:10px;
	/*margin-top: 30px;*/
	width: 96%;
	left:50%;
	margin-left: -48%;
    min-height:600px;
  	background-color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	/*font-size:0.8em;*/
}
#box1_1 {
	position: relative;
	top: 10px;
	width: 420px;
	left: 50%;
	margin-left: -210px;
	margin-top: 30px;
	height: 5.0em;
	background-color: #fff;
	font-family: Verdana, Geneva, sans-serif;	/*font-size:0.8em;*/
}	
#box1_2 {
	position: relative;
	top: 20px;
	width: 420px;
	left: 50%;
	margin-left: -210px;
	/*padding-left:30px;*/
	height: 166px;
	/*float:left;*/
	background-color: #ccc;
	font-family: Verdana, Geneva, sans-serif;	/*font-size:0.8em;*/
}
#box1_2_1 {
	position: relative;
	width: 48%;
	left: 10px;
	/*padding-left:30px;*/
	height: 166px;
	/*float:left;*/
	background-color: #CCC;

	/*font-size:0.8em;*/
}
#box1_3 {
	position: relative;
	top: 60px;
	width: 420px;
	left: 50%;
	margin-left: -210px;
	height: 140px;
	clear: right;
	background-color: #fff;
	font-family: Verdana, Geneva, sans-serif;	/*font-size:0.8em;*/
}
#footer {
	position:relative;
	top: 10px;
	width:100%;
	height:60px;
	/*background-color:#727278;*/
	background-color:#676;
	/*background-color:#CF3;*/
	}	
#footer_innen {
	position:relative;
	top: 20px;
	width: 280px;
	left:50%;
	margin-left: -140px;
	height:20px;
	}	



.menue_link {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.0em;
	text-decoration:none;
	color:#333;}
	
IMG.displayed {
	display:block;
	float:right;}
p.blocktext {
	margin-left:auto;
	margin-right:auto;
	background-color:#FFF;
	width:32em}
	
.text_1:link, .text_1:visited {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.9em;
	font-weight:600;
	text-decoration:none;
	color:#333;	
}
.text_1:hover, .text_1:active {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.9em;
	font-weight: 600;
	text-decoration: none;
	color: #666;
}
.text_2:link, .text_2:visited {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.0em;
	text-decoration:none;
	color:#333;	
}
.text_2:hover, .text_2:active {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.0em;
	text-decoration: none;
	color: #666;
}
.headline_gr {
	font-family:Verdana, Geneva, sans-serif;
	font-size:1.5em;
	font-weight:bolder;
	color:#666;
}
.headline {
	font-family:Verdana, Geneva, sans-serif;
	font-size:1.0em;
	font-weight:bolder;
	color:#333333;
}	
.headline_1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size:1.0em;
	font-weight:bolder;
	color:#999;
}	
.headline_1_1 {
    font-family: Verdana, Geneva, sans-serif;
	font-size:1.0em;
	font-weight:bolder;
	color:#777;
}

.headline_1_1_1 {
    font-family: Verdana, Geneva, sans-serif;
	font-size:1.0em;
	font-weight:bolder;
	color:#777;
}
#headline_red {
	padding:5px 10px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:1.0em;
	font-weight:bolder;
	color:#333333;
	background-color: yellow;
}
.font_style_0 {
	font-family: Verdana, Geneva, sans-serif;
	font-size:0.8em;
	color:#000;
}
.font_style_1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size:2.0em;
	color:#333;
}
.font_style_2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size:1.2em;
	color:#FFF;
}
.footer:link, .footer:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	text-decoration:none;
	color:#AAA;	
}
.footer:hover, .footer:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	text-decoration:none;
	color: #AAA;
}