body {
	width:100%;
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	font-family:Arial,Helvetica,sans-serif;
	min-height:100%;
	
	
	}
html,body,#contents {
  width:100%;
  min-height:100%;
  height:100%;

}

html>body,html>body #contents{
  height:auto;
  }
/* -----Header ---- */
#header {
	border-top:5px solid #2135bc;		
	height:270px;
	width:100%;
	background-image:url("images/natur7.jpg");
	background-color:#eaffd5;
	/*background-image:url("images/natur-weihnacht.jpg");*/
	background-repeat:no-repeat;
	background-position:100% 0%;
	
}
/* #header .logo {
  margin:1em 0 0 1em;
  padding:0;
  float:left;
  border:none;

} */
/*
#header .bild {
	float:left;
	margin-left:5px;
	margin-right:5px;
	margin-top:3em;
	
	width:25%; /* breite des Frame
	}
	*/
#header .bild img{
	width:100%; /* breite des Bildes*/
	
}
#header .text {
	border:2px solid green;
	float:left;
	margin-top: 5px;	
	margin-left:4em;
	
	width:25em;
	background-color:#cde08c;
	
}

#header .text h1{
	font: 1.2em Times New Roman;
	color: #d9451e;
	font-weight:BOLD;
	line-height:1.3em;
	padding-left:0.5em;
	width:65%;
	float:left;
	
}
#header .text img{
	width:30%;
	float:right;
	padding-right:0.5em;
	padding-top:8px;
	
	
}
#header .text h3{
	font: 15px Times New Roman;
	color: #2e8414;
	/*font-weight:BOlD;*/
	line-height:1em;
	padding-left:1em;
	float:left;
	
	}


#header .bild2{
	float:left;
	width:29%;
	margin-top:5px;
	margin-right:1px;
	border:1px solid white;
	border-bottom:4px solid orange;
	
	}
/*#header .bild2 img{
	width:100%;

}*/
/*------------Navigation Bar ------------------ */
#navibar {
	
	left:3%;
	width:100%;
	font:14px Arial BOLD;
	text-align:center;	
	list-style-type:disc;
	}
#navibar .bar1{
	margin-bottom:0.5em;
	border-top:1px solid #2135bc;
	border-left:1px solid #2135bc;
	border-right:1px solid #2135bc;
	background-color:#d8f9b1;
	}
#navibar .bar1 a:link,.bar1 a:visited{
	text-decoration:none;
	color:#2135bc;
	margin-left:1em;
	}
#navibar .bar1 a:hover{
	color:black;
	background-color:#b0df56;
	}
#navibar .bar2 {
	border-left:1px solid #2135bc;
	border-right:1px solid #2135bc;
	border-bottom:1px solid #2135bc;
	background-color:#e8e8e8;
	}
	
#navibar .bar2 a:link,.bar2 a:visited{
	text-decoration:none;
	color:#2135bc;
	margin-left:1em;
	
	}
#navibar .bar2 a:hover{
	color:black;
	background-color:#b0df56;
	}
	
/* -----Contents ------ */
#wrapper {
	float:left;
	width:100%;
	margin-top:1em;
	padding:0;
	margin-bottom:0.5em;
	
	
	}
	/*--------- linkside ------ */
#linkside {
	width:16%;
	position:absolute;
	top:21em;
	left:1em;
	margin:0;
	padding:0;
	border-left:1px solid #1548da;
	border-top:1px solid #1548da;
   	background-color:#c2c2c2;
	height:48em;
}

#linkside .nav {
	padding:0 7px 1em 0;
	margin-top:1em;
	margin-left:3px;
	margin-bottom:1em;
	border-top:5px solid #2135bc;
	border-left:5px solid #2135bc;
	border-right:1px solid red;
	border-bottom:1px solid red;
	width:100%;
	height:11em;
	background-color:#e8e8e8;
	display:block;
	font:80% Arial,Helvetica,sans-serif;	
	}
	
#linkside .nav ul {
	list-style:none;
	padding:0;
	margin:0;
	}
	
#linkside .nav  li{
	border-bottom:1px dotted #ED9F9F;
	}

#linkside .nav  a:link,.nav  a:visited {
  display:block;
  text-decoration: none;
  color: #2135bc;
  padding:5px 0 0 1em;
  
  }

