*{

				padding:0; /* Abstände entfernen */

				margin:0;

				}

				

				body{

				font:12px "Trebuchet MS", verdana, arial, sans-serif;

				/* Für Zentrierung in älteren Browsern wichtig: */

				text-align: center; 

				background: #B5CCDF;

				}

				

				/* Allgemeine Formatierungen */

				

				h2{

				margin: 1em 0;

				font-size: 16px;

				text-transform: uppercase;

				border-left: 5px solid orange;

				padding-left: 8px;

				line-height: 18px;  /* Höhe des linken Rands */

				}

				
				h3{

				

				font-size: 14px;

				border-left: 3px solid orange;

				padding-left: 4px;

				line-height: 18px;  /* Höhe des linken Rands */

			
				}
				
				h4{
				margin: 1em 7px;
				
				font-size: 12px;
				
				line-height:18px;
				
				
				}

				p{
				
				margin-top:10px;
				
				}
				

				/* Hauptcontainer */

				

				#box{

				width: 650px;

				margin: 0 auto;  /* Zentrierung */

				text-align: center;

				background: black;

				border: 5px solid white;

				border-bottom: none;
				
				

				}

				

				/* Header */

				#logo{

				background: black;

				height: 150px;
				
				float: left;
				
				padding-left: 10px;
				
				margin-top: 10px;
				}

				
				#header{

				background: black;

				height: 150px;

				color:white;

				line-height: 1.5em; /* vertikale Ausrichtung */

				margin-left:180px;
				
				font-size: 30px;

				margin-top: 10px;
				
				
			
				text-align: left;
			
				}

				#header span{

				display: block;

				color: white;

				font-size: 18px;

				text-transform: none;

				margin-top: -20 px;   /* nach oben verschieben */

				
				
				font-weight: normal;

				}

				

				/* Navigation */

				

				#navigation{

				padding-top: 20px;
				
				list-style: none;

				width: 160px;

				float: left;

				/*height: 720px;*/

				background: black;
				
				color: white;

				}

				#navigation li{

				

				}

				#navigation li a{

				display: block;

				height: 30px;

				width: 160px; /* Breite 650px:5 = 130px */

				text-decoration: none;

				line-height: 30px;

			

				background: black;

				color: white;

				}

				#navigation li a:hover{

				background: white;

				color: black;

				}

				

				/* Inhalt */

				

				#inhalt{

			 
				margin: 50px 50px 30px 200px;
				
				text-align: left;  /* wichtig */

				background: black;
				
				color: white;

				}

				span.orange{
				
				color: orange;
				}
				
				#inhalt ul{
				padding-left: 20px;
				margin:10px;
				
				}
				
				
				
				
				
				ul.links{
				
				list-style: none;
				
				padding-left: 8px;
				}

				
				ul.links li{

				

				}

				ul.links li a{

				display: block;

				height: 30px;

				width: 300px; /* Breite 650px:5 = 130px */

				text-decoration: none;

				line-height: 30px;

				padding-left: 8px;

				background: orange;

				color: black;

				}

				ul.links li a:hover{

				background: white;

				color: black;

				}
				
				
				
				
				#box img {
				border: 0px;
				}
				/* Footer */

				

				#footer{

				padding-top: 20px;
				
				height: 30px;

				line-height: 30px;

				background: black;

				color: white;

				text-align: center;
				
				clear: both;
				
				}

				
				#footer span a{

				float: right;

				margin: -30px 10px 0 0;

				color: orange;

				}

				
				#footer span a:hover{

				color: white;

				}
				
				a{
				color :orange;
				}
				
				a:hover{
				color: white;
				}