/* ==========================================================================
   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: #FFF;
	font-family: Arial, Helvetica, Geneva, Tahoma, sans-serif;
	font-weight: lighter;

}

#wrapper {
	max-width: 1024px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;        
	min-height:480px;       
	height: auto;
	z-index: 1;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	overflow:hidden;
}

#main{
	width: 80%;            
	height: auto;
	z-index: 1;
	background-color: #FFF;
	float:right;
	border-left: 1px solid #CCC;
}

#kopfzeile{
	position: relative;
	margin-top: 0px;
	margin-left: -1px;
	max-width: 820px;  
	float: left;
	width: 80%;  
	height: 50px;
	
	/* 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);
	
	padding: 0;
	z-index: 3;
	font-family: Arial, Helvetica, Geneva, Tahoma, sans-serif;
	font-weight: lighter;
	position:fixed;
	float:left;
	border-bottom: 1px solid #CCC;
}

#kopfzeile #titel {
	margin-left: 0;
	padding-top: 0px;
	padding-left: 0px;
	width: 100%;
	height: auto;
	float: left;
	margin-top: 0px;
	z-index: 3;
}
#kopfzeile #titel h1 {

	font-size: 1.5em;
	margin-top: 15px;
	margin-left: 0;
	font-weight:normal;
	text-align: center;
	font-family: Arial, Helvetica, Geneva, Tahoma, sans-serif;
	color:#C00;
}
#wrapper #main #kopfzeile #titel h2 {
	color: #CC0000;
	font-size: 0.8em;
	margin-top: 10px;
	margin-left: 50px;
	font-weight: lighter;
	text-align: center;
	font-family: Arial, Helvetica, Geneva, Tahoma, sans-serif;
	color: transparent;
	display: none;
}
#pageslide {
    position: absolute;
	margin-top: 0px;
	margin-left: 0px;
	padding-top:0px;
	padding-left:0px;
    top: 0;
    z-index: 2;
    width: 200px;
	min-height: 480px;
	height: auto;
	background-color:#FFF;
	display: none;
}
.first{
	display: none;
	
}


#home a{               /* blendet den home button ein*/
		display:block;
		position: absolute;
		left: 2%;
		top: 10px;
		width: 27px;
		height: 27px;
		font-size:0.1em;
		color: transparent;
		cursor:pointer;
		background-image: url(../designes/images/home.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 #FFF;
		z-index:3;
}
#paragraph a{               /* blendet den paragraph button ein*/
	display: block;
	position: absolute;
	left: 2%;
	top: 10px;
	width: 27px;
	height: 27px;
	font-size: 0.1em;
	color: transparent;
	cursor: pointer;
	background-image: url(../designes/images/paragraph.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 #FFF;
	z-index: 3;
}
#topmenue{   /* blendet den Pfeil nach unten ein */
		display:block;
		position: absolute;
		float: right;
		right: 3%;
		top: 10px;
		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 #FFF;
}

#navigation{
	height:auto;
	margin-top: 50px;
	border:hidden;
}
#navigation-1 {
	height: auto;
	border:hidden;
	
}

#nav-1-1, #nav-1-2, #nav-1-3, #nav-1-4, #nav-1-5, #nav-1-6, #nav-1-7, #nav-1-8{
	height: auto;
	width: 50%;
	margin: 0;			
	padding: 0;
	float: left;
	font-size: 1.5em;
	font-family: Arial, Helvetica, Geneva, Tahoma, sans-serif;
	font-weight: lighter;

}
.js #navigation {display:none}

