/*


*/

*{
	margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
}


.clear{
clear:both;
}

#hintergrund{
	position: fixed;	
	top:0;
	left:0;
}

#hintergrund img{
}

/* für JS */
.bgwidth { width: 100%; }
.bgheight { height: 100%; }

#all{	
	width:100%;	
	position: relative;	
}

#inhalt{ 
	padding-top: 130px;
	padding-bottom: 100px;
	width: 980px;
 	margin: 0px auto;
}

#head{
	padding-top: 25px;
	height:100px;
	position:fixed;
	z-index: 2;
	width: 100%;

}

#headinhalt{
	width: 980px;
	margin: 0px auto;

}

#logo{	
	position: fixed;
    right: 100px;
}


#navi{
	position: fixed;
	margin-top: 34px;
}

#navi ul{
  list-style-type: none;
  padding-left: 25px;  
  text-align: center;
}

#navi ul li{
  	display: inline;
	padding-right: 12px;  
   
}

#navi ul li a{
	color: #666666;
  text-decoration: none;
font-size: 1.5em;
}

#navi ul li a:hover, 
#navi ul li a:active,
#navi ul li a:active a,
#navi ul li.current a{
	color: #e5322d;
}

#mainnavi{
height:30px;
padding-top: 6px;
}


#content{
	padding:25px;
} 


#footer { 
padding-top: 20px;
padding-bottom: 5px;
text-align: center;
bottom: 0;
position: fixed;
width: 100%;
/* height:50px;*/
}

#footer p,
#footer a{
	padding:0;
}


.alert, .alert-heading, .err p {
	color: red!important;
}

/*schmaler als 700 Pixel Tablet, Mobile quer*/
@media (max-width:700px){
    #inhalt {
    	width:100%;
    }
    
    #hintergrund{
    	display:none;
    }
    
    #logo{	
    padding-left: 25px;
    position: fixed;
    right:auto;
	}
	
	#logo img{	
    width:200px;
    height:49px;
	}
    
    #navi {
    margin-top: 60px;
    }
    
    #navi ul li a {
    	font-size: 1.2em;
    }
    
    h1, h2, h3, h4{
		padding-bottom: 10px!important;
	}

	h1{ 
		font-size: 1.8em!important;
	}
	
	#footer p,
	#footer a{
	font-size:0.9em!important;
	}
	
	#footer{
		padding-top: 10px;
	}
	
	legend{
		width:250px;
	}
    	
}