/* a eingefügt am 24.4.2011 weil diverse links im system ggü dem normalen fliesstext ausserhalb des links nach unten verschoben waren, z.b. seite admin_item_logo  */ 



#admintophead {
	transform: scale(1.1);
	-moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    transform-origin: top left;
}

* { text-decoration-skip-ink: none; }

/* http://blog.itcrowd.pl/2014/01/disable-font-autosizing-in-chrome-on.html */
p, table {
   max-height: 999999px;
}


.hgtitle2013 {
font-size: 30px;
line-height: 34px;
color: white;
background: #253550;
background: rgba(37,53,90,0.8);
display: inline-block;
margin-bottom: 1px;
padding: 5px 10px;
white-space: nowrap;
font-family: 'texgyreheroscnregular', sans-serif;
font-weight: bold;  }


.superadmintitle2014 {
font-size: 30px;
line-height: 34px;
color: white;
display: inline-block;
font-family: 'Open Sans', sans-serif;
font-weight: bold; 
text-shadow: 0px 2px 3px #555; 

}





strong { font-weight: bold; }

.norm {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #000000;
	font-weight: normal;
	font-variant: normal;

}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #293021;
	display: inline;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
}

.normwahl {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #000000;
	font-weight: bold;
	font-variant: normal;
	text-decoration: none;

}

.mediumsizeforecheckboxes { 
   height: 30px; 
   width: 30px; 
   color: #cc0000; 
} 

.littlechecky { 
   height: 12px; 
   width: 12px; 
   color: #cc0000; 
} 

.invisiblething { 
   display: none; 
} 

.link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #C9FFBB;
}
.formfeld {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #000000;
	font-weight: bold;
	font-variant: normal;
	background-color: #669933;
	border: 1px solid #000066;
	height: auto;
	width: auto;


}
.formfeldresult {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #000000;
	font-weight: bold;
	font-variant: normal;
	background-color: #7DBC3F;
	border-top: 0px solid #660000;
	border-right: 0px solid #660000;
	border-bottom: 3px double #660000;
	border-left: 0px solid #660000;

}
.passwort {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bolder;
	color: #FFFFFF;
}

.radiomaker {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bolder;
	margin-top: 0px;          /* since 24.4.09 14:31 style=margin-top: 0px;*/
	padding-top: 0px; 
	/* width: 14px;  */
	/* height: 14px; *7 /* vorher 14 14 */ 
	margin-bottom: 2px;          /* since 11.07.2012 */
}

.radiomakersmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bolder;
	margin-top: 0px;    	 /* since 24.4.09 14:31 style=margin-top: 0px;*/
	padding-top: 0px; 
	width: 14px; 
	height: 12px;
	margin-bottom: 2px;          /* since 11.07.2012 */
}


.passwortbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bolder;
	color: #000000;
	background-color: #DED7DE;
}
.weissnichtbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bolder;
	color: #000000;
	background-color: #FBE2CA;
	line-height:30px;
}
A.menueleft {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #333333;
	text-decoration: none;
}

A.menueleft:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #000000;
	text-decoration:underline;
}

A.menueleftgross {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
}

A.menueleftgross:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration:underline;
}

.menueleft {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #333333;
	text-decoration: none;
}


.titelbar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #FFFFFF;
	font-weight: bold;

}
.frage {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	/*font-weight: 300;*/;
}


.abschnitttitel {
	font-family: "Open Sans", Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #222;
	font-weight: normal;
	line-height:20px;
}
.abschnitttitelsmall {
    font-family: "Open Sans", Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #222;
    font-weight: normal;
    line-height: 18px;
	display:block;
	margin-top: 2px;
	margin-bottom: 4px;
	color: #576f57;
}



.hinweis {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	font-style: italic;
	background-color: #E3F2D7;
	list-style-type: square;
	list-style-position: inside;


}
.breadcrumb {
	font-family: LatoLatin, Verdana, Geneva, sans-serif, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #5e7153;
	font-weight: lighter;
	font-variant: normal;
	/* line-height: 11px; */  /* weg 9.11.2012 - interferriert mit schriftmittel in textboxen bei grosser schrift bcb in antwortstyle */
	vertical-align:top;
}

td.breadcrumb {     padding-top: 10px; }

a.breadcrumb, .breadcrumb a, .breadcrumb a:link, .breadcrumb a:visited, .breadcrumb a:active {
	font-family: LatoLatin, Verdana, Geneva, sans-serif, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #378511;
	font-weight: lighter;
	font-variant: normal;
	line-height: 15px;
	vertical-align:top;
}


.breadcrumbblack {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	/*font-weight: 300;*/;
	font-style: normal;
	font-variant: normal;
	line-height: 13px;

}













/* bodytext admin*/
.bodytext {
	/* font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
	line-height: 14px;
	*/
	font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    font-weight: normal;
    line-height: 17px;
}



/* in der umfrage */
#content .bodytext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
	line-height: 14px;
}

.bodytextou {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	line-height: 17px;
	padding-bottom:2px;
}
.bodytextounopadding {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	line-height: 15px;
}
.bodytextoubig { 
	font-family: "LatoLatin", Verdana, Geneva, sans-serif !important;
	font-size: 16px;
	color: #000000;
	font-weight: normal;
	line-height: 22px;
	padding-bottom:2px;
}
















.formfeldwhite {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #FFFFFF;
	font-weight: normal;
	font-variant: normal;
	background-color: #669933;
	border: 1px solid #000066;
	
	-moz-box-shadow: 3px 3px 4px #ccc;
	-webkit-box-shadow: 3px 3px 4px #ccc;
	box-shadow: 3px 3px 4px #ccc;
	/* For IE 8 */
	/* -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc')"; */
	/* For IE 5.5 - 7 */
	/* filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc'); */

}
/*
.bodytextsmall {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	font-weight: normal;
} */

.bodytextsmall {
font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #666666;
    font-weight: normal;
    line-height: 15px;
}

.ouservicementit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	font-weight: normal;
	}

.bodytextstattabelle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: normal;
	line-height: 9px;

}
.formfeldwhiteklein {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #333333;
	font-weight: normal;
	font-variant: normal;
	background-color: #f7fbef; /* #F3fdf2 */
	/* border: 1px solid #16250E;   18.03.2023 neu unten */
	border: 1px solid #7b8f71;
	margin: 0px;
	padding: 2px;
	
	-moz-box-shadow: 3px 3px 4px #ccc;
	-webkit-box-shadow: 3px 3px 4px #ccc;
	box-shadow: 3px 3px 4px #ccc;
	/* For IE 8 */
	/* -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc')"; */
	/* For IE 5.5 - 7 */
	/* filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc'); */
}





.formfeldwhitekleinnew {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #333333;
	font-weight: normal;
	font-variant: normal;
	background-color: #F3fdf2;
	/* border: 1px solid #16250E; */
	border: 1px solid #E4E4D3;
	margin: 0px;
	padding: 1px;
	line-height:17px;
	
	-moz-box-shadow: 3px 3px 4px #ccc;
	-webkit-box-shadow: 3px 3px 4px #ccc;
	box-shadow: 3px 3px 4px #ccc;
	/* For IE 8 */
	/* -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc')"; */
	/* For IE 5.5 - 7 */
	/* filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc'); */
}
.formfeldwhitekleinnewblue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #333333;
	font-weight: normal;
	font-variant: normal;
	background-color: #DFF1F7;
	/* border: 1px solid #16250E; */
	border: 1px solid #E4E4D3;
	margin: 0px;
	padding: 1px;
	line-height:17px;
	
	-moz-box-shadow: 3px 3px 4px #ccc;
	-webkit-box-shadow: 3px 3px 4px #ccc;
	box-shadow: 3px 3px 4px #ccc;
	/* For IE 8 */
	/* -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc')"; */
	/* For IE 5.5 - 7 */
	/* filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc'); */
}
.formfeldwhitekleinnewred {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #333333;
	font-weight: normal;
	font-variant: normal;
	background-color: #D5B6AD;
	/* border: 1px solid #16250E; */
	border: 1px solid #E4E4D3;
	margin: 0px;
	padding: 1px;
	line-height:17px;
	
	-moz-box-shadow: 3px 3px 4px #ccc;
	-webkit-box-shadow: 3px 3px 4px #ccc;
	box-shadow: 3px 3px 4px #ccc;
	/* For IE 8 */
	/* -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc')"; */
	/* For IE 5.5 - 7 */
	/* filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc'); */
}




.formfeldwhitekleinnew10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #333333;
	font-weight: normal;
	font-variant: normal;
	background-color: #F3fdf2;
	/* border: 1px solid #16250E; */
	border: 1px solid #E4E4D3;
	margin: 0px;
	padding: 1px;
	line-height:17px;
	
	-moz-box-shadow: 3px 3px 4px #ccc;
	-webkit-box-shadow: 3px 3px 4px #ccc;
	box-shadow: 3px 3px 4px #ccc;
	/* For IE 8 */
	/* -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc')"; */
	/* For IE 5.5 - 7 */
	/* filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc'); */
}
.formfeldwhitekleinnew11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #333333;
	font-weight: normal;
	font-variant: normal;
	background-color: #F2F7E8; /* F3fdf2; */
	/* border: 1px solid #16250E; */
	border: 1px solid #E4E4D3;
	margin: 0px;
	padding: 1px;
	line-height:17px;
	
	-moz-box-shadow: 3px 3px 4px #ccc;
	-webkit-box-shadow: 3px 3px 4px #ccc;
	box-shadow: 3px 3px 4px #ccc;
	/* For IE 8 */
	/* -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc')"; */
	/* For IE 5.5 - 7 */
	/* filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc'); */
}
.formfeldwhitekleinnew11blue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #333333;
	font-weight: normal;
	font-variant: normal;
	background-color: #DFF1F7; /* F3fdf2; */
	/* border: 1px solid #16250E; */
	border: 1px solid #E4E4D3;
	margin: 0px;
	padding: 1px;
	line-height:17px;
	
	-moz-box-shadow: 3px 3px 4px #ccc;
	-webkit-box-shadow: 3px 3px 4px #ccc;
	box-shadow: 3px 3px 4px #ccc;
	/* For IE 8 */
	/* -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc')"; */
	/* For IE 5.5 - 7 */
	/* filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc'); */
}


