@charset "utf-8";
/* CSS Document */



#wrapper {
	height: 420px;
	background-color:#FFFFFF;
	width: 940px;
	margin: 0px;
    font-family: Georgia,Times,serif;
	font-weight: normal;
    font-size: 15px;
	position:relative;
	overflow:hidden;
	top:0;
	left:0;
}




.button0, .button1, .button2, .button3, .button4 {
    cursor:pointer;
}

.clear {
    clear: both;
}
 
#bildmotiv {
    margin-right:50px; 
	float: left; 
	width:300px;
	margin-left:15px;
}


#textwrapper {
	top:0px;
	position:absolute;
	width:500px;
	left: 380px; 
    font-size: 16px;
}





#intro {
	display:block;
	height: 600px;
	margin-top:70px;
}


.aussage {
	/*border: 1px solid;*/
height:600px;
}


#aussage {
	
	width:500px;
	float: left; 
   font-size: 16px;
   display:block;
}

.t1{
	height: 600px;
	background-color:#BCBCBC;
	}




.antwortbuttons {
	/*margin-top:10px;*/
	}


.zustimmungfrage {
	font-family: verdana;
	font-size:14px;
	text-align:left;
	color: #A2A2A2;
	 margin:  5px 0px 10px 0px; 
	}
	
.zustimmung0 {
	display:block;
	float:left; 
	width:100px;
	font-family: verdana;
	font-size:14px; 
	color: #A2A2A2;
	text-align:left;
	/*margin: 0px 0px 10px 0px;*/
	
	}
	
.zustimmung2 {
	display:block;
	float:left; 
	width:300px;
	font-family: verdana;
	font-size:14px;
	color: #A2A2A2;
	text-align:center;
	/*margin: 0px 0px 10px 0px;*/
	}
	
.zustimmung4 {
	display:block;
	float:left; 
	width:100px;
	font-family: verdana;
	font-size:14px; 
	color: #A2A2A2;
	text-align:right;
	/*margin: 0px 0px 10px 0px;*/
	}
	
.button0 {
	width:88px;
	height:75px;
	float: left;
	background-image:url(img/antwort-0pt.jpg)
	}
.button0 :hover {
	background-image:url(img/antwort-0pt-on.jpg)
	}
	
	
.button1 {
	width:108px;
	height:75px;
	float: left;
	background-image:url(img/antwort-1pt.jpg)
	}
.button1 :hover {
	background-image:url(img/antwort-1pt-on.jpg)
	}
	
.button2 {
	width:108px;
	height:75px;
	float: left;
	background-image:url(img/antwort-2pt.jpg)
	}
.button2 :hover {
	background-image:url(img/antwort-2pt-on.jpg)
	}
	
	
.button3 {
	width:108px;
	height:75px;
	float: left;
	background-image:url(img/antwort-3pt.jpg)
	}
.button3 :hover {
	background-image:url(img/antwort-3pt-on.jpg)
	}
	
	
.button4 {
	width:88px;
	height:75px;
	float: left;
	background-image:url(img/antwort-4pt.jpg)
	}
.button4 :hover {
	background-image:url(img/antwort-4pt-on.jpg)
	}	
	
	
	
	
	
	
	
	
.btn0-4 {
	display:block;
	margin:0px;
	padding:0px;
	border:0;
	float:left;
	}

h1 {
	line-height: 30px;
    font-family: Georgia,Times,serif;
    font-size: 30px;
	font-weight: normal;
	margin-left:15px;
}

.aussagenummer {
	font-family: verdana;
	font-size: 14px;
	font-weight: normal;
	color: #A2A2A2;
	 
}


.aussagetext {
    font-family: Georgia,Times,serif;
    font-size: 20px;
	font-weight: normal;
	margin:10px 0px;
}


.hinweis {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #C4C4C4;
}


#start{
	cursor:pointer;
	color:#c60000;
	font-size:18px;
	}
	
#start:hover{
	cursor:pointer;
	color:#c60000;
	}