div#login{
	width: 100%;
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
}

div#login input{
	width: 100%;
	box-sizing: border-box;
	padding: 5px;
	border: 1px solid #4288C0;
	color: black;
}

form.mit_form input[type=text]{
	width: 100%;
	box-sizing: border-box;
	padding: 5px;
	border: 1px solid #4288C0;
	color: black;
	margin-bottom:2px;
}
form.mit_form_onecol input{
	max-width: 500px;
}
form.mit_form textarea{
	width: 100%;
	box-sizing: border-box;
	padding: 5px;
	border: 1px solid #4288C0;
	color: black;
}
form.mit_form_onecol textarea{
	max-width: 500px;
}
div.mit_form_col{
	position: relative;
	width: 40%;
	float: left;	
	box-sizing: border-box;
	margin-right: 5%;
}
@media (max-width: 800px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait)
  {
	div.mit_form_col{
		width: 100%;
		float: none;
		padding: 0px;
	}
}

input.mit_form_submit{
	max-width: 400px !important;
	margin-left: auto;
	margin-right: auto;
}

input.mit_form_checkbox{
	width: auto !important;
	border: 0px !important;
}
div.mit_bg{
	background: #EEE;
	padding: 20px;
}

table.mit_table{
	width: 100%;
}
table.mit_table td{
	padding: 4px;
	background: #DDD;
}
table.mit_table td:nth-child(2){
	text-align: right;
}	
table.mit_table th{
	padding: 4px;
	background: #4288C0;
	color: white;
}




div#user_navi_container{
	position: relative;
	width: 100%;
	text-align: center;
	background: white;
	background: rgba(66, 136, 192, 0.8);
}
div#user_navi{
	position: relative;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding: 5px 50px 5px 50px;
	box-sizing: border-box;
	color: white;
}
@media (max-width: 800px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait)
  {
	div#user_navi{
		padding: 10px;
	}
}
div#user_navi_logout a{
	float: right;
	padding: 4px 20px 4px 20px;
	background: #DCA725;
	color: white;
	text-decoration: none;
}
div#user_navi_logout a:hover{
	background: #4288C0;
}





div#mit_headmenu_container{
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	text-align: center;
	background: #DCA725;
}

