/* 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: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3A3A3A;
	overflow:auto;
	}

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

li{ list-style-images:url(img/bullet_green.gif); }
/* 		default links					*/
a:link { color: #8CC63F; text-decoration: underline; font-weight:bold}
a:visited { color: #8CC63F; text-decoration: underline;  font-weight:bold}
a:hover { color: #0079A5; text-decoration: underline;  font-weight:bold}
a:active { color: #8CC63F; text-decoration: underline; font-weight:bold}

/* 		text options				*/
.titel {color: #0079A5;font-weight: bold; font-size: 18px;}
.subtitel {color: #0079A5;font-weight: bold; font-size: 14px;}
.inhoud {color: #3A3A3A;font-size: 11px;}
.highlighted {background-color: #FFFF00;}

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

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








/* STYLE SETTINGS FOR SITE DESIGN IN FRONTEND  */

/* not useable by enduser or for content */


body{background-color:#555555; }

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

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

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


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


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


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


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

/* 		menu links					*/
a.menu:link { color: #FFFFFF; text-decoration: none;font-weight: bold; font-size: 15px; }
a.menu:visited { color: #FFFFFF; text-decoration: none;font-weight: bold; font-size: 15px; }
a.menu:hover { color: #8CC63F; text-decoration: underline;font-weight: bold; font-size: 15px; }
a.menu:active { color: #FFFFFF; text-decoration: none;font-weight: bold; font-size: 15px; }

a.selectedMenu:link { color: #8CC63F; text-decoration: none;font-weight: bold; font-size: 15px; }
a.selectedMenu:visited { color: #8CC63F; text-decoration: none;font-weight: bold; font-size: 15px; }
a.selectedMenu:hover { color: #8CC63F; text-decoration: underline;font-weight: bold; font-size: 15px; }
a.selectedMenu:active { color: #8CC63F; text-decoration: none;font-weight: bold; font-size: 15px; }


/* 		menu links					*/
a.Smenu:link { color: #FFFFFF; text-decoration: none;font-weight: bold; font-size: 11px; }
a.Smenu:visited { color: #FFFFFF; text-decoration: none;font-weight: bold; font-size: 11px; }
a.Smenu:hover { color: #8CC63F; text-decoration: underline;font-weight: bold; font-size: 11px; }
a.Smenu:active { color: #FFFFFF; text-decoration: none;font-weight: bold; font-size: 11px; }

a.selectedSMenu:link { color: #8CC63F; text-decoration: none;font-weight: bold; font-size: 11px; }
a.selectedSMenu:visited { color: #8CC63F; text-decoration: none;font-weight: bold; font-size: 11px; }
a.selectedSMenu:hover { color: #8CC63F; text-decoration: underline;font-weight: bold; font-size: 11px; }
a.selectedSMenu:active { color: #8CC63F; text-decoration: none;font-weight: bold; font-size: 11px; }


/* 		mini side text					*/
.miniheader{
	font-size:11px;
	color:#8CC63F;
}

.minicontent{
	font-size:10px;
}





/* 		searchfield					*/
.searchField {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3A3A3A;
	background-color: #BBBDC0;
	border:solid 1px #3A3A3A;
	width: 100px;
	height: 17px;
}



/* 		forms						*/
.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #3A3A3A;
	border: 1px solid #3A3A3A;
	height: 18px;
}
.tfield {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3A3A3A;
	background-color: #BBBDC0;
	border: 1px solid #3A3A3A;
	height: 16px;
	width: 250px;
}
.tfieldsml {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3A3A3A;
	background-color: #BBBDC0;
	border: 1px solid #3A3A3A;
	height: 16px;
	width: 180px;
}
.tarea 	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3A3A3A;
	background-color: #BBBDC0;
	border: 1px solid #3A3A3A;
	width: 250px;
}
.formline {
	background-color: #DBDBDB;
}

/*		thumbs						*/
.thumb 	{	border: 1px solid #3A3A3A;}


/*		Links & News & offerte/quote module		*/
.tableborder {
	border: 2px solid #3A3A3A;
}
.tableheader {
	border-bottom: 2px solid #3A3A3A;
	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: #3A3A3A;
	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");
}