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

* {
	margin: 0;    /*margin = Außenabstand */
	padding: 0;	  /* padding = Inneneabstand */
}

/* mit diesem Befehl setzen wir die Browservoreinstellungen zurück */


html {
	height: 101%;   	
}
/*blendet eine Scrolleiste immer ein, damit die Website nicht springt */

body { font-family:Verdana, Geneva, sans-serif;
	   font-size: medium;
	   background:url(images/bodybg.jpg) no-repeat center;
	   background-color: #0e0c0d;
}

pre {
	font-family:Verdana, Geneva, sans-serif;
	font-size: medium;
}

div#wrapper {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 60px;
	margin-bottom: 20px;
	}


div#logo {	
	height: 400px;

}

.a href {
	text-decoration:none; color:#000; }

div#navi {
	background:url(images/streif.png) no-repeat;
	height:45px;
	background-color: white;
	color: #FFF;
	text-align: center;
	padding: 14px;	
}
div#navi a {
				color: #FFF;
				font-size: small;
				text-decoration: none;
				font-weight: bold;
			}

			div#navi a:hover {
				color: #f8de31;
				background: url(images/navihover.png) repeat;		
					}
		
		div#navi ul {
				list-style-type: none;
					}

	 div#navi ul li {
				display: inline;
				padding-right: 25px;
			position: relative;
			padding-bottom: 20px;
				}


/*---------------------------------------main------------------------------------------*/
			
div#main {
	text-align: justify;
	position: relative;
}

div#main_top{
	background: #FFF no-repeat;
	height: 48px;
}

div#main_repeat {
	background: #FFF repeat-y;
		padding: 40px;
	padding-top: 20px;
}

div#main_bottom {
	background:#000 no-repeat;
	
}

h2 {
	color: #F60;	
}

h1{
	color:#F60;
}
/*-------------------------Fusszeile---------------------------*/

div#footer {
	background: #FFF;
	background:url(images/streif.png) no-repeat;
	padding: 15px;
	text-align:left;
	height: 26px;
	margin-bottom: 40px;
	color:#FFF;
	clear: both;
}

/*-------------------------allgemeine  Formatierung----------------*/

p {	margin-top: 15px;
	line-height: 18px;
	
}


/* div.brandklassen */


div.brandklassen {
  height: 180px;
  margin-bottom: 20px;
}

div.brandklassen img {
	float:left;
	margin-top: -15px;
	padding-right: 10px;

}
 /* div.feuer */ 


div.schrift {
	padding-top: 5px;
}
div.feuer {
	height:220px;
	margin-bottom: 10px;
	/*border: green 1px double;*/
	padding: 20px;
}

div.feuer img {
	float:left;
	margin-right: 10px;
	/*border: blue 1px double;*/
	padding-right: 20px;	
}

div.abstand {
	height:180px;
	margin-bottom: 0px;
		/*border: green 1px double;*/
		padding: 20px;		
}
div.abstand img {
	float:left;
	margin-right: 10px;
	margin-top: -20px;
	padding-right: 10px;
	/*border: 4px solid blue;*/	
	}

	
/* ---------------------frage-------------------- */
div.fragen {

	margin-bottom: -5px;
	margin-top: -10px;
	padding: 10px;
}
div.abstand1 {
	height:180px;
	margin-bottom: 0px;
	padding: 20px;	
}
div.abstand2 {
	height:180px;
	margin-top:24px;
	margin-bottom: 25px;
	padding: 20px;
}
div.abstand1 img {
	float:left;
	margin-right: 10px;
	padding-right: 10px;
	padding-bottom: -5px;
	margin-top: -20px;
}
div.abstand2 img {
	float:left;
	margin-right: 10px;
	margin-top: -20px;
	padding-right: 10px;	
}
.under {
	text-decoration:underline;
}

div#main li {
	list-style-position: outside;
	margin-left: 18px;
list-style-type:disc;
}

/* -----------------link------------------ */
a:link { color:#000; }
a:visited { text-decoration:underline; color:#000; }
a:activ {text-decoration:underline;}
a:hover { color:#36F; }

h4 {
color:#F60;
}
/*----------------------------imp---------------------*/
div.imp img {
	float:right;
	margin-right: 25px;
}

/*------------glo--------------------*/
div.glo img {
	float:right;
	margin-right: 20px;
}

table.imp {
	margin-left: 30px;
}

/*----------logoioo-------*/
div.mylogo img {
	padding-top: 10px;}
	
div.mylogo {padding-top: 0px;}

a img {border:none;}

#cookiebanner a {color:#000; text-decoration:none;}

#cookiebanner a:hover {text-decoration:underline;}

#cookiebanner div {padding:10px; padding-right:40px;}

#cookiebanner { 
   outline: 1px solid #7b92a9; 
   text-align:right; 
   border-top:1px solid #fff;
   background: #d6e0eb; 
   background: -moz-linear-gradient(top, #d6e0eb 0%, #f2f6f9 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6e0eb), color-stop(100%,#f2f6f9)); 
   background: -webkit-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%); 
   background: -o-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%);
   background: -ms-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%); 
   background: linear-gradient(to bottom, #d6e0eb 0%,#f2f6f9 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient(   startColorstr='#d6e0eb', endColorstr='#f2f6f9',GradientType=0 ); 
   position:fixed;
   bottom:0px; 
   z-index:10000; 
   width:100%; 
   font-size:12px; 
   line-height:16px;}

#cookiebannerCloser {
   color: #777;
   font: 14px/100% arial, sans-serif;
   position: absolute;
   right: 5px;
   text-decoration: none;
   text-shadow: 0 1px 0 #fff;
   top: 5px;
   cursor:pointer;
   border-top:1px solid white; 
   border-left:1px solid white; 
   border-bottom:1px solid #7b92a9; 
   border-right:1px solid #7b92a9; 
   padding:4px;
   background: #ced6df;
   background: -moz-linear-gradient(top, #ced6df0%, #f2f6f9 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ced6df), color-stop(100%,#f2f6f9)); 
   background: -webkit-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: -o-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: -ms-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: linear-gradient(to bottom, #ced6df0%,#f2f6f9 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient(    startColorstr='#ced6df', endColorstr='#f2f6f9',GradientType=0 ); 
 }

#cookiebannerCloser:hover {border-bottom:1px solid white; border-right:1px solid white; border-top:1px solid #7b92a9; border-left:1px solid #7b92a9;}