/* FONTS */

	/* first for IE 4–8 */
	@font-face {
		font-family: DIN;
		src: url("Fonts/DINWeb.eot");
	}

	/* then for WOFF-capable browsers */
	@font-face {
		font-family: DIN;
		src: url("Fonts/DINWeb.woff") format("woff");
	}


/* TYPOGRAPHY */
a {
	color: #000000;
	text-decoration: none;
}

/* BASICS */
body {
	background-color: #FFD831;
	background-image: url(../Images/SI_Logo.svg);
	background-repeat:no-repeat;	
	background-size: 60%;	
	background-attachment: fixed;
	background-position: 3% 98%;
	font-family: 'Roboto', Arial, Sans-serif;
	font-weight: 400;	
	font-size: 16px;
}

.menubar {
	background-color: #000000;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 32px;
	width: 100%;
}

.desktop {
	position: absolute;
	top: 40px;
	right:1%;
	bottom: 0;
	width: 100%;
	height: calc(100% - 40px);
	margin-left: 40%;
}

.folderspace {
}

/** FOLDERS **/
.folder {
	display: block;
	background: url(../Images/SI_Folder.svg);
	background-repeat:no-repeat;
	background-size: 120px 120px;
	background-position: 10px -10px;
}

.folder p {
	background-color: rgba(0,0,0,0.06);
	padding: 5px 5px;
	border-radius: 0.25em;
 	color: white;
	margin-top:80px;	
	text-align: center;
}

.folder a {
	padding-top:80px !important;
}

/** WINDOW **/
.windowbase {
	background-color: #f5f5f5;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.windowframe {
	resize: both;
    overflow: auto;
}

.windowheaderbar {
	width:100%;
	height:35px;
	position:relative;
	background-color: #000000;
	color: #f5f5f5;
	padding:0px;
	margin:0px;
	-webkit-border-top-left-radius: 2px;
	-webkit-border-top-right-radius: 2px;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-topright: 2px;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
}

.windowheadertitle {
	height:35px;
	width:80%;
	margin: auto;
	clear:both;
}

.windowheaderclose {
	position: absolute;
	right: 0px;
	width:10%;
	float:right;
	
}

.windowheaderclose a {
	color: #FFD831;
}

.box {position:absolute; z-index:10}