@charset "utf-8";
/* CSS Document */
body {
	margin: 0;
	font-family: Verdana, Geneva, sans-serif;
	background-color: #e2e2e2;
	background-image: url(../img/hintergrund_body.png);
}

img {
	border: 0px;
	cursor: pointer;
}

.meldungschrift {
	color: #ffffff;
	font-size: 17px;
	text-align: left;
	padding: 15px 15px 35px 20px;
	z-index: 300;
	letter-spacing: 2px;
}

#meldung {
	width: 400px;
	background-color: #006eb3;
	border: #000000 solid 1px;
	opacity: 0.9;
	position: absolute;
	z-index: 200;
	margin-left: 280px;
	margin-top: 200px;
}

#meldungschliessen {
	position: absolute;
	margin-left: 372px;
	margin-top: 0px;
	z-index: 400;
}

#pos_background {
	margin-top: 1%;
	width: 960px;
	height: 622px;
	background-image: url(../img/hintergrund_page.png);
	background-repeat: no-repeat;
}

#pos_kurstitel {
	position: absolute;
	width: 400px;
	height: 20px;
	margin-top: 27px;
	margin-left: 24px;
	text-align: left;
	color: #7a7a7a;
	font-size: 13px;
}

#pos_inhalt {
	position: absolute;
	margin-left: 315px;
	margin-top: 130px;
	color: #222222;
	font-size: 12px;
	text-align: left;
	width: 630px;
	letter-spacing: 0.8px;
}

#pos_inhalt h1 {
	font-size: 17px;
	color: #267bc8;
	font-weight: bold;
	letter-spacing: 0.8px;
	
}

#pos_navi_drumrum {
	
}

#pos_navi {
	width:auto;
	background-color: #006eb3;
	border-radius: 0 5px 5px 0;
	margin-top: 79px;
	position: absolute;
	font-size: 12px;
	color: #FFFFFF;
	text-align: left;
	padding-top: 3px;
	padding-left: 35px;
	padding-bottom: 5px;
	z-index: 100;
	maring-left:0px;
}

#pos_navi a:link {
	color: #FFFFFF;
	margin-right: 28px;
	letter-spacing: 0.8px;
}

#pos_navi a:visited {
	color: #FFFFFF;
}

#pos_navi a:hover {
	color: #caf9df;
}

#pos_navi_logout {
	width: 60px;
	height: 15px;
	background-color: #4e9ccd;
	border-radius: 5px;
	margin-left: 450px;
	margin-top: 79px;
	position: absolute;
	font-size: 12px;
	color: #FFFFFF;
	text-align: left;
	padding-top: 3px;
	text-align: center;
	padding-bottom: 5px;
	z-index: 100;
}

#pos_navi_stats {
	width: 120px; 
	/* width: 146px; */
	height: 15px;
	background-color: #4e9ccd;
	border-radius: 5px;
	margin-left: 700px;
	margin-top: 79px;
	position: absolute;
	font-size: 12px;
	color: #FFFFFF;
	text-align: left;
	padding-top: 3px;
	text-align: center;
	padding-bottom: 5px;
	z-index: 100;
}

#pos_navi_logout a:link {
	color: #FFFFFF;
	margin-right: 0px;
	letter-spacing: 0.8px;
}

#pos_navi_logout a:visited {
	color: #FFFFFF;
}

#pos_navi_logout a:hover {
	color: #caf9df;
}

#pos_startfoto {
	position: absolute;
	margin-top: 79px;
	margin-left: 1px;
	z-index: 0;
}

#pos_login {
	margin-top: 500px;
	margin-left: 505px;
	position: absolute;
}

#pos_inputun {
	margin-top: 510px;
	margin-left: 597px;
	position: absolute;
}

#pos_inputun input {
	width: 155px;
	height: 21px;
	border: 1px #757575 solid;
}

#pos_inputpw {
	margin-top: 534px;
	margin-left: 597px;
	position: absolute;
}

#pos_inputpw input {
	width: 155px;
	height: 21px;
	border: 1px #757575 solid;
}

#pos_inputabsenden {
	margin-top: 535px;
	margin-left: 777px;
	position: absolute;
}

#pos_inputabsenden_eva {
	margin-top: 35px;
	margin-left: 327px;
}

