/*typography*/

html {
		background-color: 	hsla(0, 0%, 91%, 0.95);
/*		D6D6D6;*/
		color : 			#000000;
		font-size: 			100%;
		font-family : 		11px Arial, Verdana, Lucida Grande;
}
body {
		overflow: 			auto;
		text-align: 		left;
		margin: 			auto;
		margin-top:			5px;
		padding: 			0px;
		width: 				90%;
}
A:link {
		text-decoration:	none; 
		color:				#0000CC;
		white-space: 		pre;
}
A:visited {
		text-decoration: 	none; 
		color: 				#0000CC;
}
A:hover {
		text-decoration: 	none; 
		font-weight: 		bold; 
		color: 				red;
}
A:active {
		text-decoration: 	none; 
		color: 				#080;
}
#container {
		margin: 			auto;
		width: 				90%;
		font-family: 		11px arial, Verdana, Lucida Grande;
 }
header {
		padding: 			0pt;
		margin: 			0px 0 0px 0;
		height: 			16vmin; 
		width: 				100%;
		border: 			none;
		position: 			relative;
		font-size: 			2vw;
		font-family: 		arial, Verdana, Lucida Grande;
		color: 				#000000; 
		margin-bottom: 		1%;
		background:			white;
		background-size:	contain;
		background-repeat:	no-repeat;
		}
article {
		float: 				left;
		font: 				100% Arial, Verdana, Lucida Grande;
		color: 				#000000;
		margin: 			0px 0 0px 0;
		border: 			none;
		padding: 			0pt;
		position: 			relative;
		width: 				100%;
		/* background-color: 	#ffcccc; */
		text-align:			left;
		/* box-shadow: 		10px 0px 10px grey;   */     
}
footer {
		float: 				left; 
		position :			relative;
		font: 				100% Arial, Verdana, Lucida Grande;
		text-align: 		right;
		border: 			1px solid; 
		border-color:		#fff #fff #000 #fff;
		padding: 			0;
		width: 				100%;
		background: 		white;
}

section1 {
		float: 				left;
		font-size: 			130%;
		font-family: 		100% Arial, Verdana, Lucida Grande;
		font-weight:		bold;
		color: 				#0080C7;
		line-height:		130%;
/*		padding-left:		5%;*/
		border: 			1px solid; 
		border-color:		#fff #fff #000 #fff;
		top: 				3px;
		width: 				100%;
		background-color: 	#F9F6E7;
        }
section2 {
		float: 				left;
		font: 				100% Arial, Verdana, Lucida Grande;
		color: 				#000000;
		margin: 			0px 0 0px 0;
		border: 			1px solid; 
		border-color:		#fff #fff #000 #fff;
		top: 				10pt;
		width:				100%;
		background-color:	white;
        }
section3 {
		float: 				left;
		font : 				90% Arial, Verdana, Lucida Grande;
		color : 			#660000;
		margin : 			0px 0 0px 0;
		text-align : 		left;
		border: 			1px solid; 
		border-color:		#fff #fff #000 #fff;
		padding : 			0pt;
		/* position : 		relative; */
		top : 				10pt;
		width : 			100%;
		background-color:	#ffffff;
}
progress {
		float: 				center;
		font : 				100% Arial, Verdana, Lucida Grande;
		color : 			black;
		margin : 			0px 0 0px 0;
		text-align : 		left;
/*		border : 			none; */
		padding : 			0px;
		/* position : 		relative; */
/*		top : 				10pt;
		width : 			100%;*/
		background-color:	white;
}
p{
/*		float: 				center;*/
		font-size : 		80%;
		font-family: 		Arial, Verdana, Lucida Grande;
		color: 				#000000;
/*		margin: 			0 5px;*/
		margin-bottom: 		auto;
		text-align:			middle;
}
h1{
		font-size: 			120%;
		font-family: 		Arial, Verdana, Lucida Grande;
		font-weight: 		bold;
		color: 				#00007D;
		margin: 			0 5px;
		padding-top: 		2%;
		padding-left: 		1%;
		padding-right: 		1%;
 }
h2{
		padding-left:		7%;
		padding-right:		7%;
		text-align:			left;
		font: 				90% arial, Verdana, Lucida Grande;
		color: 				#00007D;
		font-weight:		bold;
		background-color:	#F9F6E7;
 }
h3{
		color: 				black;
		font-size: 			110%;
		font: 				bold 11px arial, Verdana, Lucida Grande;
		margin: 			0 5px;
		padding-left: 		20px;
		padding-right: 		20px;
 }
h4{
		color: 				black;
		font-size: 			100%;
		font: 				bold 11px arial, Verdana, Lucida Grande;
		margin: 			0 5px;
		padding-left: 		20px;
		padding-right: 		20px;
 }
