* {
margin: 0px;
padding: 0px;
}		

body {
background: #333;
padding: 10px;
font: 12px/140% verdana, sans-serif;
}

		
		#box {
			width: 780px;
			margin-left: auto;
			margin-right: auto;
			padding: 10px;
			background: #fff;
			min-height: 460px;
			-height: 460px;
		}

		#head {
		margin-bottom: 10px;
		border: 1px solid #999;
		}
		

		#box_re {
			margin-left: 310px;
			background: #ECF9DC;
			border: 1px solid #999;
			min-height: 460px;
			-height: 460px;
		}

		#box_li {
			float: left;
			width: 299px;
			margin-right: 10px;
			background: #fff;
			
		}

		#footer {
			width: 800px;
			margin-left: auto;
			margin-right: auto;
			margin-top: 10px;
			text-align: right;
			color: #fff;
			
		}
		
		
		#logo {
		border: 1px solid #999;
		margin-bottom: 10px;
		
		}
		
#box_li	img { /* damit im IE kein 2-3 px Abstand nach unten erzeigt wird. */
display: block; /* nur in box li, da sonst immer nach img ein Umbruch erzeugt wird*/
}

#nav {
		margin-bottom: 10px;
		width: 298px;
		-width: 301px;
		border: 1px solid #999;
		}
		
		#nav01 {
		width: 148px;
		height: 148px;
		float: left;
		border-right: 1px solid #999;
		border-bottom: 1px solid #999;
		}
		
		#nav02 {
		width: 148px;
		height: 148px;
		margin-left: 149px;
		border-bottom: 1px solid #999;
		}
		
		#nav03 {
		display: block;
		width: 148px;
		height: 148px;
		float: left;
		border-right: 1px solid #999;
		}
		
		#nav04 {
		width: 148px;
		height: 148px;
		margin-left: 149px;
		}
		
		
		#nav01 a:link,
		#nav01 a:visited,
		#nav01 a:active
		{
		display: block;
		width: 148px;
		height: 148px;
		background: #fff url(img/nav01.gif) no-repeat;
		}
		
		#nav01 a:hover,
		#nav01 a.aktiv
		{
		display: block;
		width: 148px;
		height: 148px;
		background: #63A615 url(img/nav01_gruen.gif) no-repeat;
		}
		
		
		#nav02  a:link,
		#nav02  a:visited,
		#nav02  a:active 
		{
		display: block;
		width: 149px;
		height: 148px;
		background: #fff url(img/nav02.gif) no-repeat;
		
		}
		
		#nav02  a:hover,
		#nav02 a.aktiv 
		{
		display: block;
		width: 149px;
		height: 148px;
		background: #63A615 url(img/nav02_gruen.gif) no-repeat;
		}
		
		
		#nav03 a:link,
		#nav03 a:visited,
		#nav03 a:active
		{
		display: block;
		width: 148px;
		height: 148px;
		background: #fff url(img/nav03.gif) no-repeat;
		}
		
		#nav03 a:hover,
		#nav03 .aktiv
		{
		display: block;
		width: 148px;
		height: 148px;
		background: #63A615 url(img/nav03_gruen.gif) no-repeat;
		}
		
		
		#nav04  a:link,
		#nav04  a:visited,
		#nav04  a:active 
		{
		display: block;
		width: 148px;
		height: 148px;
		background: #fff url(img/nav04.gif) no-repeat;
		}
		
		#nav04  a:hover,
		#nav04 a.aktiv
		{
		display: block;
		width: 148px;
		height: 148px;
		background: #63A615 url(img/nav04_gruen.gif) no-repeat;
		}
			
		.content {
		padding: 15px;
		
		}
		
		h1 {
		padding: 15px 15px 0px 15px;
		font: bold 20px/140% Arial, sans-serif;
		color: #63A615;
		text-align: right;
		}
		
		h2 {
		padding: 0px 15px 0px 15px;
		font: bold 15px/140% Arial, sans-serif;
		color: #333;
		}
		
		h3 {
		padding: 20px 0px 0px 0px;
		font: bold 13px/140% Arial, sans-serif;
		color: #333;
		}
		
		.aufzaehl {
		list-style-position: inside;
		margin: 10px;
		
		}
		
		.aufzaehl li {
		margin-bottom: 10px;
		}
		
		.img {
		border: 1px solid #333;
		margin-top: 15px;
		
		}
		
		.linie {
		border-bottom: 1px dotted #333;
		}
		
		p {
		margin-top: 15px;
		}
		
#box_re a:link,  /* nur in box_re, daa sonst die navigation zerschossen wird*/
#box_re a:visited, 
#box_re a:active, 
#box_re a:hover, 
#box_re a:focus { 
color: #333; 
text-decoration: none;
background: url(img/pfeil.gif) no-repeat top right;
padding-right: 15px; /* und zwar durch dieses padding*/
font-weight: bold;
}