* {
	margin: 0px;/*transparenter Abstand zu einem anderen Elemenmt*/
	padding: 0px;/*Legt den Abstand zwischen dem Inhalt und den Rändern(border) fest*/
	border: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;/*Schriftart*/
	font-size: 12px;/*Schriftgröße*/
	}
body {
	background-image: url(bilder/design/bodybg.jpg);/*Hintergrundbild*/
	background-repeat: repeat-x;/*Bild wird horizontal wiederholt*/
	text-align: center;/*zentriert*/
	}
#wrapper {
	width: 800px;/*Breite der Umgebenden Box*/
	height: 100%;/*Höhe*/
	margin: 10px auto;
	text-align: left;
	background-color: #FFFFFF;
	border: 10px solid #29D6F6;/*Der dicke türkise Rahmen*/
	}
#head {/*Bild über dem Inhalt*/
	width: 800px;
	height: 100px;
	background-image: url(bilder/design/head_karte.jpg);/*Link*/
	}
#menu {
	width: 800px;
	overflow: hidden;/*Legt fest, wie ein Bereich o. ein Eelement, der innerhalb eines anderen
	Elements definiert wird, angezeigt werden soll, wenn der Inhalt des inneren Elements zu groß ist.
	bei "hidden" wird der übergroße Inhalt abgeschnitten und nicht angezeigt!*/
	background-color: #29D6F6;
	}
#menu ul {
	width: 800px;
	display: block;/*Das Element wird als Block-Element dargestellt*/
	list-style-type: none;/*keine Aufzählungszeichen*/
	text-align: center;/*zentrierte Ausrichtung*/
	}
#menu li {
	display: inline;/*Element wird als Inline-Element dargestellt*/
	list-style-type: none;
	}
#menu a {
	text-decoration: none;
	color: #FFFFFF;
	font-size: 14px;
	padding: 0 10px 0 10px;
	}
#menu a:hover {/*Wenn man mit der Maus über den Link geht*/
	color: #303040;
	background-color: #FFFFFF;
	}
#white {/*ein Trick um den Aktiven Link(auf der Seite wo man sich gerade befindet) farbig zu behalten*/
	color: #303040;
	font-size: 14px;
	}
#selected {
	background-color: #FFFFFF;
	color: #000000;
	background-image: url(bilder/design/menu.jpg);
	width: 100%;
	}	
#main {/*Box in der die Überschrift, die darunterliegende Linie, die Inhaltsbox und das 
linke Untermenü untergebracht sind*/
	width: 800px;
	height: 100%;/*passt sich dem Inhalt an*/
	}

#uberschrift {
	color: #303040;
	font-style: inherit;/*Je nach Zeichensatz verwendet der Browser eine Schriftgröße,
	die dem berechneten Wert am nächsten kommt.*/
	margin: 20px 0px 0px 30px;
	font-size: 16px;
	font-weight: bold;/*Fett*/
	}
#linie {
	margin: 0px 30px 0px 30px;
	background-color: #303040;
	text-align: center;
	height: 4px;
	overflow: hidden;
	}
#left {
	margin-top: 10px;
	width: 180px;
	float: left;
	}
#untermenu ul{  /*menü links*/
	margin: 0px 0px 0px 30px;
	width: 105px;
	list-style-type: none;
	text-decoration: none;
	border-bottom: 1px solid A0A0B0;
	}
#untermenu li {
	
	list-style-type: none;
	text-decoration: none;
	}
#untermenu a { /*was in den boxen steht*/
	display: block;
	width: 105px;
	color: #A0A0B0;
	list-style-type: none;
	text-decoration: none;
	border-bottom: 1px solid #A0A0B0;
	font-size: 14px; /*Schriftgröße*/
	}
#untermenu a:hover{
	list-style-type: none;
	text-decoration: none;
	color: #303040;
	}
/*_____________________Inhaltssachen______________________*/
#box {
	float: right;
	width: 520px;
	height: 100%;
	min-height: 350px;/*Mindesthöhe*/
	background-color: #F6F6F6;
	border: 1px solid #E6E6E6;
	margin: 15px 20px 20px 0px;
	padding: 0px 0px 20px 0px;
	}

p {
	margin: 5px 0px 5px 20px;
	text-align: left;
	}
table {
	display: inline;
	border-width: 12px;
	border-collapse: collapse;
	text-align: left;
	margin: 20px 20px 70px 20px;
	width: 440px;
	outline: 2px;
	}
h1 {
			text-align: left;
			font-size: 16px;
			margin-top: 20px;
			margin-left: 20px;
			}
h2 {		text-align: left;
			font-size: 14px;
			margin-top: 20px;
			margin-left: 20px;
			}
img {
			display: inline;
			margin: 20px 40px 0 20px;
			text-align: center;
			}
hr {
			height: 4px;
			width: 520px;
			font-size: 4px;
			line-height: 4px;
			border: none;
			color: #29D6F6;
			background: #29D6F6;
			margin: 10px 0px 10px 0px;
			text-align: center;
		
			}


/*_______________________Ende________________________*/
#footer {  
	width: 800px;
	height: 15px;
	clear: both;
	text-align: left;
	color: #FFFFFF;
	background-color: #303040;
}

