﻿html,body {
    margin:0;
    padding:0;
    height:100%; /* braucht es für die min-height des Containers */
}

html, body {
	
	color:#333;
	font-size:14px;
}


.page {
	min-width:300px;
	max-width:1000px;
	background-color:#FFF;
	width:100%;
	height:100%;
	margin:0 auto;
	position:relative;
	
}
	
.balkenRechts {
	position:absolute;
	right:0px;
	top:0px;
	width:245px;
	height:100%; /* IE */
	background-color:#a5a5a5;
	border-left:2px solid #FFF;
	border-right:2px solid #FFF;
}
.header1 {	
	position:relative;
	float:left;
	min-width:460px;
	max-width:1024px;
	width:100%;
	height:150px;
	margin-top:40px;
}
.header2 {
	position:relative;
	float:left;
	min-width:260px;
	max-width:984px;
	background-color:#333;
	
	background-repeat:no-repeat;
	background-size: cover;
	width:100%;
	height:200px;
	border:2px solid #FFF;


}
.headerLogo {	
	position:relative;
	float:left;
	width:180px;
	height:130px;
	background-image:url(../images/logo.png);
	background-repeat:no-repeat;
	margin-left:20px;
	
}
.headerRight1 {	
	position:relative;
	float:right;
	width:200px;
	height:130px;
	font-size:16px;
	line-height:20px;
	margin-right:30px;
	color:#FFF;
	text-shadow:1px 1px 1px #333;

}


.colorBlau {
	
	color:#0099d8;
}

.menubar {
	padding-left:20px;	
	padding-top:20px;
	position:absolute;
	left:0px;
	top:0px;
}

a.menuBtn {
	position:relative;
	float:left;
	clear:left;
	width:160px;
	line-height:30px;
	background-color:rgba(165, 165, 165, 0.8);
	border:2px solid #787878;
	padding-left:8px;
	padding-right:8px;
	margin-bottom:8px;
	color:#FFF;
	text-decoration:none;
	font-size:16px;
}
a.menuitemActive {
	position:relative;
	float:left;
	clear:left;
	width:160px;
	line-height:30px;
	background-color:rgba(165, 165, 165, 0.8);
	padding-left:8px;
	padding-right:8px;
	margin-bottom:8px;
	color:#FFF;
	text-decoration:none;
	font-size:16px;
	background-color:#787878;
	border:2px solid #FFF;
		
}
 .bodyDiv {
	 
	 	text-shadow:1px 1px 1px #ccc;
		width:100%;
		
		font-size:16px;
		line-height:20px;
		float:left;
		clear: left;
		padding:20px;

 }
 
.impressum  {
	position:absolute;
	bottom:10px;
	color:#FFF;
	text-decoration:none;
	right: 10px;
		text-shadow:1px 1px 1px #333;

}
 
a.impressum:hover  {
	color:	#0099d8;
}
.datenschutz {
	position:absolute;
	bottom:10px;
	color:#FFF;
	text-decoration:none;
	right: 110px;
		text-shadow:1px 1px 1px #333;

}
 
a.datenschutz:hover  {
	color:	#0099d8;
}

label { position: relative; float:left; width:30%;line-height:34px; text-align:left; }

input {
	width:60%;
	height:20px;
	line-height:20px;
	font-size:14px;
	padding:4px;
	border: 1px solid #a5a5a5;
	background-color:#FFF;
	color:#000;
	text-shadow:1px 1px 1px #333;
	margin:2px;
	float:right;
	  }
	  
	  
textarea {
	width:60%;
	height:60px;
	line-height:20px;
	font-size:14px;
	padding:4px;
	border: 1px solid #a5a5a5;
	background-color:#FFF;
	color:#000;
	text-shadow:1px 1px 1px #333;
	margin:2px;
	float:right;
	  }

.submit {
	height:40px;
	width:180px;
	float:right;
		background-color: #a5a5a5;

}



.cycler{position:relative;}
.cycler img{position:absolute;z-index:1}
.cycler img.active{z-index:3}




.container {
  width: 90%;
  min-width: 600px;
  margin: 0 auto;
}
#element {
	position:absolute;
	height:200px;
	
}
#tagcloud a {
	font-size:12px;
	color:#FFFFFF;
}
#tagcloud {
	position:relative;
	height:200px;
	overflow:hidden;
	margin-bottom:30px;
	
}

