/* =======================================
1. Allgemeine Styles
======================================= */

html {
	width: 955px;
	margin-left:auto;
	margin-right:auto;
	background-color: #000;
	}

body {}

div {font-family: Helvetica, Arial, sans-serif;}

em {font-weight:bold;}


a {
	text-decoration: none;
	color:#fc0000;
}

a:link {}

a:visited {}

a:focus {}


a:hover {color: #ffffff;}

a:active {font-style: italic;}


.bildlink {text-align:center;}

div.bildlink a {color:#000;}

div.bildlink a:hover {color: #ffffff;}



.center {text-align:center;}

.margin {margin:20px;}


/* =======================================
2. Styles für die Layoutbereiche
======================================= */


#header {
	background-image: url(vers2.jpg);
	height:506px;
	margin:10px;
	margin-top: 10px;
}

	#header a {
		color: #000;
		display: block;
		width: 100%;
		height: 100%;
	}

#menu {
	padding-left: 5px;
	margin-left:10px;
	height: 30px;
	color: #fc0000;
	font-size: 34px;
}

	h1 {
		margin: 0px;
		font-size: 34px;
		font-weight: normal;
		line-height: 35px;
	}

	h2 {
		margin-top: 0px;
		font-size: 14px;
		font-weight: normal;
		line-height: 15px;
	}
	

	h3 {
		margin-bottom: 20px;
	}

	h4 {
		font-weight: normal;
		width: 50px;
	}

#contentwrapper {
	float: left;
	margin:10px;
	padding: 10px;
	width: 900px;
	background-color: #006600;

}

#content {
	float:left;
	padding-top: 10px;
	background-color: #006600;
	margin:10px;
	margin-right:10px;
	width: 600px;
	color: #ccff99;
}

	#content a {color:#ccff99;}
	
	#content a:hover {color: #fc0000;}

	#content a:active {font-style: italic;}
	
	.detail {font-weight:bold; float:right;}


#sidebar {
	background-color: #000;
	overflow:auto;
	padding: 10px;
	padding-top: 20px;
	margin-top: 10px;
	width: 255px;
	color: #fc0000;
	font-size: 18px;
}

	.suche {text-align:left;}



#comment {
	color:#ffffff;
	clear:both;
	margin:10px;
	width: 620px;
}




#footer {
	margin:10px;
	width: 920px;
	color: #fc0000;
	font-size:14px;
}

	#footer a {font-size:16px;}