/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-size: 100%; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}



* { 
   margin: 0px; 
   padding: 0px; 
}
body {
	z-index: 1;
	background-color: #CCC;
	font-family: Arial, Helvetica, Geneva, Tahoma, sans-serif;
	font-weight: lighter;
}
#wrapper {
	max-width: 1280px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;        /* x= 1024 Anpassen für verscheiden Monitorgrößen */
	min-height:650px;       /* y= 650 Anpassen für verscheiden Monitorgrößen */
	height: auto;
	z-index: 1;
}
#main{
	width: 78%;         /* x= 1024 Anpassen für verscheiden Monitorgrößen */
	padding-left: 2.9296875%;
	padding-right: 2.9296875%;
	min-height:650px;       /* y= 650 Anpassen für verscheiden Monitorgrößen */
	height: auto;
	z-index: 1;
	background-color: #FFF;
	overflow: auto;
	
	box-shadow: 5px 5px 10px #666;
	overflow:hidden;
	float: left;
	
}
#rightbar {
	position:relative;
	margin-top: 0px;
	padding-top:0px;
	padding-left:0px;
	margin-left: 1%;       
	width: 15%;
	min-height:500px;       /* y= 650 Anpassen für verscheiden Monitorgrößen */
	height: 1000px;
	z-index: 2;
	background-color: #FFF;
	box-shadow: 5px 5px 10px #666;
	overflow:hidden;
	float: left;

}
	
#kopfzeile{
	width: 100%;        /* x= 940 Anpassen für verscheiden Monitorgrößen */
	height: 100px;
	padding: 0;
	z-index: 2;
	font-family: Arial, Helvetica, Geneva, Tahoma, sans-serif;
	font-weight: lighter;
}
#pageslide {
    display: none;
    position: absolute;
	margin-top: 0px;
	margin-left: 1%;
	padding-top:0px;
	padding-left:0px;
    top: 0;
    z-index: 2;
    width: 200px;
	min-height: 650px;
	height: 960px;
    padding: 5px;
	background-color:#FFF;
    color: #333;
	box-shadow: 5px 5px 10px #666;
	overflow: hidden;
}
.first{
	display: none;
}
.Second{
	display: none;
}

#wrapper #main #kopfzeile #logo{
	width: 15.625%;
	height: 100px;
	float: left;
	z-index: 3;
}
 #wrapper #main #kopfzeile #logo #logobild {
	display:block;
	width: 70%;
	height: auto;
	margin-top: 10%;
}

#wrapper #main #kopfzeile #titel {
	margin-right: 6%;
	padding-top: 0px;
	padding-left: 0px;
	width: 78%;
	height: 100px;
	float: right;
	margin-top: -100px;
	margin-left: 10%;
	z-index: 3;
}

 #wrapper #main #kopfzeile #titel #titelbild{
	display:block;
	width: 100%;
	height: auto;
	margin-top: 3%;
}