.formfeldwhitekleinnew11b {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #333333;
	font-weight: normal;
	font-variant: normal;
	background-color:#E7F0DB;
	/* border: 1px solid #16250E; */
	border: 1px solid #E4E4D3;
	margin: 0px;
	padding: 1px;
	line-height:17px;
	
	-moz-box-shadow: 3px 3px 4px #ccc;
	-webkit-box-shadow: 3px 3px 4px #ccc;
	box-shadow: 3px 3px 4px #ccc;
	/* For IE 8 */
	/* -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc')"; */
	/* For IE 5.5 - 7 */
	/* filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc'); */
}
.formfeldwhitekleinnew11c {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #333333;
	font-weight: normal;
	font-variant: normal;
	background-color: #DDEACC;
	/* border: 1px solid #16250E; */
	border: 1px solid #E4E4D3;
	margin: 0px;
	padding: 1px;
	line-height:17px;
	
	-moz-box-shadow: 3px 3px 4px #ccc;
	-webkit-box-shadow: 3px 3px 4px #ccc;
	box-shadow: 3px 3px 4px #ccc;
	/* For IE 8 */
	/* -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc')"; */
	/* For IE 5.5 - 7 */
	/* filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc'); */
}
.formfeldwhitekleinnew11d {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #333333;
	font-weight: normal;
	font-variant: normal;
	background-color: #EEF0EC;
	/* border: 1px solid #16250E; */
	border: 1px solid #E4E4D3;
	margin: 0px;
	padding: 1px;
	line-height:17px;
	
	-moz-box-shadow: 3px 3px 4px #ccc;
	-webkit-box-shadow: 3px 3px 4px #ccc;
	box-shadow: 3px 3px 4px #ccc;
	/* For IE 8 */
	/* -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc')"; */
	/* For IE 5.5 - 7 */
	/* filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc'); */
}





.umflisteadmin {
	/* font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:18px; */
	
	font-family: 'roboto', Arial, Helvetica, sans-serif !important;
	font-size: 13px  !important;
	line-height:19px  !important;
	
	font-style: normal;
	color: #333333;
	font-weight: normal;
	font-variant: normal;
	background-color: #F3fdf2;
	/* border: 1px solid #16250E; */
	margin: 0px;
	padding: 1px;
	
	/* -moz-box-shadow: 3px 3px 4px #ccc;
	-webkit-box-shadow: 3px 3px 4px #ccc;
	box-shadow: 3px 3px 4px #ccc; */
	/* For IE 8 */
	/* -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc')"; */
	/* For IE 5.5 - 7 */
	/* filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc'); */
}


.formfeldwhitekleingruen {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #333333;
	font-weight: normal;
	font-variant: normal;
	background-color: #ECF2D9;
	border: 1px solid #000066;
	margin: 0px;
	padding: 1px;
	
	-moz-box-shadow: 3px 3px 4px #ccc;
	-webkit-box-shadow: 3px 3px 4px #ccc;
	box-shadow: 3px 3px 4px #ccc;
	/* For IE 8 */
	/* -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc')"; */
	/* For IE 5.5 - 7 */
	/* filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc'); */
	


}


.formfeldwhitekleinfont {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #333333;
	font-weight: normal;
	font-variant: normal;
}


.formfeldwhiteklein9 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	color: #333333;
	font-weight: normal;
	font-variant: normal;
	background-color: #F3fdf2;
	border: 1px solid #000066;
	margin: 0px;
	padding: 1px;


}

.formfeldsuche {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	color: #333333;
	font-weight: normal;
	font-variant: normal;
	background-color:#F7E6E1;
	border: 1px solid #E3EED2;
	margin: 0px;
	padding: 1px;


}


.formfeldwhitekleintransp {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #333333;
	font-weight: normal;
	font-variant: normal;
	border: 1px solid #000066;
	margin: 1px;
	padding: 1px;


}

.bodytextsmallresulttable {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	font-weight: normal;
	background-color: #F3FDF2;
	margin: 1px;
	border: 1px solid #336600;

}

.stryfieldb {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	font-weight: normal;
	background-color: #f3f3f3;
	margin: 1px;
	border: 1px solid #aaaaaa;

}



.stryfieldb10 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	font-weight: normal;
	background-color: #f3f3f3;
	margin: 1px;
	border: 1px solid #aaaaaa;

}


.menuselected {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #003300;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 9px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #99cccc;

}
.formfeldwhitetitel {


	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #FFFFFF;
	font-weight: normal;
	font-variant: normal;
	background-color: #418200;
	border: 1px solid #000066;
	height: auto;
	width: auto;
}
.normsmall {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #E4EEEF;
	font-weight: 200;
	font-variant: normal;
}


.formfeldwhitehilfesystem {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	color: #333333;
	font-weight: bold;
	font-variant: normal;
	background-color: #D5E2F0;
	border: 1px solid #000066;
	height: auto;
	width: auto;
	margin: 1px;
	padding: 1px;
}
.formfeldrot {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	color: #000000;
	font-weight: bold;
	font-variant: normal;
	background-color: #DBFFC4;
	border: 1px solid #000066;
	height: auto;
	width: auto;
}
.formfeldconfirmlist {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #333333;
	font-weight: normal;
	font-variant: normal;
	background-color: #E0EFD1;
	height: 0px;
	/* width: 0px; */
	margin: 0px;
	padding: 0px;
	border-top: 0px none #000066;
	border-right: 0px none #000066;
	border-bottom: 1px dashed #669900;
	border-left: 0px none #000066;

}

.formfeldfragebogen {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #333333;
	font-weight: normal;
	font-variant: normal;
	background-color: #E0EFD1;
	margin: 0px;
	padding: 0px;
	border-top: 0px none #000066;
	border-right: 0px none #000066;
	border-bottom: 1px solid #669900;
	border-left: 0px none #000066;

}


.menueleftbereich {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #4A6431;
	margin-bottom: 8px;
}
.menufrageselected {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #111111;
	background-color:#DDEBD8;
	font-weight:bold;
}

.bodytextred {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #990000;
	font-weight: normal;
	margin: auto;
}
.maingreenbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #F4FCF3;
	border: 1px #CCCCCC;
}
.fragetitel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: 900;
	color: #999999;
	page-break-inside:avoid;
}
#fragecontainer {
	page-break-inside:avoid;
}


.fragetitel2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: 900;
	color: #999999;
}

.formfeldwhitekleincolor {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #333333;
	font-weight: normal;
	font-variant: normal;
	background-color: #D5B6AD;
	border: 1px solid #000066;
	margin: 1px;
	padding: 1px;
}

.formfeldwhitekleincolornew {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #333333;
	font-weight: normal;
	font-variant: normal;
	background-color: #D5B6AD;
	border: 1px solid #000066;
	margin: 1px;
	padding: 1px;
	line-height:17px;
}
.formfeldwhitekleincolorpadding {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #333333;
	font-weight: normal;
	font-variant: normal;
	background-color: #f4f9ea;
	border: 1px solid #000066;
	margin: 1px;
	padding: 8px;
	line-height:17px;
}

.formfeldwhitekleingreener {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #333333;
	font-weight: normal;
	font-variant: normal;
	background-color: #D0E3B3;
	border: 1px solid #000066;
	margin: 1px;
	padding: 1px;
}


.formfeldwhitekleintotal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #000000;
	font-weight: bold;
	font-variant: normal;
	background-color: #D8E6CB;
	margin: 1px;
	padding: 1px;
	border-top: 1px none #000066;
	border-right: 1px none #000066;
	border-bottom: 1px solid #000066;
	border-left: 1px none #000066;

}
.gruenelinie {
	border-top: 1px none #006600;
	border-right: 1px none #006600;
	border-bottom: 1px none #006600;
	border-left: 1px none #006600;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;



}
.tabellenreitergruen {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #000000;
	font-weight: bold;
	font-variant: normal;
	background-color: #DBFFC4;
	border: 1px solid #000066;
	height: auto;
	width: auto;
	text-decoration: none;

}
.formfeldwhitekleincolor2 {


	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #333333;
	font-weight: normal;
	font-variant: normal;
	background-color: #ECF2D9;
	border: 1px solid #000066;
	margin: 1px;
	padding: 1px;
	
	-moz-box-shadow: 3px 3px 4px #ccc;
	-webkit-box-shadow: 3px 3px 4px #ccc;
	box-shadow: 3px 3px 4px #ccc;
	/* For IE 8 */
	/* -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc')"; */
	/* For IE 5.5 - 7 */
	/* filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc'); */
	
}
.formfeldwhitekleincolor2new {


	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #333333;
	font-weight: normal;
	font-variant: normal;
	background-color: #ECF2D9;
	border: 0px;
	margin: 1px;
	padding: 1px;
	
	-moz-box-shadow: 3px 3px 4px #ccc;
	-webkit-box-shadow: 3px 3px 4px #ccc;
	box-shadow: 3px 3px 4px #ccc;
	/* For IE 8 */
	/* -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc')"; */
	/* For IE 5.5 - 7 */
	/* filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc'); */
	
}
.formfeldwhitekleincolor22021 {


	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #333333;
	font-weight: normal;
	font-variant: normal;
	background-color: #ECF2D9;
	border: 1px solid #000066;
	margin: 2px;
	padding: 3px;
	
	-moz-box-shadow: 3px 3px 4px #ccc;
	-webkit-box-shadow: 3px 3px 4px #ccc;
	box-shadow: 3px 3px 4px #ccc;
	/* For IE 8 */
	/* -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc')"; */
	/* For IE 5.5 - 7 */
	/* filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc'); */
	
}


