@charset "iso-8859-1";
/* CSS Document */

html, body{
	margin: 0px;}
	
body{
	width:100%;
	height:100%;
	font: 0.8em Verdana, Arial, sans-serif;}

/*----------- header ---------------------------------*/

#head{
	width:100%;
	background:url('../images/headbg.jpg') repeat-x center top;}
	
#headmid{
	margin: 0px auto;
	height: 250px;
	width: 1000px;
	background: url('../images/headimg.jpg');}
	
#slogan{
	/*border:1px solid #000;*/
	width: 400px;
	text-align:right;
	color:#367899;
	font-weight:bold;
	font-size: 1.1em;
	line-height:1.2em;
	padding:60px 0 0 20px;
	/*float:left;*/}
	
/*#pic{
	float:right;
	padding:11px 14px 0 0;}*/

/*----------- footer ---------------------------------*/
#foot{
	width:100%;
	height:50px;
	clear:both;
	background:url('../images/foot.jpg') repeat-x bottom;}
	
#footmid{
	text-align:center;
	width:1000px;
	height:50px;
	margin: 0 auto;
	line-height:50px;
	font-size:10px;
	background:url('../images/footimg.jpg') no-repeat bottom;}

#footmid a { 
color:#000000; 
text-decoration:none; 
}

#footmid a:hover{
color: #000000;
text-decoration:underline;
}

/*----------- main ---------------------------------*/

#cont{
	margin:0px auto;
	width:1000px;
	height:100%;}

h4.menu{
	text-align:center;
	padding: 5px 0; margin: 0;
	margin: 30px 5px 0 5px;
	font-size: 1.0em;}

/*--- menu ---*/	
#left{
	float:left;
	width:150px;
	margin-top:40px;}
	
#right{
	float:right;
	width:150px;
	display:inline;
	margin: 0 0 50px;}
	
ul.bmenu{
	list-style:none;
	text-align:center;
	margin:0 5px;
	padding: 0 0px;
	border-top:1px solid #f2920c;
	/*border:1px solid #000;*/}
	
ul.bmenu li{
	background:url('../images/r_menu.gif') repeat-y center;
	padding: 5px 0;
	margin: 0;
	border-bottom:1px solid #f2920c;}
	
ul.bmenu li a{
	text-decoration:none;
	font-weight:bolder;
	color:#434d53;}
	
ul.bmenu li:focus{background:url('../images/r_menuon.gif') repeat-y center;}
ul.bmenu  li:hover{background:url('../images/r_menuon.gif') repeat-y center;}
ul.bmenu a:focus{background:none;}



/*--- content ---*/
#middle{
	float:left;
	width: 660px;
	padding:20px 20px 5px;
	text-align:justify;
	/*border:1px solid #000;*/}
	
#middle a:link, a:visited{text-decoration:none;color:#52a7b3;}
#middle a:hover{color:#367899;}	

p{line-height: 1.4em;}

h1{
	color:#367899;
	font-size: 1.3em;}
	
h2{
	color:#52a7b3;
	font-size:1.1em;}
	
h3{
	color:#000;
	font-size:1.0em;}
	
img{border: 0;}

#middle img.float-center{
margin-left:auto;margin-right: auto; display:block;}

.float-left{ float:left;}
.float-right{ float:right;}

table,tr,td{
border-collapse:collapse;
border: 1px solid #C0C0C0; 
text-align:center;
}

/*--- formular ---*/

form{
	/*background:#fce8ab;*/
	padding:10px;
	border:1px solid #367899;}
	
input{
	border:1px solid #b1ccad;
	/*background:#fce8ab;*/}
	
textarea{
	width:400px;
	padding:2px;
	/*background:#fce8ab;*/
	border:1px solid #b1ccad;
	height:100px;
	display:block;}
	
input.button{
	margin: 0;
	border:1px solid #b1ccad;
	padding:1px;}
	
#tag_cloud{
padding:5px;
border: 1px solid #f2f2f2; 
}

#karte{ background:url('../images/deutschland.jpg') no-repeat;
	height:590px;
	width:423px;
	margin:10px auto;
	padding:0px;
	position:relative;}
	