#navigation a {
	color:#000;
	display:block;
		/* 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 #FEFEFE;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

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

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

}

#container{
	width: 100%;          
	min-height: 450px;     
	height: auto;
	margin-top: 0;
	padding: 0;
	z-index: 2;
	position:relative;
}
 #sidebar {
	width: 19%;
	max-width: 200px;
	height: auto;
	margin: 0;
	margin-top: 0px;
	padding: 0;	
	z-index: 2;
	float: left;
	background-color: #FFF;
	position: absolute;

}
#sidekopfzeile{
	position: absolute;
	margin-top: 0px;
	max-width: 204px;
	width: 20%;  
	height: 50px;
	padding: 0;
	z-index: 3;
	position:fixed;
	/* 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-bottom: 1px solid #CCC;
}
 #sidekopfzeile h2 {
	max-width: 200px;
	width: 100%;  
	font-size: 1.5em;
	margin-top: 15px;
	font-weight:normal;
	text-align:center;
	font-family: Arial, Helvetica, Geneva, Tahoma, sans-serif;
	color:#C00;	
	display:block;
	z-index: 3;
}
#sidecontent{
	width: 100%;         
	height: auto;
	margin-top: 55px;
}
#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 p{
	font-family: Arial, Helvetica, Geneva, Tahoma, sans-serif;
	font-weight: lighter;
	color:#666;
	font-size: 1em;
	margin-left: 5%;
}
#sidebar h4{
	font-family: Arial, Helvetica, Geneva, Tahoma, sans-serif;
	font-weight: lighter;
	color:#666;
	font-size: 1em;
	margin-left: 5%;
}
 #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;

}
 #sidebar img {
	width: 90%;
	margin-left: 5%;
	margin-top: 0px;
	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;
}
.js #pageslide #sidebar {
	width:100%;
	height: auto;
	margin: 0;
	padding: 0;	
	z-index: 2;
	float: left;	
}
.js #pageslide #sidebar #sidekopfzeile{
	position: absolute;
	margin-top: 0px;
	max-width: 200px;
	width: 100%;  
	height: 40px;
	padding: 0;
	z-index: 3;
	position:fixed;
	/* fallback */
	background-color:#F0F0F0;

	  /* Safari 4-5, Chrome 1-9 */
	  background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#E0E0E0), 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-bottom: 1px solid #CCC;
}
.js #pageslide #sidebar #sidekopfzeile h2 {
	width: 200px; 
	font-size: 1.5em;
	margin-top: 10px;
	font-weight:normal;
	text-align:center;
	font-family: Arial, Helvetica, Geneva, Tahoma, sans-serif;
	color:#C00;	
	display:block;
	z-index: 3;
}
.js #pageslide #sidebar #wetter {
	width: 100%;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom:0px;
	height: auto;
	position: relative;
	float: left;
	z-index: 2;
}
.js #pageslide #sidebar #pollen {
	width: 100%;
	margin-left: 10%;
	margin-top: 0px;
	margin-bottom:0px;
	height: auto;
	position: relative;
	float: left;
	z-index: 2;
}

.js #pageslide #sidebar p{
	font-family: Arial, Helvetica, Geneva, Tahoma, sans-serif;
	font-weight: lighter;
	color:#666;
	font-size: 1em;
	margin-left: 5%;
}
.js #pageslide #sidebar .inputbox{
	font-family: Arial, Helvetica, Geneva, Tahoma, sans-serif;
	font-weight: lighter;
	color:#666;
	font-size: 14px;

}
.js #pageslide #sidebar .ziel-maps{
	font-family: Arial, Helvetica, Geneva, Tahoma, sans-serif;
	font-weight: lighter;
	color:#000;
	font-size: 14px;

}
.js #pageslide #sidebar button #button-maps{
	font-family: Arial, Helvetica, Geneva, Tahoma, sans-serif;
	font-weight: lighter;
	color:#000;
	font-size: 14px;

}
.js #pageslide #sidebar img {
	width: 90%;
	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;
}

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

/* Share button */

