/**********************************************
STANDAARD ELEMENTEN
**********************************************/
body, html		{ width:100%; height:100%; margin:0px; padding:0px; }
body			{ color: #333333; font-size: 13px; line-height:18px; font-family: Trebuchet MS, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color:#EEE;}
td				{ color: #333333; font-size: 13px; line-height:18px; font-family: Trebuchet MS, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; }
html			{ }
img				{ border:0px;}
p				{ margin:10px 0px 0px 0px; }
p:first-child	{ margin:0px;}
ul				{ margin:0px; padding:0px; list-style: none; }
li				{ padding-left: 17px; background-image: url(../images/bullet.png); background-repeat: no-repeat; background-position: 0px 3px; }
img				{ border:0px; padding:0px; }
.clearfix		{ clear:both; height:0px; }
span 			{ line-height:normal}

/**********************************************
MAIN DIVS
**********************************************/

#maincontainer 			{ 	width:100%; overflow:hidden; position:relative;}
#container				{ 	position:relative; width:760px; margin:0px auto 0px auto;}
#content				{ 	position:relative; width:760px; min-height:400px; background-image:url('../images/content_bg.gif'); background-position:bottom right; background-repeat:no-repeat;z-index:3;}
#flashboomcontainer		{ 	position:absolute; top:0px; right:-525px; z-index:2;}

#contents				{ 	padding:10px 20px 70px 20px; clear:both;}
#footer					{ 	position:absolute; background-color:#020406; height:20px; width:760px; color:#7d7c7c; text-align:center; font-size: 11px; bottom:0px;}
#footer a				{ 	color:#7d7c7c; font-weight:normal; text-decoration:none;}

#homezin				{ 	background-image:url('../images/zin.gif'); background-position:50% 50%; background-repeat:no-repeat; width:100%; height:70px; text-indent:-9999px; overflow:hidden; }

/*
#referenties { border-top:1px solid #dedede;width:600px; margin-top:10px;}
#referenties a	{display:block; background:url('../images/beeldmerk.gif') 0px 0px no-repeat; padding:4px 0px 3px 40px; border-bottom:1px solid #dedede; }
#referenties a:hover { background-color:#dedede;}
#referenties a .naam {}
#referenties a .datum {float:right; display:block; color:#333; font-style:italic; font-size:11px;  border-right:1px solid #dedede; margin:0px 10px 0px 0px; padding:0px 10px 0px 0px;}
#referenties a .cijfer {float:right; display:block; font-size:11px;  font-weight:normal; padding:0px 10px 0px 0px;}

*/


#referenties { width:600px; margin-top:10px;}
#referenties .navbar { padding:4px 0px 4px 0px; margin:10px 0px 0px 0px;border-top:1px solid #dedede; height:40px; }

#referenties .balk	{color:#ec008c; background-color:#f00; font-weight:bold; display:block; background:url('../images/beeldmerk.gif') 0px 5px no-repeat; padding:9px 0px 7px 40px; border-bottom:1px solid #dedede;border-top:1px solid #dedede; }

#referenties .balk .naam {}
#referenties .balk .datum {float:right; display:block; color:#ec008c; font-style:italic; font-size:11px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
#referenties .balk .cijfer {float:right; display:block; font-size:11px; font-weight:normal;padding:0px 10px 0px 0px;}
#referenties .tekst {padding:10px 0px 50px 0px; background-repeat:no-repeat; background-position:0px 0px; line-height:19px; font-size:11px; margin-top:10px;}
#referenties .tekst  .spacer{float:left; width:110px; height:60px;}
#referenties .tekst .foto {display:block; border:1px solid #999; background-color:#dedede; padding:10px; float:right; margin:0px 0px 5px 10px; }

/**********************************************
LINKS
**********************************************/
a:hover, a:visited, a:active, a:link							{ color:#ec008c;text-decoration:none;	font-weight:bold; }
.wit a:hover, .wit a:visited, .wit a:active, .wit a:link		{ color:#FFF; text-decoration:underline; }

/**********************************************
MENU
**********************************************/
#foto													{ width:760px; height:240px; border-top:15px solid #FFF; border-bottom:15px solid #FFF; z-index:1;}
#fotoborder												{ border:1px solid #dedede;}
#menu													{ position:relative; width:760px; padding:5px 0px 0px 0px; z-index:5}
#menuContainer											{ }

.mainmenu												{ position:relative; float:left; display:block; background-image:url('../images/arrow.gif'); background-position:3px 9px; background-repeat:no-repeat; padding-left:10px;}
.mainmenu:first-child									{ background-image:none; padding-left:0px}
.mainmenu a												{ position:relative; display:block; background-repeat:no-repeat; height:20px; text-indent: -9999px; z-index: 1}
.mainmenu:hover .submenu 								{ display:block;}
.mainmenu a:hover 										{ background-position:0px -30px;}
.mainmenu #actiefMain, .mainmenu #actiefMain:hover		{ background-position:0px -60px;}
/*#activeContainer, #activeContainer:hover				{ display:block;}*/
.mainmenu .submenu										{ margin-left:13px;}
.mainmenu:first-child .submenu							{ margin-left:3px;}
.submenu												{ position:absolute; top:20px; left:0px; margin-top:10px; display:none;}
.submenu .bg											{ position:absolute; width:100%; left:0px; top:-30px; padding-bottom:40px; height:100%; background-color:#FFF; opacity:0.9; MozOpacity:0.9; KhtmlOpacity:0.9; filter:alpha(opacity=90); }
.submenu a												{ position:relative; display:block; background-repeat:no-repeat; height:17px; text-indent: -9999px;}
.submenu a:hover						 				{ background-position:0px -30px;}
.submenu #actiefSub, .submenu #actiefSub:hover			{ background-position:0px -30px;}


#menu2													{ position:absolute; width:760px; padding:5px 0px 0px 0px; left:50%; margin-left:-380px;}
#menuContainer2											{ }
.mainmenu2												{ position:relative; float:left; display:block; background-image:url('../images/menusplit2.png'); background-position:0px 7px; background-repeat:no-repeat; padding-left:10px;}
.mainmenu2:first-child									{ background-image:none; padding-left:0px}
.mainmenu2 a											{ position:relative; display:block; background-repeat:no-repeat; height:20px; text-indent: -9999px; z-index: 1}
.mainmenu2:hover .submenu2 								{ display:block;}
.mainmenu2 a:hover 										{ background-position:0px -30px;}
.mainmenu2 #actiefMain, .mainmenu2 #actiefMain:hover	{ background-position:0px -60px;}
/*#activeContainer, #activeContainer:hover				{ display:block;}*/
.mainmenu2 .submenu										{ margin-left:13px;}
.mainmenu2:first-child .submenu							{ margin-left:3px;}
.submenu2												{ position:absolute; top:20px; left:0px; margin-top:10px; display:none;}
.submenu2 .bg											{ position:absolute; width:100%; left:0px; top:-30px; padding-bottom:40px; height:100%; background-color:#FFF; opacity:0.9; MozOpacity:0.9; KhtmlOpacity:0.9; filter:alpha(opacity=90); }
.submenu2 a												{ position:relative; display:block; background-repeat:no-repeat; height:17px; text-indent: -9999px;}
.submenu2 a:hover						 				{ background-position:0px -30px;}
.submenu2 #actiefSub, .submenu2 #actiefSub:hover		{ background-position:0px -30px;}


.columnleft, .columnright{
	border:1px solid #dedede;	
}
.columnleft{
	float:left;padding:0px 20px 0px 0px;
}
.columnright{
	float:right;margin:0px 0px 0px 20px;;
}

.col2 				{ margin:10px 0px 0px 0px;}
.col2 .td1 			{ color: #333333; font-size: 13px; line-height:18px; font-family: Trebuchet MS, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; padding:0px 10px 0px 10px; border-left:1px dotted #bebebe; color: #333333; font-size: 13px; line-height:18px; font-family: Trebuchet MS, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;}
.col2 .td2 			{ color: #333333; font-size: 13px; line-height:18px; font-family: Trebuchet MS, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; padding:0px 0px 0px 10px; border-left:1px dotted #bebebe; color: #333333; font-size: 13px; line-height:18px; font-family: Trebuchet MS, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;}

/**********************************************
FORM ELEMENTS
**********************************************/
input, textarea, select		{ font-size: 11px; line-height:13px; font-family:Tahoma, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; }
input, textarea, select		{ padding:4px; }
textarea					{ line-height:18px; }

/**********************************************
TBMODULE
**********************************************/
.tbmodule					{ background-color:#ea0082; color:#FFF; padding:20px; margin:15px 0px 15px 0px; text-align:center; font-weight:bold; border:dotted 1px #000000; }

/**********************************************
IMAGES VANUIT TOOLBOX
**********************************************/
.img_left_border			{ float:left; margin-right:15px; margin-bottom:5px; }
.img_left_noborder			{ float:left; margin-right:15px; margin-bottom:5px; }
.img_right_border			{ float:right; margin-left:15px; margin-right:4px;	margin-bottom:5px; }
.img_right_noborder			{ float:right; margin-right:4px;	margin-left:15px; margin-bottom:5px; }
.img_noalign_noborder		{ margin:0px; }
.img_noalign_border			{ margin:0px; }
.cssbutton					{ cursor:pointer; border:1px solid #FFF; background-color:#00457c; color:#FFF; background-image:url('../images/arrow_rechts.gif'); background-repeat:no-repeat; background-position:100% 50%; text-align:left; text-indent:4px;	padding-left:4px; padding-right:20px; padding-top:3px; padding-bottom:3px;	font-size: 12px; float:left;}
.cssfield					{ padding:5px; line-height:11px;border:1px solid #4db3d0; font-size:11px;}
.boekField					{ border:1px solid #dedede; padding:2px 0px 2px 4px; height:18px;}