@charset "UTF-8";

/*
 * Common Law Copyright 2013 Domein Systemen (c) All rights reserved.
 *
 * This is unpublished proprietary code of Domein Systemen.
 * Your access to it does not give you permission to use it.
 *
 * Colors used:
 *		#FFFFFF		White
 *		#000000		Black
 *		#EBE3D0		Beige
 *		#54A2E5		Blue
 *		#283E8B		Dark Blue
 *		#CCCCCC		Grey
 *		#F84DD4		Pink
 *		#EEEEEE		Light Grey
 
		Kleuren Bo Yi	
		#929292		Heel lichtgrijs (achtergrond)
 		#d8312a		Rood
 		#2d383e		Donkergrijs
		#696c73		Middelgrijs
 */

body
{

  	height:100%;
	background-color:#929292;

	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: left;
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
}
body#Website
{
	/*background-color: #929292;*/
	background-color: #333c40;
}


img
{
	border: none;
	margin: 0 0 0 0;
}

img#Logo
{
	margin: 25px 0 0 20px;
}
div#Menu
{
	text-align: right;
	margin: 2px 5px 0 0;
	font-style: italic;
}
div#Menu a { text-decoration: none; color: #A2A2A2; }
div#Menu a:link { text-decoration: none; color: #A2A2A2; }
div#Menu a:visited { text-decoration: none; color: #A2A2A2; }
div#Menu a:active { text-decoration: none; color: #54A2E5; }
div#Menu a:hover { text-decoration: none; color: #d8312a; }

div#Footer
{
	clear: both;
	background-color: #FFFFFF;
	height: 47px;
	padding-top: 35px;
	text-align: center;
}

.Left
{
	text-align: left;
}
.Right
{
	text-align: right;
}

.Error
{
	color: #FF0000;
}
.Warning
{
	color: #FF8000;
}
.Message
{
	color: #0000BB;
}

.Highlight
{
	color: #54A2E5;
}

tr.Header
{
	background-color: #CCCCCC;
}
tr.Odd
{
	background-color: transparent;
}
tr.Even
{
	background-color: #E3E1E1;
}

a { text-decoration: underline; color:#d8312a; cursor:pointer}
a:link { text-decoration: none; color: #d8312a; }
a:visited { text-decoration: none; color: red; }
a:active { text-decoration: none; color: red; }
a:hover { text-decoration: none; color: red; }

.AdminLink { color: black; }  
.AdminLink:link { text-decoration: none; color: black; } 
.AdminLink:visited { text-decoration: none; color: black; }
.AdminLink:active { text-decoration: none; color: black; } 
.AdminLink:hover { text-decoration: none; color: #d8312a; }


#menubalk {
	padding-top:5px;
	background-color: #9e9d99;
}

#menubalksub{
	padding-top:3px;
	padding-bottom:2px;
	background-color: #9e9d99;
}

#container {
	/* border:1px solid white; */
	position:relative;
	width:1000px;
	min-height:100%;
	height:auto !important;
	height:100%;
	margin:0 auto;
	overflow:auto;
	/*background:url('Images/content.jpg') repeat-y;*/
	padding:0 10px;
	font-family:"Trebuchet MS",Helvetica,Verdana,Arial,sans-serif;
}

#container #top {
	/* border:1px solid white; */
	width:1000px;
	height:10px;
	/*margin:0 0 0 -10px;*/
	background-color: #929292;
	/*background:url('Images/top.jpg') no-repeat;*/
}

#container #header {
	/* border:1px solid white; */
	width:1000px;
	position: relative;
	height:113px;
	margin:-2px 0 0 0;
	padding:0;
	background:orange;
	background:url('Images/header.jpg') ;
}

#container #logo{
	position:absolute;
	width:74px;
	height:200px;
	margin:0px 0 0 897px;
	z-index:999;
}

#container #footer{
	position: absolute;
	display:block;
	width:940px;
	padding:10px 30px;
	background:#9e9d99;
	height:78px;
	bottom:0;
	margin:0;
	text-align: center;
	vertical-align: bottom;
	/*color:white;*/
}

#footer #CopyRight
{
	float: left;
}
#footer #social
{
	float: left;
	margin-top: 20px;
	clear: left;
}
#footer #contact
{
	float: right;
	text-align: left;
}

#container #content {
	background-color: #f0f0f0;
	width:945px;
	padding:5px 30px 40px 25px;
	height:auto;
	margin-bottom:98px;
	overflow: none;
}

#container #header ul li {
	float:left;
	margin-left:5px;
}

#menubalk a {
	color:#ffffff;
	xpadding:18px 20px 7px;
	xfont-size:18px;
	xheight:18px;
	xline-height:20px;
	padding-left:18px;
	padding-right:18px;
	font-size:16px;
	font-family: Georgia, Garamond Prem Pro SMBD;
	text-transform: uppercase;
}

#menubalksub a {
	color:#ffffff;
	padding-left:15px;
	padding-right:15px;
	font-size:12px;
	font-family: Georgia, Garamond Prem Pro SMBD;
	text-transform: uppercase;
}

#container #header ul li a:hover {
	color:#000000;
	background:url('../images/verfstreep.png');
	background-size:100% 48px;
	background-position:center; 
	background-repeat:no-repeat;
}

#container #header ul li a.active {
	color:#000000;
	background:url('../images/verfstreep.png');
	background-size:100% 48px;
	background-position:center; 
	background-repeat:no-repeat;
}

#NewItem a {
	color:#d8312a;
	float:right;
	font-size:18px;
	margin-right:140px;
}

#headertitle {
	font-size:56px;
	font-family: Georgia;
	padding: 20px 0px 0px 100px;
	color: white; text-shadow: black 0.1em 0.1em 0.2em;
}

#headersubtitle {
	font-size:15px;
	font-family: Georgia;
	padding: 0px 0px 0px 140px;
	color: white; text-shadow: black 0.1em 0.1em 0.2em;
	text-transform: uppercase;
}

th
{
	font-size:13px;
	color: #d8312a;
}

td
{
	vertical-align: top;
	padding: 3px 5px 3px 5px;
}

.TblCompact td {
	padding: 0px;
}

tr.ClickRow
{
	cursor: pointer;
	cursor: hand;
}

#vraagteken {
	width:250px;
	height:213px;
	float:right;
	margin:0px 15px 15px 15px;
}

img.rondehoeken {
	border-radius:7px;	
}

/*textarea
{
	width: 625px;
	height: 78px;	
}*/

#LeerDoelDropDown
{
	width: 625px;
}

#loggedinas {
  	height:100%;
	background-color:#929292;
	color:white;
	text-align: right;
	padding-right: 20px;
}

a.otherpagelink {
	border: 1px solid #e6e6e6;
	background-color: #F0F0F0;
	font-weight: bold;
	font-size: 14px;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 20px;
}

.currentpagelink {
	background-color: #E3E1E1;
	border: 1px solid #e6e6e6;
	font-weight: bold;
	font-size: 14px;
	padding-left: 30px;
	padding-right: 30px;
	margin-top: 20px;
}