/* 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: #3D6E7D;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	overflow:auto;
	
		/* for CMS editor */
	 	background-image:url(img/content_tile.jpg);
		background-position:center top;
		background-repeat:repeat-x;
	}

td { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; }

/* 		default links					*/
a:link { color: #FFFFFF; text-decoration: underline;}
a:visited { color: #FFFFFF; text-decoration: underline;}
a:hover { color: #DAD9D8; text-decoration: underline;}
a:active { color: #FFFFFF; text-decoration: underline;}

/* 		text options				*/
.titel {color: #FFFFFF;font-weight: bold; font-size: 17px;}
.inhoud {color: #FFFFFF;font-size: 11px;}
.highlighted {background-color: #FFFF00;}

.groot {font-size: 16px;}
.klein {font-size: 10px;}

.tekst-quote { color: #FFFFFF; font-family: "Times New Roman", Times, serif; font-style: italic;}


hr{height:1px; color:#FFFFFF; text-align:left; margin-left:0px;}






/* STYLE SETTINGS FOR SITE DESIGN IN FRONTEND  */

body {
	background-color: #000000;
}
/* not useable by enduser or for content */

font.copy { color: #737373; 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: #FFFFFF; text-decoration: none;font-weight: bold; font-size: 11px; }
a.menu:visited { color: #FFFFFF; text-decoration: none;font-weight: bold; font-size: 11px; }
a.menu:hover { color: #4C899C; text-decoration: none;font-weight: bold; font-size: 11px; }
a.menu:active { color: #FFFFFF; text-decoration: none;font-weight: bold; font-size: 11px; }

a.selectedMenu:link { color: #4C899C; text-decoration: none;font-weight: bold; font-size: 11px; }
a.selectedMenu:visited { color: #4C899C; text-decoration: none;font-weight: bold; font-size: 11px; }
a.selectedMenu:hover { color: #4C899C; text-decoration: none;font-weight: bold; font-size: 11px; }
a.selectedMenu:active { color: #4C899C; text-decoration: none;font-weight: bold; font-size: 11px; }



/* 		menu links					*/
a.Smenu:link { color: #FFFFFF; text-decoration: none;font-weight: normal; font-size: 11px; }
a.Smenu:visited { color: #FFFFFF; text-decoration: none;font-weight: normal; font-size: 11px; }
a.Smenu:hover { color: #4C899C; text-decoration: none;font-weight: normal; font-size: 11px; }
a.Smenu:active { color: #FFFFFF; text-decoration: none;font-weight: normal; font-size: 11px; }

a.selectedSMenu:link { color: #4C899C; text-decoration: none;font-weight: normal; font-size: 11px; }
a.selectedSMenu:visited { color: #4C899C; text-decoration: none;font-weight: normal; font-size: 11px; }
a.selectedSMenu:hover { color: #4C899C; text-decoration: none;font-weight: normal; font-size: 11px; }
a.selectedSMenu:active { color: #4C899C; text-decoration: none;font-weight: normal; font-size: 11px; }



/* 		searchfield					*/
.searchField {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4C899C;
	background-color: #FFFFFF;
	border: none;
	width: 120px;
	height: 17px;
}

/* 		newsletterfield					*/ 
.nlField {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4C899C;
	background-color: #FFFFFF;
	border: 1px solid #4C899C; 
	width: 150px;
	height: 16px;
}
.nlButton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4C899C;
	background-color: #FFFFFF;
	border: 1px solid #4C899C;
	width: 60px;
	height: 17px;
}

/* 		taffield					*/ 
.tafField {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4C899C;
	background-color: #FFFFFF;
	border: 1px solid #4C899C;
	width: 135px;
	height: 17px;
}
.tafButton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4C899C;
	background-color: #FFFFFF;
	border: 1px solid #4C899C;
	width: 50px;
	height: 17px;
}

/* 		forms						*/
.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #4C899C;
	background-color: #FFFFFF;
	border: 2px solid #4C899C;
	height: 18px;
}
.tfield {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4C899C;
	background-color: #FFFFFF;
	border: 2px solid #4C899C;
	height: 18px;
	width: 300px;
}
.tfieldsml {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4C899C;
	background-color: #FFFFFF;
	border: 2px solid #4C899C;
	height: 18px;
	width: 180px;
}
.tarea 	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4C899C;
	background-color: #FFFFFF;
	border: 2px solid #4C899C;
	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: #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;
}

.mid {
	background-color: #4C899C;
	color:#FFFFFF;
	font-weight:bold;
}
.light {
	background-color: #97B5BF;
}

.dictionary {
	border: 1px solid #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;
	z-index:1; 

	width: 180px;
	height: 75px;
	overflow:auto;
}