#sidemenue{
	display: none;
}
#topmenue{
	display: none;
}
#rightmenue{ /* positioniert  den re. Doppelpfeil ein*/
		display:block;
		position: relative;
		float: right;
		right: -8%;
		margin-top: -8%;
		width: 27px;
		height: 27px;
		font-size:0.1em;
		color: transparent;
		cursor:pointer;
		background-image: url(../designes/images/pfeil-oben.gif);
		background-position: center center;
		background-size:100%;
		background-repeat:no-repeat;
		border: 1px solid #CCC;
		border-bottom-color:#999;
		border-right-color:#999;
		border-radius: 2px 2px 2px 2px;
		box-shadow: 2px 2px 2px #999;
}
#navigation {
	height: 100px;
	width: 100%;          /* x= 1024 Anpassen für verscheiden Monitorgrößen */
	margin: 0;
	padding: 0;
	float: left;
	z-index: 2;
}
#navigation-1 {
	width: auto;
	height: 30px;
	margin: 0;
	padding: 0;
	z-index: 2;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #000;
}
#navigation-2 {
	width: auto;
	height: 30px;
	margin: 0;
	padding: 0;
	z-index: 2;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #000;
}
#navigation-3 {
	width: auto;
	height: 30px;
	margin: 0;
	padding: 0;
	z-index: 2;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #DDD;
}
#nav-1-1, #nav-1-2, #nav-1-3, #nav-1-4, #nav-1-5, #nav-1-6{
	height: 25px;
	width: 16.666666669921877%;			/*  Anpassen für verscheiden Monitorgrößen */
	float: left;
	padding-left: 0%;
	padding-top: 5px;
	font-size: 1em;
}
#nav-2-1, #nav-2-2, #nav-2-3, #nav-2-4, #nav-2-5, #nav-2-6{
	height: 25px;
	width: 16.666666669921877%;			/*  Anpassen für verscheiden Monitorgrößen */
	float: left;
	padding-left: 0%;
	padding-top: 5px;
	font-size: 1em;
}
#nav-3-1, #nav-3-2, #nav-3-3, #nav-3-4, #nav-3-5, #nav-3-6{
	height: 25px;
	width: 16.666666669921877%;			/*  Anpassen für verscheiden Monitorgrößen */
	float: left;
	padding-left: 0%;
	padding-top: 5px;
	font-size: 1em;
}
#navigation a {
	display:block;
	background-color:#FFFFFF;
	text-decoration:none;
}

#navigation a:hover {
	color:#F00;
	background-color:#FFFFFF;
	text-decoration:none;
}

#container{
	width: 100%;          /* x= 1024 Anpassen für verscheiden Monitorgrößen */
	min-height: 450px;     /* y= 650 - 200 Anpassen für verscheiden Monitorgrößen */
	height: auto;
	margin: 0;
	padding: 0;
	padding-bottom: 5px;
	z-index: 2;
	float: left;
	border-bottom-style:solid;
	border-bottom-width:thin;
	border-bottom-color:#CCC;
}

#sidebar {
	width:20%;
	height: auto;
	margin: 0;
	padding: 0;	
	z-index: 2;
	float: left;
	overflow:auto;
}
#sidebar #wetter {
	width: 100%;
	margin-left: 0;
	margin-top: 0px;
	margin-bottom:0px;
	height: auto;
	position: relative;
	float: left;
	z-index: 2;
}
#sidebar #pollen {
	width: 100%;
	margin-left: 10%;
	margin-top: 0px;
	margin-bottom:0px;
	height: auto;
	position: relative;
	float: left;
	z-index: 2;
}
#sidebar img {
	width: 90%;
	margin-left: 0%;
	margin-top: 10px;
	margin-bottom:20px;
	height: auto;
	border: 1px solid #CCC;
	border-bottom-color:#999;
	border-right-color:#999;
	display: block;
	box-shadow: 5px 5px 5px #CCC;
	position: relative;
	float: left;
	z-index: 1;
}
#sidebar p{
	font-family: Arial, Helvetica, Geneva, Tahoma, sans-serif;
	font-weight: lighter;
	color:#666;
	font-size: 1em;
}
#sidebar .inputbox{
	font-family: Arial, Helvetica, Geneva, Tahoma, sans-serif;
	font-weight: lighter;
	color:#666;
	font-size: 14px;
}
#sidebar .ziel-maps{
	font-family: Arial, Helvetica, Geneva, Tahoma, sans-serif;
	font-weight: lighter;
	color:#000;
	font-size: 14px;
}
#sidebar button #button-maps{
	font-family: Arial, Helvetica, Geneva, Tahoma, sans-serif;
	font-weight: lighter;
	color:#000;
	font-size: 14px;
}


#content{
	width: 79%;         /* x= 1024 - 200 Anpassen für verscheiden Monitorgrößen */
	height: auto;
	margin: 0;
	padding-left: 0;	
	z-index: 2;
	float: left;
	border-left-style:solid;
	border-left-width:thin;
	border-left-color:#CCC;

}
#content img {
	width: 96%;
	height: auto;
	margin-left: 1.5%;
	margin-top: 0px;
	margin-bottom:20px;
	border: 1px solid #CCC;
	border-bottom-color:#999;
	border-right-color:#999;
	box-shadow: 5px 5px 5px #CCC;
	position: relative;
	float: left;
	z-index: 2;
}

