body, html { 
	font-family: 'Inconsolata', courier new, courier, monospace, typewriter, arial, helvetica; 
	/*font-family: courier new, courier, monospace, typewriter, arial, helvetica; */
	font-size: 15px; line-height: 1.22; text-align: center;
	background: url(../_images/MR_BODY_bg.png) fixed top left; 
	padding: 0px 10px 100px 10px;
	overflow-x: hidden;
}
#outer { margin: auto; max-width: 900px; width: 100%; text-align: left; }

.clear, .clear-both { clear: both; }
.clear-left { clear: left; }
.clear-right { clear: right; }
.clear-none { clear: none !important; }
.word-break { word-wrap: break-word; word-break: break-word; white-space: pre-wrap; }
.float-none { float: none !important; }
.float-left { float: left; }
.float-right { float: right; }

.m-0 { margin: 0 !important; }
.m-1 { margin: 0.25rem !important; }
.m-2 { margin: 0.5rem !important; }
.m-3 { margin: 1.00rem !important; }
.m-4 { margin: 1.5rem !important; }
.m-5 { margin: 3rem !important; }
.mt-0 { margin-top: 0 !important; }
.mt-1 { margin-top: 0.25rem !important; }
.mt-2 { margin-top: 0.5rem !important; }
.mt-3 { margin-top: 1.0rem !important; }
.mt-4 { margin-top: 1.5rem !important; }
.mt-5 { margin-top: 3rem !important; }
.ml-0 { margin-left: 0 !important; }
.ml-1 { margin-left: 0.25rem !important; }
.ml-2 { margin-left: 0.5rem !important; }
.ml-3 { margin-left: 1.0rem !important; }
.ml-4 { margin-left: 1.5rem !important; }
.ml-5 { margin-left: 3rem !important; }
.mr-0 { margin-right: 0 !important; }
.mr-1 { margin-right: 0.25rem !important; }
.mr-2 { margin-right: 0.5rem !important; }
.mr-3 { margin-right: 1.0rem !important; }
.mr-4 { margin-right: 1.5rem !important; }
.mr-5 { margin-right: 3rem !important; }
.mb-0 { margin-bottom: 0 !important; }
.mb-1 { margin-bottom: 0.25rem !important; }
.mb-2 { margin-bottom: 0.5rem !important; }
.mb-3 { margin-bottom: 1.0rem !important; }
.mb-4 { margin-bottom: 1.5rem !important; }
.mb-5 { margin-bottom: 3rem !important; }

.p-0 { padding: 0 !important; }
.p-1 { padding: 0.25rem !important; }
.p-2 { padding: 0.5rem !important; }
.p-3 { padding: 1.00rem !important; }
.p-4 { padding: 1.5rem !important; }
.p-5 { padding: 3rem !important; }
.pt-0 { padding-top: 0 !important; }
.pt-1 { padding-top: 0.25rem !important; }
.pt-2 { padding-top: 0.5rem !important; }
.pt-3 { padding-top: 1.0rem !important; }
.pt-4 { padding-top: 1.5rem !important; }
.pt-5 { padding-top: 3rem !important; }
.pl-0 { padding-left: 0 !important; }
.pl-1 { padding-left: 0.25rem !important; }
.pl-2 { padding-left: 0.5rem !important; }
.pl-3 { padding-left: 1.0rem !important; }
.pl-4 { padding-left: 1.5rem !important; }
.pl-5 { padding-left: 3rem !important; }
.pr-0 { padding-right: 0 !important; }
.pr-1 { padding-right: 0.25rem !important; }
.pr-2 { padding-right: 0.5rem !important; }
.pr-3 { padding-right: 1.0rem !important; }
.pr-4 { padding-right: 1.5rem !important; }
.pr-5 { padding-right: 3rem !important; }
.pb-0 { padding-bottom: 0 !important; }
.pb-1 { padding-bottom: 0.25rem !important; }
.pb-2 { padding-bottom: 0.5rem !important; }
.pb-3 { padding-bottom: 1.0rem !important; }
.pb-4 { padding-bottom: 1.5rem !important; }
.pb-5 { padding-bottom: 3rem !important; }

.w-100 { max-width: 100% !important; width: 100% !important; } 
.w-75 { max-width: 75% !important; width: 75% !important; } 
.w-50 { max-width: 50% !important; width: 50% !important; } 
.w-33 { max-width: 33% !important; width: 33% !important; } 
.w-25 { max-width: 25% !important; width: 25% !important; } 
.w-auto { width: auto !important; }