.bodytextsmallgreen {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #85B515;
	font-weight: normal;
}
.bodytextstattabsupersmall {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #BDD3B8;
	font-weight: normal;
	line-height: 7px;
}
.bodytextsmallred {


	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #990000;
	font-weight: normal;
}
.bodytextstaterinnert {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #5A271B;
	font-weight: normal;
	line-height: 8px;
}
.bodytextstaterinnertfreitext {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #5A271B;
	font-weight: normal;
	line-height: 10px;
}


.bodytextstaterinnertzeilenabstand {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #5A271B;
	font-weight: normal;
	line-height: 10px;
}

.unterbrechenfortfahren {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #5A271B;
	font-weight: normal;
	line-height: 8px;
}

.bodytextsmallredlight {



	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FF7575;
	font-weight: normal;
}
.menuehorizontalradio {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	background-color: #F8FACB;
	border: 1px none #CCCCCC;
	color: #333333;

}
.bodytextnarrow {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: lighter;
	margin: auto;
	letter-spacing: -0.1em;
}
.bodytextnarrownew {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #000000;
	font-weight: normal;
	margin: auto;
}



.form-sortieren {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	color: #363636;
	font-weight: normal;
	font-variant: normal;
	background-color: #DBEDC9;
	border: 2px solid #293F1D;
	height: auto;
	width: auto;

}
.formfeldwhitekleintotallrabatt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #551717;
	font-weight: normal;
	font-variant: normal;
	border: none #000066;
	text-decoration: line-through;

}
.formfeldwhitekleintotalfinal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #000000;
	font-weight: bold;
	font-variant: normal;
	background-color: #C9DCB8;
	margin: 1px;
	padding: 1px;
	border-top: 2px none #556B4E;
	border-right: 2px none #556B4E;
	border-bottom: 2px solid #556B4E;
	border-left: 2px none #556B4E;

}

.schriftklein {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	/*font-weight: 300;*/
	line-height: 130%;
}
.schriftmittel {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	/*font-weight: 300;*/;
	line-height: 130%;
}
.schriftgross {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	/*font-weight: 300;*/;
	line-height: 130%;
}
.schriftgross2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
	/*font-weight: 300;*/;
	line-height: 135%;
}



.formfeldnormal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #333333;
	font-weight: normal;
	font-variant: normal;
	background-color: #D7EBC2;
	height: 19px;
	width: 200px;
	border-top: 1px solid #000066;
	border-right: 1px solid #000066;
	border-bottom: 1px solid #000066;
	border-left: 1px solid #000066;
	float: left;
	clear: none;
	margin-bottom: 2px;
}

.formfeldnormalflexibel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #333333;
	font-weight: normal;
	font-variant: normal;
	background-color: #D7EBC2;
	height: 19px;
	border-top: 1px solid #000066;
	border-right: 1px solid #000066;
	border-bottom: 1px solid #000066;
	border-left: 1px solid #000066;
	float: left;
	clear: none;
	margin-bottom: 2px;
}


.formfeldnormal-strasse {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #333333;
	font-weight: normal;
	font-variant: normal;
	background-color: #D7EBC2;
	height: 19px;
	width: 165px;
	border-top: 1px solid #000066;
	border-right: 1px solid #000066;
	border-bottom: 1px solid #000066;
	border-left: 1px solid #000066;
	float: left;
	clear: none;
	margin-bottom: 2px;

}
.formfeldnormal-hausnummer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #333333;
	font-weight: normal;
	font-variant: normal;
	background-color: #D7EBC2;
	height: 19px;
	width: 30px;
	border-top: 1px solid #000066;
	border-right: 1px solid #000066;
	border-bottom: 1px solid #000066;
	border-left: 1px solid #000066;
	float: left;
	clear: none;
	margin-left: 5px;
	margin-bottom: 2px;



}
.formfeldnormal-postleitzahl {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #333333;
	font-weight: normal;
	font-variant: normal;
	background-color: #D7EBC2;
	height: 19px;
	width: 45px;
	border-top: 1px solid #000066;
	border-right: 1px solid #000066;
	border-bottom: 1px solid #000066;
	border-left: 1px solid #000066;
	float: left;
	clear: none;
	margin-bottom: 2px;

}
.formfeldnormal-ort {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #333333;
	font-weight: normal;
	font-variant: normal;
	background-color: #D7EBC2;
	height: 19px;
	width: 150px;
	border-top: 1px solid #000066;
	border-right: 1px solid #000066;
	border-bottom: 1px solid #000066;
	border-left: 1px solid #000066;
	float: left;
	clear: none;
	margin-bottom: 2px;
	margin-left: 5px;

}
.formfeldnormal-email {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #333333;
	font-weight: normal;
	font-variant: normal;
	background-color: #D7EBC2;
	height: 19px;
	width: 70px;
	border-top: 1px solid #000066;
	border-right: 1px solid #000066;
	border-bottom: 1px solid #000066;
	border-left: 1px solid #000066;
	float: none;
	clear: none;
	margin-bottom: 2px;
}
.formfeldnormal-emaildom {


	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #333333;
	font-weight: normal;
	font-variant: normal;
	background-color: #D7EBC2;
	height: 19px;
	width: 40px;
	border-top: 1px solid #000066;
	border-right: 1px solid #000066;
	border-bottom: 1px solid #000066;
	border-left: 1px solid #000066;
	float: none;
	clear: none;
	margin-bottom: 2px;
}
.bodytextGROSS {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #000000;
	font-weight: bold;
	margin: auto;
	line-height: 17px;
}

.schriftfettgross {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #000000;
	font-weight: bold;
	line-height: 20px;
}

.hinweisrot {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	font-style: italic;
	background-color: #EAC0B9;
	list-style-type: square;
	list-style-position: inside;
	padding: 3px;
	line-height: 18px;
	
}
.hinweisgruen {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	font-style: italic;
	background-color: #EAF0C8;
	list-style-type: square;
	list-style-position: inside;
	padding: 3px;
	line-height: 18px;
	
}


.bodytextstaterinnertgrey {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	font-weight: normal;
	line-height: 8px;
	text-align: left;
	
}
.bodytextstaterinnertgreyabstand {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	font-weight: normal;
	line-height: 12px;
	text-align: left;
	
}
.bodytextstaterinnertgreygt {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	font-weight: normal;
	line-height: 10px;
	text-align: left;
}
.bodytextitalic {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
	line-height: 14px;
	font-style: italic;
}
.onlum-reports-body {
	font-family: "ITC Officina Sans", Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
}

.onlum-reports-body2 {
	font-family: "OfficinaSanITCBoo",OfficinaSanITCBoo,Arial, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 12px;
}


.blaulitlink {
	color: #0033CC;
	text-decoration: none;
}
.onlum-reports-printbill {

	font-family: "ITC Officina Sans", Arial, Verdana, Helvetica, sans-serif;
	font-size: 15px;
}
.formfeldsprachen {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #333333;
	font-weight: normal;
	font-variant: normal;
	background-color: #60964F;
	height: 15px;
	width: 150px;
	float: left;
	clear: none;
	margin: 0px;
	padding: 0px;
	border: 1px solid #60964F;
}
.titelgrauklein {

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

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #999999;
	line-height: 19px;
}

.titelgraukleinberrot {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #bc2f32;
}


.zwischentitel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	line-height: 18px;
	background-color:#CCC;
	font-style:normal;
	font-weight:bold;
}

.zwischentiteloldschool {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style:italic;
	color: #999999;
	font-weight: normal;
	line-height: 14px;
	background-color:#EDF4E3;
}

.zwischentitelfett {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style:italic;   /* ab 24.4.09 ; eingefügt nach italic */
	font-weight: bold;
	font-style:italic;
	color: #222222;
	line-height: 15px;
	background-color:#F7F7F7;
	border-bottom: solid;
	border-bottom-color:#999;
	border-bottom-width:3px;
}

.radiohidden {
	display: none;
	visibility: hidden;
}

.bodytexttabellenfrage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
	line-height: 14px;
	border: 1px solid #627C49;
	border-bottom: 1px solid #999999;
	border-collapse:collapse;
}

.bodytexttabellenfragenzelle {
	border-bottom: 1px #999999 solid;
}



.fragegraskbeschriftung {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style:italic;
	color: #666666;
	font-weight: normal;
	line-height: 14px;
}
.hilfetext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px; /* 2024: 9 */
	color: #555555;
	font-weight: normal;
	line-height: 11px; /* 2024: 10 */
	/* 2024: font-style: italic; */
}

.formfeldwhiteklein8 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-style: normal;
	color: #333333;
	font-weight: normal;
	font-variant: normal;
	background-color: #F3fdf2;
	border: 1px solid #000066;
	margin: 0px;
	padding: 1px;
}
.pwbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #D6EB9C;
	color: #314552;
	border: 1px dashed #525D39;
	margin-bottom: 1px;
}
.pwboxnorm {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #FFF4D2;
	color: #314552;
	border-top: 0px none #666666;
	border-right: 0px none #666666;
	border-bottom: 0px none #666666;
	border-left: 0px none #666666;

}
.pwboxred {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #EFFACF;
	color: #314552;
	border-top: 1px none #666666;
	border-right: 1px none #666666;
	border-bottom: 1px double #666666;
	border-left: 1px none #666666;

}
.agbfeld {
	background-color:#FBE2CA;
	padding: 7px;
}
.agbtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	font-weight: normal;
}
.weissnichttext {
	color: #666666;
}