table {
		font-family: 		10px Arial, sans-serif, Open Sans;
		font-size: 			100%;
		color: 				#000000;
		border-collapse: 	separate;
		border-spacing: 	1px 1px;
		table-layout: 		fixed;
		width: 				100%;
}
ul {
		font: 				100% arial, Verdana, Lucida Grande;
		color: 				black;
		list-style:			none;   /* zeigt Listen ohne Punkt an*/
/*		list-style-position:	outside;*/  /* oder ...inside*/
/*		float:				left; */
		text-indent:		-35px;
		margin:				0;
		padding:			0;
		padding-top:		5px;
		padding-bottom:		15px;
		padding-left:		50px;
}

hr { 
		width:				100%; 
		height:				1px; 
		margin:				0 auto;
		color:				blue;
		background:			#CCCCCC;
}
#box_wrapper {
		display:			table;
		width:				100%;           
		table-layout:		fixed;   
		border-spacing:		0px; 
		background-color:	white;        
        }
.box_cell {
		display:			table-cell;
		padding:			3px;
		text-align:			left;        
        }
.box_cell > div {
		width:				100%; 
		padding:			3px;
		background-color:	white;
	/*	border:				1px solid red;    */     
        }
		
textarea {
		background-color: 	#D4FFFF;
        }
input {
		background-color: 	#D4FFFF;
/*		#EDFFE6;*/
}

/* HTML5 Boilerplate radio-one hidden styles */
.radio {
		border: 			0;
		padding: 			2px;
		position: 			relative;
		display: 			inline-block;
		width: 				20px;
		height: 			20px;
		transform: 			scale(1);
		-moz-transform: 	scale(1.5);
		vertical-align:		-5px;
		line-height:		160%;
		margin-left: 		10px;
		transition: 		0.5s ease all;    /*animation here*/
}
.radio:checked {
		background: 		#00006A;
/*Ü		box-shadow: 		0 0 0 0 #ccc; */
}
.checkbox {
		border: 			0;
		height: 			1px; 
		padding: 			2px;
		position: 			relative;
		display: 			inline-block;
		width: 				20px;
		height: 			20px;
		transform: 			scale(1);
		-moz-transform: 	scale(1.3);
		vertical-align: 	-5px;
		line-height:		160%;
		margin-left: 		10px;
		cursor: 			pointer;  /*hand view when on hover*/
		transition: 		0.5s ease all;    /*animation here*/
}
.checkbox:checked {
		background: 		#00006A;
/*		box-shadow: 		0 0 0 0.18em #ccc; */
}
#submitte {
		background:			url(http://www.sowi-forschung.de/rst/wald/arrow2brotkl2.jpg); 
		width: 				40px;
		height: 			43px;
		border:				none;
}
#submit {
		background:			url(http://www.sowi-forschung.de/rst/arrow2kl.jpg); 
		font: 				13px arial, Verdana, Lucida Grande;
		font-weight:		bold;
		width: 				60px;
		height: 			70px;
		border:				none;
}
#submitx {
		background:			url(http://www.sowi-forschung.de/rst/arrow2rotkl.jpg); 
		font: 				13px arial, Verdana, Lucida Grande;
		font-weight:		bold;
		width: 				60px;
		height: 			70px;
		border:				none;
}
#submit:hover  {
		background:			url(http://www.sowi-forschung.de/rst/arrow2goldkl.jpg);   
		font: 				13px arial, Verdana, Lucida Grande;
		font-weight:		bold;
		width: 				60px;
		height: 			70px;
}
#submit:active {
		background:			url(http://www.sowi-forschung.de/rst/arrow2rotkl.jpg);   
		font: 				13px arial, Verdana, Lucida Grande;
		font-weight:		bold;
		width: 				60px;
		height: 			70px;
}
#weiter {
		float: 				right;
		background-color:	white;
		width: 				30%;
		margin-right:		4%;
}
#linksweiter {
		float: 				left;
		background-color:	white;
		width: 				50%;
		margin-left:		4%;
}
#linksraus  {
		float: 				left; 
		display:			table-cell;
		vertical-align:		middle; 
		text-align:			middle;
		background-color:	white;
		width: 				30%;
		font-size:			80%;
}
#frage {
		padding-left:		7%;
		padding-right:		7%;
		text-indent:		-7%;
		text-align:			left;
		font: 				100% arial, Verdana, Lucida Grande;
		color: 				#00007D;
		font-weight:		bold;
		background-color:	#F9F6E7;
		}
#fragew {
		float: 				left;
		width: 				43%;
		padding-left:		7%;
/*		padding-right:		7%;
		text-indent:		-7%;*/
		text-align:			left;
		font: 				100% arial, Verdana, Lucida Grande;
		color: 				#00007D;
		font-weight:		bold;
		background-color:	#F9F6E7;
		}
#frageohne {
		background-color:	#F9F6E7;
		font: 				90% arial, Verdana, Lucida Grande;
		}
#fraget{
		padding-left:		7%;
		padding-right:		7%;
		text-indent:		-7%;
		text-align:			left;
		font: 				90% arial, Verdana, Lucida Grande;
		color: 				#000000;
		font-weight:		bold;
		}