div#mit_headmenu{
	position: relative;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding: 0px 50px 0px 30px;
	box-sizing: border-box;
}
@media (max-width: 1000px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1500px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 2000px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2500px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 3000px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1500px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 2000px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2500px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 3000px) and (orientation:portrait)
  {
	div#mit_headmenu{		
		padding: 0px 10px 0px 10px;		
	}
}





	div#mit_headmenu ul {
  		list-style: none;
	 	margin: 0;
	  	padding: 0;
	  	z-index: 40;
	  	margin-right: 20px !important;
	  	width: 100%;
	}

	div#mit_headmenu > ul > li {		
	  	float: left;
	}
	@media (max-width: 1200px),
		(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1800px) and (orientation:portrait),
		(-webkit-min-device-pixel-ratio: 2) and (max-width: 2400px) and (orientation:portrait),
		(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 3000px) and (orientation:portrait),
		(-webkit-min-device-pixel-ratio: 3) and (max-width: 3600px) and (orientation:portrait),
		(min-resolution: 1.5dppx) and (max-width: 1800px) and (orientation:portrait),
		(min-resolution: 2.0dppx) and (max-width: 2400px) and (orientation:portrait),
		(min-resolution: 2.5dppx) and (max-width: 3000px) and (orientation:portrait),
		(min-resolution: 3.0dppx) and (max-width: 3600px) and (orientation:portrait)
  {
		div#mit_headmenu > ul > li:nth-child(4) {		
			clear: both;
		}
	}	
		@media (max-width: 1200px),
			(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1800px) and (orientation:portrait),
			(-webkit-min-device-pixel-ratio: 2) and (max-width: 2400px) and (orientation:portrait),
			(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 3000px) and (orientation:portrait),
			(-webkit-min-device-pixel-ratio: 3) and (max-width: 3600px) and (orientation:portrait),
			(min-resolution: 1.5dppx) and (max-width: 1800px) and (orientation:portrait),
			(min-resolution: 2.0dppx) and (max-width: 2400px) and (orientation:portrait),
			(min-resolution: 2.5dppx) and (max-width: 3000px) and (orientation:portrait),
			(min-resolution: 3.0dppx) and (max-width: 3600px) and (orientation:portrait)
  {
		div#mit_headmenu > ul > li {		
			clear: both;
		}
	}		
	
	div#mit_headmenu > ul > li > ul {
  		display: none;
  		list-style: none;
  		margin: 0;
	  	padding: 0;
	}	
	div#mit_headmenu > ul {	 	
	 	list-style: none;
		overflow: hidden;
		margin: 0;
	  	padding: 0;	
	}	

	div#mit_headmenu > ul > li > a {
 	 	display: block;
	 	white-space: nowrap;
	  	color: white !important;
		background: transparent;
		font-size: 14pt;
		text-decoration: none !important;	
		padding: 10px 20px 10px 20px !important;		
	}
	div#mit_headmenu > ul > li > a:hover {
 	 	text-decoration: underline !important;	
	}	
	
	div#mit_headmenu > ul > li > a {
 	 	display: block;
	 	white-space: nowrap;
	  	color: white !important;
		background: transparent;
		font-size: 14pt;
		text-decoration: none !important;	
		padding: 10px 20px 10px 20px !important;		
	}
	
	div#mit_headmenu > ul > li:hover > ul {
	  	display: block;
	  	position: absolute;
	  	max-width: 250px;
	}	
	div#mit_headmenu > ul > li > ul > li {
	  	position: relative;	  	
	  	width: 100%;
	}	
	div#mit_headmenu > ul > li > ul > li > ul {
	  	display: none;
	}
	div#mit_headmenu > ul > li > ul > li:hover > ul {
	  	display: block;
	}
	div#mit_headmenu  ul > li > ul > li > a {
		width: 100%;
		display: block;
	  	color: #838383 !important;
	  	background: white !important;
	  	font-size: 12pt;
	  	padding: 5px 10px 5px 10px;	  	  	
	  	text-decoration: none !important;
	  	border-bottom: 1px solid #989898;
	  	min-width: 250px;
	  	-moz-box-shadow: 8px 8px 10px 0px #999;
		 -webkit-box-shadow: 8px 8px 10px 0px #999;
		 box-shadow: 8px 8px 10px 0px #999;
	}
	div#mit_headmenu  ul > li > ul > li > a:hover {		
	  	color: white !important;
	  	background: #0172B7 !important;	  	
	}
	
	div#mit_headmenu > ul > li > ul > li > ul {
	  	display: none;
	}
	div#mit_headmenu > ul > li > ul > li:hover > ul {
	  	display: block;
	  	margin-left: 20px;
	}
	
	div#mit_headmenu ul > li > ul > li > ul > li > a {
		display: block;
	  	color: black !important;
		background: #C4C4C4;
	  	padding: 5px 10px 5px 10px;	  	  	 
	  	text-decoration: none !important;
	  	border-left: 1px solid white;
	  	box-sizing: border-box;
	}
	div#mit_headmenu ul > li > ul > li > ul > li > a:hover {
		background: #F9B709 !important; 
	}
	
	div#mit_headmenu > ul > li > ul > li:hover > ul {
	  	display: block;
	  	position: absolute;
	 	left: 100%;
	 	top: 0;
	}
	
	div#mit_headmenu ul > li > ul > li > ul > li > a {
		display: block;
	  	color: black !important;
		background: #C4C4C4;
	  	padding: 5px 10px 5px 10px;	  	  	 
	  	text-decoration: none !important;
	  	border-left: 1px solid white;
	  	box-sizing: border-box;
	}
	div#mit_headmenu ul > li > ul > li > ul > li > a:hover {
		background: #F9B709 !important; 
	}
	
	div#mit_headmenu > ul > li > ul > li:hover > ul {
	  	display: block;
	  	position: absolute;
	 	left: 100%;
	 	top: 0;
	}
	
	





