body,th,td {font-family:arial,helvetica,sans-serif;font-size:12px}
body { margin:10px 10px 10px 10px;background-color:#e0e0e0 }
h1 {font-weight:bold;font-style:italic;color:#0000cc}

.header { 
	background-color:#6060a8;
	color:white;
	font-weight:bold
	}
.easy-autocomplete-container {
	white-space: nowrap;
	width:auto;
	min-width: 100%;
}
.optional {  padding-right:5px;
		     border:solid 1px white;
		     border-width:1px 0px 0px 0px;
		   }
.mandatory { font-weight:bold;
		     padding-right:5px;
		     border:solid 1px white;
		     border-width:1px 0px 0px 0px;
		   }
.mandatory_b { font-weight:bold;
		       padding-right:5px;
		       border:solid 1px white;
		       border-width:1px 0px 0px 0px;
		     }
.regval {border:solid 1px white;
		 border-width:1px 0px 0px 0px;
		 padding-left:15px;
		 padding-right:50px;
		}
.row_n {background-color:#f0f0f0; }
.row_h {background-color:#f8d792; }

.input { border:solid 1px #a0a0c0 }

.description, .onlinehelp {
	color: green;
	text-align: right;
	position: relative;
	display: inline-block;
}
.descriptioninput:disabled, .onlinehelpinput:disabled{
	color: #66997F !important;
}
.descriptioninput, .onlinehelpinput{
	color: green !important;
}
.description:hover .descriptiontext::after, .onlinehelp:hover .onlinehelptext::after {
	text-decoration: none;
	width: 180px;
	background-color: #f8f8f8;
	color: #000;
	text-align: center;
	font-weight: normal;
	padding: 5px 0;
	border-radius: 6px;
	border: 1px solid #d8d8d8;

	position: absolute;
	z-index: 1;
	/* bottom */
	top: 100%;
	left: 50%;
	margin-left: -50%; /* Use half of the width (120/2 = 60), to center the tooltip */
}

.onlinehelp:hover .onlinehelptext::after {
	content: attr(data-onlinehelp);
}

.description:hover .descriptiontext::after {
	content: attr(data-description);
}

.onlinehelp .onlinehelptext:hover {
	visibility: hidden;
}
.navi_started a span:hover{
	text-decoration: underline;
}
.err { font-weight:normal;
	   font-size:10px;
	   vertical-align:bottom;
	   color:red;
	   border:solid 1px white;
	   border-width:1px 0px 0px 0px;
	   padding-bottom:0px;
	   padding-left:15px;
	   height:30px;
	 }
.ws_head {
	font-weight:bold;
	color:black;
	background-color:#ffb0b0;
}
.thema {
	font-family: verdana,sans-serif;
	font-weight:bold;
	color:#000000;
	font-size:16px;
}

.page_head {
	background-color:#f6ca73;
}
.page_head_left {
	background-color:#f6ca73;
	font-size:28px;
	color:white;
 	font-family:Arial,Helvetica,Sans-serif;
	padding:0px 0px 20px 20px;
	vertical-align:bottom;
}
.page_head_right {
	background-color:#f6ca73;
    padding:0px 22px 25px 0px;
    vertical-align:bottom;
    text-align:right;
}
.main_subHead {
	background-image:url(gfx/style/bg_grau_subHead.gif);
}
.main_subHead_inner {
	font-weight:bold;
	color:white;
	font-size:12px;
	font-family:verdana;
}
.right_col {
	background-image:url(gfx/style/bg_hell_main_left.gif);
	background-repeat:repeat-y;
}
.main_container {
	padding:45px 22px 45px 30px;
}
.content_border {
	background-image:url(gfx/style/bg_content_border.gif);
}
.print_content_main,.print {
	background-color: transparent;
}
.content_main {
	background-color:#f5f5f5;
	padding:20px 18px 20px 18px;
}
.cn_headline {
	font-size:22px;
	font-weight:bold;
}
.navi_subHead {
	background-image:url(gfx/style/bg_hell_subHead.gif)
}
.navi_headline {
	padding-left:20px;
	background-image:url(gfx/style/bg_hell_navi.gif);
	font-weight:bold;
	font-family:verdana,sans-serif;
}
.navi_active {
	padding:5px 0px 2px 20px;
	color: #980000;
	font-weight:bold;
	font-family:verdana,sans-serif;
}
.navi_normal {
	padding:5px 0px 2px 20px;
	color:#b0b0b0;
	font-family:verdana,sans-serif;
}
.navi_started {
	padding:5px 0px 2px 20px;
	font-family:verdana,sans-serif;
}
a.navi {
	font-family:verdana,sans-serif;
}
.question {
	font-weight:bold;
}
.page_head2 {
	background-color:#f6ca73;
	background-image:url(gfx/navbg.jpg);
	height:130px;
}
.page_head2_left {
	padding:0px 0px 20px 20px;
	vertical-align:top;
	height:130px;
}
.page_head2_right {
    padding:18px 22px 25px 0px;
    text-align:right;
    vertical-align:top;
    height:130px;
}

.normal, .hover, .pressed {
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
}
.normal {
	background-image:url(gfx/language_normal.png);
	color:#595959;
}
.hover {
	background-image:url(gfx/language_hover.png);
	color:#414900;
}
.pressed {
	background-image:url(gfx/language_pressed.png);
	color:#eee65f;
}

.normal span, .hover span, .pressed span{
	position: relative;
	top: 2px;
}

.normalnext,.hovernext, .pressednext  {
	background-repeat:no-repeat;
	background-position:center;
	text-align:center;
	font-size:13px;
	font-weight:bold;
	vertical-align:middle;
	cursor:pointer;
	width: 98px;
}
.normalnext {
	background-image:url(gfx/language_next_normal.png);
	color:#ffffff;
}
.hovernext {
	background-image:url(gfx/language_next_hover.png);
	color:#ffffff;
}
.pressednext {
	background-image:url(gfx/language_next_pressed.png);
	color:#020202;
}

.normalback, .hoverback, .pressedback{
	background-repeat:no-repeat;
	background-position:center;
	text-align:center;
	font-size:13px;
	font-weight:bold;
	vertical-align:middle;
	cursor:pointer;
	width: 98px;
}
.normalback {
	background-image:url(gfx/language_back_normal.png);
	color:#ffffff;
}
.hoverback {
	background-image:url(gfx/language_back_hover.png);
	color:#ffffff;
}
.pressedback {
	background-image:url(gfx/language_back_pressed.png);
	color:#020202;
}

.titel,.sektion,.titelzertifikat,.sektionzertifikat {
	font-family:arial,helvetica,sans-serif;
	text-align:left;
	font-weight:bolder;
	
}

.titel {
	font-size:14px;
	padding: 10px 5px 5px 0px;
	border-bottom:solid 2px white;
	color:#333333;
	
}

.sektion {
	font-size:14px;
	padding: 5px 5px 5px 0px;
	color:#7c5607;
	
}

.titelzertifikat {
	font-size:16px;
	padding: 10px 155px 5px 0px;
	border-bottom:solid 1px white;
	color:#333333;
	
}

.sektionzertifikat {
	font-size:16px;
	padding: 5px 155px 5px 0px;
	color:#7c5607;
	
}
#print_page {
	border:0;
	background-color:white;
}
#page,#page_reg {
	border:solid 1px #505050;
	background-color:white;
}
.menuButton {
	display: inline;
	cursor: pointer;
	text-decoration: none;
}	
.courseselection_table {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr;
}
.courseselection_table div input, .courseselection_table div label{
	display: block;
	vertical-align:middle;
}
.courseselection_table div{
}

.content_main img ,.print_content_main img{
}

/*@supports (-moz-appearance:none) {
	.content_main img ,.print_content_main img{
		max-width: 100%;
		height: auto !important;
	}
}*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.content_main img ,.print_content_main img{
		/*max-width: 100%;
		height: auto !important;*/
	}
}
@media all and (min-width: 5em) and (max-width: 27em){
	.content_main img ,.print_content_main img{
		max-width: 100%;
	}
}
@media all and (min-width: 5em) and (max-width: 50em){
	.content_main img ,.print_content_main img{
		/*max-width: 100%;*/
		height: auto !important;
	}
	.normalnext span,.hovernext span, .pressednext span {
		display: none;
	}
	.normalnext,.hovernext, .pressednext  {
		background-position: right;
		width: 28px;
	}
	.normalback span, .hoverback span, .pressedback span{
		display: none;
	}
	.normalback, .hoverback, .pressedback{
		background-position: left;
		width: 28px;
	}

	.thema {
		font-size:12px;
	}

	.button, .cert_table td {
		margin:0px;
		padding:0px;
	}
	body { 
		margin:0px 0px 0px 0px;
	}
	.content_main,.print_content_main {
		padding:5px 4px 5px 4px;
	}
	.page_head_left {
		font-size:20px;
	}
	.menuButtonOpen{
		position: absolute;
		left: 0;
	}
	.menuButton {
		display: inline;
	}
	.noMenuButton {
		display:none;
	}
	.page_head2_right, .page_head_right {
    		padding:0;
	}
	.page_head2_left, .page_head_left {
		padding:0;
	}
	.page_head {
		height:30px;
	}
	#main {
		width: 100%;
		order: 2;
		flex: 5 1 0%;
		position: relative;
	}
	.main_container {
		padding:5px 2px 5px 3px;
	}
	#fCont {
		position: relative;
		display: flex;
		flex-flow: row wrap;
	}

	#fCont:target #navi{
		display: block;
		z-index:99;
	}
	#fCont:target .menuButtonOpen {
		display: none ; 
	}	
	#navi {
		width: 100%;
		position: absolute;
		top: 28;
		background-color:#e0e0e0; 
		border:solid 1px #505050;
		display: none;
	}
	#navi td {
		font-size: 16px;
	}
	.navi_headline {
		width: 100%;
	}
	.reg_table input, .reg_table select {
		width: 120px; 
	}
	.optional {  padding-right:1px;
			   }
	.mandatory { 
			     padding-right:1px;
			   }
	.mandatory_b { 
			       padding-right:1px;
			     }
	.regval {
			 padding-left:1px;
			 padding-right:5px;
			}
	.login_table{
		padding: 5px;
	}
	.courseselection_table {
		grid-template-columns: 1fr;
	}
}
@media all and (min-width: 50em) {
	#fCont:target #navi{
	}
	#fCont:target .menuButtonOpen {
	}	
	.content_main img, .main_container {
		/*max-width: 100%;
		border: 1px solid red;
		max-width: 100%;*/
	}
	
	.login_table{
		padding: 20px;
	}
	.reg_table {
		width: 480; 
	}
	.reg_table td {
		padding: 5; 
	}
	.cert_table td {
		padding:4px;
	}
	.navi_headline {
		width: 167%;
	}
	.menuButton {
		display:none;
	}
	.noMenuButton {
		display:inline;
	}
	.page_head_right {
    		padding:0px 22px 25px 0px;
	}
	.page_head_left {
		padding:0px 0px 20px 20px;
	}
	.page_head {
		height:100px;
	}
	.main_container {
		padding:45px 22px 45px 30px;
	}
	#page_reg div {
		text-align: left;
		/*padding-left: 40px;*/
	}

	#page_reg {
		max-width: 780; 
	}
	#page {
		min-width: 802px;
		max-width: 1080px;
	}
	#main {
		order: 2;
		flex: 5 1 0%;
		width: calc(100% - 243px);
	}

	#navi {
		flex: 0 0 240px;
		width: 240px;
		order: 1;
		align-self: flex-start;
		overflow: visible;
		display: block;
	} 
	#fCont {
		display: flex;
		flex-flow: row;
	}
}
@media print { 
	.pagebreak {
		page-break-before:always;
	}
	.no-print, .no-print * {
		display: none !important;
	}	    
}
@media screen\0 {
	.content_main img {
		max-width: 100%;
	}
}