/*
	HightLight Groen 			#669966
	Excel Groen 				#227447
	Orange Oeps					#FFA500		RGB 255 165 0
	Blauw Border				#51cbee		RGB 81, 203, 238
	
	Border Grijs ( Input )		#DDDDDD
*/ 
html, body						{	
									margin:0; 
									padding:0;  
									font-family: Arial; 
									font-size:14px;
									
									background: url(/img/background.jpg) no-repeat center center fixed;
									-webkit-background-size: cover; /* For WebKit*/
    								-moz-background-size: cover;    /* Mozilla*/
    								-o-background-size: cover;      /* Opera*/
    								background-size: cover;         /* Generic*/
										 
								}
#output							{ 	padding:10px; }

#login							{	width:400px; border:0px solid black; margin:50px auto;}
#login .login_afbeelding		{	text-align:center; padding-right:30px; }
#login input					{ 	width:100%; padding:4px; margin-bottom:10px;  }
#login input[type=submit]		{ 	width:412px; padding:4px; }
#login input:-webkit-autofill 	{	-webkit-box-shadow: 0 0 0 30px #c5e2f2 inset; }

#message						{ 	color:#fac201; }
#message img 					{ 	vertical-align:middle; }

a								{ 	text-decoration:none; }

.container						{ 	border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; width:90%; margin:50px auto; }

.container .header{
	height:70px; 
	background-color:#374249; 
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	
}

.container .header .logo {
	background-color:#45a7b9;
	border-top-left-radius: 15px;
	width:15%;
	height:70px;
	text-align:center;
	vertical-align:middle;
	float:left;
}

.container .header .logo img{
	margin-top:10px;
}
.container .header .headerContent{
	border:0px solid green;
	width:80%;
	float:left;
}
.container .header .headerContent a{
	display:table-cell;
	height:68px;
	vertical-align:middle;
	color:#767f83;
	text-decoration:none;
	padding-left:25px;
	padding-right:25px;
	background-image:url('/img/space_menu.png');
	background-repeat:no-repeat;
	background-position:right center;
	font-family:arial;
	font-weight:600;
}
.container .header .headerContent a:hover{
	text-decoration:underline;
	font-family:arial;
	font-weight:600;
}


.container .header .headerContent div{
	display:table-cell;
	height:68px;
	vertical-align:middle;
	color:white;
	font-family:arial;
	font-weight:600;
	padding-left:25px;
	padding-right:25px;
}
.container .header .headerContent .Headerbuttons{
	width:100px;
	margin-right:10px;
	position:absolute;
	right:20px;
	top:52px;
}

.container .content{
	clear:both;
	position:relative;
	overflow:auto;
	background-color: rgba(255, 255, 255, 0.85);
}
.container .content .navigatie {
	width:20%;
	float:left;
	background-color:#eeeeee;
	border-right:1px solid #f3f5f6;
	min-height:600px;
}

.container .content .navigatie .navInhoud{
	margin:10px; 
	font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
}
.container .content .navigatie .navInhoud h1{
	color:#aab4b5;
	font-size:16px;
	margin-top:20px;
}

.container .content .navigatie .navInhoud ul {
	list-style-type: none;
	margin:0px;
	padding:0px;
}

.container .content .navigatie .navInhoud a.kop {
	color:#45a7b9;
	background-image:url(/img/bol.png);	
	background-repeat:no-repeat;
	background-position: middle left; 
	padding-left:25px;
}
.container .content .navigatie .navInhoud a { 
	color:#727c80;
	font-family:arial;
	font-weight:600;
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	
	 
	padding-left:25px;
	display:block;
	height:25px;
	vertical-align:middle;
}


.container .content .contentInhoud{
	width:75%;
	float:left;
}
.container .content .contentInhoud .contentSpacing{
	margin:10px;
}
.container .content .contentInhoud .contentSpacing .icons{
	margin-top:30px;
}
.container .content .contentInhoud .contentSpacing .icons a{
	margin-left:10px;
}