@charset "iso-8859-1";
/* CSS Document */

body {
	background: #fff;
	text-align:center;
	
	font-family: Arial, Helvetica, Lucida Sans Unicode, Lucida Sans, sans-serif;
	font-size: 0.7em;
	color:#222;
	line-height: 1.4em;
}

div, ul, a, dl {
	margin: 0;
	padding:0;
}

a {
	font-family: Arial, Helvetica, Lucida Sans Unicode, Lucida Sans, sans-serif;
	outline:none;
	text-decoration: none;
}

img {
	border: none;
	margin: 0;
	padding:0;
}

img.logo {
	margin: 0 0 20px 30px;
}

ul.mainnav,
ul.mainnav li,
ul.nav_left,
ul.nav_left li {
	list-style-type: none;
	list-style:none;
	z-index: 20;
}
ul.nav_left,
ul.nav_left li {
	width: 180px;
	height: 20px;
	display:block;
	float:left;
}
#main {
	margin: 10px auto 0 auto;
	padding: 0;
	width: 960px;
	text-align:left;
}
.centerbox {
	margin: 34px 0 -5px 0;
	width: 941px;
	height:310px;
	background:url(../images/mid_red_bg.png) no-repeat 0 0;
	z-index: 4;
}
.k {
	background:url(../images/red_bg.jpg) no-repeat 0 0;
}
ul.mainnav {
	height: 108px;
}

ul.mainnav li {
	float:left;
	display:block;
	width: 319px;
	height: 108px;
}
ul.mainnav li a {
	text-decoration:none;
	padding: 30px;
	display:block;
	width: 242px;
	height: 106px;
	text-align:left;
}

a.left {
	background: url(../images/b_left.png) no-repeat 0 -164px;
}
a.middle {
	background: url(../images/b_mid.png) no-repeat 0 -164px;
}
a.right {
	background: url(../images/b_right.png) no-repeat 1px -164px;
	z-index: 10;
}
a.leftoff,
a.left_grey:hover {
	background: url(../images/b_left_grey.png) no-repeat 0 4px;
}
a.middle_grey {
	background: url(../images/b_mid_grey.png) no-repeat 0 -164px;
}
a.right_grey {
	background: url(../images/b_right_grey.png) no-repeat 1px -164px;
	z-index: 10;
}
a.left_grey {
	background: url(../images/b_left_voting.png) no-repeat 0 2px;
	z-index: 10;
}
a.left:hover {
	background: url(../images/b_left.png) no-repeat 0 4px;
}
a.middle:hover {
	background: url(../images/b_mid.png) no-repeat 0 4px;
}
a.right:hover {
	background: url(../images/b_right.png) no-repeat 1px 4px;
}
a.middle_grey:hover {
	background: url(../images/b_mid_grey.png) no-repeat 0 4px;
}
a.right_grey:hover {
	background: url(../images/b_right_grey.png) no-repeat 1px 4px;
}

h1 {
	color: #701a32;
	font-size: 1.5em;
	line-height:1.35em;
	text-transform:uppercase;
	text-align:center;
	font-weight: 500;
}

h2 {
	text-align:center;
	color: #111;
	font-size: 1.2em;
	line-height:1.35em;	
	font-weight: 500;
	background:url(../images/black_arrow.png) no-repeat 15px 5px;
}

a.left:hover h1,
a.left:hover h2,
a.left:active h1,
a.left:active h2,
a.leftoff h1,
a.leftoff h2,
a.middle:hover h1,
a.middle:hover h2,
a.middle_grey:hover h1,
a.middle_grey:hover h2,
a.right:hover h1,
a.right:hover h2,
a.right_grey:hover h1,
a.right_grey:hover h2,
a.left_grey:hover h1,
a.left_grey:hover h2 {
	color: #fff;
}

a.left:hover h2,
a.leftoff h2,
a.left_grey:hover h2 {
	background:url(../images/white_arrow.png) no-repeat 15px 5px;
}
a.middle:hover h2,
a.middle_grey:hover h2 {
	background:url(../images/white_arrow.png) no-repeat 15px 5px;
}
a.right:hover h2,
a.right_grey:hover h2 {
	background:url(../images/white_arrow.png) no-repeat 15px 5px;
}

ul.mainnav h2:hover {
	background:url(../images/white_arrow.png) no-repeat 16px 6px;
}

hr {
	margin: 40px 0px 10px 0;
	padding:0px;
	border-bottom:1px solid #ddd0d4;
	border-top:0px;
	border-left:0px;
	border-right:0px;
	line-height:0px;
	height:1px;
	display:block;
}
adress,
.kontakt {
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	color:#444;
	margin-bottom: 15px;
}
.nav_left {
	width:120px;
}
a.kform,
a.start,
a.result {
	display: block;
	width: 120px;
	height: 18px;
	margin: 35px 0 0 48px;
	padding-left: 15px;
	color:#fff;
	font-weight:700;
	font-size: 1.05em;
	text-decoration: none;
	background: url(../images/white_arrow.png) no-repeat 0 4px;
	float:left;
}
a.red {
	background: url(../images/red_arrow.gif) no-repeat 0 4px;
}