#linkside .nav  a:hover {
  
  border-left:3px solid red;
  color: #af4a8d;
  background-color:#c2c2c2;
  }


#linkside .adresse{
	padding:5px;
	margin-top:1em;
	margin-left:3px;
	margin-bottom:1em;
	width:100%;
	border-top:1px solid green;
	border-right:1px solid green;
	border-bottom:1px solid green;
	border-left:5px solid #2135bc;
	font:70% Arial,Helvetica,sans-serif;
	background-color:#eaffd5;
}

#linkside .adresse img {
margin-top:3px;
margin-left:0;
}
#linkside .adresse h4{
	color:blue;
	margin-top:5px;
	margin-left:2em;
	margin-bottom:5px;
	text-decoration:underline;
	font:100% Arial,Helvetica,sans-serif;
	}


	
#linkside .intro {
	padding:5px;
	margin-top:1em;
	margin-left:3px;
	margin-bottom:1em;
	width:100%;
	border-top:1px solid green;
	border-right:1px solid green;
	border-bottom:1px solid green;
	border-left:5px solid #2135bc;
	font:66% Arial,Helvetica,sans-serif;
	background-color:#eaffd5;
  }
 
 #linkside .intro2{
	padding:5px;
	margin-top:1em;
	margin-left:3px;
	margin-bottom:1em;
	width:100%;
	border-top:1px solid green;
	border-right:1px solid green;
	border-bottom:5px solid #2135bc;
	border-left:5px solid #2135bc;
	font:66% Arial,Helvetica,sans-serif;
	background-color:#eaffd5;
	}
	/* ------- contents ------- */
#content {
	width:62%;
	margin-left:20%;
	margin-right:16%;
	margin-top:1em;
	float:left;
	
	/* border:1px solid red; */
  
}
#content .iden0{

	margin:0 1em 1em 0;
	padding:0 1em 1em 0;
	}
#content .iden0 h4{
	font :80% Arial,Helvetica,sans-serif;
	text-align:center;
	margin:0 ;
	}
#content .iden0 h5{
	font :75% Arial,Helvetica,sans-serif;
	text-align:center;
	margin:0 ;
	}
#content .iden0 a:link,.iden0 a:visited{
	color:green;
	font:100% Arial,Helvetica,sans-serif;
	text-decoration:none;
	}
#content .iden0 a:hover{
	color:gray;
	text-decoration:none;
	}
	
/*------------------- Box 1,2,3 -------------------------*/
#iden1{
	float:left;
	width:100%;
	}
#iden1 .box1 {
	width:30%;
	border:1px dotted blue;
	margin-left:0.1em;
	margin-right:0.1em;
	margin-bottom:0;
	margin-top:2em;
	padding:5px;
	font-size:80%;
	float:left;
	background-color:#d8f9b1;
}
#iden1 .box1 .sub-text{
	/*border:1px solid blue;*/
	padding:5px;
	font-size:110%;
	float:left;
	text-align:center;
	background-color:#bfe353;
	width:70%;
	}
#iden1 .box1 .sub-box1 {
	border:1px solid blue;
	margin-left:0.5em;
	margin-right:0.5em;
	margin-bottom:0;
	margin-top:1.2em;
	padding-top:19px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	font-size:90%;
	
}
#iden1 .box2 {
	width:30%;
	border:1px dotted blue;
	margin-left:0.1em;
	margin-right:0.1em;
	margin-bottom:0;
	margin-top:2em;
	padding:5px;
	font-size:80%;
	float:left;
	background-color:#d8f9b1;
	height:220px;
}

#iden1 .box2 .sub-text2{
	height:20px;
	/*border:1px solid blue;*/
	padding:5px;
	font-size:110%;
	float:left;
	text-align:center;
	background-color:#c4df56;
	width:65%;
	}
#iden1 .box2 .sub-box2 {
	border:1px solid blue;
	margin-left:0.5em;
	margin-right:0.5em;
	margin-bottom:0;
	margin-top:1.2em;
	padding-top:19px;
	padding-left:10px;
	padding-right:10px;
	font-size:90%;
	
}


#iden1 .box3 {
	width:30%;
	border:1px dotted blue;
	margin-left:0.1em;
	margin-right:0.1em;
	margin-bottom:0;
	margin-top:2em;
	padding:5px;
	font-size:80%;
	float:left;
	background-color:#d8f9b1;
}

