html, body, div, img, p, ul, li, form, h1, h2, input, textarea {
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 12px;
	color: #DDDDDD;
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	background-color: #030303;
}

a {
	outline-color: invert;
	outline-style: none;
	outline-width: 0px;
}

#flyer {
	width: 430px;
	height: 600px;
	margin: auto;
	padding: 3px;
	background-color: #111111;
}

#wrapper {
	width: 900px;
	margin: 0px auto 0px auto;
	border-left: 10px;
	border-right: 10px;
	border-color: #040404;
	border-style: solid;
	background-color: #050505;
}

#header {
	display: block;
	position: relative;
	width: 900px;
	height: 350px;
	background-image:url(img/bg_header.png);
	background-repeat:no-repeat;
}

#header img {
	display: inline;
	float: left;
}

#navigation {
	display: block;
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 340px;
	height: 110px;
	z-index: 100;
}

#navigation li {
	list-style-type: none;
	display: inline;
	height: 110px;
	float: left;
}

/* Bildwechsel */
	#navigation a,
	#navigation a:link,
	#navigation a:active,
	#navigation a:visited {
		border: 0;
		visibility: hidden;
	}
	
	#navigation li:hover img {
		visibility: visible;
	}
	#navigation a:hover {
		/* Workaround fuer IE 5.5 und 6 */
		border:0;
	}
	* html #navigation a {
		margin-right:0px;
	}
	* html #navigation a:hover {
		width:auto;
		margin-right:0;
		/* Workaround fuer IE 5.01 */
	}
/* /Bildwechsel */

#content {
	width: 800px;
	margin-top: 40px;
	margin-left: 50px;
	margin-right: 50px;
}

#addcomment {
	width: 325px;
	display: inline;
	float: left;
}

#addcomment table th {
	text-align: right;
	vertical-align: top;
}

#addcomment input,
#addcomment textarea {
	width: 220px;
	height: 15px;
	padding: 4px;
	border: 1px solid #DDDDDD;
	background-color: #000000;
}

#addcomment textarea {
	height: 120px;
}

#addcomment label {
	margin-top: 4px;
}
	
#addcomment .button {
	text-align: right;
	font-weight: bold;
	width: 100px;
	height: 20px;
}

#addcomment .error {
	size: 14px;
	color: #FF7722;
	text-align: right;
	font-weight: bold;
	padding-bottom: 20px;
}

#login {
	width: 325px;
	display: block;
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto;
}

#login input {
	width: 220px;
	height: 15px;
	padding: 4px;
	border: 1px solid #DDDDDD;
	background-color: #000000;
}

#login #submit {
	text-align: right;
	font-weight: bold;
	width: 100px;
	height: 20px;
}

#login .error {
	size: 14px;
	color: #FF7722;
	text-align: right;
	font-weight: bold;
	padding-bottom: 20px;
}

#addnews {
	margin-left: 0px;
	margin-right: 50px;
	width: 550px;
	display: block;
	float: left;
}

#addnews table th {
	text-align: right;
	vertical-align: top;
}

#addnews input,
#addnews textarea {
	width: 450px;
	height: 15px;
	padding: 4px;
	border: 1px solid #DDDDDD;
	background-color: #000000;
}

#addnews textarea {
	height: 240px;
}

#addnews label {
	margin-top: 4px;
}
	
#addnews #submit {
	text-align: right;
	font-weight: bold;
	width: 100px;
	height: 20px;
}

#addnews #preview {
	text-align: right;
	font-weight: bold;
	width: 100px;
	height: 20px;
}

#addnews .error {
	size: 14px;
	color: #FF7722;
	text-align: right;
	font-weight: bold;
	padding-bottom: 20px;
}

#comments {
	width: 475px;
}

#comments .name {
	font-weight: bold;
}

#comments .number {
	width: 100px;
	font-size: 8px;
	text-align: right;
}

#comments .comment {
	text-align: justify;
	padding-bottom: 40px;
}

#news {
	float: left;
	margin-left: 25px;
	margin-right: 75px;
	width: 500px;
}

#news .headline {
	padding-bottom: 10px;
	text-align: left;
	font-weight: bold;
	font-size: 16px;
	color: #999988;
}

#news .comment {
	font-size: 12px;
	text-align: justify;
}

#news .author {
	text-align: right;
	font-size: 8px;
	padding-bottom: 40px;
	color: #666655;
}

#news a,
#news a:active,
#news a:visited {
	target-new: window;
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: 1px dashed #999988;
}

#news .imglnk {
	border: 0;
	text-decoration: 0;
}

#news a:hover {
	color: #F09000;
	border: 0;
}

#news img {
	width: 450px;
	margin: 8px 0px 8px 23px;
	border: 2px solid white;
}

.media_dummy {
	text-align: center;
	font-size: 14px;
	color: FFDDCC;
}