ul {
	display: block;
}
a.kform:hover,
a.start:hover,
a.off {
	color:#cca3ad;
	background: url(../images/grey_arrow.png) no-repeat 1px 5px;
}
a.red:hover {
	color:#888;
	background: url(../images/grey_arrow.gif) no-repeat 1px 5px;
}

a.result{
	margin:0;
	width: 160px;
	background: url(../images/red_arrow2.gif) no-repeat 0 4px;
}
a.result:hover {
	background: url(../images/grey_arrow2.gif) no-repeat 0 4px;
}

a.radio {
	display:block;
	height: 80px;
	width: 200px;
	text-decoration:none;
	margin: 210px 0 0 -134px;
	float:left;
}
a.radio .box {
	background: url(../images/radio.gif) no-repeat 0 0;
	height: 41px;
	width: 44px;
	margin-top: 0;
	clear:both;
}

a.radio:hover .box {
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
a.radio h1 {
	color: #fff;
	text-align:left;
	line-height:0em;
}
a.radio h2 {
	color: #fff;
	background:none;
	text-align:left;
	line-height:0.6em;
}
a.radio:hover h1,
a.radio:hover h2 {
	color:#cca3ad;
}

a.titel {
	float: right;
	display:block;
	width: 336px;
	height:283px;
	margin-top: 22px;
	background:url(../images/paper.jpg) no-repeat 0 0;
	z-index: 2;
	overflow:hidden;
}
a.titel:hover {
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.footer {
	background: url(../images/footer_bg.png) repeat-x 0 0;
	color:#fff;
	padding: 8px 25px 10px;
	width: 890px;
	height: 100px;
	z-index: 15;
	
	/*-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-opera-border-radius:5px;
	border-radius: 5px;*/
}
.footer.blue {
	background: url(../images/footer_bg_blue.png) repeat-x 0 0;
}
.footer.red {
	background: url(../images/footer_bg_red.png) repeat-x 0 0;
}
.footer.green {
	background: url(../images/footer_bg_green.png) repeat-x 0 0;
}
.footer.violet {
	background: url(../images/footer_bg_violet.png) repeat-x 0 0;
}


.footer p {
	color:#fff;
	font-size: 0.98em;
	line-height:1.23em;
	display: block;
	width: 488px;
	margin-bottom:0;
}
.footer .claim {
	background: url(../images/claim.png) no-repeat 0 5px;
	width:200px;
	height:30px;
	float:right;
	margin-top: 8px;
	margin-right: 2px;
}
/*.footer .claim.blue {
		background: url(../images/slogan_blue.png) no-repeat right 0;
}
.footer .claim.red {
		background: url(../images/slogan_red.png) no-repeat right 0;
}
.footer .claim.green {
		background: url(../images/slogan_green.png) no-repeat right 0;
}
.footer .claim.violet {
		background: url(../images/slogan_violet.png) no-repeat right 0;
}*/

.footer .fz {
	font-size: 0.94em;
	color: #ccc;
	float:right;
}
form {
	display: block;
	width:380px;
	height: 235px;
	margin: 0;
	float:left;
	padding-top: 50px;
}
form .values {
	width: 265px;
	float:left;
}
form input,
form textarea {
	color:#222;
	width: 235px;
	height: 16px;
	padding:2px 8px;
	border:none;
	margin: 4px 0;
	font-family: Arial, Helvetica, Lucida Sans Unicode, Lucida Sans, sans-serif;
	font-size: 1.1em;
}
form textarea {
	height: 126px;
}
form .labels {
	float:left;
	color: #fff;
	font-size: 1.2em;
	text-transform:uppercase;
}
form .labels dt {
	height:14px;
	padding: 8px 0 6px;
}
a.submit {
	background: url(../images/senden.jpg) no-repeat 0 0;
	display:block;
	width:158px;
	height:40px;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:500;
	color:#701a32;
	float: left;
	margin: 181px 0 0 -120px;
	font-size:1.4em;
	padding: 48px 0 0 0;
	text-align:center;
} 
a.submit:hover {
	color: #666;
}
.send {
	float:left;
	width: 400px;
	padding-top: 120px;
}
.send p {
	font-size: 1.2em;
	color: #fff;
}
a.red {
	color: #701a32;	
}
div.grey {
	background: #f0f0f0 url(../images/x_grey.png) repeat-x 0 0;
	height: auto;
	min-height: 600px;
}
.redaktion {
	margin: 100px 0 0 66px;
	width: 855px;
}
.redaktion img {
	display:block;
	margin:1em 0 0.5em 0;
}
.portrait {
	float:left;
	width:370px;
	margin: 2em 57px 0 0;
}
.portrait h4 {
	font-size:1.2em;
	color:#111;
	font-weight:500;
	margin:0.5em 0 ;
}
.portrait ul {
	display:block;
	float:right;
	width: 230px;
	background: url(../images/bg_bubble.png) 0 0;
	list-style-type:none;
	padding:0.5em 0;
	margin:1.5em 0 0 0;
	border:none;
}
.portrait ul li {
	list-style-type:none;
	padding: 0.1em 1em;
	color:#fff;
}
.portrait .zacke {
	height: 22px;
	width:230px;
	background:url(../images/zacke.png) no-repeat 0 0;
	float:right;
}
.portrait .doro {
	width: 250px;
	background-repeat:repeat-x;
}
.redaktion h3,
.voting h3 {
	color:#701a32;
	text-transform:uppercase;
	font-size: 1.2em;
	font-weight:500;
	margin-bottom:0;
}
.portrait h3 {
	text-transform:none;
	font-size:1.4em;
}
.portrait p {
	display: block;
	float:left;
	text-align: justify;
	line-height: 1.55em;
	font-size: 1.1em;
}
.voting {
	margin: 20px 0 0 65px;
}
.voting h3 {
	margin:0;
}
.grey .redline,
.voting .redline {
	border-bottom: 1px solid #701a32;
	display:block;
	width: 812px;
	height:6px;
}
.clear {
	clear:both;
	height:20px;
}
a.foto {
	float: right;
	display:block;
	width: 334px;
	height:283px;
	margin-top: 22px;
	background:url(../images/foto.jpg) no-repeat -1px 0;
	z-index: 2;
	overflow:hidden;
}
a.teaser {
	display:block;
	width: 940px;
	height:119px;
}
a.teaser img {
	float:left;
}

a.teaser h1,
a.teaser h2 {
	text-decoration:none;
	margin:-90px 0 0 78px;
	float: left;
	background:none;
	text-align:left;
	line-height: 1em;
}

a.teaser h2 {
	margin-top: -50px;
}

.voting_votelist {
	width: 800px;
}

.voting form {
	height: auto;
	padding-top: 20px;
	width: 800px;
}
.voting form.auswertung {
	margin-top:30px;
}
.player {
	width: 150px;
	height: 220px;
	float:left;
}
.p_txt {
	width: 300px;
	float:left;
}
.p_txt {
	font-size: 1.1em;
	line-height: 1.5em;
	text-align:justify;
	margin-right: 60px;
}
.p_txt h1 {
	font-weight: 400;
	text-align:left;
	font-size: 1.2em;
	text-transform:none;
}

.voteitems,
.output {
	float: left;
	width: 200px;
	margin-top: 60px;
}
.voting_voteitem {
	width: 200px;
	height: 10px;
	padding: 5px;
	float:left;
}
.voting_voteitem input {
	width: auto;
	margin:0;
}
.voting_voteitem label {
	margin-left: 10px;
	font-size: 1em;
	text-transform:uppercase;
	color:#701a32;
	vertical-align:top;
}
div.submit input {
	display:block;
	background: url(../images/redbutton.jpg) no-repeat 0 0;
	width: 146px;
	height:65px;
	padding:20px 0 0 0;
	color:#fff;
	text-transform: uppercase;
	font-size:1.1em;
}
div.submit {
	float:right;
	margin-right: 135px;
}

.voting_error,
.voting_success {
	width: 280px;
	background: #701a32;
	color: #fff;
	font-size: 1.2em;
	padding: 20px;
	margin-left: 490px;
	margin-bottom: 20px;
}
.voting_resultitemtitle {
	text-transform: uppercase;
}
.voting_resultitembar {
	width:140px;
	float:left;
}
.voting_resultitemvotes {
	float:right;
	margin-top:-3px;
	color: #666;
	font-size: 1.1em;
}
.output .clear {
	height: 8px;
}

.voting_votecount {
	margin: 5px 5px 5px 510px;
	font-size: 1.3em;
}
.p_votings {
	font-size: 1em;
	margin-top: 145px;
}



div.titel {
display:block;
height:283px;
margin-left:605px;
margin-top:22px;
overflow:hidden;
position:absolute;
width:336px;
z-index:2;
}
/*div.titel:hover {
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}*/
.ausgaben { float: left; margin: 100px 0 0 190px; position:relative; z-index: 20; }
.ausgaben h2 { color: #fff; text-transform:uppercase; background: none; }
.ausgaben a { color:#fff; font-size:1.3em; padding: 0 14px; background: url(../images/arrow_up.png) no-repeat 0 4px; display:block; margin-bottom: 14px;
	text-shadow: 2px 2px 5px #915b67;
}
.ausgaben a:hover { 
	background: url(../images/arrow_up_over.png) no-repeat 1px 3px; 
	color: #e9d6da;
}