.maps {
	width: 96%;
	height: auto;
	margin-left: 1.5%;
	margin-top: 0px;
	margin-bottom:20px;
	border: 1px solid #CCC;
	border-bottom-color:#999;
	border-right-color:#999;
	box-shadow: 5px 5px 5px #CCC;
	position: relative;
	float: left;
	z-index: 2;
}

.maps iframe {
	margin-left: 0;
	height:400px;
	width:100%;
}
#content article h1 {
	margin-top: 40px;
	margin-left: 2.5%;
	font-size: 1.5em;
	font-weight: lighter;
	color:#999;
}

#content article h2 {
	margin-top: 40px;
	margin-left: 2.5%;
	font-size: 1.5em;
	font-weight: lighter;
	color:#999;
}

#content article h3 {
	margin-top: 40px;
	margin-left: 2.5%;
	font-size: 1.5em;
	font-weight: lighter;
	color:#999;
}
#content h4 {
	margin-top: 0;
	font-size: 1em;
	font-weight: lighter;
	color:#999;
	text-align: center;
}
.spalte0 {
	width: 100%;
	float: left;
	margin-top: 10px;
}
.spalte1{
	width: 50%;
	float: left;
	margin-top: 10px;
}
.spalte2 {
	width: 50%;
	float: left;
	margin-top: 10px;
}
.spalte0 p{
	margin-left: 2.5%;
	margin-right: 5%;
	text-align:justify;
	font-size: 1em;
}
.spalte1 p{
	margin-left: 5%;
	margin-right: 5%;
	text-align:justify;
	font-size: 1em;
}
.spalte2 p{
	margin-left: 5%;
	margin-right: 5%;
	text-align:justify;
	font-size: 1em;
}

#footer {
	width: 105.859375%;        /* x= 1024 + 60 Anpassen für verscheiden Monitorgrößen */
	height: 30px;
	position:relative;
	left: -2.7675276752767526%;
	margin: 0;
	padding: 0;
	z-index: 2;
	float: left;
}
#land{
	width: 30px;
	height: 30px;
	margin: 0;
	padding: 0;
	z-index: 2;
	float: left;
}

#sidefooter {
	height: 30px;
	width: 200px;
	z-index: 2;
	float: left;
}
#navigation-4 {
	width: auto;
	height: 30px;
	margin: 0;
	padding: 0;
	z-index: 2;
}
#nav-4-1, #nav-4-2, #nav-4-3, #nav-4-4, #nav-4-5, #nav-4-6{
	height: 25px;
	width: 50px;			/*  Anpassen für verscheiden Monitorgrößen */
	float: left;
	padding-left: 0;
	padding-top: 5px;
	font-size: 0.8em;
}



#country{
	margin-top: 4px;
	border-width:thin;
	borderstyle: solid;
	border-color: #fff;
	
}
#drucker-symbol{
	margin-top: 4px;
	float: right;
	border-width:thin;
	borderstyle: solid;
	border-color: #fff;
	
}
.no-js #drucker-symbol{
	display: none;
}
#wrapper #main #kopfzeile #titel h1 {
	color: #CC0000;
	font-size: 0.1em;
	padding-top: 10px;
	padding-left: 10px;
	font-weight: lighter;
	text-align: center;
	font-family: Arial, Helvetica, Geneva, Tahoma, sans-serif;
	color: transparent;
	display: none;
}
#wrapper #main #kopfzeile #titel h2 {
	color: #CC0000;
	font-size: 0.1em;
	padding-top: 10px;
	padding-left: 10px;
	font-weight: lighter;
	text-align: center;
	font-family: Arial, Helvetica, Geneva, Tahoma, sans-serif;
	color: transparent;
	display:none;
}

#wrapper #main #footer #sidefooter h5 {
	margin: 0;
	color: #666;
	font-size: 0.7em;
	font-weight: lighter;
	padding-top: 6px;
	padding-left: 4px;
	font-family: Arial, Helvetica, Geneva, Tahoma, sans-serif;
}
.navi-link{
	font-size: 1em;
	font-weight: lighter;
	padding-left: 10px;
	padding-top: 4px;
	font-size: 100%;

}