#pos_pwvergessen {
	margin-top: 574px;
	margin-left: 598px;
	position: absolute;
}

#pos_pwvergessen a:link {
	color: #b0b0b0;
}

#pos_pwvergessen a:visited {
	color: #b0b0b0;
}

#pos_pwvergessen a:hover {
	color: #2C65AA;
}

#pos_copyright {
	position: absolute;
	margin-top: 480px;
	margin-left: 650px;
	color: #b0b0b0;
	font-size: 11px;
}

#pos_copyright a:link {
	color: #b0b0b0;
}

#pos_copyright a:visited {
	color: #b0b0b0;
}

#pos_copyright a:hover {
	color: #2C65AA;
}

#pos_copyright_notlog {
        position: absolute;
        margin-top: 480px;
        margin-left: 800px;
        color: #b0b0b0;
        font-size: 11px;
}

#pos_copyright_notlog a:link {
        color: #b0b0b0;
}

#pos_copyright_notlog a:visited {
        color: #b0b0b0;
}

#pos_copyright_notlog a:hover {
        color: #2C65AA;
}

.weiterrunter {
	padding-top: 100px;
}

#pos_ueberschrift {
	position: absolute;
	margin-left: 315px;
	margin-top: 150px;
	color: #267bc8;
	font-size: 17px;
	font-weight: bold;
	letter-spacing: 0.8px;
	text-align: left;
}

#pos_ueberschrift2 {
	position: absolute;
	margin-left: 315px;
	margin-top: 120px;
	color: #267bc8;
	font-size: 17px;
	font-weight: bold;
	letter-spacing: 0.8px;
	text-align: left;
	line-height: 7px;
}

#pos_linkespalte {
	position: absolute;
	margin-left: 20px;
	margin-top: 185px;
	padding: 0 0 0 7px;
	color: #222222;
	font-size: 12px;
	text-align: left;
	width: 280px;
	letter-spacing: 0.8px;
}

#pos_mittlerespalte {
	position: absolute;
	border: 1px solid #808080;
	width: 290px;
	height: 380px;
	overflow-y: scroll;
	margin-left: 310px;
	margin-top: 185px;
	color: #222222;
	letter-spacing: 0.8px;
	text-align: left;
	font-size: 12px;
	padding: 0px 5px 7px 7px;
}

#pos_rechtespalte {
	position: absolute;
	border: 1px solid #808080;
	width: 290px;
	height: 380px;
	overflow-y: scroll;
	margin-left: 640px;
	margin-top: 185px;
	color: #222222;
	letter-spacing: 0.8px;
	text-align: left;
	font-size: 12px;
	padding: 0px 5px 7px 7px;
}

#pos_doppelspalte {
	position: absolute;
	width: 600px;
	height: 380px;
	margin-left: 310px;
	margin-top: 185px;
	color: #222222;
	letter-spacing: 0.8px;
	text-align: left;
	font-size: 12px;
	padding: 0px 5px 7px 7px;
}

#pos_doppelspalte_viel {
	position: absolute;
	width: 600px;
	height: 380px;
	margin-left: 310px;
	margin-top: 185px;
	color: #222222;
	letter-spacing: 0.8px;
	text-align: left;
	font-size: 12px;
	padding: 0px 5px 7px 7px;
	overflow-y: scroll;
}

#pos_doppelspalte_evaluation {
	position: absolute;
	width: 600px;
	height: 380px;
	margin-left: 0px;
	margin-top: 185px;
	color: #222222;
	letter-spacing: 0.8px;
	text-align: left;
	font-size: 12px;
	padding: 0px 5px 7px 315px;
	overflow-y: scroll;
}

.titel {
	color: 545454;
	font-weight: bold;
}

.liste {
	border-top: solid 1px #cccccc;
	padding-left: 30px;
	padding-top: 10px;
	background-image: url(../img/icon_pfeil.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.liste img {
	margin-top: 5px;
}

.liste a:link {
	color: #222222;
}

.liste a:visited {
	color: #222222;
}

.liste a:hover {
	color: #008679;
}

/*----- ab hier überprüfen ---- */
#pos_linkespalte_start {
	position: absolute;
	margin-left: 20px;
	margin-top: 130px;
	padding: 0 0 0 0px;
	width: 268px;
	height: 422px;
	background-image: url(../img/fotos_start.jpg);
	background-repeat: no-repeat;
	letter-spacing: 0.8px;
}

#pos_linkespalte h1 {
	font-size: 17px;
	color: #3984c8;
	font-weight: bold;
	letter-spacing: 0.8px;
}