div.forum2_meta{
	background: #DCA725;
	color: white;
	padding: 0px;
	margin-top: 20px;
}
div.forum2_meta a{
	color: white;
}
div.forum2_meta div.forum_pic{
	float: left;
	width: 150px;
	min-height: 70px;
}
div.forum2_meta div.forum_pic img{
	vertical-align: bottom;
	height: 80px;
	width: auto;
}
div.forum2_meta div.forum_name{
	float: left; 
	text-align: left;
	padding-top: 15px;
}
div.forum2_meta div.forum_nav{
	float: right; 
	text-align: right;
	padding: 5px;
}
div.forum_content img{
	width: 30%;
	height: auto;
	max-width: 300px;
	float: right;
}
@media (max-width: 600px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 900px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1500px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 1800px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 900px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 1500px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 1800px) and (orientation:portrait)
  {
	div.forum_content img{
		width: 100%;
		float: none;
		display: block;
	}
}

div.forum2_entry{
	background: #F0F0F0;
	padding: 10px;
	margin-bottom: 10px;
	border: 1px solid #B7BCBA;	
	border-top: 0px;
}
div.forum_bottom{
	margin-top: 5px;
	border-top: 1px solid #B7BCBA;	
}
span.forum_small{
	font-size: 8pt;
	font-style: italic;	
}
div.cloudhead{
	color: white;
	background: #B7BCBA;
	padding: 3px;
	font-size: 12pt;
}
div.cloudbox{
	background: white;
	border: 1px solid #B7BCBA;	
	border-top: 0px;
	padding: 10px 5px 10px 5px;
	margin-bottom: 20px;
	text-align: center;
}
div.shortlisthead{
	color: white;
	background: #B7BCBA;
	padding: 3px;
	font-size: 12pt;
}
div.shortlist{
	background: #F8F8F8;	
	padding: 2px 2px 2px 5px;
	margin-bottom: 5px;
	border: 1px solid #B7BCBA;
}
div.shortlist_time{
	font-size: 8pt;
	text-align: right;
	border-bottom: 1px solid #B7BCBA;
	margin-bottom: 2px;
}
div.shortlist_comment{
	font-size: 8pt;
	text-align: right;
	font-style: italic;	
}





div.forum_entry{
	border: 1px solid #B7BCBA;	
	margin-top: 5px;
}
div.forum_entry_dist{
	padding: 10px;
}
div.forum_entry_infos{
	padding: 5px;
	background: #B7BCBA;
	color: white;
}	
div.forum_entry_links{
	text-align: right;
	padding-top: 3px;
	padding-bottom: 3px;
}
div.forum_entry_links a{
	margin-left: 1px;
	padding: 3px;
	font-size: 9pt;
}
div.forum_entry_answer_dist{
	padding: 10px 3px 10px 10px;
}
div#ag_breadcrumb{
	border-top: #B7BCBA 1px solid;
	padding-top: 5px;
}




div#download_nav{
	position: relative;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}
div#download_nav a{
	display: block;
	background: #DCA725;
	width: 30%;
	color: white;
	text-align: center;
	padding: 5px;
	float: left;
	margin-right: 1%;
	text-decoration: none;
	margin-bottom: 10px;
}
@media (max-width: 500px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 750px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1000px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1250px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 1500px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 750px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1000px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 1250px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 1500px) and (orientation:portrait)
  {
	div#download_nav a{
		margin-right: 0px;
		margin-bottom: 5px;
		width: 100%;
		box-sizing: border-box;
	}
}
div#download_nav a:hover{
	background: #679FCC;
}
a.download_nav_active{
	background: #679FCC !important;
}	

div#download_picture_container{
	position: relative;
	width: 100%;
	display: flex;
	flex-wrap: wrap;	
	align-items: stretch;
}

