/* CSS Document */

/************* Grunddefinitionen **************/
body {
	font:normal 11px/140% verdana,arial,tahoma,helvetica,geneva,sans-serif;
	color:#49484d;
	padding:0;
	margin:0;
	border-spacing:0px;
	border-collapse:collapse;
	background:url(../img/body_bg.gif) top left repeat-x #5e5c62;
}

h1 {
	font:normal 16px arial,verdana,tahoma,helvetica,geneva,sans-serif;
	color:#fff;
	font-weight:bold;
	margin:17px 0 0 20px;
	padding:0;
}

h2 {
	font:normal 18px verdana,arial,tahoma,helvetica,geneva,sans-serif;
	color:#5e666f;
	font-weight:bold;
	margin:100px 0 0 0;
	padding:0;
}

h3 {
	font:normal 16px verdana,arial,tahoma,helvetica,geneva,sans-serif;
	color:#5e666f;
	font-weight:bold;
	margin:0;
	padding:0;
}

.cont1 a, .cont2 a {
	color:#8d3b42;
	font-weight:bold;
	text-decoration:underline;
}

.cont1 a:hover, .cont2 a:hover {
	color:#8d3b42;
	text-decoration:none;
}

#imprint {
	color:#f8f9fa;
}

#imprint a {
	color:#f8f9fa;
	text-decoration:none;
}

#imprint a:hover {
	text-decoration:underline;
}

/************* Layout **************/
#container {
	width:977px;
	margin:0 auto;
}

#left {
	float:left;
	width:225px;
	margin:0;
	padding:0;
}

#mag {
	width:225px;
	height:305px;
	margin:0;
	padding:0;
	background:url(../img/marcus_gockel.jpg) bottom right no-repeat;
}

#middle {
	float:left;
	width:552px;
	margin:0;
	padding:0;
}

#middle #headline {
	width:550px;
	height:55px;
	margin:15px 0 0 0;
	padding:0;
	border:1px solid #fff;
	background-color:#8d3b42;
}

#middle .cont1 {
	width:510px;
	margin:0;
	padding:22px 20px;
	line-height:18px;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
	background-color:#ebedf1;
}

#middle .cont2 {
	width:510px;
	margin:0;
	padding:22px 20px;
	line-height:18px;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
	background-color:#dee2e7;
}

#middle #imprint {
	width:550px;
	margin:5px 0 10px 0;
	padding:0;
	text-align:right;
}

#right {
	float:left;
	width:190px;
	margin:0;
	padding:0;
}

#right #msn {
	margin:175px 0 0 30px;
	padding:0;
}

#right #teaser {
	margin:250px 0 0 30px;
	padding:0;
}

/************* Listen **************/
ul#nav {
	margin:30px 30px 0 0;
	padding:0;
	text-align:right;
}

ul#nav li {
	list-style-type:none;
	white-space:nowrap;
	background:url(../img/navline.gif) bottom right no-repeat;
}

ul#nav li a {
	padding:8px 0;
	display:block;
	color:#f8f9fa;
	text-decoration:none;
}

ul#nav li a:hover {
	color:#f8f9fa;
	text-decoration:none;
	font-weight:bold;
}

ul#nav li span a {
	padding:8px 0 4px 0;
	display:block;
	color:#f8f9fa;
	text-decoration:none;
}

ul#nav ul {
	margin:0;
	padding:0;
}

ul#nav li ul {
	margin:0;
	padding:0 0 6px 0;
}

ul#nav li li {
	background:none;
}

ul#nav li li a {
	padding:2px 0;
}

/*** Bugfixing IE6 ***/
* html body {
	text-align:center;
}

* html #left, * html #middle, * html #right {
	text-align:left;
}

* html #middle .cont1, * html #middle .cont2 {
	width:550px;
}

* html ul#nav li {
	height:10px;
}

* html ul#nav li a {
	padding:4px 0 8px 0;
}

* html ul#nav li li a {
	padding:0;
}