.highlightrow, .highlightrow td {
	color: #990000 !Important;
	font-weight: bold;
	font-style: italic;
    /* diese linie overflow braucht es wegen dem Internetexplorer italic bug, radiobuttons in highlighted zeilen werden sonst verschoben um 1px! */
	}

.highlightrow a, .highlightrow td a {
	color: #990000 !Important;
	font-weight: bold;
	font-style: italic;
    /* diese linie overflow braucht es wegen dem Internetexplorer italic bug, radiobuttons in highlighted zeilen werden sonst verschoben um 1px! */
	overflow: auto;
}

	




.vorworteigene {
}


.formfelderfassen {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #333333;
	font-weight: normal;
	font-variant: normal;
	background-color: #fefefe;
	border: 1px solid #16250E;
	margin: 0px;
	padding: 1px;
}

.fragestellung {
}


.adressitem {
}

.adressbox {
}






/* Relativer Tooltip */
a.tooltip,
a.tooltip:link,
a.tooltip:visited,
a.tooltip:active {
position: relative;
text-decoration: underline;
font-style: normal;
border-bottom:0px dotted #4dbcf3;
}

a.tooltip:hover {
background: transparent;
z-index: 100;
text-decoration: none;
}

a.tooltip span {
display: none;
text-decoration: none;
}

a.tooltip:hover span {
display: block;
position: absolute;
top: 20px;
left: 10px;
width: 500px;
z-index: 100;
color: #000000;
border: 1px solid;
border-color: #FFFFFF #D5D7DB #D5D7DB #FFFFFF;
border-left: 5px solid #666666;;
padding: 2px 10px 2px 10px;
background: #EEEEEE;
font-family: Verdana, Arial, Helvetica, Sans-serif;
font-style: Normal;
text-align: left;
text-decoration: none;
  }




  
/* Relativer Tooltip */
abbr.tooltip,
abbr.tooltip:link,
abbr.tooltip:visited,
abbr.tooltip:active {
position: relative;
text-decoration: underline;
font-style: normal;
border-bottom:0px dotted #4dbcf3;
}

abbr.tooltip:hover {
background: transparent;
z-index: 100;
text-decoration: none;
}

abbr.tooltip span {
	opacity: 0;
	position: absolute;
    max-height: 0;
    padding: 2px 10px 2px 10px;
    overflow: hidden;
	top: 20px;
	left: 10px;
	max-width: 500px;
	z-index: 100;
	color: #000000;
	border: 1px solid;
	border-color: #FFFFFF #D5D7DB #D5D7DB #FFFFFF;
	border-left: 5px solid #666666;;
	background: #EEEEEE;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-style: Normal;
	text-align: left;
	text-decoration: none;

	transition: opacity 0.5s ease-out 0.1s, max-height 0.1s ease-out 1s;
}

abbr.tooltip:hover span {
opacity: 1;
position: absolute;
max-height: 1000px;
padding: 2px 10px 2px 10px;
overflow: hidden;
top: 20px;
left: 10px;
max-width: 500px;
z-index: 100;
color: #000000;
border: 1px solid;
border-color: #FFFFFF #D5D7DB #D5D7DB #FFFFFF;
border-left: 5px solid #666666;;
background: #EEEEEE;
font-family: Verdana, Arial, Helvetica, Sans-serif;
font-style: Normal;
text-align: left;
text-decoration: none;

transition: all 0.1s ease-out 0.1s;
  }





.operatables {
	border:1px solid #cccccc;
	border-collapse:collapse; /* führt zu dünnen rahmen in tabellen - 13.5.09 */
}
.operatables tr {
	border:1px solid #cccccc;
}

.operatables td {
	border-right-color:#cccccc;
	border-left-color:#cccccc;
}

.operatables tr table {
	border:0px;
}

.operatables tr table tr {
	border:0px;
}

.operatables td table td table{
	border:0px;
}

.operatables td table td table td{
	border:0px;
}
.tabellenfragezeilenhoehe {
	vertical-align:middle;
}

.radiobut {
}

.sprachwahlschrift {


	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
}

.textfeldboxliniertold {
border: none;
border-left: 2px solid red;
border-right: 2px solid red;
background: #CCCCCC;
color: red;
font-size: 12px;
font-weight: bold;
background-color: #e0e0e0;
} 

.textfeldboxliniert {
border: none;
border-bottom: 2px solid #666;
background: #ebebeb;
font-size: 13px;
background-color: #f9f9f9;
border-bottom-color: #666;
border-bottom-style: solid;
border-bottom-width:2px;
} 

.textfeldboxgrosst {
border: none;
border-bottom: 1px solid #dddddd;
background: #ebebeb;
font-size: 14px;
background-color: #ebebeb;
border-bottom-color: #dddddd;
border-bottom-style: solid;
border-bottom-width:1px;
} 

.textfeldboxgreybox {
border: none;
background: #ebebeb;
font-size: 12px;
} 

.smallhinweis {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #293021;
	display: inline;
	font-style: normal;
	line-height: 13px;
	font-weight: lighter;
	font-variant: normal;
}

.smallhinweis {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #293021;
	display:block;
	font-style: normal;
	line-height: 13px;
	font-weight: lighter;
	font-variant: normal;
}


.normmedium {


	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #293021;
	display: inline;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
}

.normitalic {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #293021;
	font-style: italic;
	line-height: 13px;
	font-weight: lighter;
	font-variant: normal;
}





b, strong {
    font-weight: bold;
  }
  
  
.zwischentitelmc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	line-height: 18px;
	font-style:normal;
	font-weight:bold;
}
.zwischentitelmcdiv {
	padding-bottom: 4px;}


.fragetitelel {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 28px;
	font-weight: bolder;
	color: #999999;
}
.hinweiscol {
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 12px;
					color: #000000;
					font-weight: normal;
					font-style: italic;
					list-style-type: square;
					list-style-position: inside;
					}
.contentrandright { width:0px; display:none;}
.contentrandleft { width:0px; display:none;}
		
		
		
		
.bodytextbackup {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
	line-height: 14px;


}
.bodytextsmallbackup {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	font-weight: normal;
}


.maingreenboxcol {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px;
	border: 1px #CCCCCC;
	border-width: 1px;
	border-color:#CCCCCC;
	border-style:solid;
	}












/* --- adminbereich navigation links und oben --- */

/* old design */
#afed {
	position:absolute;
	width:169px;
	height:50px;
	z-index:1;
	visibility: hidden;
}
#afedok {
	position:absolute;
	width:169px;
	height:50px;
	z-index:1;
	visibility: hidden;
}
#afedklein {
	position:absolute;
	width:170px;
	height:50px;
	z-index:1;
	visibility: visible;
}
.bigButton {
  width: 14px; height: 14px; vertical-align:middle;
}



/* 2010_7 neue navigation */
#afed2 {
	position:absolute;
	width:169px;
	height:50px;
	top: 700px;
	z-index:1;
	visibility: hidden;
}
#afed2ok {
	position:absolute;
	width:169px;
	height:50px;
		top: 700px;

	z-index:1;
	visibility: hidden;
}
#afed2klein {
	position:absolute;
	width:120px;
	height:50px;
		top: 700px;

	z-index:1;
	visibility: visible;
}
#spacerleftrandinfo2 {
	position:absolute;
	/* top: 112px; 98 px */ 
	top: 30px; /* 98 px */
	z-index:1;
	visibility: visible;
	width:170px; 
	background: url(../pic/bg2010_shadowline.gif) repeat-y left bottom;
	}
.bigButton2 {
  width: 14px; height: 14px; vertical-align:middle;
}

/* liDock CSS */
		ul#mnavlist {
			display: inline;
			list-style: none;
			margin: 0px; padding: 0px;
		}
 
		ul#mnavlist li {
			float: left;
			width: 130px;
			height:40px;
			line-height:15px;
			margin: 0px; padding: 0px;
			
			-webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
			
			
		}
		
		ul#mnavlist li.mcurrent, ul#mnavlist li a.mcurrent {
			background: #5F954D; /*#3A6334;*/
			color:#FFF;
			background: url(../pic/admin_tabmenue_currentb.gif);
			height:55px;
			margin: 0px; padding: 0px;
			z-index:99;
		}
		
		ul#mnavlist li a {
			text-decoration: none;
			color: #70A22C; /* bis 8.9.2013 */
			color: #8BC732;
			font-family:  Arial, Helvetica, Sans-Serif;
			font-size: 18px;
			font-weight: bold;
			text-align:center;
			/*background: #ffffff;*/
			display:block;
			width: 120px;
			height:50px;
			vertical-align: middle;
			margin: 0px; padding: 0px;
			
				-webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
		}
		
		ul#mnavlist li a:hover {
			color: #AED544;  /* b7d92fM 587e3c;  hellgrün b7d92f */
			background: #477B40; /* #ecf7e3; */
			text-decoration: none;
			width: 120px;
			height:50px;
			margin: 0px; padding: 0px;
		}
		
		ul#mnavlist li.mcurrent a:hover {
			background: #5F954D; /*#3A6334;*/
			color:#FFF;
			background: url(../pic/admin_tabmenue_currentb.gif);
			height:50px;
			margin: 0px; padding: 0px;
		}






