/* hst_vote.css */


/* GILT NUR FUER HST 

.NaviNoS .hst1 { background: #AAD5EE !important; } 
.NaviNoS .hst2 { background: #AAD5EE !important; } 
.NaviNoS .hst3 { background: #0285D0 !important; } 
.NaviNoS .hst4 { background: #015F96 !important; } 


.hst1bord { border-color: #AAD5EE !important; } 
.hst2bord { border-color: #AAD5EE !important; } 
.hst3bord { border-color: #0285D0 !important; } 
.hst4bord { border-color: #015F96 !important; } 

.hst1col { color: #AAD5EE !important; } 
.hst2col { color: #AAD5EE !important; } 
.hst3col { color: #0285D0 !important; } 
.hst4col { color: #015F96 !important; } 
*/


.NaviNoS.hst4 { background: #015F96 !important; } 

/* VOTE */

/* headline in der Farbe */
/* kasten um den gesamten vote */
.ardVote, .ardVote_erg, .ardVote_dank, .ardVote_sorry {
width: 25.31em;
/* width: 36.56em; */
padding: 0 !important;
margin: 0;
display: inline;
float: left;
clear: both;
background: #005E96;
border: 0;
bottom: 0;
left: 0;
right: 0;
top: 0; 
position: relative;
}

.ardVote h2, .ardVote_erg h2 { display: none; }

.ardVote_dank h2, .ardVote_sorry h2 {
padding: 4em 0 0.4em 0.8em;
margin: 0;
font-size: 1em;
line-height: 1.2em;
color: #FFC937;
display: inline;
float: left;
}

.voteKopf {
clear: both;
width: 100%;
padding: 0 0 1em 0;
margin: 0;
display: inline;
float: left;
color: #fff;
border-bottom: 2px solid #FFC937;
background: url(/static/hoerspieltage/pics/vote_bg.jpg) no-repeat !important;
}

.ardVote_dank .voteKopf, .ardVote_sorry .voteKopf {
border-bottom: none;
background: none !important;
} 

.voteKopf img {
padding: 0 1.5em 0 0;
margin: 0.6em 0 0 0;
display: block;
float: right;
border: 0;
position: relative;
}

.ardVote_dank .voteKopf img, .ardVote_sorry .voteKopf img {
padding: 0 1.5em 0 0;
margin: -5em 0 0 0;
display: block;
float: right;
border: 0;
position: relative;
}

/* Vote-Frage */

.voteKopf h3 {
	padding: 0 0 0 1.25em;
	margin: 2.75em 0 0 0;
	display: block;
	font-weight: normal;
	line-height: 1.25em;
	font-size: 0.7em;
	border: 0;
	float: left;
	width: 69%;
	background: none;
	}
	
.ardVote_dank .voteKopf h3, .ardVote_sorry .voteKopf h3 {
	padding: 0 0 0.5em 1.25em;
	margin: 0;
	display: block;
	font-weight: normal;
	line-height: 1.25em;
	font-size: 0.7em;
	border: 0;
	float: left;
	width: 72%;
	}


.voteFuss {
	clear: both;
	width: 100%;
	padding: 0;
	margin: 0;
	display: inline;
	float: left;
	background: #015F96 !important;
	position: relative;
	}
	
.voteFuss p {
	padding: 1.25em 0 0.25em 1em;
	margin: 0;
	line-height: 130%;
	font-size: 0.7em;
	display: inline;
	float: left;
	width: 65%;
	color: #FFC937;
	position: relative;
	}
	
	
.ardVote_erg .voteFuss p {
	padding: 0.5em 0 0.5em 1em;
	margin: 0;
	line-height: 1.35em;
	font-size: 0.7em;
	display: block;
	float: left;
	width: 100%;
	color: #FFC937;
	position: relative;
	}
	
.voteFuss a, .voteFuss a:visited, .voteFuss a:hover, .voteFuss a:active {
	color: #FFC937;
	}

/* umfasst den gesamten vote, auch erg */
.voteContainer {
width: 100%;
padding: 0;
margin: 0;
display: inline;
float: left;
}

/* ul in Vote und erg */
.ardVote .voteContainer ul, .ardVote_erg .voteContainer ul
{
width: 100%;
margin: 0;
padding: 0;
display: inline;
float: left;
clear: both;
}

.ardVote form, .ardVote form, .ardVote_dank form, .ardVote_sorry form, .ardVote fieldset, .ardVote_erg fieldset, .ardVote_dank fieldset, .ardVote_sorry fieldset {
width: 100%;
padding: 0;
margin: 0;


border: 0;
}

/* lis der ul in Vote und erg */
.ardVote .voteContainer ul li, .ardVote_erg .voteContainer ul li
{
width: 100%;
padding: 15px 0 15px 0;
display: block;
list-style: none;
float: left;
margin: 0;
border-bottom: 1px solid #AAD5EE !important;
clear: both;
background: #015F96 !important;
}

* .ardVote .voteContainer ul li, * .ardVote_erg .voteContainer ul li
{
padding: 12px 0 11px 0;
}

.ardVote_erg .voteContainer ul li
{
padding: 4px 0 0 2%;
width: 98%;
}

* .ardVote_erg .voteContainer ul li
{
padding: 4px 0 4px 2%;
width: 98%;
}


img.votePic {
border-right: 2px #fff solid;
border-bottom: 2px #fff solid;
border-top: 2px #95999a solid;
border-left: 2px #95999a solid;
}

.voteContainer .voteNum
{
padding: 0.15em 0 0.15em 0;
margin: 0;
display: block;
float: left;
color: #000;
}


.voteContainer .txt {
float: left;
padding: 0;
margin: 0;
display: inline;
width: 85%;
color: #A7D5F9;
background: none; 
/* border: #000000 1px solid; */
}

.ardVote_erg .txt {
padding: 0;
margin: 0;
width: 396px;
}



.voteContainer .txt p {
clear: both;
padding: 0;
margin: 0;
line-height: 110%;
font-size: 0.75em;
font-weight: bold;
display: block; 
width: 405px;
}




.ardVote form .bttRadio, .ardVote_erg form .bttRadio {
float: left;
padding: 0;
height: auto;
margin: 0;
width: 2em;
text-align: center;
background: none !important;
}

.ardVote_erg .numR {
float: left;
padding: 0.15em 0 0 0;
text-align: center;
margin: 0 0.25em 0 0.25em;
width: 1.45em;
font-size: 1.5em;
font-weight: bold;
color: #000;
}

.ardVote .numR {
display: none;
}

.ardVote_erg form .bttRadio {
display: none;
}

.ardVote_erg .BarPanal
{
clear: both;
margin: 0 0 0.26em 0;
padding: 0;
float: left;
width: 380px !important;
}

.ardVote_erg .ardBarContainer
{
clear: both;
background: #429CC5;
border: none;
padding: 0;
margin: 0.5em 0 0 0;
float: left;
width: 85%;
}

.ardVote_erg .BarPanal .ardBar
{
background: #fff !important;
line-height: 0;
font-size: 0;
height: 10px;
margin: 0;
padding: 0;
border: 0;
}

.ardVote_erg .ardBarPro
{
font-size: 0.8em;
font-weight: bold;
float: right;
/* border: #000000 1px solid; */
margin: 0;
padding: 0.3em 0 0 0.25em;
color: #fff !important;
}


.ardVote form .bttSchick, .ardVote_dank form .bttSchick, .ardVote_sorry form .bttSchick {
float: right;
padding: 0.25em 0.25em 0.35em 0.25em;
font-family: verdana, sans-serif;
color: #001a4b;
text-align: center;
font-weight: bold;
margin: 0.5em 0.5em 0.5em 0;
background: #fff !important;
border: 1px solid #fff;
font-size: 0.75em;
display: inline;
}

.ardVote form .bttSchick:hover, .ardVote_dank form .bttSchick:hover, .ardVote_sorry form .bttSchick:hover {
background: #fff !important;
border: 1px solid #001a4b;
}


*html .ardVote form .bttSchick, *html .ardVote_dank form .bttSchick, *html .ardVote_sorry form .bttSchick {
padding: 0.25em 0.25em 0.35em 0.25em;
margin: 0.5em 0.25em 0 0;
display: inline;
}

.ardVote_dank form .bttSchick, .ardVote_sorry form .bttSchick {
width: 12em;
}

.voteContainer .txt h4 {
padding: 0;
margin: 0;
color: #000;
font-size: 0.85em !important;
display: block;
float: left;
}


.bildBox
{
/* border: #d5d6d7 1px solid; */
float: left;
width: 86%;
/* background: #e9e9e9; */
}

.ardVote .voteBu, .ardVote_erg .voteBu
{
/* border: #000000 1px solid; */
color: #666666;
float: left;
width: 9.5em;
padding: 0.15em 0 0 0;
}


.voteBu h4
{
font-size: 0.75em;
padding: 0.15em 0 0 0;
margin: 0;
line-height: 120%;
}

.voteBu p
{
font-size: 0.7em;
padding: 0.15em 0 0.15em 0;
margin: 0;
line-height: 120%;
}

.xxardVote .votezoom
{
border: #000000 1px solid;
}
.ardVote .xxxvotePicContainer
{
border: #fff 2px solid;
width:11.25em;
background: #fff;
float: left;
margin: 0.25em 0.25em 0.25em 0.25em;
text-align: center;
}


.ardVote .votePicContainer, .ardVote_erg .votePicContainer
{
width: 12em;
background: #e9e9e9;
float: left;
margin: 0 0.25em 0 0;
padding: 0.5em 0 0.25em 0;
display: inline;
text-align: center;
vertical-align: middle;
}


.ardVote .votePicContainer p, .ardVote_erg .votePicContainer p
{
padding: 0 0 0 0;
font-size: 0.7em;
margin: 0;
}

.ardVote .votezoom, .ardVote_erg .votezoom
{
padding: 0.15em 0.25em 0.25em 0.25em;
vertical-align: middle;
/* border: #000000 1px solid; */
}