/* outer wrapper */
	#share-wrapper {
		position:relative;
		bottom: 0;
		padding: 5px 5px 0px 5px;
		width: 100%;
		margin: 0px;
		background-color:#FFF;
		z-index: 3;
		

	}
	 #share-wrapper ul.share-inner-wrp {
		list-style: none;
		margin: 0px auto;
		padding: 0px;
		text-align: center;
		overflow: auto;
	}
	#share-wrapper li.button-wrap {
		display: inline-block;
		width: 27px!important;
		margin: 5px;
		padding: 0px;
		margin-left:0px!important;
	}
	.js #share-wrapper li.button-wrap > a {
		height: 27px;
		width: 27px;
		display: inline-block;
		padding: 0;
		margin: 0;
		float: left;
		background-size:100%;
		background-repeat:no-repeat;
		background-position: center center;
		border: 1px solid #CCC;
		border-bottom-color:#999;
		border-right-color:#999;
		border-radius: 2px 2px 2px 2px;
		box-shadow: 2px 2px 2px #999;
	}
	
	#share-wrapper li.button-wrap > a {
		font-size:0.1em;
		color: transparent;
	}
/* background image for each link */
.js #share-wrapper .country > a{
	background: url(../designes/images/country_de.jpg) no-repeat right;
}
.js #share-wrapper .facebook > a{
	background: url(../designes/images/facebook.jpg) no-repeat right;
}
.js #share-wrapper .twitter > a{
	background: url(../designes/images/twitter.jpg) no-repeat right;
}
.js #share-wrapper .stumbleupon > a{
	background: url(../designes/images/stumbleupon.jpg) no-repeat right;
}
.js #share-wrapper .google > a{
	background: url(../designes/images/google.jpg) no-repeat right;
}
.js #share-wrapper .youtube > a{
	background: url(../designes/images/youtube.jpg) no-repeat right;
}
.js #share-wrapper .email > a{
	background: url(../designes/images/email.jpg) no-repeat right;
}
.js #share-wrapper .desktop > a{
	background: url(../designes/images/desktop.jpg) no-repeat right;
}
.js #share-wrapper .agb > a{
	background: url(../designes/images/paragraph.jpg) no-repeat right;
}
.js #share-wrapper .country{
	display:none;
}

#content{
	width: 100%;         
	height: auto;
	margin-top: 55px;
	padding-left: 0;	
	z-index: 2;
	float: left;
	
}
#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;
}
.bilder{
	width: 100%;
	height:auto;
}
.images{
	width: 80%;
	margin-left: 10%;
	margin-top: 10px;
	margin-bottom: 10px;
	height:auto;
}
.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;
	width:100%;
	height:450px;
}

#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;
}


.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 only screen and (max-width:1100px) and (orientation : landscape){
#wrapper #main #kopfzeile{
	width: 77%;
}
#navigation{
	width: 96%;
}
#container{
	width: 96%;
}
#footer{
	width: 96%;
}
}
@media only screen and (max-width:900px) and (orientation : landscape){
#wrapper #main #kopfzeile{
	width: 76%;
}
#wrapper #main #navigation{
	width: 95%;
}
#container{
	width: 95%;
}
#footer{
	width: 95%;
}
}

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

