/* 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;
	background-image:url(img/bg890.gif);
	background-position:center;
	background-repeat:repeat-y;
	margin: 0px;
	padding: 0px;

	scrollbar-3dlight-color:#000000;
	scrollbar-arrow-color:#000000;
	scrollbar-base-color:#000000;
	scrollbar-track-color:#FFFFFF;
	scrollbar-darkshadow-color:#000000;
	scrollbar-face-color:#FFFFFF;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-shadow-color:#FFFFFF;
	}

body, table, tr, td, a {
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

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


/* 		text options				*/
.titel {color: #000000;font-weight: bold; font-size: 18px;}
.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;}












/* STYLE SETTINGS FOR SITE DESIGN IN FRONTEND  */

/* not useable by enduser or for content */


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

a.selectedMenu:link { color: #000000; text-decoration: underline;font-size: 10px; }
a.selectedMenu:visited { color: #000000; text-decoration: underline;font-size: 10px; }
a.selectedMenu:hover { color: #000000; text-decoration: underline;font-size: 10px; }
a.selectedMenu:active { color: #000000; text-decoration: underline;font-size: 10px; }

/* 		main links					*/
a.Slink:link {color: #000000;text-decoration: underline;background-color: #00CCFF;}
a.Slink:visited { color: #000000;text-decoration: underline;background-color: #00CCFF; }
a.Slink:hover { color: #000000;text-decoration: underline;background-color: #00CCFF; }
a.Slink:active { color: #000000;text-decoration: underline;background-color: #00CCFF;}

/* 		searchfield					*/
.searchField {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	width: 75px;
	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 #CCCCCC;
	width: 105px;
	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: 2px solid #CCCCCC;
	height: 18px;
}
.tfield {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #F5F5F5;
	border: 2px solid #CCCCCC;
	height: 16px;
	width: 300px;
}
.tfieldsml {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #F5F5F5;
	border: 2px solid #CCCCCC;
	height: 16px;
	width: 180px;
}
.tarea 	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #F5F5F5;
	border: 2px solid #CCCCCC;
	width: 300px;
}
.formline {
	background-color: #CCCCCC;
}

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


/*		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: 1px solid #202020;
	background-color: #FFF2CB; 
	
	margin: 4px; padding: 4px; 
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; color: #202020; font-weight:normal;
	
    position: absolute;
	z-index:1; 
	
	scrollbar-3dlight-color:#202020;
	scrollbar-arrow-color:#202020;
	scrollbar-base-color:#FFFFFF;
	scrollbar-track-color:#FFFFFF;
	scrollbar-darkshadow-color:#202020;
	scrollbar-face-color:#FFFFFF;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-shadow-color:#FFFFFF;
	
	width: 180px;
	height: 75px;
	overflow:auto;
	
	filter:shadow(color:gray, strength:8, direction:135);
}

/*		AmstelArt styles		*/

.topMenu{
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

.menuHeader{
	border: 1px solid #000000;
}

.menuBorders{
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
}