.link{
	font-size: 1em;
	font-weight: lighter;
	font-size: 100%;

}

a:link {color:#666; text-decoration:none}      
a:visited {color:#666; text-decoration:none}  
a:hover {color:#F00; text-decoration:none}  
a:active {color:#C00; text-decoration: none} 


@media screen and (max-width:1024px) {
#rightbar{
	display: none;
}
#main{
	width: 93%;
}
#rightmenue{
	display: none;
}
.Second{
	display: none;
}
.js .Second{ /* blendet bei Java den re. Doppelpfeil ein*/
		display:block;
		position: relative;
		float: right;
		right: -8%;
		margin-top: -8%;
		width: 27px;
		height:27px;
		color: transparent;
		cursor:pointer;
		background-image: url(../designes/images/pfeil-links.gif);
		background-position: center center;
		background-size:100%;
		background-repeat:no-repeat;
		border: 1px solid #CCC;
		border-bottom-color:#999;
		border-right-color:#999;
		border-radius: 2px 2px 2px 2px;
		box-shadow: 2px 2px 2px #999;
}
.maps iframe {
	height:360px;
}
}
@media screen and (max-width:850px) {
#main{
	width: 93%;
}	
#nav-1-1, #nav-1-2, #nav-1-3, #nav-1-4, #nav-1-5, #nav-1-6{
	font-size: 0.9em;
}
#nav-2-1, #nav-2-2, #nav-2-3, #nav-2-4, #nav-2-5, #nav-2-6{
	font-size: 0.9em;
}
#nav-3-1, #nav-3-2, #nav-3-3, #nav-3-4, #nav-3-5, #nav-3-6{
	font-size: 0.9em;
}
#content article h1 {
	margin-left: 5%;
}

#content article h2 {
	margin-left: 5%;
}
#content article h3 {
	margin-left: 5%;
}
.spalte1{
	width: 100%;
	float: left;
	margin-top: 10px;
}
.spalte2 {
	width: 100%;
	float: left;
	margin-top: 10px;
}
.spalte0 p{
	margin-left: 5%;
	margin-right: 5%;
	text-align:justify;
	font-size: 1em;
}	
.maps iframe {
	height:320px;
}	
}

@media screen and (max-width:750px) {
	
#wrapper #main #kopfzeile{
	height: 75px;

}
#wrapper #main #kopfzeile #logo{
	height: 75px;
}
#wrapper #main #kopfzeile #titel {
	height: 75px;
	margin-top: -75px;
}
#sidebar {
	width:25%;
}
#content{
	width: 74%;         /* x= 1024 - 200 Anpassen für verscheiden Monitorgrößen */
}	
#nav-1-1, #nav-1-2, #nav-1-3, #nav-1-4, #nav-1-5, #nav-1-6{
	height: 17px;
	padding-top: 3px;
	font-size: 0.8em;
}
#nav-2-1, #nav-2-2, #nav-2-3, #nav-2-4, #nav-2-5, #nav-2-6{
	height: 17px;
	padding-top: 3px;
	font-size: 0.8em;
}
#nav-3-1, #nav-3-2, #nav-3-3, #nav-3-4, #nav-3-5, #nav-3-6{
	height: 17px;
	padding-top: 3px;
	font-size: 0.8em;
}
.maps iframe {
	height:250px;
}
}
@media screen and (max-width:650px) {
	
#wrapper #main #kopfzeile{
	height: 50px;
}
#wrapper #main #kopfzeile #logo{
	height: 50px;
	margin-top: -5px;
}
#wrapper #main #kopfzeile #titel {
	height: 50px;
	margin-top: -55px;
}
.js .Second{
		margin-top: -8%;
		right: -8%;
}
#navigation {
	height: 70px;
	
}
#navigation-1 {
	height: 20px;
	border-top-width: thin;

}
#navigation-2 {
	height: 20px;
	border-bottom-width: thin;
}
#navigation-3 {
	height: 20px;
	border-bottom-width: thin;
}
#nav-1-1, #nav-1-2, #nav-1-3, #nav-1-4, #nav-1-5, #nav-1-6{
	height: 17px;
	padding-top: 0px;
	font-size: 0.7em;
}
#nav-2-1, #nav-2-2, #nav-2-3, #nav-2-4, #nav-2-5, #nav-2-6{
	height: 17px;
	padding-top: 0px;
	font-size: 0.7em;
}
#nav-3-1, #nav-3-2, #nav-3-3, #nav-3-4, #nav-3-5, #nav-3-6{
	height: 17px;
	padding-top: 0px;
	font-size: 0.7em;
}
#topborder{
	display:none;
}
#footborder{
	display:none;
}
#footer {
	height: 20px;
}
#land{
	height: 20px;
}
#sidefooter {
	height: 20px;
}
#mainfooter {
	height: 20px;
}
#navigation-4 {
	height: 20px;
}
#nav-4-1, #nav-4-2, #nav-4-3, #nav-4-4, #nav-4-5, #nav-4-6{
	height: 17px;
	width: 40px;			/*  Anpassen für verscheiden Monitorgrößen */
	padding-top: 6px;
	font-size: 0.7em;
}

