.polli-container {
	box-sizing: border-box;
	width:100%;
	background-color:#f5f5f5;
	padding:1em;
	font-size:1em;
	margin-bottom:1em;
}

.polli-headline {
	font-weight: bold;
	font-size: 1.5em;
	line-height: 120%;
}

.polli-headline + .polli-item {margin-top:0.75em}
.polli-headline + .polli-teaser {margin-top:0.25em}
.polli-teaser + .polli-item {margin-top:0.75em}

.polli-item {
	margin-bottom:0.5em;
	background-color:white;
	padding:0.75em 1em 1em 1em;
	box-sizing:border-box;
}
.polli-item:last-child {margin-bottom:0;}

.polli-container.to-vote .polli-item {padding:1em; cursor:pointer;}

.polli-item p {margin:0 0 0.4em 0; line-height:110%;}
.polli-item p small {font-size: 0.85em; opacity: 0.7; font-style: oblique;}
.polli-item p span {float:right; font-size:0.85em; opacity:0.7}

.polli-item.prevote p {margin:0; }
.polli-item.prevote {cursor:pointer; padding:0.75em;}
.polli-item.prevote:hover {border-left: 5px solid #0f62ad; background-color:#d4e8ff;}

.polli-item.marked {background-color:#c1e3d1;}

.polli-bar {
	display:block;
	box-sizing: border-box;
	width:100%;
	background-color: whiteSmoke;
	box-shadow: 0 5	px 5px -5px #888 inset;
	border-left: 2px solid #0f508b;
}

.polli-bar div {
	box-sizing: border-box;
	height:1em;
	width:0;
	max-width:100%;
	background-color: #0f62ad;
	/*background: linear-gradient(to bottom, #0f62ad 0%,#1476e0 37%,#468ce2 82%,#0f62ad 100%);*/
	background: #0065ad;
	transition: width .7s ease-in-out;
}

.polli-item:hover {background-color: #e3e3e3;}
.polli-item:hover .polli-bar div {background-color: #01518d;}
.polli-item:hover p small {opacity: 1;}
.polli-item:hover p span {opacity: 1}