.pwboxanmelden {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:bold;
	background-color: #D6EB9C;
	color: #314552;
	border: 1px dashed #525D39;
	margin-bottom: 3px;
}


.normmediumbig {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #293021;
	display: inline;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
}
.normsize {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #000000;
	font-weight: normal;
	font-variant: normal;
}

.sylf {
	font-family: sylfaen, Sylfaen, SylfaenARM, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #000000;
	font-weight: normal;
	font-variant: normal;

}


.titel2011 {
}

.titel2011 {
}

.titel2011b {
  font-size: 24px;
  font-weight: normal;
  margin-bottom:0.4em;
  color:#293021;
  font-family: Helvetica, Futura, Arial, sans-serif; 
  *font-family: Futura, Arial, Helvetica, sans-serif; /* ie9 hack see http://simunix.com/wordpress/index.php/2011/03/18/ie9-helvetica-bug/*/
  *font-size: 23px; /* ie9 hack */
  
}
@-moz-document url-prefix() {
  .titel2011b {
		  font-size: 23px;
  }
}

.titel2013 {
	font-size: 22px;
	font-weight: normal;
	margin-bottom: 0.4em;
	color: #293021;
	font-family: 'Open Sans', sans-serif;
    font-weight: 700; 
}



.tabellenfragezusatzspalteradiotrenn {
	border-right-width:1px; 
	border-right-style:solid;
	}


.examplecode {
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
	color: #333;
	font-weight: normal;
	line-height: 14px;


}