div.download_picture{
	position: relative;
	width: 18%;
	margin: 20px 1% 20px 1%;
	background: #DCA725;
	padding-bottom: 40px;
	box-sizing: border-box;	
	color: white;
}
@media (max-width: 1250px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1875px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 2500px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 3125px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 3750px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1875px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 2500px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 3125px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 3750px) and (orientation:portrait)
  {
	div.download_picture{		
		width: 31.33%;		
	}
}
@media (max-width: 800px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait)
  {
	div.download_picture{		
		width: 48%;		
	}
}
@media (max-width: 500px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 750px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1000px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1250px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 1500px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 750px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1000px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 1250px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 1500px) and (orientation:portrait)
  {
	div.download_picture{		
		width: 98%;		
	}
}
div.download_picture_pic{
	background: #DDD;
	margin-bottom: 5px;
	text-align: center;
	height: 200px;
	text-align: center;
}
div.download_picture_pic_inner{
	vertical-align: middle;
	height: 100%;
	display: inline-block;
	width: 1px;
	margin-left: -1px;
}	
div.download_picture_pic img{
	max-width: 100%;
	height: auto; 
	vertical-align: middle;
}
div.download_picture_copyright{
	font-size: 10pt;
	padding: 10px;
}
div.download_picture_radio{
	position: absolute;
	bottom: 0px;
	width: 100%;
	background: #4288C0;
	box-sizing: border-box;
	padding: 5px;
}










div#dokumente_nav{
	position: relative;
	width: 100%;
	border-bottom: 1px solid #4288C0;
	text-align: right;
}
div#dokumente_nav a{
	text-decoration: none;
	cursor: pointer;
}

div.dokumente_overlay{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	z-index: 80;
	display: none;
	justify-content: center;
	align-items: center;	
}
div.dokumente_closer{
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.1);
	z-index: 1;
}
div.dokumente_overlay_inner{
	position: relative;
	width: 100%;
	max-width: 500px;
	background: rgba(255, 255, 255, 0.7);
	padding: 20px;
	text-align: left;
	z-index: 81;
	box-sizing: border-box;
}
div.dokumente_overlay_inner input[type=text], div.dokumente_overlay_inner textarea{
	width: 100%;
	box-sizing: border-box;
	margin-top: 3px;
}
div.dokumente_overlay_inner input[type=file]{
	margin-top: 10px;
}
div.dokumente_overlay_inner input[type=submit]{
	width: 90%;
	margin-left: 5%;
	margin-top: 10px;
}

div.dokumente_overlay_inner_closer{
	position: absolute;
	right: 0px;
	top: -40px;
	color: white;
	z-index: 82;
	font-size: 20pt;
	cursor: pointer;	
}

div.overlay_error{
	color: red;
	margin-bottom: 20px;
}
div.doc_item{
	position: relative;
	width: 100%;
	padding: 20px;
	box-sizing: border-box;
	border-left: 20px solid #4288C0;
	margin-top: 20px;
	background: #EEE;
}
div.doc_item a{
	text-decoration: none;
	cursor: pointer;
}
div.doc_item_action{
	position: relative;
	width: 100%;
	border-bottom: 1px solid black;
	text-align: right;
}
div.doc_item_content{
	padding: 15px;
}	
div.doc_item_footer{
	text-align: right;
	font-size: 10pt;
	border-top: 1px solid #AAA;
}

form#doc_alter_form input[type=text], form#doc_alter_form textarea{
	width: 100%;
	max-width: 500px;
	box-sizing: border-box;
}

div.doc_dir_nav{
	position: relative;
	width: 100%;
	background: #DCA725;
	padding: 3px;
	box-sizing: border-box;
	color: white;
}
div.doc_dir_nav a{
	text-decoration: none;
	color: white;
}
div.doc_dir_nav a:hover{
	text-decoration: underline;
	cursor: pointer;
}

div.doc_sub_dir{
	position: relative;
	width: 100%;	
	border-bottom: 1px solid white;
	box-sizing: border-box;
}
a.doc_sub_dir_a{
	display: block;
	text-decoration: none;
	text-align: left;
	background: #DDD;
	padding: 3px 3px 3px 20px;	
}
a.doc_sub_dir_a:hover{
	background: #CCC;
	text-decoration: none !important;
}
a.doc_sub_dir_a span{
	font-size: 9pt;
}
a.doc_sub_dir_a:hover{
	cursor: pointer;
	text-decoration: underline;
}

div.doc_dir_alterbox{
	text-align: right;
	margin-top: 40px;
	border-top: 1px solid #DCA725;
}

div.droptargetactive{
	display: block;
	padding: 10px;
	background: rgba(255, 200, 100, 0.4);
	margin-top: 10px;
}
div.droptargetinactive{
	display: none;
}