@charset "utf-8";

img {
    height: auto;
    width: auto;
    max-width: 100%;
}



/* Video responsive setzen */

/*set some elements responsive */
img, object, embed, video {
    height: auto;
    max-width: 100%;
    }

/* and the hack for IE8 */
@media \0screen {
img, object, embed, video {
    width: auto; /* for ie 8 */
    }
}


iframe {
    max-width: 100%;
    }


/* Media-Queries für Tablets und Smartphones */

@media screen and (-webkit-min-device-pixel-ratio:0) {
	

}

/* For iPads and other Tablets or Displays less then 968px ======================== */
@media screen and (max-width: 968px) {
.container {
width: 98%;
}
	
}


@media screen and (max-width: 860px){

}

@media screen and (min-width: 769px) {

}

/* For Smartphones, Tablets or other Displays less then 768px ====================== */
@media screen and (max-width: 768px){
/*
.header {	
height: 90px;
}
*/

/* Mobile Navigation */

#mobilNavi {    
    display: block;      
    margin: 2% 0 !important;
    }

#mobilNavi form {    
    text-align: center;
    }

#mobilNavi option {
    background-color: #fff;
    font-size: 100% !important;
    padding: 2px;
    }


.content, .left {
	float: none !important;
	width: 100%;
}

.left {
display: block;
padding-top: 10px;
padding-bottom: 10px;
background-color: #f4f4f4;
height: 22px;
margin-top: -4px
}

.nav {
width: 94%;
	list-style: none; 	
	margin: 0 3%;
background-color: #f4f4f4;
}

ul.nav li {
display: block;
float: left;
font-size: 160%;	
padding-left: 0%;	
padding-right: 3%;
line-height: 1em;
}
  

}


@media screen and (max-width: 482px){  

body { 
    width: 100%;
    font-size: 80% !important;
    }
h1, h2, h3, h4 {
	font-size: 110%;
    }
.container {
width: 100%;
}

.content, .content_gallery {
min-height: 400px !important;	
}

#language {
margin-top: 5px;
margin-bottom: 10px;
width: 120px !important;
}

#language li {
	font-size: 90%;
}

ul.nav li {
font-size: 100%;	
padding-left: 0%;	
padding-right: 3%;
line-height: 1em;
}

ul.nav a:hover, ul.nav a:active, ul.nav a:focus { 
	font-weight: normal;	
}

ul.nav li.aktiv a { 
	font-weight: normal;
	text-decoration: underline;	
}
	
#content li { 
    margin-left: -25px !important;
}

}