.unterbrechenbalken { background-color: #E0F1DA; }


#footerabstand {height:40px;}


.lernvideobox {
	/* border: 1px solid #83BC2E; */
	-moz-box-shadow: 3px 3px 4px #ddd;
	-webkit-box-shadow: 3px 3px 4px #ddd;
	box-shadow: 3px 3px 4px #ddd;
	/* For IE 8 */
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#dddddd')"; */
	/* For IE 5.5 - 7 */
	/* filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#dddddd'); */

	}

.schieberabdeckungstandard {
	background-image: url(../pic/abdeckung.gif); 
	width: 232px; 
	height: 56px;
	}



.generaltable {
				font-family: Verdana, Arial, Helvetica, sans-serif;
				}



/* scoretab */
.scoretabtitel { font-style:italic; margin-bottom:8px; width:96%;}
.scoretabscore { font-style:italic;}
.sctablewidth { width:96%;}
.scoretabtotal { font-style:italic; width:96%;}

.strbereiche li { 
    position: relative;
    display: inline-block;
	background-color:#eee;
	border:1px solid;
	border-color:#f3f3f3 #bbb #bbb #f3f3f3;
	margin:0;
	margin-left:3px; 
	margin-right: 3px;
	padding:.5em;
	zoom:1;*display:inline;
	vertical-align      : top;  }
.strbereiche li span {
    display             : -moz-inline-box;  /* FF2 or lower */
    display             : inline-block;     /* FF3, Opera, Safari */
    line-height         : normal;
    vertical-align      : top;    }
.strbereiche li span     { *display  : inline;} /* haslayout for IE6/7 */


.topmenumen {padding: 0px; padding-left: 15px; padding-right: 15px; float: left; display:inline;}
.topmenulayer {padding: 45px; display: none; width: 100%; }



.buttonzurueck {
	background-color:#CCC !important; 
	border-color:#999 !important;
	background-image:url(pic/zurueck_langbutton_pfeil.gif);
	background-repeat: no-repeat;
	background-position:left;
	padding-left: 29px !important;
	
	}
	
tr .trenn td {border-top: 1px dotted #dddddd;}

.ordnerline {border-top: 1px solid #7AA64F; padding-top:2px; padding-bottom:2px; border-bottom: 2px solid #F3fdf2; background-image:url(../pic/texture.png); background-repeat:repeat-x; }
.ordnerlinefirst {padding-top:2px; padding-bottom:2px; border-bottom: 2px solid #F3fdf2; background-image:url(../pic/texture.png); background-repeat:repeat-x;}
.ordnerlineempty {height: 3px; padding-top:1px; padding-bottom:1px; background-color: #F3fdf2; background-image:url(../pic/texture.png); background-repeat:repeat-x;}


/* standardposition for password box open surveys */
.pwboxlayer { left:100px; top:60px; 
-webkit-box-shadow: 8px 8px 17px -6px rgba(0,0,0,0.61);
-moz-box-shadow: 8px 8px 17px -6px rgba(0,0,0,0.61);
box-shadow: 8px 8px 17px -6px rgba(0,0,0,0.61);

}


.oulayerbuttons{
						
						   color:#050;
						   font-family:'trebuchet ms',helvetica,sans-serif;
						   font-size:120%;
						   font-weight:bold;
						   background-color:#fed;
						   border:1px solid;
						   border-top-color:#696;
						   border-left-color:#696;
						   border-right-color:#363;
						   border-bottom-color:#363;
						   height: 27px;
						   padding: 3px;
						   padding-top:0px;
						   padding-left:15px;
						   padding-right:15px;
						   /* filter:progid:DXImageTransform.Microsoft.Gradient */ 
							/*  (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#66CC33');*/ 
						}
						
						
						
						
						
/* superadmin 2013 */
.button-link {
    padding: 10px 15px;
    background: #4479BA;
    color: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #20538D;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
	cursor: pointer;
	text-decoration:none;
	
	background: #558237;
    border: solid 1px #4F7634;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.button-link:hover {
    background: #356094;
    border: solid 1px #2A4E77;
    text-decoration: none;
	
    background: #43652C;
    border: solid 1px #336600;
	
}
.button-link:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	
    background: #395726;
    border: solid 1px #336600;
}




/* 2013 buttons */
/*
@font-face {
    font-family: 'texgyreherosregular';
    src: url('webfonts/texgyreheros_regular_german/texgyreheros-regular-webfont.eot');
    src: url('webfonts/texgyreheros_regular_german/texgyreheros-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/texgyreheros_regular_german/texgyreheros-regular-webfont.woff') format('woff'),
         url('webfonts/texgyreheros_regular_german/texgyreheros-regular-webfont.ttf') format('truetype'),
         url('webfonts/texgyreheros_regular_german/texgyreheros-regular-webfont.svg#texgyreherosregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'texgyreheroscnregular';
    src: url('webfonts/texgyreheroscn_regular_german/texgyreheroscn-regular-webfont.eot');
    src: url('webfonts/texgyreheroscn_regular_german/texgyreheroscn-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/texgyreheroscn_regular_german/texgyreheroscn-regular-webfont.woff') format('woff'),
         url('webfonts/texgyreheroscn_regular_german/texgyreheroscn-regular-webfont.ttf') format('truetype'),
         url('webfonts/texgyreheroscn_regular_german/texgyreheroscn-regular-webfont.svg#texgyreheroscnregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/




a.button2013, input.button2013 {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 17px/100% Verdana, Helvetica, sans-serif;
	font-family: 'latolatin', 'texgyreheroscnregular', sans-serif;
	font-weight: bold; 
	padding: 5px 14px 7px 14px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: 2px; 
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.5);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.5);
	box-shadow: 0 1px 3px rgba(0,0,0,.5);
	}
a.button2013:hover, input.button2013:hover {
    text-decoration: none;
}
a.button2013:active, input.button2013:active {
    position: relative;
	top: 1px;
}
.orange2013 {
	color: #fef4e9 !important;
	border: solid 1px #da7c0c;
	background: #FF6600;
	background: -webkit-gradient(linear, left top, left bottom, from(#FF6600), to(#FC9912));
	background: -moz-linear-gradient(top,  #FF6600,  #FC9912);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF6600', endColorstr='#FC9912');
}
.orange2013:hover {
	background: #f47c20 !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange2013:active {
	color: #fcd3a5 !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

.green2013 {
	color: #e8f0de !important;
	border: solid 1px #538312;
	background: #64991e;
	background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
	background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}
.green2013:hover {
	background: #538018 !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
	background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}
.green2013:active {
	color: #a9c08c !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
	background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}



a.buttonflat, input.buttonflat {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 17px/100% Verdana, Helvetica, sans-serif;
	font-family: 'latolatin', 'texgyreheroscnregular', sans-serif;
	font-weight: bold; 
	padding: 5px 14px 7px 14px;
	/* text-shadow: 0 1px 1px rgba(0,0,0,.3); */
	-webkit-border-radius: 2px; 
	-moz-border-radius: 2px;
	border-radius: 2px;
	/* -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.5);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.5);
	box-shadow: 0 1px 3px rgba(0,0,0,.5); */
	}
a.buttonflat:hover, input.buttonflat:hover {
    text-decoration: none;
}
a.buttonflat:active, input.buttonflat:active {
    position: relative;
	top: 1px;
}

.orangeflat {
	color: #fef4e9 !important;
	border: solid 1px #da7c0c;
	background: #FF6600;
}
.orangeflat:hover {
	background: #f47c20 !important;
}
.orangeflat:active {
	color: #fcd3a5 !important;
}
.greenflat {
	color: #e8f0de !important;
	border: solid 1px #538312;
	background: #64991e;
}
.greenflat:hover {
	background: #538018 !important;
}
.greenflat:active {
	color: #a9c08c !important;
}



.testenflat {
	color: #e8f0de !important;
	border: solid 1px #f4f7e6;
	background: #eff3de;
}
.testenflat:hover {
	background: #d4e9b8 !important;
}
.testenflat:active {
	color: #d4e9b8 !important;
}




.testengreenflat {
	color: #e8f0de !important;
	border: solid 1px #f4f7e6;
	background: #eff3de;
}
.testengreenflat:hover {
	background: #d4e9b8 !important;
}
.testengreenflat:active {
	color: #d4e9b8 !important;
}



.shadow2013 {
	
	
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
	border-radius: 3px;
-webkit-box-shadow: 3px 3px 4px #ddd;
box-shadow: 3px 3px 4px #ddd;
-moz-box-shadow: 3px 3px 4px #ddd;
}

.shadow2017 {
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
	border-radius: 3px;
-webkit-box-shadow: 4px 4px 18px -5px rgba(0,0,0,0.71);
-moz-box-shadow: 4px 4px 18px -5px rgba(0,0,0,0.71);
box-shadow: 4px 4px 18px -5px rgba(0,0,0,0.71);
}




#contentsprites {position: relative; }



#adminpagetable1 {width: 100%; padding:0px; background-color:#fff; }

#adminpagetable1b {/* width: 990px; */ padding:10px; padding-top:0px; background-color:#fff;  height:1%; /* overflow:hidden;*/ }


/* version 2014-1 */


.printericon { position:absolute; height:22px; z-index:5; border: 0px none #000000; left: 45px; top: 1px; visibility: visible  } 
.printericon310 { position:absolute; height:22px; z-index:5; border: 0px none #000000; left: 310px; top: 1px; visibility: visible  }
.printericon390 { position:absolute; height:22px; z-index:5; border: 0px none #000000; left: 390px; top: 1px; visibility: visible  }
/* bei alle drei bis 22.3.2019 - width:22px; */



.weissnichtauchrot { background-color:#F7E4E1; }

/* version 2014-2 */



/* neue paper wrap effekte */
.drop-shadow {
	position:relative;
	float:left;
	width:40%;
	padding:1em;
	margin:10px 0 1em;
	background:#fff;
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.drop-shadow {
  border-radius: 0 0 120px 120px / 0 0 6px 6px;
}
.drop-shadow:before,
.drop-shadow:after {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: 15px;
  left: 10px;
  width: 50%;
  height: 20%;
  max-width: 300px;
  box-shadow :0 15px 10px rgba(0, 0, 0, 0.7);
  transform: rotate(-3deg);
}
.drop-shadow:after{
  right: 10px;
  left: auto;
  transform: rotate(3deg);
} 
.lifted {
		-moz-border-radius:4px;
		border-radius:4px;
	}
.lifted:before,
.lifted:after {
	bottom:15px;
	left:10px;
	width:50%;
	height:20%;
	max-width:300px;
	max-height:100px;
	-webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
	-moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
	box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
	-webkit-transform:rotate(-3deg);
	-moz-transform:rotate(-3deg);
	-ms-transform:rotate(-3deg);
	-o-transform:rotate(-3deg);
	transform:rotate(-3deg);
}
.lifted:after {
	right:10px;
	left:auto;
	-webkit-transform:rotate(3deg);
	-moz-transform:rotate(3deg);
	-ms-transform:rotate(3deg);
	-o-transform:rotate(3deg);
	transform:rotate(3deg);
}	

/* version 2014-3 */













.formfeldnormalcol, .formfeldnormalcol-strasse, .formfeldnormalcol-hausnummer, .formfeldnormalcol-postleitzahl, .formfeldnormalcol-ort, .formfeldnormalcol-email, .formfeldnormalcol-emaildom, .formfeldnormalflexibel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #333333;
	font-weight: normal;
	font-variant: normal;
	line-height: 19px;
}

#zusatzbutton {display:inline; }


.imagerand { border-color:#C00; }





/* kalenderstyle kalenderfragetyp */

.kline { display:block; float:none; }
.kleer { display:block; float:left; width:40px; height:40px; margin:3px; border:1px solid #f1f1f1; background-color:#fbfbfb; text-align:center; padding:4px; }
.kleerspace { display:block; float:left; width:40px; height:40px; margin:3px; border:1px solid #f1f1f1; background-color:#fbfbfb; text-align:center; padding:4px; margin-right: 9px;}

.kaus { display:block; float:left; width:40px; height:40px; margin:3px; border:1px solid #DEDEDE; background-color:#f2f2f2; text-align:center; padding:4px; font:bold 12px/14px Verdana, Geneva, sans-serif; color:#c9c9c9;}
.kausspace { display:block; float:left; width:40px; height:40px; margin:3px; border:1px solid #DEDEDE; background-color:#f2f2f2; text-align:center; padding:4px; margin-right: 9px; font:bold 12px/14px Verdana, Geneva, sans-serif; color:#c9c9c9;}

.kvoll { display:block; float:left; width:40px; height:40px; margin:3px; border:1px solid #777; background-color:#ccc; text-align:center; padding:4px; font:bold 12px/14px Verdana, Geneva, sans-serif; color:#333; text-decoration:none;}
.kvollspace { display:block; float:left; width:40px; height:40px; margin:3px; border:1px solid #777; background-color:#ccc; text-align:center; padding:4px; font:bold 12px/14px Verdana, Geneva, sans-serif; margin-right: 9px; color:#333; text-decoration:none;}

.aktiv { background-color: #B4F55A;}
.aktivlow { background-color: #F1F7E8;}
.noedit { border:1px solid #DEDEDE; background-color:#f2f2f2; font:bold 12px/14px Verdana, Geneva, sans-serif; color:#c9c9c9;}
.noeditaktiv { border:1px solid #f1f1f1; background-color:#D0E3B3; font:bold 12px/14px Verdana, Geneva, sans-serif; color:#333;}

.ktite { display:block; float:left; width:40px; height:15px; margin:3px; border:1px solid #FFF; background-color:#FFFFFF; text-align:center; padding:4px; font:bold 10px/10px Verdana, Geneva, sans-serif;}
.ktitespace { display:block; float:left; width:40px; height:15px; margin:3px; border:1px solid #FFF; background-color:#FFFFFF; text-align:center; padding:4px; font:bold 10px/10px Verdana, Geneva, sans-serif; margin-right: 9px;}

.kfeed { display:block; float:none; clear:left; }




/* lueckentext */


		.button_reset {
			-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
			-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
			box-shadow:inset 0px 1px 0px 0px #ffffff;
			background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) );
			background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
			background-color:#f9f9f9;
			-moz-border-radius:6px;
			-webkit-border-radius:6px;
			border-radius:6px;
			border:1px solid #dcdcdc;
			display:inline-block;
			color:#666666;
			font-family:Verdana;
			font-size:10px;
			font-weight:normal;
			padding:5px 11px;
			text-decoration:none;
			text-shadow:1px 1px 3px #ffffff;
			behavior: url(login/PIE.htc);  
		}
		.button_reset:hover {
			background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9) );
			background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
			background-color:#e9e9e9;
		}
		.button_reset:active {
			position:relative;
			top:1px;
		}
		.boxluecke {border:1px solid #999; background-color:#f7f7f7;}
		.gapluecke {border-bottom:2px dotted #999; border-top: 0; border-left:0; border-right:0; }


/* sortierfrage */


	.sortable {	 color: #000000;}


/* fineline in tabellen und listen */

.fineline td {border-top: 1px dotted #ccc;}

.redcode { background-color: #809865; color: #ffffff; font-style:italic; padding:1px; padding-left: 5px; padding-right:5px; line-height: 17px;   
-moz-border-radius: 4px;    /* Firefox 3.6-, removed in Firefox 13 */
-webkit-border-radius: 4px; /* Safari 4-, Chrome 3- */
border-radius: 4px;     /* Firefox 4+, Safari 5+, Chrome 4+, Opera 10.5+, IE9+ */}

.redcoderand, .redcoderandfilterdel { color: #ffffff; font-style:italic; padding:1px; padding-left: 4px; padding-right:4px; line-height: 15px; border: 1px #999999 dotted;   
-moz-border-radius: 4px;    /* Firefox 3.6-, removed in Firefox 13 */
-webkit-border-radius: 4px; /* Safari 4-, Chrome 3- */
border-radius: 4px;     /* Firefox 4+, Safari 5+, Chrome 4+, Opera 10.5+, IE9+ */}


.foldertitel {
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 0.4em;
	color: #387025;
	text-decoration:underline;
	font-family: 'Open Sans', sans-serif;
    font-weight: 700; 
	}
	
	
	
	





.tn-titel { font-family: 'LatoLatinBlack', sans-serif;
font-size: 32px;
color: #848D74;
}

/*
td { text-align:left;} 
*/


input[type=text], textarea {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  /* outline: none;     18.5.2020 zahlenfeld */
}
 
input[type=text]:focus, textarea:focus {
  box-shadow: 0 0 8px #C8E067;
}




.textbox {
    border: 1px solid #999;
}


/* 7.9.3014 */
.adminlinkmenu {display: block; margin-bottom:3px;}

 /* jquery tooltip */
 .ui-tooltip, .arrow:after {
    background: #88AA37;
  }
  .ui-tooltip {
    padding: 10px 20px;
    color: white;
    border-radius: 5px;
    font: 12px Verdana, Sans-Serif;
    box-shadow: 0 0 7px black;
	max-width: 400px;
	position: absolute;
	z-index:999999;
  }
  .arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
  }
  .arrow.top {
    top: -16px;
    bottom: auto;
  }
  .arrow.left {
    left: 20%;
  }
  .arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .arrow.top:after {
    bottom: -20px;
    top: auto;
  }


/* 23.10.2014 */
.zusatzspaltefeld {width: 95%;}
.tabellenweissnichtspalte {width: 100px;}

.feldtitelchen {
	font-family: "Open Sans", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555;
	font-weight: normal;
	line-height:26px;
}



.timerfenster {z-index:99; padding:10px; }






.box1 {
padding: 9px 14px;
margin-bottom: 14px;
background-color: #F7FBEC;
border: 1px solid #e1e1e8;
border-radius: 4px;
}

.box2 {
padding: 9px 14px;
margin-bottom: 14px;
background-color: #F5F9F0;
border: 1px solid #e1e1e8;
border-radius: 4px;
}






.autolistindent {text-indent:-0.6em; margin-left:0.6em; display: block;}








/* tabellen mouseover zeilen */
/* Define the hover highlight color for the table row */
.tablerowhigh tr:hover {
	  background-color: #C8E067;
}

/* td[valign="top"] a {vertical-align: top;} */
/* td[valign!="top"] a {vertical-align:inherit;} */


.noeditfield {background: #FFF !Important; border: 1px solid #CCC !Important; color: #666 !Important}



.lead {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-style: normal;
	color: #000000;
	font-weight: normal;
	font-variant: normal;
	font-size:18px; 
	line-height:26px;

}



.fragebereichheaderinfos {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	font-weight: normal;
	padding-right:10px;
	padding-left:7px;
}

.scorekasten {background-color: #F0F8DC; border: 1px solid #999; padding: 15px;}

.offlinekommentarfeldtabellenfrage {display: block; border:1px solid #222; color:#222; width:220px; min-height: 16px; padding: 5px; overflow:auto; background-color:#fff; text-align:left;}


.warnbox {display:block; border: none; background-color:#FBCEC8; padding: 15px; border-radius: 7px; }  /* 1px dotted #006600; border: 1px dotted #990000; */
.warnboxgreen {display:block; border: none;  background-color:#F0F8DC; padding: 15px; border-radius: 7px; } /* 1px dotted #006600; border: 1px solid #E4E4D3; */




.labelgreen {
  background-color: #77973C;
}
.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}



tr:hover.umfragehoverline td {
  background:#E2EEBF; 
  
  -webkit-transition: box-shadow .1s ease;
  -moz-transition: box-shadow .1s ease;
  -o-transition: none;
  -ms-transition: box-shadow .1s ease;
  transition: box-shadow .1s ease;
  
  opacity: .9;
  
  z-index: 9999;
  /* display: block; */
  text-align: left;
   }


.adminsorter {text-decoration: none;}


/* adressfragen erste spalte standardbreite */
.leftcolwidth {width: 200px;}




.modal420 {
  display: none;
  width: 420px !Important;
  background: #fff;
  padding: 15px 30px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 10px #000;
  -moz-box-shadow: 0 0 10px #000;
  -o-box-shadow: 0 0 10px #000;
  -ms-box-shadow: 0 0 10px #000;
  box-shadow: 0 0 10px #000;
}

.modal420 a.close-modal {
  position: absolute;
  top: -12.5px;
  right: -12.5px;
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  background: url(close.png) no-repeat 0 0;
}

.modal-spinner {
  display: none;
  width: 64px;
  height: 64px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-right: -32px;
  margin-top: -32px;
  background: url(spinner.gif) #111 no-repeat center center;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
}

/* eigene buttons mit text, damit zurueck-button (kein input element sondern a href link in div) auch farbe erhaelt  */
.cssbuttons a {color: inherit; }



.labelou {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 10px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
	background-color: #999999;
	font-family: "open sans", arial, sans;
}
.labelou a { color: #ffffff;
}
.labelougreen {
	background-color:#6FA625;
}
.labeloured {
	background-color:#DE856F
}
.labelousmall {
    font-size: 9px;
    font-weight: normal;
}
	
#kommentarwrapper, .nopagebreak, .bfetablewrapper { page-break-inside:avoid;}

#umfrageseitenhelptext {display: none;}


.umfragetitelvorwortseitedauer { font-weight:bold; font-size:1.2em;  }
.umfragetiteldankeseite { font-weight:bold; }
.umfragetiteldankeseitedauer { font-weight:bold; }



/* 360 FB */
.top5name { font-size: 14px; }
.top5spaltentitel {text-align:center; font-size: 10px;}
.top5spaltentrenn {border-right: 1px solid #999;}



.numtabcheck {
background-image: url(../pic/greencheck.jpg);
background-repeat: no-repeat;
width: 50px; /*or your image's width*/
height: 50px; /*or your image's height*/
margin: 0;
padding: 0;
}
.numtabcross {
background-image: url(../pic/redcross.gif);
background-repeat: no-repeat;
width: 50px; /*or your image's width*/
height: 50px; /*or your image's height*/
margin: 0;
padding: 0;
}



.semdiffleftabstand { 
    padding-right: 15px;
	}
.semdiffrightabstand { 
    padding-left: 15px;
	}


.umfragerandlink {width: 25px; }

.formfeldwhitecolor14 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    color: #333333;
    font-weight: normal;
    font-variant: normal;
    background-color: #f0f3e6;
    border: 1px solid #000066;
    margin: 1px;
    padding: 1px;
    -moz-box-shadow: 3px 3px 4px #ccc;
    -webkit-box-shadow: 3px 3px 4px #ccc;
    box-shadow: 3px 3px 4px #ccc;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc')";
}



.bodytext2018 {
	font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 12.5px;  /* 12 bis 6.9.2020 */
    color: #000000;
    font-weight: normal;
    line-height: 19px;   /* 18 bis 6.9.2020 */
	}



.bodytext2024lead {
		font-family: Roboto, Arial, Helvetica, sans-serif;
		font-size: 15px;  /* 12 bis 6.9.2020 */
		color: #000000;
		font-weight: normal;
		line-height: 22px;   /* 18 bis 6.9.2020 */
}
.bodytext2024 {
		font-family: Roboto, Arial, Helvetica, sans-serif;
		font-size: 12.5px;  /* 12 bis 6.9.2020 */
		color: #000000;
		font-weight: normal;
		line-height: 19px;   /* 18 bis 6.9.2020 */
}
				
.menu360bgrow {background-color: #E7F0E3; }
.menu360bgrow0 { }

.footerhtml td { font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #999999;
    font-weight: normal;
    line-height: 17px;
	text-align:center;
	 }

.sortpfeilr, .sortpfeill {display: inline;}

.sortiinstruk1, .sortiinstruk2 { font-weight:bold; font-style:italic; }



.radioabstandkorr td {padding-top: 3px; }





.report360freitextfrage { color:#333 }
.report360freitextline { color:#333; font-style:italic; line-height:12px; }



#Layertestmodus {
position:absolute; 
top: 0;
left:450px; 
width:210px;  
border: 0px none #000000;  
z-index: 9999; 
-webkit-box-shadow: 5px 5px 10px -2px rgba(0,0,0,0.5);
-moz-box-shadow: 5px 5px 10px -2px rgba(0,0,0,0.5);
box-shadow: 5px 5px 10px -2px rgba(0,0,0,0.5);
}



.scoreheaderposi {margin-top: 13mm; margin-bottom: 4mm;}

.greythemebox { display: block; background: #F5F7F4; 
padding: 10px !important;
border: 1px solid #E4EAE1 !important;
border-radius: 3px;
-webkit-box-shadow: 3px 3px 4px #ddd;
box-shadow: 3px 3px 4px #ddd;
-moz-box-shadow: 3px 3px 4px #ddd;
	
	}
	
.anderebogenbox { position:absolute; width:330px; height:22px; z-index:5; border: 0px none #000000; left: 1px; top: 1px; visibility: visible }

.box2019grey { border:1px dotted #DDEBAB; background-color:#FBFBF9; padding: 10px; }

.flatlabel {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-weight: 800;
    color: #f9f9f9;
    font-size: 13px;
    background-color: #477b40;
    padding: 2px 8px 2px 8px;
    border-radius: 8px;
    margin-bottom: 6px;
    margin-top: 6px;
    display: inline-block;
	}
	
	
	
.umfrageordnerbib {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    font-style: italic;
    background-color: #dbe0d9;
    border-top: 1px solid #030;
    color: #828282;
}
.ordnerlinefirstbib {
    /* padding-top: 2px; */
    /* padding-bottom: 2px; */
    /* border-bottom: 2px solid #F3fdf2; */
    background-image: url(../pic/texture.png);
    background-repeat: repeat-x;
	border-top: 1px solid #cacaca;
	line-height: 14px;
}

.dankelogoutlink { text-decoration: none; }


.redakttitelchen {     font-size: 14px;
    line-height: 21px;
    font-weight: bold;
    font-family: "roboto", arial, sans-serif;
    display: block;
    margin-bottom: 3px;
} 

.redakttext {
	display: block;
	margin-bottom: 2px;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
.titel2019 {
    font-size: 31px; /* 28px; */ /* 24 bis 3.6.2019*/
	color: #83916a; /* 9ca38f; */
	line-height: 35px;  /* 29px; */
    font-weight: 900;
	font-style: normal;
    font-family: "Open Sans", arial, sans-serif;
    display: inline-block;
    margin-bottom: 3px;
	margin-top: 8px; /* neu 3.6.2019 */
}
.titel2019:first-letter{
text-transform: capitalize
}
	
.titel2019s {
    font-size: 17px;
	color: #848d74;
	line-height: 21px;
    font-weight: 700;
	font-style: normal;
    font-family: "Heebo", arial, sans-serif;
    display: inline-block;
    margin-bottom: 2px;
	margin-left: 2px;
	}
.titel2019s:first-letter{
text-transform: capitalize
}
.titel2019step {
    font-size: 19px;
	color: #848d74;
	line-height: 24px;
    font-weight: 700;
	font-style: italic;
    font-family: "Open Sans", arial, sans-serif;
    display: inline-block;
    margin-bottom: 2px;
	margin-left: 2px;
	}
.titel2019step:first-letter{
text-transform: capitalize
}

.linebutton {
border:1px solid #d5d5d5;
padding:3px 15px 3px 15px;
border-radius:6px;
}

.bullcss { text-indent:-9px; margin-left:9px; display: block; margin-bottom: 4px; }
.dashcss { text-indent:-9px; margin-left:9px; display: block; margin-bottom: 4px; }

.commentwrap { display: block; margin-top: 10px; margin-bottom: 10px; }

.navfuehrungslinie { border-color: #cccccc; border-style: solid; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px }

.mcnumbers { top: 0px; right: 0px; padding: 5px; font-weight: bold; font-size: 140px; color:#0C0; margin: 0px; zoom: 1; filter: alpha(opacity=80);	opacity: 0.8; text-shadow: 1px 0px 20px black; }
.komplexquestiondiv {padding-top: 2px;}
.numtabmasseinheit { display:inline-block; position:relative; margin-left:5px; vertical-align:top;}

.cssbuttonsprachwahl { padding: 5px 5px 5px 5px !important; font-size: 40px !important; }

.anonsiegelsprite { position: absolute; right: 20px; top: 20px; display:block; width:130px; height:130px;}

.sessioncounterbox {
	position: fixed; bottom: 0; right: 50%;
	font-family:Arial, Helvetica, sans-serif;
	background-color: #dddddd;
	color: #777777;
	font-size: 10px;
	line-height: 12px;
	height: 11px;
	-webkit-box-shadow: 0px 0px 15px -4px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 15px -4px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 15px -4px rgba(0,0,0,0.75);
	padding: 3px 14px 3px 14px;
	text-align: right;
}









.gdprbox {
	position: fixed; bottom: 0; right: 0;
	font-family:Arial, Helvetica, sans-serif;
	background-color: #dddddd;
	color: #777777;
	font-size: 10px;
	line-height: 12px;
	height: 11px;
	-webkit-box-shadow: 0px 0px 15px -4px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 15px -4px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 15px -4px rgba(0,0,0,0.75);
	padding: 3px 14px 3px 14px;
	text-align: right;
}
	
.button {
  font-size: 1em;
  padding: 10px;
  color: #fff;
  border: 2px solid #06D85F;
  border-radius: 20px/50px;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease-out;
}
.gdprbutton:hover {
  background: #FFFFFF;
}

.gdproverlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
  z-index: 9999;
}
.gdproverlay:target {
  visibility: visible;
  opacity: 1;
}

.gdprpopup {
  margin: 70px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 50%;
  position: relative;
  transition: all 5s ease-in-out;
  max-height: 80%;
}




.gdprpopup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
.gdprpopup .gdprclose {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
}
.gdprpopup {
  color: #333;
}
				
.gdprclose {
    background: #d06c65;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    right: -12px;
    text-align: center;
    top: -10px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;
}
.gdprclose:hover {
    background: #ff4d40;
}				

.gdprpopup  {
  color: #06D85F;
}
.gdprclose:hover {
  color: #FFFFFF;
}
.gdprpopup .gdprcontent {
  max-height: 60%;
  overflow: auto;
}
/* firefox only hack */
@-moz-document url-prefix() { 
    .gdprpopup {
  		max-height: 80%; height: 80%;
	}
	.gdprcontent { max-height: inherit !important; overflow: scroll !important; }
	.gdprpopup .gdprcontent {
		max-height: inherit !important; overflow: scroll !important;
		}

}


@media screen and (max-width: 700px){
  .box{
	width: 70%;
  }
  .gdprpopup{
	width: 70%;
  }
}



















.impressumbox {
	position: fixed; bottom: 0; right: 0;
	font-family:Arial, Helvetica, sans-serif;
	background-color: #dddddd;
	color: #777777;
	font-size: 10px;
	line-height: 12px;
	height: 11px;
	-webkit-box-shadow: 0px 0px 15px -4px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 15px -4px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 15px -4px rgba(0,0,0,0.75);
	padding: 3px 14px 3px 14px;
	text-align: right;
}
	
.button {
  font-size: 1em;
  padding: 10px;
  color: #fff;
  border: 2px solid #06D85F;
  border-radius: 20px/50px;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease-out;
}
.impressumbutton:hover {
  background: #FFFFFF;
}

.impressumoverlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
  z-index: 9999;
}
.impressumoverlay:target {
  visibility: visible;
  opacity: 1;
}

.impressumpopup {
  margin: 70px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 50%;
  position: relative;
  transition: all 5s ease-in-out;
  max-height: 80%;
}




.impressumpopup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
.impressumpopup .impressumclose {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
}
.impressumpopup {
  color: #333;
}
				
.impressumclose {
    background: #d06c65;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    right: -12px;
    text-align: center;
    top: -10px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;
}
.impressumclose:hover {
    background: #ff4d40;
}				

.impressumpopup  {
  color: #06D85F;
}
.impressumclose:hover {
  color: #FFFFFF;
}
.impressumpopup .impressumcontent {
  max-height: 60%;
  overflow: auto;
}
/* firefox only hack */
@-moz-document url-prefix() { 
    .impressumpopup {
  		max-height: 80%; height: 80%;
	}
	.impressumcontent { max-height: inherit !important; overflow: scroll !important; }
	.impressumpopup .impressumcontent {
		max-height: inherit !important; overflow: scroll !important;
		}

}


@media screen and (max-width: 700px){
  .box{
	width: 70%;
  }
  .impressumpopup{
	width: 70%;
  }
}









































.tableexportbutton { font-size: 12px; border: 1px solid #888888; background-color: #cccccc; padding: 3px 10px; color: #000000; }



/* directional buttons */
/* https://www.cssscript.com/css3-arrow-buttons-bootstrap/#google_vignette */
#breadcrumbs-two{
    overflow: hidden;
    /* width: 100%; */
	margin: 0;
    padding: 0;
    list-style: none;
	line-height: 100%;
	float: left;
    margin-top: 10px;
  }

  #breadcrumbs-two li{
    float: left;
    /* margin: 0 .5em 0 1em; */
	margin: 0 .9em 0 0.9em;
	
  }

  #breadcrumbs-two a{
    background: #ddd;
    padding: .7em 1em;
    float: left;
    text-decoration: none;
    color: #444;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
    position: relative;
	cursor: default; 
 }

  #breadcrumbs-two a:hover{
    /* background: #99db76; */
  }

  #breadcrumbs-two a::before{
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -1.5em;
    border-width: 1.5em 0 1.5em 1em;
    border-style: solid;
    border-color: #ddd #ddd #ddd transparent;
    left: -1em;
  }

  #breadcrumbs-two a:hover::before{
    /* border-color: #99db76 #99db76 #99db76 transparent; */
  }

  #breadcrumbs-two a::after{
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -1.5em;
    border-top: 1.5em solid transparent;
    border-bottom: 1.5em solid transparent;
    border-left: 1em solid #ddd;
    right: -1em;
  }

  #breadcrumbs-two a:hover::after{
    /* border-left-color: #99db76; */
  }

  #breadcrumbs-two .current,
  #breadcrumbs-two .current:hover{
    font-weight: bold;
    background: none;
	background-color: #a6dce7;

  }

  #breadcrumbs-two .current::after {
	border-left: 1em solid #a6dce7;
  }  
  #breadcrumbs-two .current::before {
	border-color: #a6dce7 #a6dce7 #a6dce7 transparent;
  }



  .divtabelleskalinline { display: inline-block;}


  /* 2024 */
  .box1 { background-color:#D9E4B1; padding: 5px 15px 5px 15px; border-radius:5px;}
  .box1font { font-family: "Roboto", Verdana, Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    line-height: 140% !important; }



.box2025 {
padding: 5px 15px 5px 15px;
margin-bottom: 14px;
background-color: #f4f7e6;
border: 1px solid #e1e1e8;
border-radius: 5px;

}


.divtabelleskalaausprweissnicht {
		text-align: center;
}


/* kommentar-textboxen repsonsive machen generell, auch wenn diese mit col="xx" definiert sind */

@media (max-width: 699px) {
  textarea[name="kommentar"],
  input[type="text"][name="kommentar"] {
    /* CSS-Regeln für kleine Viewports */
    max-width: 500px;
  }
}
@media (max-width: 599px) {
  textarea[name="kommentar"],
  input[type="text"][name="kommentar"] {
    /* CSS-Regeln für kleine Viewports */
    max-width: 400px;
  }
}
@media (max-width: 499px) {
  textarea[name="kommentar"],
  input[type="text"][name="kommentar"] {
    /* CSS-Regeln für kleine Viewports */
    max-width: 300px;
  }
}
@media (max-width: 399px) {
  textarea[name="kommentar"],
  input[type="text"][name="kommentar"] {
    /* CSS-Regeln für kleine Viewports */
    max-width: 250px;
  }
}




/* 2025 */

.textarea-tailwind {
  width: 100%;
  padding: 0.5rem 0.75rem;              /* px-3 py-2 */
  border: 1px solid #d1d5db;             /* border-gray-300 */
  border-radius: 0.375rem;               /* rounded-md */
  font-size: 1rem;                       /* text-base */
  line-height: 1.5;                      /* leading-relaxed */
  box-shadow: 0 1px 2px 0 rgba(0,0,0,0.05); /* shadow-sm */
  transition: border-color 0.2s, box-shadow 0.2s;
  resize: vertical;
  background-color: white;
  color: #111827;                        /* text-gray-900 */
}

.textarea-tailwind:focus {
  outline: none;
  border-color: #6d9329;               /* focus:border-blue-600 */
  box-shadow: 0 0 0 3px rgb(171 187 140 / 50%); /* focus:ring focus:ring-blue-500/50 */
}