@charset "utf-8";
@media only screen  and (max-width: 768px){
*{
        margin: 0;
        margin-top:15px;
        padding: 0;
}

body  {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
    }
iframe{
	margin:1%;
	width:90%;
	height:100%;
	frameborder:0;
	scrolling:no;
}
    	h1	{
		font-size: 1.1em;
		color: #FF3300;
	}
	
	h2, h3	{
		font-size: 1em;
		color: #FF3300;
	}
	
	.Schrift_orange_fett {
		color: #FF3300;
		font-weight: bold;
		font-size: 1em;
	}
	
	.Schrift_orange_fett_gross {
		color: #FF3300;
		font-weight: bold;
		font-size: 1.1em;
	}
	
	.Schrift_schwarz_klein	{
		color: #000000;
		font-size: 0.7em;
	}
	
	.Schrift_rot_fett_gross	{
		color: #CC0000;
		font-size: 1em;
		font-weight: bold;
	}
	
	.separator	{
		color: #FFFFFF;
		font-size: 1.1em;
		font-weight: bold;
	}
	
	a:link {
		color: #FF3300;
	}

	
    #container {
		width: 90%; 
		background: #FFFFFF;
		margin: 0 auto; 
		text-align: left;
    } 
		
    #header{
    	margin: 0; 
    	padding: 0;  
    	background-image:url(../bilder/header.gif);
    	height:160px;
    	background-repeat:no-repeat;
    }
	
	#container #nav{
    	position: absolute;
    	top:153px;
    	padding-right:10px;
    	padding-top:10px;
    	min-width:10em;
	}
	ul#nav li{
		display: inline;
		padding: 10px 10px;
		font-size:120%;
	}
    #mainContent {
    	border-top:1px solid #fde4c6;
    	margin-top:40px;
    	padding: 10px; 
    } 
    .galerie{
	border:1px solid #E95E0F;
	width:90%;
	min-width:200px;
	height:15em;
	margin:1em 0 0 0.5%;
	float:left;
	text-align:center;
	padding:0;
	color:blue;
}
	.galerie img{
	max-width:100%;
	max-height:66%;
	padding:5px;
}
.galerie div .title, #content .galerie div small{
	display:block;}
	
    #footer {
    	position:relative;
		background-image: url(../bilder/footer.gif);
		height: 40px;
		padding:0px;
    } 
	
    #footer p {
    	text-align:center;
    	font-size:0.6em;
    	color:#FF3300;
   		margin: 0; 
    	padding: 10px;
    }
    .flt-clear {
        clear: both;
    }
.img img{
	/*float:right;*/
	border:1px solid #E95E0F;
	height:33%;
	margin:20px;
	margin-left:5%;
	margin-right:2%;
	margin-bottom:2%;
	padding:1%;
}
	
    .clearfloat { 
    	clear:both;
    	height:0;
    	font-size: 1px;
    	line-height: 0px;
    }
	
	ul#Navigation {
		font-size: 1em;
		float: left;
		width: 130px;
		margin-left:1.2em;
		padding: 0.5em 0 0;
	}
	
  	ul#Navigation li {
    	list-style: none;
    	margin: 0; 
		padding: 0.5em;
	}
  	
	ul#Navigation a {
		display: block;
		padding: 0.2em;
		font-weight: bold;
		text-decoration: none;
	}
  	
	ul#Navigation a:link {
		color: #FF3300;
		background-color: #FFFFFF;
  	}
  	
	ul#Navigation a:visited {
		color: #FF3300;
		background-color: #FFFFFF;
	}
	
  	ul#Navigation a:hover {
		color: #FF3300;
		background-color: #FFFF99;
	}
	
	ul#Navigation a:active {
		color: #FF3300;
		background-color: #FFFFFF;
	}
	
  	ul#Navigation a:link#current,
  	ul#Navigation a:visited#current,
  	ul#Navigation a:hover	{
		background-color: #FFFFFF;
		color: #333333;
	}
	
	
	ul li{
		margin-left:25px;
		margin-right:15px;
		list-style-image: url("../bilder/quadrat.gif");
	}
}