#pos_abbildung {
	position: absolute;
	margin-left: 644px;
	margin-top: 0px;
	width: 290px;
}

.bildrechts {
	float: right;
}

a:link {
	color: #00af99;
	text-decoration: none;
}

a:visited {
	color: #00af99;
}

a:active {
	color: #00af99;
}

a:hover {
	color: #00886c;
}

table {
	border-collapse: collapse;
}

td {
	padding-top: 0px;
	padding-bottom: 15px;
	padding-right: 15px;
	margin-left: 0px;
	padding-left: 0px;
	left: 0px;
}

.td_rechts {
	padding-top: 5px;
	vertical-align: middle;
	padding-left: 10px;
	padding-bottom: 5px;
	line-height: 1.7em
}

/* design: inhaltsbereich: formularfelder */
input[type=checkbox]:not(old), input[type=radio]:not(old) {
	width: 0em;
	margin: 0;
	padding: 0px;
	font-size: 0em;
	opacity: 0;
}

input[type=checkbox]:not(old)+label, input[type=radio]:not(old)+label {
	display: inline-block;
	margin-left: 0em;
	line-height: 0em;
}

input[type=checkbox]:not(old)+label>span, input[type=radio]:not(old)+label>span
	{
	display: inline-block;
	width: 34px;
	height: 34px;
	margin-top: -7px;
	margin-bottom: 7px;
	margin-left: -7px;
	margin-right: 7px;
	/*border           : 0.0625em solid rgb(192,192,192);*/
	border-radius: 14px;
	background: none;
	/*background-image :    -moz-linear-gradient(rgb(255,255,255),rgb(255,255,255));
  background-image :     -ms-linear-gradient(rgb(255,255,255),rgb(255,255,255));
  background-image :      -o-linear-gradient(rgb(255,255,255),rgb(255,255,255));
  background-image : -webkit-linear-gradient(rgb(255,255,255),rgb(255,255,255));
  background-image :         linear-gradient(rgb(255,255,255),rgb(255,255,255));*/
}

input[type=checkbox]:not(old):checked+label>span, input[type=radio]:not(old):checked+label>span
	{
	/*background-image :    -moz-linear-gradient(rgb(255,255,255),rgb(255,255,255));	
  background-image :     -ms-linear-gradient(rgb(255,255,255),rgb(255,255,255));
  background-image :      -o-linear-gradient(rgb(255,255,255),rgb(255,255,255));
  background-image : -webkit-linear-gradient(rgb(255,255,255),rgb(255,255,255));
  background-image :         linear-gradient(rgb(255,255,255),rgb(255,255,255));*/
	
}

input[type=checkbox]:not(old):checked+label>span:before {
	content: '.';
	display: block;
	width: 28px;
	color: #363636;
	font-size: 0.875em;
	line-height: 1em;
	text-align: center;
	text-shadow: 0 0 0.0714em rgb(115, 153, 77);
	font-weight: bold;
}

input[type=radio]:not(old):checked+label>span>span {
	display: block;
	width: 38px;
	height: 38px;
	margin: 0;
	border: 2px solid #838383;
	border-radius: 28px;
	background: transparent;
	/*background-image :    -moz-linear-gradient(rgb(206,234,219),rgb(206,234,219));
  background-image :     -ms-linear-gradient(rgb(206,234,219),rgb(206,234,219));
  background-image :      -o-linear-gradient(rgb(206,234,219),rgb(206,234,219));
  background-image : -webkit-linear-gradient(rgb(206,234,219),rgb(206,234,219));
  background-image :         linear-gradient(rgb(206,234,219),rgb(206,234,219));*/
}

#feedback_1 {
	/*visibility: hidden;*/
	position: absolute;
	width: 250px;
	height: 80px;
	/*background-color: #f4f9f6;*/
	margin-left: -300px;
	margin-top: -30px;
	/*border-radius: 23px;
	border: solid 1px #cccccc;*/
	padding: 5px 5px 5px 15px;
}