#karte li{ list-style:none;
	display:block;
	margin:0px;
	padding:0px;
	position:absolute;}
	
#karte a {display: block; text-decoration: none;}
	
#niedersachsen{ height:195px; width:223px; left:42px; top:96px; z-index:1;}
#bremen {left: 103px;top: 148px;width: 50px; height:20px;z-index: 10;}
#hamburg {left: 154px; top: 110px; width: 57px;height: 26px;z-index: 10;}
#schleswigholstein {left: 118px;top: 0px;width: 131px;height: 137px; z-index: 5;}
#mecklenburgvorpommern {left: 218px;top: 35px;width: 171px;height: 124px; z-index:6;}
#berlin {left: 332px;top: 186px;width:51px; height:26px;z-index:10;}
#brandenburg {left: 266px;top: 128px;width: 145px;height: 159px; z-index:3}
#sachsenanhalt {left: 217px;top: 163px;width: 121px;height: 150px; z-index:2}
#nordrheinwestfalen {left: 0px;top: 198px;width: 163px;height:157px; z-index:2;}
#thueringen {left: 182px;top: 265px;width:129px;height:102px; z-index:2;}
#sachsen {left: 279px;top: 263px;width:144px;height:105px;z-index:4;}
#hessen {left: 83px;top: 263px;width:111px;height:166px;z-index:5;}
#rheinlandpfalz {left: 2px;top: 316px;width:112px;height:146px;z-index:5;}
#saarland {left: 10px;top: 409px;width:65px;height:39px;z-index:10;}
#badenwuerttemberg {left: 57px;top: 402px;width:149px;height:165px;z-index:2;}
#bayern {left: 137px;top: 343px;width:230px;height:247px;z-index:1;}

#niedersachsen a{height: 195px;}
#bremen a {height: 50px;}
#hamburg a {height: 26px;}
#schleswigholstein a {height: 137px;}
#mecklenburgvorpommern a {height: 124px;}
#berlin a {height: 26px;}
#brandenburg a {height: 159px;}
#sachsenanhalt a {height: 150px;}
#nordrheinwestfalen a {height:157px;}
#thueringen a {height:102px;}
#sachsen a {height:105px;}
#hessen a {height:166px;}
#rheinlandpfalz a {height:146px;}
#saarland a {height:39px;}
#badenwuerttemberg a {height:165px;}
#bayern a {height:247px;}

#niedersachsen a:hover {background:url('../images/niedersachsen.gif') no-repeat;}
#bremen a:hover{ background:url('../images/bremen.gif') no-repeat;}
#hamburg a:hover{ background:url('../images/hamburg.gif') no-repeat;}
#schleswigholstein a:hover{ background:url('../images/schleswigholstein.gif') no-repeat;}
#mecklenburgvorpommern a:hover{ background:url('../images/mecklenburgvorpommern.gif') no-repeat;}
#berlin a:hover{ background:url('../images/berlin.gif') no-repeat;}
#brandenburg a:hover{ background:url('../images/brandenburg.gif') no-repeat;}
#sachsenanhalt a:hover{ background:url('../images/sachsenanhalt.gif') no-repeat;}
#nordrheinwestfalen a:hover{ background:url('../images/nordrheinwestfalen.gif') no-repeat;}
#thueringen a:hover{ background:url('../images/thueringen.gif') no-repeat;}
#sachsen a:hover{ background:url('../images/sachsen.gif') no-repeat;}
#hessen a:hover{ background:url('../images/hessen.gif') no-repeat;}
#rheinlandpfalz a:hover{ background:url('../images/rheinlandpfalz.gif') no-repeat;}
#saarland a:hover{ background:url('../images/saarland.gif') no-repeat;}
#badenwuerttemberg a:hover{ background:url('../images/badenwuerttemberg.gif') no-repeat;}
#bayern a:hover{ background:url('../images/bayern.gif') no-repeat;}

.thumb {
float:left;
padding:5px;
margin:5px;
height:120px;
witdh:120px;
border: 1px solid #CCCCCC;
text-align:center;
font-size:80%;
}