.border-none, .no-border { border: none !important; }
.border-radius-10px { border-radius: 10px; }
.border-radius-15px { border-radius: 15px; }
.border-radius-20px { border-radius: 20px; }
.border-radius-25px { border-radius: 25px; }
.border-radius-30px { border-radius: 30px; }
.border-radius-top-10px { border-radius: 10px 10px 0px 0px; }
.border-radius-top-15px { border-radius: 15px 15px 0px 0px; }
.border-radius-top-20px { border-radius: 20px 20px 0px 0px; }
.border-radius-top-25px { border-radius: 25px 25px 0px 0px; }
.border-radius-top-30px { border-radius: 30px 30px 0px 0px; }
.border-radius-bottom-10px { border-radius: 0px 0px 10px 10px; }
.border-radius-bottom-15px { border-radius: 0px 0px 15px 15px; }
.border-radius-bottom-20px { border-radius: 0px 0px 20px 20px; }
.border-radius-bottom-25px { border-radius: 0px 0px 25px 25px; }
.border-radius-bottom-30px { border-radius: 0px 0px 30px 30px; }

.bg-red { background: #ff5858 !important; }
.colour-red { color: #ff5858 !important; }
.bg-blue { background: #1ca0b5 !important; }
.colour-blue { color: #1ca0b5 !important; }    
.bg-yellow { background: #fed600 !important; }
.colour-yellow { color: #fed600 !important; }
.bg-black { background: #050505 !important; }
.colour-black { color: #050505 !important; }
.bg-white { background: #ffffff !important; }
.colour-white { color: #ffffff !important; }
.bg-gray-verylight { background: #efefef !important; }
.colour-gray-verylight { color: #efefef !important; }

a { color: #FF5858; text-decoration: none; }
a:hover { text-decoration: underline !important; }
a:visited {}
a.download_link { margin-left: 5px; font-weight: 300; font-size: 1.11em; padding: 3px; background: #ececec; letter-spacing: 0.5px; text-decoration: none; }

hr.headerline { width: 100%; display: block; float: left; margin-top: 10px; height: 5px; color: #ececec; border: none; border-bottom: 5px solid #ececec; }
.Filelist { float:left; padding: 10px; margin: 1px; width: 100%; border-bottom: 1px dashed #bcbcbc; }
	.Filelist_download { float:right; clear: left; height: 12px; padding-top: 10px;  }
		.filelist_title { font-size:1.11em; background: #ff5858; float: left; clear: none; color:#ffffff;padding:7px; }
		.filelist_title_text {}
		.filelist_title_number { 
			background: #000000; color: #ffffff; padding: 2px; text-align: center; 
			min-width: 18px !important; display: inline-block; font-size: 0.85em;
  		} 
  		.filelist_preview-image { max-width: 300px; width: 100%; height: auto; }
.Page_Infotext { float:left; padding: 10px; }
.Page_Dirheader, h3 {  
	border: 0px solid #ffffff;
	border-radius: 20px 20px 20px 20px;
    color: #ffffff; background: #050505;
    float: left; line-height: 1.11;
    font-size: 250%;
    font-weight: bold;
    margin: 50px 10px 20px 0; 
    padding: 15px 15px 10px 15px; width: 100%;
    font-family:	'Yanone Kaffeesatz';
 }
 h3.ui-accordion-header { float: none; clear: both; } 
 
.Files_Subdir {  }
	.Files_Subdir .Page_Infotext {
		background: #efefef;
		margin-left: 10px;
		padding: 5px 20px;
		clear: both !important;
		float: none;
		width: calc(100% - 30px);
		margin-bottom: 10px;
	}
#accordion { display: block; float: left; margin-bottom: 30px; }

h1, h2 {
	letter-spacing:-1px;
	color:#2D5AC3;
	font-weight:normal;		
	margin-bottom:-10px;
	/*font-family:"Lucida Grande","bitstream vera sans","trebuchet ms",verdana,arial;*/
}


/*Floating DirMenue */
#dirmenu { position: fixed; display: block; float: left; left: 0px; bottom: 0px; background: #2c2c2c; width: calc(100% - 20px); text-align: center; height: auto; padding: 10px; border-top: 1px dotted #7c7c7c; }
#dirmenu a { font-family: "Yanone Kaffeesatz"; letter-spacing: 0.05em; font-size: 100%; color: #ffffff !important; font-weight: bold; display: inline-block; hyphens: auto; width: auto; margin-bottom: 5px; margin-left: 10px; text-decoration: none; text-align: right; }
#dirmenu a:hover { color: #e44444; }
#dirmenu a.act { color: #e44444; }
.dirmenu_dividor { color: #e44444; display: inline-block; width: 5px; margin-left: 8px; }

/** ###RESPONSIVENESS */

@media (max-width: 767px) {
	.Filelist_download { display: block; float: none; clear: both; height: auto; margin: 5px 0px 5px 0px; }
}