/* Generelles */

body {
	margin: 0px; border: 0px; padding: 0px;
	font-family: Trebuchet MS, Arial, sans-serife;
	background-image: url('../gfx/homepage/body.gif');
	color: #ffffff;
	}

div#pagebox {
	width: 900px;
	margin: 5% auto 0px auto;
	border: 0px;
	padding: 0px;
	color: #000000;
	}
	
div#kontentbox {
	margin: 0px; border: 0px; padding: 0px;
	width: 900px;
	background-image: url('../gfx/homepage/kontent.gif');
	text-align: justify;
	}
	
div.headerfooter {
	width: 820px; height: 19px;
	padding: 2px 40px 0px 40px;
	overflow: hidden;
	text-align: right;
	font-size: 12px;
	color: #999999;
	}
	
div#head {
	background-image: url('../gfx/homepage/head.gif');
	}
	
div#foot {
	background-image: url('../gfx/homepage/foot.gif');
	}
	
	div.headerfooter a {
		color: #999999;
		text-decoration: none;
		}
		
	div.headerfooter a:hover {
		color: #336633;
		}
	
/* Startseite */

div#hinweisbox {
	width: 400px;
	margin: 10px auto;
	border: 2px solid red;
	padding: 10px;
	font-size: 12px;
	background-color: #eeeeee;
	color: red;
	text-align: justify;
	}

div#startseitenbox {
	width: 820px; height: 490px;
	padding: 0px 40px;
	background-image: url('../gfx/homepage/startseite.gif');
	}

a.startbutton {
	width: 210px; height: 145px;
	display: block;
	margin-top: 300px;
	}
	
a#monistart {
	float: left;
	margin-left: 160px;
	}
	
a#joestart {
	float: right;
	margin-right: 160px;
	}
	
* html a#monistart {
	margin-left: 80px;
	}
	
* html a#joestart {
	margin-right: 80px;
	}

/* Folgeseiten */

div#folgeseitenbox {
	width: 820px;
	padding: 0px 40px;
	}
	
div#bannerbox {
	height: 130px;
	margin-bottom: 50px;
	border-bottom: 1px solid #336633;
	padding: 20px 0px 0px 0px;
	}

	div#bannerlogo {
		width: 200px; height: 120px;
		text-align: center;
		float: left;
		}
		
	div#bannertext {
		margin-left: 40px;
		padding: 75px 0px 0px 0px;
		float: left;
		color: #336633;
		}
		
		div#bannertext h1 {
			margin: 0px;
			padding: 0px;
			font-size: 28px;
			font-weight: lighter;
			line-height: 28px
			}
		
		div#bannertext h2 {
			margin: 0px;
			padding: 0px;
			font-size: 16px;
			line-height: 16px
			}
		
div#inhaltsbox {
	float: left;
	width: 420px;
	margin-left: 40px;
	}
	
	div.inhaltblock {
		margin: 0px 0px 80px 0px;
		border: 0px;
		padding: 0px;
		}
		
		div.inhaltblock h1 {
			margin: 0px;
			border: 0px;
			padding: 0px;
			font-size: 20px;
			color: #336633;
			}
			
		div.inhaltblock h2 {
			margin: 0px 0px 30px 0px;
			border: 0px;
			padding: 0px;
			font-size: 16px;
			color: #336633;
			}
			
		div.inhaltblock h3 {
			margin: 20px 0px 10px 0px;
			border: 0px;
			padding: 0px;
			font-size: 13px;
			color: #336633;
			}
		
		div.inhaltblock p {
			margin: 0px 5px 10px 5px;
			border: 0px;
			padding: 0px;
			font-size: 13px;
			}
			
		div.inhaltblock p a {
			margin: 0px;
			border: 0px;
			padding: 0px;
			text-decoration: none;
			color: #339933;
			}
			
		div.inhaltblock p a:hover {
			margin: 0px;
			border: 0px;
			padding: 0px;
			color: #339999;
			}
			
		span.red {
			color: red;
			font-weight: bold;
			}
			
		table {
			width: 420px;
			margin: 0px;
			border: 1px solid #336633;
			padding: 5px;
			font-size: 12px;
			background-color: #ffffff;
			}
		
		td {
			text-align: center;
			background-color: #efefef;
			}	
			
		td.header {
			font-weight: bold;
			background-color: #336633;
			color: #ffffff;
			}
			
		ul {
			font-size: 12px;
			}
			
		li {
			margin-bottom: 5px;
			text-align: left;
			width: 350px;
			}

		li a {
			margin: 0px;
			border: 0px;
			padding: 0px;
			text-decoration: none;
			color: #339933;
			}
			
		li a:hover {
			margin: 0px;
			border: 0px;
			padding: 0px;
			color: #339999;
			}

/* Navigation */

div#navibox {
	width: 200px;
	float: left;
	}

a.navilink {
	margin: 0px 0px 4px 0px;
	border: 1px solid #336633;
	padding: 2px 0px;
	display: block;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background-color: #ffffff;
	color: #336633;
	clear: left;
	}

a.navilink:hover {
	background-color: #336633;
	color: #ffffff;
	}
	
/* Stopper */
div.stop {
	clear: both;
	}

div#stopmainpage {
	height: 30px;
	overflow: hidden;
	}
	
/* Bilder */
div.picbox {
	float: right;
	/* border: 1px solid #336633; */
	padding: 5px;
	}
	
div.picboxteam {
	width: 560px; overflow: hidden;
	margin: 10px auto 40px auto;
	/* border: 1px solid #336633; */
	padding: 5px;
	background-color: #ffffff;
	font-size: 12px;
	}
	
div.picbox50 {
	width: 50%;
	float: left;
	margin-bottom: 40px;
	text-align: center;
	}
	
div.picbox50 img {
	/* border: 1px solid #336633; */
	padding: 5px;
	background-color: #ffffff;
	}
	
div.picbox33 {
	width: 33%;
	float: left;
	margin-bottom: 40px;
	text-align: center;
	}
	
div.picbox33 img {
	/* border: 1px solid #336633; */
	padding: 5px;
	background-color: #ffffff;
	}

/* Kontaktformular */
div.formrow {
	margin-bottom: 2px;
	padding: 1px;
	font-size: 12px;
	}
	
label {
	float: left;
	width: 100px;
	font-size: 12px;
	}

iframe {
	margin: 10px auto 0px auto;
	border: 1px solid #336633;
	padding: 5px;
	background-color: #ffffff;
	}
	