.spalte0 {
	width: 100%;
	float: left;
	margin-top: 10px;
}
.spalte1{
	width: 100%;
	float: left;
	margin-top: 10px;
}
.spalte2 {
	width: 100%;
	float: left;
	margin-top: 10px;
}
.spalte0 p{
	margin-left: 2.5%;
	margin-right: 5%;
	text-align:justify;
	font-size: 1em;
}
.spalte1 p{
	margin-left: 2.5%;
	margin-right: 5%;
	text-align:justify;
	font-size: 1em;
}
.spalte2 p{
	margin-left: 2.5%;
	margin-right: 5%;
	text-align:justify;
	font-size: 1em;
}
.maps iframe {
	margin-left: 0;
	width:100%;
	height:450px;
}
}
@media only screen and (max-width:850px) and (orientation : landscape){
#wrapper #main #kopfzeile{
	width: 76%;
}
#wrapper #main #navigation{
	width: 94%;
}
#container{
	width: 94%;
}
#footer{
	width: 94%;
}
}
@media only screen and (max-width:750px) {
	
#wrapper #sidebar {
	width:25%;
}
#wrapper #sidebar #sidekopfzeile{
	width: 26%;  
}
#main{
	width: 74%;        
}
#wrapper #main #kopfzeile{
	width: 74%;  
}
.maps iframe {
	height:400px;
}
}
@media only screen and (max-width:750px) and (orientation : landscape){
#wrapper #main #kopfzeile{
	width: 69%;
}
#wrapper #main #navigation{
	width: 93%;
}
#container{
	width: 93%;
}
#footer{
	width: 93%;
}
}
@media only screen and (max-width:700px) and (orientation : landscape){
#wrapper #main #kopfzeile{
	width: 68%;
}
#wrapper #main #navigation{
	width: 92%;
}
#container{
	width: 92%;
}
#footer{
	width: 92%;
}
}
@media only screen and (max-width:650px) {
#wrapper #sidebar  #sidekopfzeile h2 {
	font-size: 1.5em;
	margin-top: 10px;
}
#wrapper #main #kopfzeile #titel h1 {
	font-size: 1.5em;
	margin-top: 10px;
}
#home a{               /* blendet den home button ein*/
		top: 5px;
		
}
#paragraph a{               /* blendet den paragraph button ein*/
		top: 5px;
}
#topmenue{   /* blendet den Pfeil nach unten ein */
		top: 5px;
}
	
	
#wrapper #main #navigation{
	margin-top: 40px;
}
#nav-1-1, #nav-1-2, #nav-1-3, #nav-1-4, #nav-1-5, #nav-1-6, #nav-1-7, #nav-1-8{
	font-size: 1.2em;

}
#wrapper #sidebar {
	width:30%;
}
#wrapper #sidebar #sidekopfzeile{
	width: 31%;  
	height: 40px;
}
#sidecontent{
	margin-top: 45px;
}
#main{
	width: 69%;         
}
#wrapper #main #kopfzeile{
	width: 69%;  
	height: 40px;
}
#content{
	margin-top: 45px;
}
.maps iframe {
	height:220px;
}
}	
@media only screen and (max-width:650px) and (orientation : landscape){
#wrapper #main #kopfzeile{
	width: 62.5%;
}
#wrapper #main #navigation{
	width: 91%;
}
#container{
	width: 91%;
}
#footer{
	width: 91%;
}
}
@media only screen and (max-width:600px) {

#nav-1-1, #nav-1-2, #nav-1-3, #nav-1-4, #nav-1-5, #nav-1-6, #nav-1-7, #nav-1-8{
	font-size: 1em;

}
#content img {
	width: 90%;
	height: auto;
	margin-left: 5%;
	
}
.maps iframe {
	margin-left: 0;
	width:100%;
	height:250px;
}
}
@media only screen and (max-width:600px) and (orientation : landscape){
#wrapper #main #kopfzeile{
	width: 62%;
}
#wrapper #main #navigation{
	width: 90%;
}
#container{
	width: 90%;
}
#footer{
	width: 90%;
}
}
@media only screen and (max-width:550px) and (orientation : landscape){
#wrapper #main #kopfzeile{
	width: 61.5%;
}
#wrapper #main #navigation{
	width: 89%;
}
#container{
	width: 89%;
}
#footer{
	width: 89%;
}
}
@media only screen and (max-width:500px) {
#home{
	display:none;
	}
.js .first{               /* blendet bei Java den li. Pfeil ein*/
		display:block;
		position: absolute;
		left: 2%;
		top: 5px;
		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 #FFF;
		z-index:3;
		display: none;
}
.js .first{
	display:block;
	}
