@charset "utf-8";

body {
		margin: 			0 auto;
  		padding: 			0;
  		border: 			0;	
		background-color:  	#dcdcdc;
		text-align: 		center;
    	vertical-align: 	top;
		font-family: 		Lucida, Verdana;
}

h1 {
		font-size:			20px;
		font-weight:		bold;
		color:				black;	
}


#container {
		vertical-align: 	middle;
		width:				900px;
		margin: 			0 auto;
		margin-top:			5px;
  		padding: 			0;
  		border: 			0;	
		background-color:  	#dcdcdc;
}

#kopf1 {
    	height:             75px;
    	width:              900px;
    	margin: 			0 auto;
  		padding-top:		1px;
  		padding-bottom: 	35px;
  		border: 			0;	
  		text-align:			center;
    	background-image: 	url(../images/kopf1_mittelhell.png);
    	background-repeat:	no-repeat;
    	color:   			black;
    	font-size:			18px;
    	font-weight:		bold;
}

#kopf1 h2 {
		font-size:			12px;
		font-weight:		bold;
}

#kopf2 {
		height:             100px;
    	width:              900px;
    	margin: 			0 auto;
    	margin-top:			2px;
    	margin-bottom:		2px;
  		padding-left: 		0px;
  		padding-right:		0px;
  		background-image: 	url(../bilder/kopf_22.png);
		background-repeat:	no-repeat;
}

#kopf2 img 
		{
		margin-top: 		10px;
		height:				80px;
}

#navi {
		width: 				200px;
		float: 				left;
		height:				440px;
		margin-top:			3px;
		background-image: 	url(../bilder/navi1_mittelhell.png);
		background-repeat:	no-repeat;
  		text-align:			left;
  		margin-bottom:		60px;	
}

#navi a {
		font-size:			16px;
		font-weight:		bold;
		color:				black;
		text-decoration:	none;
}

#navi dt {
		margin-left:		15px;
		font-weight:		bolder;
		color:				yellow;
		height:				30px;
		width:				300px;
}

#navi a:hover {
		color:				yellow;
}

#inhalt {
		margin-top:			100px;
		margin-left:		240px;
		width:				690px;
		font-size:			12px;
		color:				black;
		margin-bottom:		60px;	
	
}

#inhalt table {
		vertical-align: 	middle;
}

td { 
		text-align:			left;
		width:				250px;
}

.breit {
		width:				400px;
		font-size:			14px;
		font-weight:		bold;
		color:				black;
		text-align:			left;
}

.hervorgehoben_30 {
		font-size:			30px;
		font-weight:		bold;
		color:				black;
		text-align:			left;	
}

.hervorgehoben_18 {
		font-size:			18px;
		font-weight:		bold;
		color:				black;
		text-align:			left;	
}

.hervorgehoben_16 {
		font-size:			16px;
		font-weight:		bold;
		color:				black;
		text-align:			left;	
}

.hervorgehoben_14 {
		font-size:			14px;
		font-weight:		bold;
		color:				black;
		text-align:			left;	
}

.hervorgehoben_12 {
		font-size:			12px;
		font-weight:		bold;
		color:				black;
		text-align:			left;	
}

.linksbuendig {
		text-align:			left;
}

.abstand_unten {
		margin-top:			40px;
		margin-bottom:		40px;
}

.abstand_oben {
		padding-top:		40px;
}

.kleiner_abstand_unten {
	margin-bottom:			10px;
}

#leistung_liste dt {
		font-size:			14px;
		font-weight:		bold;
		color:				black;
		text-align:			left;
		margin-bottom:		10px;
}

#fuss {
		clear:				both;
		height:             40px;
    	width:              900px;
    	margin: 			0 auto;
    	margin-top:			20px;
  		padding: 			10px;
  		text-align:			center;
    	background-color:  	#dcdcdc;
    	background-repeat:	no-repeat;
    	color:   			black;
    	font-size:			10px;
    	vertical-align:		middle;		
}

#karte {
		width:				400px;
		height:				300px;
}

#popUp {
		z-index:			1;
		visibility:			hidden;
		position:			absolute; /*nur dann ist z-index wirksam*/
		top:				220px;
		left:				500px;
		width:				340px;
		height:				230px;
		margin:				0 auto;
		padding:			20px;
		background-color:  	#dcdcdc;
		border:				1px solid black;
}

#bildInnen {
		width:				300px;
		height:				200px;
		margin:				0 auto;
}

#bildInnen img {
		width:				300px;
}