select  {
	display: block;
	font-size: 16px;
	font-family: sans-serif;
	font-weight: 700;
	color: #666666;
	line-height: 24px;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	margin: 0;
	border: 1px solid #aaa;
	box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
	border-radius: 3px;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
	  linear-gradient(to bottom, #ffffff 0%,#ffffff 100%);
	background-repeat: no-repeat, repeat;
	background-position: right .7em top 50%, 0 0;
	background-size: .65em auto, 100%;
}

select::-ms-expand {
	display: none;
}
select:hover {
	border-color: #888;
}
select:focus {
	border-color: #aaa;
	box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
	box-shadow: 0 0 0 3px -moz-mac-focusring;
	color: #222;
	outline: none;
}
select option {
	font-weight:normal;
}


.button  {
	display: block;
	font-size: 16px;
	font-family: sans-serif;
	font-weight: 700;
	color: #444;
	line-height: 1.3;
	padding: .6em 1.4em .5em .8em;
	width: 90%;
	max-width: 100%;
	box-sizing: border-box;
	margin: 0;
	border: 1px solid #aaa;
	box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
	border-radius: .5em;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	background-image: url(''),
	  linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
	background-repeat: no-repeat, repeat;
	background-position: right .7em top 50%, 0 0;
	background-size: .65em auto, 100%;
	text-align:center;
	}


input {
	border-radius: 3px;
	font-size: 16px;
	line-height: 24px;
	width: 70%;

	}

.button:hover  {
	cursor:pointer;
	border-color: #888;
	}


.voteform {
	font-size: 14px;
	margin: 0px auto;
	max-width: 600px;
	height:auto;	
	}

.votegruppe {
	width:30%;
	float:left
	}

.voteitem {
	width: 69%;
	float:left;
	}

.votefrage {
	width:65%;
	float:left;
	font-size: 13.5px;
	}

.votestars {
	width:35%;
	float:left;
	text-align:right;
	}

.voteform_firma_select {
    width: 250px;
    padding-left: 5px;
    height: 30px;
    font-size: 15px;
    color: black;
    border: 1px solid darkgray;
	}
	
.zusatzinfo {
    float: left;
    padding-top: 0px;
    height: 40px;
    width: 250px;
    padding-left: 5px;
}	

.personaldata {
	position:relative;
	border: 1px solid red;
	width: 100%;
	display:block;
	overflow:hidden;
	display:block;	
	}

#submitbutton {
	width: 100%;
	padding-top: 40px;
	}

.voteform_header {
	font-weight: bold;
	}
	
	
.voteitem:hover {
	background-color: #f1f1f1
	}
	
.voteitem:after { 
	content: " "; 
	display: block;
	clear: both;
	}		
	


.gruppe {
	width: 385px;
	float:left;
	padding-left: 0px;
	font-size: 14px;
	font-weight: bold;
	}	
	
.rating {
	float:left;
	width: 200px;
	}	
	
.question {
	width: 100%;
	float:left;
	font-size: 12px;
	padding-top: 5px;
	padding-left: 25px;
	}		
	
.stars {
	cursor:pointer;
	}	
	
.hide {
	display:none
	}
		
		
		
.results {
	clear:both;
	margin-top: 15px;
	display:block;
	line-height: 18px;
	}


.result_criteria {
	float:left;
	width: 150px;	
	}		
	
	
.result_val {
	width: 30px;
	text-align:right;
	float:left;
	}			
	
	
	
.teaserrow_da {
	float:left;
	margin-left: 10px;
	width: 210px;
	padding-top: 20px
	}

.teaser_da1 {
	font-size: 12px;
	height: 100%;
	display:block;
	}

.teaser_da2 {
	font-size: 12px;
	height: 913px;
	}	
	
	
/* 990 or smaller */
@media only screen and (max-width: 700px){ 

.teaserrow_da {
	float:left;
	margin-left: 3px;
	width: 97%;
	padding-top: 10px
	}	
	
.teaser_da1 {
	height: auto;
	width: 100%;
	}

.teaser_da2 {
	height: auto;
	width: 100%;
	}	
	
.votegruppe {
	width: 100%;
	}

.voteitem {
	width: 100%;
	margin-top: 10px;
	}

.votegruppe h4 {
	float:left;
	}		
	
.votestars {
	width:100%;
	float:left;
	}
	
.votefrage {
	width: 100%;
	}
	
.stars {
	text-align:left;
	}	

.stars  img {
	margin-left: 15px;
	}	
	
}


/* 600 or smaller */
@media only screen and (max-width: 600px){ 

.button {
	font-size: 13px;
	
		
}