#sidebar {
	width:30%;
}
#content{
	width: 69%;         /* x= 1024 - 200 Anpassen für verscheiden Monitorgrößen */
}
.maps iframe {
	height:220px;
}
}	

@media screen and (max-width:610px) {
			
		
			
#wrapper #main #kopfzeile{
	border-radius: 0 0 3px 3px;
	box-shadow: 0px 1px 1px #DDD;
	border-bottom-color: #DDD;
	border-bottom:thin
}
#wrapper #main #kopfzeile #logo{
	display: none;
}
#wrapper #main #kopfzeile #titel {
	margin-top: 0px;
	margin-right:11%;
	width: 75%;
}
.first{
	display: none;
	
}
.js .Second{
	display: none;
	
}
.js .first{               /* blendet bei Java den li. Doppelpfeil ein*/
		display:block;
		position: absolute;
		left: 4%;
		top: 8px;
		width: 27px;
		height: 27px;
		font-size:0.1em;
		color: transparent;
		cursor:pointer;
		background-image: url(../designes/images/pfeil-rechts.gif);
		background-position: center center;
		background-size:100%;
		background-repeat:no-repeat;
		border: 1px solid #CCC;
		border-bottom-color:#999;
		border-right-color:#999;
		border-radius: 2px 2px 2px 2px;
		box-shadow: 2px 2px 2px #999;
		z-index:3;
}
.js .Second{            /* blendet bei Java den re. Doppelpfeil ein*/
		top: -3px;
		right: -20%;
		display:none;
}
/*#sidemenue{             /* positioniert den pfeil nach unten rechts ein */
		/*display:block;
		position: absolute;
		left: 10%;
		top: 12px;
		width: 27px;
		height: 27px;
		font-size:0.1em;
		color: transparent;
		cursor:pointer;
		background-image: url(../designes/images/pfeil-schwung.gif);
		background-position: center center;
		background-size:100%;
		background-repeat:no-repeat;
		border-radius: 2px 2px 2px 2px;
		box-shadow: 2px 2px 2px #999;
		z-index: 3;
} */

#topmenue{   /* blendet den Pfeil nach unten ein */
		display:block;
		position: absolute;
		float: right;
		right: 6%;
		top: 8px;
		width: 27px;
		height:27px;
		font-size:0.1em;
		color: transparent;
		cursor:pointer;
		background-image: url(../designes/images/pfeil-unten.gif);
		background-position: center center;
		background-size:100%;
		background-repeat:no-repeat;
		border: 1px solid #CCC;
		border-bottom-color:#999;
		border-right-color:#999;
		border-radius: 2px 2px 2px 2px;
		box-shadow: 2px 2px 2px #999;
}