.ds {
        width:20px;
        background-color:#555555;

}

textarea {
	width: 250px;
	height: 60px;
}

/* ===================== aus altem css f�r virtuelle Spender ========================== */
.layer_antwortfalsch {
	position: absolute;
	margin-top: 165px;
	margin-left: 367px;
	z-index: 10;
	width: 506px;
	height: 403px;
	border: solid #939393 1px;
	background-image: url(../img/hintergrund_layer_weiss.png);
	visibility: hidden;
	color: #222222;
	font-size: 12px;
	text-align: left;
	letter-spacing: 0.1em;
}

.layer_antwortfalsch_inhalt {
	padding: 40px 50px 40px 60px;
}

.layer_antwortfalsch_icon {
	background-image: url(../img/icon_falsch.png);
	background-repeat: no-repeat;
	background-position: top left;
	margin-left: 20px;
	margin-top: 40px;
	width: 100px;
	height: 100px;
	position: absolute;
}

.layer_antwortrichtig {
	position: absolute;
	margin-top: 165px;
	margin-left: 367px;
	z-index: 10;
	width: 506px;
	height: 403px;
	border: solid #939393 1px;
	background-image: url(../img/hintergrund_layer_weiss.png);
	visibility: hidden;
	color: #222222;
	font-size: 12px;
	text-align: left;
	letter-spacing: 0.1em;
}

.layer_antwortrichtig_inhalt {
	padding: 40px 50px 40px 60px;
}

.layer_ausgangslage_inhalt {
	padding: 60px 50px 50px 50px;
}

.layer_zwischeninfo {
	position: absolute;
	margin-top: 95px;
	margin-left: 155px;
	z-index: 10;
	width: 790px;
	height: 480px;
	border: solid #939393 1px;
	background-image: url(../img/hintergrund_layer_hellblau.png);
	visibility: hidden;
	color: #222222;
	font-size: 12px;
	text-align: left;
	letter-spacing: 0.1em;
	overflow: scroll;
}

.layer_zwischeninfo h1 {
	font-size: 17px;
	color: #222222;
	font-weight: bold;
	letter-spacing: 0.2em;
}

.linie_zwischeninfo {
	border-top: 0px;
	border-bottom: 1px dashed #00886c;
}

.layer_zwischeninfo_zw {
	position: absolute;
	margin-top: 95px;
	margin-left: 155px;
	z-index: 10;
	width: 790px;
	height: 480px;
	border: solid #939393 1px;
	background-image: url(../img/hintergrund_layer_zwischeninfo.png);
	color: #222222;
	font-size: 12px;
	text-align: left;
	letter-spacing: 0.1em;
	visibility: visible;
}

.layer_zwischeninfo_zw h1 {
	font-size: 17px;
	color: #222222;
	font-weight: bold;
	letter-spacing: 0.2em;
}

.layer_zwischeninfo_inhalt_zw {
	padding: 60px 50px 50px 120px;
}

.layer_ausgangslage {
	position: absolute;
	margin-top: 95px;
	margin-left: 155px;
	z-index: 10;
	width: 790px;
	height: 480px;
	border: solid #939393 1px;
	background-image: url(../img/hintergrund_layer_hellblau.png);
	visibility: hidden;
	color: #222222;
	font-size: 12px;
	text-align: left;
	letter-spacing: 0.1em;
}

.layer_ausgangslage h1 {
	font-size: 17px;
	color: #222222;
	font-weight: bold;
	letter-spacing: 0.2em;
}

.layer_evaluation {
        position:absolute;
        margin-top:120px;
        margin-left:155px;
        z-index:10;
        width:600px;
        height:380px;
        border:solid #939393 1px;
	background-color:#F1F7FA;
        visibility:visible;
        color:#222222;
        font-size:12px;
        text-align:left;
}

.layer_evaluation h1 {
        font-size:17px;
        color:#222222;
        font-weight:bold;
        letter-spacing:0.2em;
}

.layer_evaluation_inhalt {
        padding:60px 50px 50px 50px;
}

.fenster { 
	background-color:#007744;

}