#live {
	display: block;
	float: left;
}
	
#live ul {
	width: 200px;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	list-style-type: none;
}

#live li {
	text-align: center;
	margin-bottom: 20px;
	padding: 0px;
	font-weight: none;
}

#live .highlighted {
	background-color: #777755;
	border: 5px solid #555533;
	padding: 5px;
}

#live h1 {
	margin-bottom: 10px;
	text-align: left;
	font-weight: bold;
	font-size: 16px;
	color: #999988;
}

#live h2 {
	text-align: left;
	margin-bottom: 5px;
	padding: 0px;
	text-decoration: bold;
}

#live a,
#live a:active,
#live a:visited {
	color: #050505;
	text-decoration: none;
}

#live a:hover {
	color: #F09000;
}


#photos {
	float:left;
	width: 500px;
	margin-left: 25px;
	margin-right: 50px;
}

#photos h1 { 
	margin-bottom: 20px;
	text-align: left;
	font-weight: bold;
	font-size: 16px;
	color: #999988;
}

#photos p {
	margin-bottom: 50px;
}

#photos img {
	width: 100px;
	height: 80px;
	margin: 12px 6px 0px 6px;
	padding: 0;
	border: 4px solid #050505;
}

#photos img:hover {
	border: 4px solid #F09000;
}

#cds {
	float: right;
	width: 200px;
	margin-left: 0px;
	margin-right: 25px;
}

#cds h1 {
	margin-bottom: 15px;
	text-align: left;
	font-weight: bold;
	font-size: 16px;
	color: #999988;
}

#cds h2 {
	display: none;
	margin-bottom: 10px;
	text-align: right;
	font-weight: bold;
	font-size: 10px;
	color: #999988;
}

#cds ol {
	width: 200px;
	margin: 0px;
	margin-bottom: 25px;
	padding: 0px;
	text-decoration: none;
	list-style-type: decimal-leading-zero;
}

#cds li {
	text-align: left;
	margin-bottom: 2px;
	margin-left: 42px;
	padding: 0px;
	font-weight: none;
	font-size: 10px;
}

#cds p {
	margin-top: 22px;
	margin-bottom: 30px;
	color: #F99900;
}

#cds .spacer {
	width: 171px;
	margin: 8px auto 4px auto;
}

#flyer {
	display: none;
	float: right;
	width: 200px;
	margin: 0px;
	margin-top: 20px;
	background-color: #050505;
}

#list_uploads {
	display: block;
	float: left;
	width: 200px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

#list_uploads ul {
	margin-bottom: 20px;
	text-decoration: none;
	list-style-type: none;
}

#list_uploads li{
	margin-top: 5px;
	margin-left: 5px;
}

#list_uploads a, #list_uploads a:visited, #list_uploads a:active {
	text-decoration: none;
	color: #FFFFFF;
}

#list_uploads a:hover {
	color: orange;
}


#news {
	float: left;
	margin-left: 25px;
	margin-right: 75px;
	width: 500px;
}

#impressum h1 {
	padding-bottom: 24px;
	text-align: left;
	font-weight: bold;
	font-size: 16px;
	color: #999988;
}

#impressum h2 {
	padding-bottom: 18px;
	text-align: left;
	font-weight: bold;
	font-size: 14px;
	color: #AAAA99;
}

#impressum p {
	font-size: 12px;
	text-align: justify;
	margin-bottom: 12px;
}

#impressum strong {
	font-weight: bold;
}

#impressum small {
	display: block;
	font-size: 10px;
	color: #666655;
}

#impressum a,
#impressum a:active,
#impressum a:visited,
#footer a,
#footer a:active,
#footer a:visited {
	target-new: window;
	font-size: 10px;
	color: #666655;
	text-decoration: none;
	border-bottom: 1px dashed #666655;
}

#impressum a:hover,
#footer a:hover {
	color: #F09000;
	border: 0;
}

#footer {
	width: 900px;
	height: 10px;
	margin: 0px auto 20px auto;
	border-left: 10px;
	border-bottom: 20px;
	border-right: 10px;
	border-color: #040404;
	border-style: solid;
	background-color: #050505;
}

#footer p {
	text-align: right;
	padding-top: 12px;
	padding-right: 6px;
	padding-bottom: 6px;
}

/* DIV höhe anpassen */
	#content_wrapper {
		width: 900px;
		height: auto !important;
		min-height: 250px;
		background-image: url(img/bg_content.png);
		background-repeat: repeat-y;
	}
	
	.clearfix:after {
		content:".";
		display:block;
		height:0px;
		clear:both;
		visibility:hidden;
	}
	.clearfix {
		display:inline-block;
	}
	* html .clearfix {
		height:1%;
	}
	.clearfix {
		display:block;
	}