/* 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: 11px;
	color: #000000;
	overflow:auto;
	line-height: 16px;
	}

td { font-family: Verdana,Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; line-height: 16px;}

/* 		 links					*/
a:link { color: #002BB8; text-decoration: none;}
a:visited { color: #002BB8; text-decoration: none;}
a:hover { color: #002BB8; text-decoration: underline;}
a:active { color: #002BB8; text-decoration: none;}


/* 		text options				*/
.titel {color: #000000; font-size: 24px;}
.subtitel {color: #000000; font-size: 17px;}
.inhoud {color: #000000;font-size: 11px;}
.highlighted {background-color: #FFFF00;}

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

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


hr{ width:395px; height:1px; color:#808080; text-align:left; margin-left:0px;}








/* 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: #000000; text-decoration: none;font-size: 12px; }
a.menu:visited { color: #000000; text-decoration: none;font-size: 12px; }
a.menu:hover { color: #1059A9; text-decoration: none;font-size: 12px; }
a.menu:active { color: #000000; text-decoration: none;font-size: 12px; }

a.selectedMenu:link { color: #1059A9; text-decoration: none;font-size: 12px; }
a.selectedMenu:visited { color: #1059A9; text-decoration: none;font-size: 12px; }
a.selectedMenu:hover { color: #1059A9; text-decoration: none;font-size: 12px; }
a.selectedMenu:active { color: #1059A9; text-decoration: none;font-size: 12px; }



/* 		menu links					*/
a.Smenu:link { color: #000000; text-decoration: none;font-size: 11px; }
a.Smenu:visited { color: #000000; text-decoration: none;font-size: 11px; }
a.Smenu:hover { color: #1059A9; text-decoration: underline;font-size: 11px; }
a.Smenu:active { color: #000000; text-decoration: none;font-size: 11px; }

a.selectedSMenu:link { color: #1059A9; text-decoration: none;font-size: 11px; }
a.selectedSMenu:visited { color: #1059A9; text-decoration: none;font-size: 11px; }
a.selectedSMenu:hover { color: #1059A9; text-decoration: underline;font-size: 11px; }
a.selectedSMenu:active { color: #1059A9; text-decoration: none;font-size: 11px; }



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

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

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

/* 		forms						*/
.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #000000;
	height: 18px;
}
.tfield {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #000000;
	height: 18px;
	width: 300px;
}
.tfieldsml {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #000000;
	height: 18px;
	width: 180px;
}
.tarea 	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #000000;
	height:64px;
	overflow:visible;
	width: 300px;
}



.error 	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #990000;
	font-weight:bold;
}


.formline {
	background-color: #1059A9;
}

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


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

.mid {
	background-color: #1059A9;
	color:#FFFFFF;
	font-weight:bold;
}
.light {
	background-color: #E2F1FB;
}

.dictionary {
	border: 1px solid #202020;
	background-color: #FFF2CB; 
	
	margin:-80px -135px; padding: 4px; 
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 10px; color: #202020; font-weight:normal;
	
    position: absolute;
	z-index:1; 

	width: 180px;
	height: 75px;
	overflow:auto;
}



.greenHeader{
	background-image:url(img/windowheader_green.jpg);
	height:43px;
	color:#FFFFFF;
	font-size:18px;
}

.orangeHeader{
	background-image:url(img/windowheader_orange.jpg);
	height:43px;
	color:#FFFFFF;
	font-size:18px;
}

.blueHeader{
	background-color:#E5F2FB;
	height:39px;
	color:#24508D;
	font-size:18px;
}


/* 		white links					*/
a.whitelink:link { color: #FFFFFF; text-decoration: underline;}
a.whitelink:visited { color: #FFFFFF; text-decoration: underline;}
a.whitelink:hover { color: #FFFFFF; text-decoration: underline;}
a.whitelink:active { color: #FFFFFF; text-decoration: underline;}