/* Overall */
html {
	color: #313131;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 150%;
}
a {
	color: #001973;
	text-decoration: underline;
}
a:hover {
	color: #001973;
	text-decoration: none;
}
h1 {
	color: #001973;
	font-weight: bold;
	font-size: 14px;
	padding: 0 0 20px 0;
}
h2 {
	color: #001973;
	font-weight: bold;
	font-size: 12px;
	padding: 10px 0 0px 0;
}
h3 {
	font-weight: bold;
}
strong {
	font-weight: bold;
}
#pagebox {
	width: 940px;
	margin: 20px auto;
}



/* Header, Statsbox */
#header {
	width: 940px;
	height: 245px;
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	position: relative;
}
#statusbar {
	position: absolute;
	top: 10px;
	right: 45px;
	width: 500px;
	height: 30px;
	padding: 10px 0 0 0;
	color: #addeff;
	font-size: 9px;
	line-height: 120%;
}
		#counter {
			float: left;
			width: 120px;
			margin: 0 0 0 30px !important;
			margin: 0 0 0 15px;
		}
		#zeiten {
			float: left;
			width: 120px;
			margin: 0 0 0 30px;
		}
		#status {
			float: right;
			width: 150px;
		}
				.online { color: #00fe18; }
				.offline { color: #FF0000; }
#navigation {
	position: absolute;
	top: 215px;
	left: 60px;
}

		

/* Navi, Repeat, Content */
#body {
	width: 940px;
	background-image: url(../images/content_repeat.jpg);
	background-repeat: repeat-y;
}
		#navi {
			float: left;
			width: 170px;
			margin: 0 0 20px 60px !important;
			margin: 0 0 20px 30px;
			padding: 5px 0 0 0;
			color: #001973;
		}
				#navi a {
					color: #313131;
					text-decoration: none;
				}
				#navi a:hover {
					color: #313131;
					text-decoration: underline;
				}
				#navi ul li {
					margin: 0 0 0px 0;
					padding: 0 0 0 15px;
					background: url(../images/raquo.gif) 1px 7px no-repeat;
				}
						#navi ul li .active {
							color: #313131;
							font-weight: bold;
						}
		#content {
			float: right;
			width: 620px;
			margin: 0 45px 0 0;
			padding: 20px 20px 0 20px;
		}
				#navigators {
					width: 100%;
					font-size: 10px;
					text-align: right;
					padding: 0px 0 0 0;
				}
				#content p {
					padding: 0 0 20px 0;
				}
				#content h2 {
					padding: 0 0 0 0;
				}
		.clear {
			clear: both;
		}
		.clear2 {
			clear: both;
			padding: 0 0 5px 0;
		}
		.clear20 {
			clear: both;
			margin: 0 0 20px 0;
		}
		
		.implinks {
			display: block;
			float: left;
			width: 120px;
			padding: 0 0 15px 0;
		}
		.imprechts {
			display: block;
			float: left;
			width: 500px;
			padding: 0 0 15px 0;
		}
		
				#content .hmlink {
					margin: 0 0 0 0;
					padding: 0 0 0 0;
				}
				#content .hmnews {
					margin: 0 0 0 0;
					padding: 0 0 0 0;
				}
				.hmnewstrenner {
					margin: 20px 0;
					width: 100%;
					border-top: 1px solid #999999;
				}
				
				.hostingleft, .designleft {
					float: left;
					width: 300px;
					text-align: center;
				}
				.hostingright, .designright {
					float: right;
					width: 300px;
					text-align: center;
				}
				
				#content ul {
					margin: 0 0 20px 0;
				}
				#content ul li {
					list-style-type: disc;
					list-style-position: inside;
					margin: 0 0 0 10px;
				}
				
				#kontakt_left {
					float: left;
					width: 280px;
				}
				#kontakt_right {
					float: right;
					width: 280px;
				}
				#kontakt_center {
					clear: both;
				}
				#kontakt_center .center {
					text-align: center
				}
						.kontakt_input, .kontakt_error, .kontakt_inputtext, .kontakt_errortext {
							padding: 3px 3px 3px 3px;
							width: 272px;
							color: #000;
							border: 1px solid #999999;
						}
						.kontakt_input:hover, .kontakt_input:active, .kontakt_input:focus,
						.kontakt_inputtext:hover, .kontakt_inputtext:active, .kontakt_inputtext:focus {
							border: 1px solid #001973;
						}
						.kontakt_inputtext {
							width: 612px;
							height: 150px;
						}
						.kontakt_errortext {
							width: 612px;
							height: 150px;
							border: 1px solid #FF0000;
						}
						.kontakt_error {
							border: 1px solid #FF0000;
						}
						.kontakt_button {
							padding: 3px 3px 3px 3px;
							width: 100px;
							color: #001973;
							background-color: #FFFFFF;
							font-weight: bold;
							border: 1px solid #999999;
						}
						#kontakt_msgbox_error {
							color: #FF0000;
							font-weight: bold;
							margin: 0 0 20px 0;
						}
						#kontakt_msgbox_success {
							margin: 0 0 20px 0;
							color: #006600;
						}
				
		.imgboxright {
			width: 300px;
			float: right;
			margin: 0 0 0 20px;
		}
				.imgboxright h3 {
					text-align: center;
				}
		.imgboxcenter div, .imgboxcenter h3 {
			width: 300px;
			float: left;
			text-align: center;
		}
		.imgboxcenter .mr {
			margin: 0 20px 0 0;
		}
		.imgboxright2 {
			width: 250px;
			height: 180px;
			float: right;
			margin: 0 0 0 20px;
		}


/* Footer, Footlinks */
#footer {
	width: 940px;
	height: 49px;
	background-image: url(../images/footer.jpg);
	background-repeat: no-repeat;
	font-size: 9px;
	line-height: 120%;
}
		#footlinks {
			float: left;
			margin: 0 0 0 40px !important;
			margin: 0 0 0 20px;
			padding: 5px 0 0 0;
			width: 190px;
			text-align: center;
		}
				#footlinks a {
					color: #001973;
					text-decoration: none;
				}
				#footlinks a:hover {
					color: #001973;
					text-decoration: underline;
				}
		#credits {
			float: right;
			margin: 0 45px 0 0;
			padding: 13px 0 0 0;
			width: 665px;
			text-align: center;
			color: #addeff;
		}
				#credits a {
					color: #addeff;
					text-decoration: none;
				}
				#credits a:hover {
					color: #addeff;
					text-decoration: underline;
				}