/* STYLE SETTINGS FOR USER CONTENT IN CMS AND FRONTEND */

/* these styles are used to display (default) content in frontend and CMS, and are also loaded into the bapie style menu */


/* 		default colours and font		*/

body {

	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #464D54;
	}

td { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; }

/* 		default links					*/
a:link { color: #464D54; text-decoration: underline; font-weight:bold}
a:visited { color: #464D54; text-decoration: underline;  font-weight:bold}
a:hover { color: #5B7895; text-decoration: underline;  font-weight:bold}
a:active { color: #464D54; text-decoration: underline; font-weight:bold}

/* 		text options				*/
.titel {color: #464D54;font-weight: bold; font-size: 17px;}
.inhoud {color: #464D54;font-size: 11px;}
.highlighted {background-color: #FFFF00;}

.groot {font-size: 16px;}
.klein {font-size: 10px;}

.tekst-quote { color: #464D54; font-family: "Times New Roman", Times, serif; font-style: italic;}








/* STYLE SETTINGS FOR SITE DESIGN IN FRONTEND  */

/* not useable by enduser or for content */

font.copy { color: #7C7C7C; font-style: italic; font-size:9px}

/* calender module settings */
.CalenderHeader {
	background-color: #E8E8E8; color: #000000;
}
.CalenderHeaderMO {
	background-color: #FFFF99; color: #000000;
}

.CalenderBeforedayboxes {
	background-color: #EFEFEF; color: #A3A3A3;
}
.CalenderBeforedayboxesMO {
	background-color: #FFFFCC; color: #A3A3A3;
}


.CalenderDayboxes {
	background-color: #EEF9FF; color: #000000;
}
.CalenderDayboxesMO {
	background-color: #FFFF99; color: #000000;
}


.CalenderAfterdayboxes {
	background-color: #EFEFEF; color: #A3A3A3; 
}
.CalenderAfterdayboxesMO {
	background-color: #FFFFCC; color: #A3A3A3; 
}


.CalenderTodaybox {
	background-color: #D4EAFA; color: #000000;
}
.CalenderTodayboxMO {
	background-color: #FFFF66; color: #000000;
}


.CalenderEventbox {
	background-color: #9DD2F4; color: #000000;
}
.CalenderEventboxMO {
	background-color: #FFFF66; color: #000000;
}

/* 		menu links					*/
a.menu:link { color: #999999; text-decoration: none;font-weight: bold; font-size: 11px; }
a.menu:visited { color: #999999; text-decoration: none;font-weight: bold; font-size: 11px; }
a.menu:hover { color: #333333; text-decoration: none;font-weight: bold; font-size: 11px; }
a.menu:active { color: #999999; text-decoration: none;font-weight: bold; font-size: 11px; }

a.selectedMenu:link { color: #999999; text-decoration: none;font-weight: bold; font-size: 11px; }
a.selectedMenu:visited { color: #999999; text-decoration: none;font-weight: bold; font-size: 11px; }
a.selectedMenu:hover { color: #333333; text-decoration: none;font-weight: bold; font-size: 11px; }
a.selectedMenu:active { color: #999999; text-decoration: none;font-weight: bold; font-size: 11px; }

/* 		searchfield					*/
.searchField {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #464D54;
	background-color: #FFFFFF;
	border: none;
	width: 111px;
	height: 17px;
}

/* 		newsletterfield					*/ 
.nlField {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #334E59; 
	width: 150px;
	height: 16px;
}
.nlButton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #334E59;
	width: 50px;
	height: 16px;
}

/* 		taffield					*/ 
.tafField {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #334E59;
	width: 135px;
	height: 17px;
}
.tafButton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #334E59;
	width: 50px;
	height: 17px;
}

/* 		forms						*/
.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #464D54;
	background-color: #FFFFFF;
	border: 2px solid #DBDBDB;
	height: 18px;
}
.tfield {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #464D54;
	background-color: #F5F5F5;
	border: 2px solid #DBDBDB;
	height: 16px;
	width: 300px;
}
.tfieldsml {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #464D54;
	background-color: #F5F5F5;
	border: 2px solid #DBDBDB;
	height: 16px;
	width: 180px;
}
.tarea 	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #464D54;
	background-color: #F5F5F5;
	border: 2px solid #DBDBDB;
	width: 300px;
}
.formline {
	background-color: #DBDBDB;
}

/*		thumbs						*/
.thumb 	{	border: 1px solid #334E59;}


/*		Links & News & offerte/quote module		*/
.tableborder {
	border: 2px solid #000000;
}
.tableheader {
	border-bottom: 2px solid #000000;
	background-color: #EAEAEA;
}
.tableheaderfont {
	font-weight:bold;
	color: #FFFFFF;
}
.trbg {
	background-color: #CC9999;
}

.light {
	background-color: #EEF9FF;
}

.dictionary {
	border: 2px dotted #202020;
	
	background-color: #FFF2CB; 
	
	margin: 4px; padding: 4px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; color: #202020; font-weight:normal;
	
    position: absolute;
	left:auto;
	top:auto;
	z-index:99; 

	width: 200px;
	height: 75px;
	overflow:visible;

	cursor:help;
}



/* LIGHTBOX */
#lightbox{
	width:800px;
	height:600px;
	background-color:#73797B;
	padding: 10px;
	padding-bottom:10px;
	text-align:center;
	}
#lightboxDetails{
	position:absolute;
	left:10px;
	width:780px;
	height:80px;
	top:520px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: 100; 
	font-size: 24px; 
	line-height:28px;;
	}	
#pauseShow{ 
	position:absolute;
	left:740px;
	bottom:10px;
	font-family: Arial, Helvetica,Verdana;
	font-size: 9px;
	text-decoration:underline;
	color: #000000;
	background-color: #FFFFFF;
	border: none;
	height: 14px;
	width:40px;
	cursor:pointer;
}

#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(img/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(trans.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/overlay.png", sizingMethod="scale");
}




/*------------------CUSTOM STYLE--------------*/
html{height:100%;}
body{height:100%;}
a img{border:none;}

#maintable td{text-align:left;vertical-align:top;}
#topnav{height:21px;text-align:right;}

#header{height:121px;}
#header a img{border:0px;}

#mainmenu{vertical-align:top;width:151px;}
#mainmenu .link{margin-left:40px;}

#content{height:auto;}
#content .innerdiv {margin:10px 20px;}

/*----RECHTER KOLOM----*/
#items_right{text-align:left;height:auto;width:385px;}
#items_right .innerdiv{width:375px;padding:5px;border:1px solid #ccc;margin:5px 0px;}
#videoplayer{margin:5px;}
.actiediv{margin:5px;border-top:1px solid #ccc;}
.actiediv img{float:right;margin:5px;}

#footer{height:20px;font-size:11px;text-align:right;}

h3{font-size:20px;color:#993300;}
h2{font-size:20px;color:#999999;}

#topnav_table{float:right;}
#topnav_table td{padding:0px 3px; }
#topnav a{font-weight:normal;}
/*====== HOME MODULE LAYOUT =======*/

.top_item td{vertical-align:top;}
.top_item a{color:#FFB444;font-size:11px;text-decoration:none;}
#home_content p{margin:0px;}
#home_menu{padding-top:17px;height:auto;width:130px;vertical-align:top;}
.menucell{height:34px;padding-right:15px;vertical-align:middle;text-align:right;font-size:13px;font-weight:bold;}


.home_content_innerdiv{font-weight:bold;padding-top:20px;height:230px;overflow:hidden;margin:0px 30px 0px 50px;}
.home_content_outerdiv{background-repeat:no-repeat;position:relative;display:none;margin:0px;width:352px;height:299px;}
.next_pijl{position:absolute;right:20px;bottom:20px;}
.top_item{float:left;width:240px;margin:15px 10px 0px;}