#nav-1-1, #nav-1-2, #nav-1-3, #nav-1-4, #nav-1-5, #nav-1-6{
	height: 17px;
	padding-top: 0px;
	font-size: 0.6em;
}
#nav-2-1, #nav-2-2, #nav-2-3, #nav-2-4, #nav-2-5, #nav-2-6{
	height: 17px;
	padding-top: 0px;
	font-size: 0.6em;
}
#nav-3-1, #nav-3-2, #nav-3-3, #nav-3-4, #nav-3-5, #nav-3-6{
	height: 17px;
	padding-top: 0px;
	font-size: 0.6em;
}
#navigation a {
	display:block;
	
	/* fallback */
		background-color:#F8F8F8;

	  /* Safari 4-5, Chrome 1-9 */
	  background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#F8F8F8), to(#FDFDFD));
	
	  /* Safari 5.1, Chrome 10+ */
	  background: -webkit-linear-gradient(bottom, #F8F8F8, #FDFDFD);
	
	  /* Firefox 3.6+ */
	  background: -moz-linear-gradient(bottom, #F8F8F8, #FDFDFD);
	
	  /* IE 10 */
	  background: -ms-linear-gradient(bottom, #F8F8F8, #FDFDFD);
	
	  /* Opera 11.10+ */
	  background: -o-linear-gradient(bottom, #F8F8F8, #FDFDFD);
	
	border: 1px solid #FEFEFE;
	text-decoration:none;
}

#navigation a:hover {
	color:#F00;
	
	/* fallback */
		background-color:#F0F0F0;

	  /* Safari 4-5, Chrome 1-9 */
	  background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#F0F0F0), to(#FDFDFD));
	
	  /* Safari 5.1, Chrome 10+ */
	  background: -webkit-linear-gradient(bottom, #F0F0F0, #FDFDFD);
	
	  /* Firefox 3.6+ */
	  background: -moz-linear-gradient(bottom, #F0F0F0, #FDFDFD);
	
	  /* IE 10 */
	  background: -ms-linear-gradient(bottom, #F0F0F0, #FDFDFD);
	
	  /* Opera 11.10+ */
	  background: -o-linear-gradient(bottom, #F0F0F0, #FDFDFD);
	
	border: 1px solid #F0F0F0;
	text-decoration:none;

}
#nav-4-1, #nav-4-2, #nav-4-3, #nav-4-4, #nav-4-5, #nav-4-6{
	height: 17px;
	width: 35px;			/*  Anpassen für verscheiden Monitorgrößen */
	padding-top: 6px;
	font-size: 0.6em;
}
#sidebar {
	width:100%;
}
#content{
	width: 100%;         /* x= 1024 - 200 Anpassen für verscheiden Monitorgrößen */
	border-left:none;
	
}
.js #sidebar img {
	width: 40%;
	margin-left: 6%;
	margin-top: 10px;
	margin-bottom:0px;
	height: auto;
	border: 1px solid #CCC;
	border-bottom-color:#999;
	border-right-color:#999;
	display: block;
	box-shadow: 3px 3px 5px #999;
	position: relative;
	float: left;
	z-index: 1;
	display: none;
}	
.js #pageslide #sidebar {
	margin-top: 30px;
}
.js #pageslide #sidebar img {
	width: 80%;
	margin-left: 5%;
	margin-top: 00px;
	margin-bottom:10px;
	height: auto;
	border: 1px solid #CCC;
	border-bottom-color:#999;
	border-right-color:#999;
	display: block;
	box-shadow: 3px 3px 5px #999;
	position: relative;
	float: left;
	z-index: 2;
}
#sidebar {display:none}
.js #navigation {display:none}
.maps iframe {
	height:250px;
}
.js #share-wrapper .mobile{
	display:inline-block;
}
}
@media screen and (max-width:500px) {
	#nav-1-1, #nav-1-2, #nav-1-3, #nav-1-4, #nav-1-5, #nav-1-6{
	height: 17px;
	padding-top: 2px;
	font-size: 0.5em;
}
#nav-2-1, #nav-2-2, #nav-2-3, #nav-2-4, #nav-2-5, #nav-2-6{
	height: 17px;
	padding-top: 2px;
	font-size: 0.5em;
}
#nav-3-1, #nav-3-2, #nav-3-3, #nav-3-4, #nav-3-5, #nav-3-6{
	height: 17px;
	padding-top: 2px;
	font-size: 0.5em;
}	
#nav-4-1, #nav-4-2, #nav-4-3, #nav-4-4, #nav-4-5, #nav-4-6{
	height: 17px;
	width: 35px;			/*  Anpassen für verscheiden Monitorgrößen */
	padding-top: 6px;
	font-size: 0.6em;
}
.maps iframe {
	height:220px;
}	
}
@media screen and (max-width:400px) {
#wrapper {
	min-width: 260px;    
}