#iden1 .box3 .sub-text3{
	/*border:1px solid blue;*/
	padding:5px;
	font-size:110%;
	float:left;
	text-align:center;
	background-color:#c4df56;
	width:65%;
	}
#iden1 .box3 .sub-box3{
	border:1px solid blue;
	margin-left:0.5em;
	margin-right:0.5em;
	margin-bottom:0;
	margin-top:1.2em;
	padding-top:19px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	font-size:90%;
	
}




/* ------------------- Box 4,5,6 ---------------------*/
#iden2 {
	float:left;
	margin-top:0;
	margin-bottom:1em;
	width:100%;
	}
#iden2 .box4 {
	width:30%;
	border:1px dotted blue;
	margin-left:0.1em;
	margin-right:0.1em;
	margin-bottom:0;
	margin-top:2em;
	padding:5px;
	font-size:80%;
	float:left;
	background-color:#d8f9b1;
}

#iden2 .box4 .sub-text4{
	/*border:1px solid blue;*/
	padding:5px;
	font-size:110%;
	float:left;
	text-align:center;
	background-color:#b0df56;
	width:65%;
	}
#iden2 .box4 .sub-box4{
	border:1px solid blue;
	margin-left:0.5em;
	margin-right:0.5em;
	margin-bottom:0;
	margin-top:1.2em;
	padding-top:19px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	font-size:90%;
	
}

  
#iden2 .box5{
	width:30%;
	border:1px dotted blue;
	margin-left:0.1em;
	margin-right:0.1em;
	margin-bottom:0;
	margin-top:2em;
	padding:5px;
	font-size:80%;
	float:left;
	background-color:#d8f9b1;
}

#iden2 .box5 .sub-text5{
	/*border:1px solid blue;*/
	padding:5px;
	font-size:110%;
	float:left;
	text-align:center;
	background-color:#b0df56;
	width:70%;
	}
#iden2 .box5 .sub-box5{
	border:1px solid blue;
	margin-left:0.5em;
	margin-right:0.5em;
	margin-bottom:0;
	margin-top:1.2em;
	padding-top:19px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	font-size:90%;
	
}


#iden2 .box6 {
	width:30%;
	border:1px dotted blue;
	margin-left:0.1em;
	margin-right:0.1em;
	margin-bottom:0;
	margin-top:2em;
	padding:5px;
	font-size:80%;
	float:left;
	background-color:#d8f9b1;
}

#iden2 .box6 .sub-text6{
	/*border:1px solid blue;*/
	padding:5px;
	font-size:110%;
	float:left;
	text-align:center;
	background-color:#b0df56;
	width:65%;
	}
#iden2 .box6 .sub-box6{
	border:1px solid blue;
	margin-left:0.5em;
	margin-right:0.5em;
	margin-bottom:0;
	margin-top:1.2em;
	padding-top:19px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	font-size:90%;
	
}
/*-------------------- Links --------------------*/


/*---------- -------- rightside -----------------*/
#rightside {
	width:17%;
	position:absolute;
	top:22em;
	right:1em;
	margin:0;
}

#rightside .angebot1{
	margin-left:0.5em;	
	padding-left:0.5em;
	padding-right:0.5em;
	font: 80% Arial,Helvetica,sans-serif;
	border-top:10px inset red;
	border-bottom:5px ridge red;
	border-left:5px ridge red;
	border-right:5px ridge red;
	background-color:#e8e8e8;
	line-height:1.2em;
}
#rightside .angebot1 h3{
	
	color:black;
	text-align:center;
	background-color:#b0df56;
	
	}
#rightside .angebot1 a:link,a:visited{
	text-decoration:none;
	color:black;
	
	}
#rightside .angebot1 a:hover{
	color:red;
	
	}

#rightside .angebot2{
  margin-top:1em;
  margin-left:1em;
  padding:0.5em;
  font:80% Arial,Helvetica,sans-serif;
  border:1px solid #2135bc;
  background-color:#eaffd5;
}
#rightside .angebot2 a:link,a:visited{
	padding:0.5em;
	text-decoration:none;
	color:#626262;
	}
#rightside .angebot2 a:hover{
	color:#2135bc;
	}