#antwortw {
		float: 				right;
		width: 				50%;
		background-color:	white;
		text-align:			left;
		font: 				90% arial, Verdana, Lucida Grande;
		color: 				#000000;
		line-height: 		130%;
		}
#antworts {
		padding-left:		7%;
		padding-right:		7%;
/*		text-indent:		-5%;*/
		text-align:			left;
		font: 				90% arial, Verdana, Lucida Grande;
		color: 				#000000;
		line-height: 		130%;
		}
#antwortc {
		padding-left:		7%;
		padding-right:		7%;
/*		text-indent:		-10%;*/
		text-align:			left;
		font: 				90% arial, Verdana, Lucida Grande;
		color: 				#000000;
		}
#antwortd {
		position:			relative;
		float: 				left;
		padding-left:		7%;
		padding-right:		7%;
		font: 				90% arial, Verdana, Lucida Grande;
		color: 				#000000;
		line-height: 		150%;
		}
#antwortthreea {
		float: 				left;
		background-color:	white;
		width: 				45%;
		margin-left:		4%;
/*		padding-left:		1%;
		padding-right:		1%;*/
		font: 				100% arial, Verdana, Lucida Grande;
		color: 				#000000;
		}
#antwortthreeb {
		width:				45%;
		padding-left:		1%;
		padding-right:		1%;
		float: 				left;
		font: 				100% arial, Verdana, Lucida Grande;
		color: 				#000000;
		background-color: 	white;
		}
#antwortthreec {
		width:				45%;
		padding-left:		1%;
		padding-right:		1%;
		float: 				left;
		font: 				100% arial, Verdana, Lucida Grande;
		color: 				#000000;
		background-color: 	white;
		}
#epilog {
		font: 				13px arial, Verdana, Lucida Grande;
		padding: 			2pt;
		margin: 			0px 0 0px 0;
		border: 			none;
		position: 			relative;
		top: 				10pt;
		width: 				100%;
		background-color:	#ffffff;
		text-align:			center;
}

#infotext { 
		font-family: 		Arial, Verdana, Lucida Grande;
		font-size:			100%;
		color: 				#2F2F2F; 
		background-color: 	white; 
		padding-left: 		5%; 
		padding-right: 		5%; 
		padding-top: 		3%; 
		padding-bottom: 	2%; 
		line-height: 		120%; 
		border: 			1px solid; 
		border-color:		#fff #fff #000 #fff;
		text-align:			justify;
		}

#infotextpw { 
		font-family: 		Arial, Verdana, Lucida Grande;
		font-size:			100%;
		color: 				#2F2F2F; 
		background-color: 	white; 
		padding-left: 		5%; 
		padding-right: 		5%; 
		padding-top: 		3%; 
		padding-bottom: 	2%; 
		line-height: 		110%; 
		border: 			1px solid; 
		border-color:		#fff #fff #000 #fff;
		}
simpleradio {
		width:				20px;
		height:				20px;
}
/*
.button {
		border-top: 		1px solid #a4d6f5;
		background: 		#65a9d7;
		background: 		-webkit-gradient(linear, left top, left bottom, from(#276d9c), to(#65a9d7));
		background: 		-webkit-linear-gradient(top, #276d9c, #65a9d7);
		background: 		-moz-linear-gradient(top, #276d9c, #65a9d7);
		background: 		-ms-linear-gradient(top, #276d9c, #65a9d7);
		background: 		-o-linear-gradient(top, #276d9c, #65a9d7);
		padding: 			8.5px 17px;
		-webkit-border-radius: 7px;
		-moz-border-radius:	7px;
		border-radius:	7px;
		-webkit-box-shadow:	rgba(0,0,0,1) 0 1px 0;
		-moz-box-shadow:	rgba(0,0,0,1) 0 1px 0;
		box-shadow:			rgba(0,0,0,1) 0 1px 0;
		text-shadow:		rgba(0,0,0,.4) 0 1px 0;
		color: 				#000000;
		font-size: 			12px;
		font-family: 		arial, Verdana, Lucida Grande;
		text-decoration: 	none;
		vertical-align: 	middle;
   }
.button:hover {
		border-top-color:	#28597a;
		background: 		#28597a;
		color: 				#ccc;
   }
.button:active {
		border-top-color:	#1b435e;
		background:			#1b435e;
   }   */
#buttonb {
		background-image:	url(http://www.sowi-forschung.de/rst/arrow2goldkl.png);   
		background:			white;
		padding:			8.5px 17px;
		font-size: 			11px;
		font-family: 		arial, Verdana, Lucida Grande;
		text-decoration: 	none;
		vertical-align: 	middle;
   }
#buttonb:hover {
		background-image:	url(http://www.sowi-forschung.de/rst/arrow2.png);   
		background: 		#28597a;
		color: 				#ccc;
   }
#buttonb:active {
		background-image:	url(http://www.sowi-forschung.de/rst/arrow2.png);   
		background: 		#1b435e;
   }
/*--- EndOfFile ---*/