#wrapper #main #kopfzeile{
	height: 50px;
}


#wrapper #main #kopfzeile #titel {
	top: 10px;
	margin-right:15%;
	margin-top: 0;
	width: 70%;
}
 #wrapper #main #kopfzeile #titel #titelbild{
	margin-top: 12px;
}
.js .first{               /* blendet bei Java den li. Doppelpfeil ein*/
		left: 4%;
		top: 8px;
}
.js .Second{            /* blendet bei Java den re. Doppelpfeil ein*/
		top: -5px;
		right: -30%;
}
#sidemenue{             /* positioniert den pfeil nach unten rechts ein */
		left: 11%;
		top: 8px;
}
#topmenue{   /* positioniert den Pfeil nach unten ein */
		right: 6%;
		top: 8px;
}
#navigation {
	height: 125px;
	width: 100%;          /* x= 1024 Anpassen für verscheiden Monitorgrößen */
	margin: 0;
	padding: 0;
	float: left;
	z-index: 2;
}
#navigation-1 {
	width: auto;
	height: 50px;
	margin: 0;
	padding: 0;
	z-index: 2;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #000;
}
#navigation-2 {
	width: auto;
	height: 50px;
	margin: 0;
	padding: 0;
	z-index: 2;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #000;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #000;
}
#navigation-3 {
	width: auto;
	height: 23px;
	margin: 0;
	padding: 0;
	z-index: 2;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #000;
}
#nav-1-1, #nav-1-2, #nav-1-3, #nav-1-4, #nav-1-5, #nav-1-6{
	height: 22px;
	width: 33.33333333%;			/*  Anpassen für verscheiden Monitorgrößen */
	float: left;
	padding-left: 0%;
	padding-top: 2px;
	font-size: 0.7em;
}
#nav-2-1, #nav-2-2, #nav-2-3, #nav-2-4, #nav-2-5, #nav-2-6{
	height: 22px;
	width: 33.33333333%;		/*  Anpassen für verscheiden Monitorgrößen */
	float: left;
	padding-left: 0%;
	padding-top: 2px;
	font-size: 0.7em;
}
#nav-3-1, #nav-3-2, #nav-3-3, #nav-3-4, #nav-3-5, #nav-3-6{
	height: 22px;
	width: 33.33333333%;			/*  Anpassen für verscheiden Monitorgrößen */
	float: left;
	padding-left: 0%;
	padding-top: 2px;
	font-size: 0.7em;
}
#nav-3-4, #nav-3-5, #nav-3-6{
	display: none;
}
#sidefooter {
	display:none;
}
#nav-4-1, #nav-4-2, #nav-4-3, #nav-4-4, #nav-4-5, #nav-4-6{
	height: 17px;
	width: 50px;			/*  Anpassen für verscheiden Monitorgrößen */
	padding-top: 4px;
	font-size: 0.6em;
}
#sidebar {
	width:100%;
}
#content{
	width: 100%;         /* x= 1024 - 200 Anpassen für verscheiden Monitorgrößen */
}	
.maps iframe {
	height:180px;
}
}
@media screen and (max-width:350px) {
.maps iframe {
	height:150px;
}
#navigation {
	height: 100px;
}
#navigation-1 {
	height: 40px;
}
#navigation-2 {
	height: 40px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #000;
}
#navigation-3 {
	height: 20px;
}
#nav-1-1, #nav-1-2, #nav-1-3, #nav-1-4, #nav-1-5, #nav-1-6{
	height: 17px;
	padding-top: 0px;
	font-size: 0.6em;
}
#nav-2-1, #nav-2-2, #nav-2-3, #nav-2-4, #nav-2-5, #nav-2-6{
	height: 17px;
	padding-top: 0px;
	font-size: 0.6em;
}
#nav-3-1, #nav-3-2, #nav-3-3, #nav-3-4, #nav-3-5, #nav-3-6{
	height: 17px;
	padding-top: 0px;
	font-size: 0.6em;
}
#nav-3-4, #nav-3-5, #nav-3-6{
	display: none;
}				
#nav-4-1, #nav-4-2, #nav-4-3, #nav-4-4, #nav-4-5, #nav-4-6{
	height: 17px;
	width: 35px;			/*  Anpassen für verscheiden Monitorgrößen */
	padding-top: 6px;
	font-size: 0.6em;
}
}
@media screen and (max-width:300px) {
.maps iframe {
	height:150px;
}	
#nav-1-1, #nav-1-2, #nav-1-3, #nav-1-4, #nav-1-5, #nav-1-6{
	height: 17px;
	padding-top: 3px;
	font-size: 0.5em;
}
#nav-2-1, #nav-2-2, #nav-2-3, #nav-2-4, #nav-2-5, #nav-2-6{
	height: 17px;
	padding-top: 3px;
	font-size: 0.5em;
}
#nav-3-1, #nav-3-2, #nav-3-3, #nav-3-4, #nav-3-5, #nav-3-6{
	height: 17px;
	padding-top: 3px;
	font-size: 0.5em;
}	
#nav-4-1, #nav-4-2, #nav-4-3, #nav-4-4, #nav-4-5, #nav-4-6{
	height: 17px;
	width: 35px;			/*  Anpassen für verscheiden Monitorgrößen */
	padding-top: 6px;
	font-size: 0.5em;
}
}	
@media print {
#main{
	width: 90%;
}
#wrapper #main #kopfzeile{
	height: 70px;
	border-bottom-style:solid;
	border-bottom-width:thin;
	border-bottom-color:#FFF;
}
#wrapper #main #kopfzeile #logo{
	width: 15%;
	height: auto;
	float: left;
	margin-left: 8px;
}
#logobild{
	display:block;
	width: 80%;
	height: auto;
	margin-top: 8px;
}
#wrapper #main #kopfzeile #titel {
	margin: 0;
	padding-top: 0px;
	padding-left: 0px;
	width: 80%;
	height: auto;
	float: left;
	margin-top: 0px;
	margin-left: 10px;
}
#titelbild{
	display:block;
	width: 100%;
	height: auto;
	margin-top: 15px;
}
#navigation{
	display: none;
}
#topborder{
	display: none;
}
#container{
	width: 100%;       
	height: auto;
}
#content{
	width: 100%; 
	border-left:none;  
}
#content section h1 {
	margin-left: 5%;
	font-size: 1.5em;
	color:#999;
}
#content section h2 {
	margin-left: 5%;
	font-size: 1.5em;
	color:#999;
}
#content section h3 {
	margin-left: 5%;
	font-size: 1.5em;
	color:#999;
}
#content section p{
	margin-left: 5%;
	margin-right: 5%;
	text-align:justify;
	font-size: 1em;
}
#container #sidebar {
	display: none;
}
#rightbar{
	display: none;
}
.first{               /* blendet bei Java den li. Doppelpfeil aus*/
		display: none;
}
.Second{            /* blendet bei Java den re. Doppelpfeil aus*/
		display: none;
}
#sidemenue{             /* positioniert den pfeil nach unten rechts aus */
		display: none;
}
#topmenue{   /* positioniert den Pfeil nach unten aus */
		display: none;
}
#rightmenue{
	display: none;
}
#footer{
	display:none;
}
.slider {
	width: 100%;
}
.flexslider {
	width: 100%;
}
.slides {
	width: 100%;
}
#content img {
width: 80%;
margin-left: 0;
height: auto;
}
#content h4 {
	display: none;
}
}