#rightside .angebot3 {
	margin-top:1em;
	margin-left:1em;
	padding-bottom:0.5em;
	font:65% Arial,Helvetica,sans-serif;
	color: green;
	font-weight:normal;
	border:1px solid #2135bc;
	background-color:#d8f9b1;
	text-align:center;
	line-height:0.1em;
	}
#rightside .angebot3 img{
		width:90%;
		margin-top:2px;
		}
#rightside  .angebot3 a:hover{
		
		}
	
/*-------------------------------------Über uns  ------------------------------- */
#content .text {
	text-align:left;
	padding:0.5em;
	
	}

#content .text h4{
	font:90% Arial,Helvetica,sans-serif;
	line-height:1.5em;
	
	}

#content .text h5{
	font:90% Arial,Helvetica,sans-serif;
	line-height:1.5em;
	}	

/*-----------------------------------Wegbeschreibung ----------------------------------*/
#content .bild {
	padding:0 0 0 4em;
	}

/* -----------------------------------Kontakt Formular ------------------------------------*/
#content .formular{
	padding:1em 1em 10em 1em;
	background-image:url("images/natur8a.jpg");
	background-repeat:no-repeat;
	background-position:100% 100%;
	}


/*-------------------------------------Link Formular ---------------------------------------*/
#content .link-formular {
	padding:0 1em 0 5em;
	}
#content .link-formular h4{
	font:80% Arial,Helvetica,sans-serif;
	line-height:2em;
	}
#content .link-formular a:hover{
	color:red;
	}

/*-----------------------------------Sitemap ---------------------------------------------------- */

/*-----------------------------------Sitemap ---------------------------------------------------- */

#sitemap  {
	
	margin-left:22%;
	margin-right:5%;
	margin-bottom:50%;
	font:90% Arial,Helvetica,sans-serif;
	
	
	
}

#sitemap  a:link, a:visited{
	color:#2135bc;
	font:100% Arial,Helvetica,sans-serif;
	text-decoration:none;
	}
#sitemap  a:hover{
	color:blue;
	font:100% Arial,Helvetica,sans-serif;
	text-decoration:underline;
	}	
	
#sitemap .text{
	margin-left:35%;
	padding:3px;
	border:1px solid orange;
	width:15%;
	background-color:#eaffd5;
	}
#sitemap hr{
	width:100%;
	}

#sitemap .text2{
	margin-left:0%;
	padding:0;
	width:17%;
	float:left;
	
	}

#sitemap  .text2 .shop{
	margin-left:0%;
	padding:3px;
	border:1px solid green;
	width:100%;
	float:left;
	background-color:#eaffd5;
	}
#sitemap .text2 .schlafsack{
	margin-top:5%;
	margin-left:0%;
	padding:3px;
	border:1px solid green;
	width:100%;
	float:left;
	background-color:#eaffd5;
	}


#sitemap .text3{
	margin-left:1.5%;
	padding:3px;
	border:1px solid green;
	width:14%;
	float:left;
	background-color:#eaffd5;
	
	}
#sitemap .text4{
	margin-left:1%;
	padding:3px;
	border:1px solid green;
	width:14%;
	float:left;
	background-color:#eaffd5;
	}
#sitemap .text5{
	margin-left:1%;
	padding:3px;
	border:1px solid green;
	width:14%;
	float:left;
	background-color:#eaffd5;
	}
#sitemap .text6{
	margin-left:1%;
	padding:3px;
	border:1px solid green;
	width:14%;
	float:left;
	background-color:#eaffd5;
	}
#sitemap .text7{
	margin-left:1%;
	padding:3px;
	border:1px solid green;
	width:14%;
	float:left;
	background-color:#eaffd5;
	}

/*------------------------------------ update CSS -----------------------------*/
#tooltip{
	position:absolute;
	border:1px solid blue;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;
	font: 80% arial;
	width:13em;
	}
/* ------------------------------------ Footer -------------------------------------- */
#footer{
  
  
  color: #626262;
  text-align:center;
  
  }
#footer .linkfoot{
    margin-top:48em;
	height:auto;
    }
#footer  .linkfoot a:link,.linkfoot a:visited{
	margin: 5px 0 0 0;
	padding:0 0 0 1em;
	text-decoration:none;
	font: 70% Arial,Helvetica,sans-serif;
	color:#2d2891;
	}

#footer h4{
	font: 70% Arial,Helvetica,sans-serif;
	margin: 2px 0 2px 1em;
}