#wrapper #sidebar {
	width:100%;
	display:none;
}
#wrapper #sidebar #sidebarcontent{
	width:100%;
}
#wrapper #sidebar #sidekopfzeile{
	width: 100%;  

}
#main{
	width: 100%;        
}
#wrapper #main #kopfzeile{
	width: 100%;  

}
#content img {
	width: 78%;
	height: auto;
	margin-left: 11%;
	
}	
.maps iframe {
	height:300px;
}	
}

@media only screen and (max-width:500px) and (orientation : landscape){
#wrapper #main #kopfzeile{
	width: 92%;
}
#wrapper #main #navigation{
	width: 98%;
}
#container{
	width: 98%;
}
#footer{
	width: 98%;
}
}

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

#wrapper #main #navigation {
	height: auto;
	width: 100%;         
	padding: 0;
	float: left;

}
#navigation-1 {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	z-index: 2;
	
}

#nav-1-1, #nav-1-2, #nav-1-3, #nav-1-4, #nav-1-5, #nav-1-6, #nav-1-7, #nav-1-8{
	height: auto;
	width: 100%;
	margin: 0;			
	padding: 0;;
	float: left;

}
#content img {
	width: 90%;
	height: auto;
	margin-left: 5%;
	
}	
.maps iframe {
	height:200px;
}	

}
@media only screen and (max-width:470px) and (orientation : landscape){
#wrapper #main #kopfzeile{
	width: 91%;
}
#wrapper #main #navigation{
	width: 92%;
}
#container{
	width: 92%;
}
#footer{
	width: 92%;
}
}
@media only screen and (max-width:400px) {
#wrapper #sidebar #sidekopfzeile h2 {
	font-size: 1.2em;
	margin-top: 12px;
}
#wrapper #main #kopfzeile #titel h1 {
	font-size: 1.2em;
	margin-top: 12px;	
}
#content img {
	width: 96%;
	height: auto;
	margin-left: 1.5%;
}
.maps iframe {
	height:350px;
}
}
@media only screen and (max-width:400px) and (orientation : landscape){
#wrapper #main #kopfzeile{
	width: 89%;
}
#wrapper #main #navigation{
	width: 88%;
}
#container{
	width: 88%;
}
#footer{
	width: 88%;
}
}
@media only screen and (max-width:300px) {
#wrapper #sidebar #sidekopfzeile h2 {
	font-size: 1em;
	margin-top: 13px;
}
#wrapper #main #kopfzeile #titel h1 {
	font-size: 1em;
	margin-top: 13px;	
}
.maps iframe {
	height:250px;
}	
}
@media only screen and (max-width:300px) and (orientation : landscape){
#wrapper #main #kopfzeile{
	width: 86%;
}
#wrapper #main #navigation{
	width: 86%;
}
#container{
	width: 86%;
}
#footer{
	width: 86%;
}
}
@media print {
#main{
	width: 100%;
	border:none;
}
#wrapper #main #kopfzeile{
	height: 70px;
	border-bottom-style:solid;
	border-bottom-width:thin;
	border-bottom-color:#FFF;
}

#wrapper #main #kopfzeile #titel {
	margin: 0;
	padding-top: 0px;
	padding-left: 0px;
	width: 80%;
	height: auto;
	float: left;
	margin-top: 0px;
	margin-left: 10px;
}

#wrapper #main #navigation{
	display: none;
}
#topborder{
	display: none;
}
#container{
	width: 100%;       
	height: auto;
}
#content{
	width: 100%; 
	border-left:none;  
}
#content articel h1{
	margin-left: 5%;
	font-size: 1.5em;
	color:#999;
}
#content articel h2{
	margin-left: 5%;
	font-size: 1.5em;
	color:#999;
}
#content articel 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;
}
#wrapper #sidebar {
	display: none;
}

#wrapper #main #kopfzeile #titel .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;
}

#content img {
width: 90%;
margin-top: 40px;
margin-left: 5%;
height: auto;
}
#content h4 {
	display: none;
}

}