/* general default settings
------------------------- */
body{
	margin:0px;
	background: #fff url(../gfx/kastanjeachtergrond.jpg) no-repeat fixed right bottom;
	font-size:0.9em;
	font-family: "Book antiqua Bookman Old Style", "Book Antiqua", "Bookman Old Style";
	font-style: italic;
	speak-numeral: inherit;
	color:#808080;
	visibility:visible;
}

a, a:visited{
	color:#993300;
}

a:hover{
	color:gray;
}

#newsbox{
	position:relative;
	bottom:20px;
	width:140px;
	float:left;
	border-left:1px solid brown;
	margin-left:10px;
	font-weight:bold;
	padding:0.5em;
	height:400px;
}

#newsbox .nolink a,
#newsbox .nolink a:visited,
#newsbox .nolink a:hover{
	color:gray;
	text-decoration:none;
	font-weight:normal;
}
#newsbox .link{
	font-size:0.8em;
	font-weight:normal;
	margin-bottom:20px;
}

.prodBlock{
	font-size:0.9em;
	border-top:1px dotted brown;
	padding-top:20px;
	padding-bottom:20px;
	background: url(../gfx/gradient.gif) repeat-y;
}

.prodBlock .catlink{
	font-size:1.2em;

}

#midbox .prodBlock img{
	margin:0px;

}

.itemDesc{
	font-size:0.7em;
}

table{
	/* display:inline;*/
}

.folderlist{
	
}
img{
	border:0;
}

object{
	cursor: default;
}

embed{
	cursor: default;
}

p{
	margin: 0px;
}

form{
	margin:0px;
	display:inline;
}
	
.odd{
	background-color:#f4f4f4;
}
.even{
	background-color:#fff;
}

.v-text{
	writing-mode: tb-rl;
	filter: flipv fliph;
}

.error{
	display:block;
	width:80%;
	font-size:14px;
	color:red;
	border:1px solid silver;
	padding-left:40px;
	padding-top:10px;
	background: url(../gfx/menu_gfx/delete.gif);
	background-repeat: no-repeat;
	background-position: left;
}
.warning{
	display:block;
	width:80%;
	font-size:14px;
	
	border:1px solid silver;
	padding-left:40px;
	background: url(../gfx/menu_gfx/warning.gif);
	padding-top:10px;
	background-repeat: no-repeat;
	background-position: left;
}



.cal {
	font-size:12px;
	padding-left: 1px;
	padding-right:1px;
	font-style:normal;
}

.cal.unknown{
	color:white;
}

.cal.available{
	background-color:#bbffbc;
	color:black;
}

.cal.unavailable{
	background-color:#ff1717;
	color:white;
}

.cal.grayedout{
	background-color:#ff1717;
	color:white;
}

.cal a,
.cal a:visited{
	color:black;
	text-decoration:none;
}

/* Containers
--------------------*/

#mainbox {
	clear:both;
	margin:0;
	margin-left:auto;
	margin-right:auto;
	width:980px;
	
	display: block;
}

.centeredcontent{
	text-align: center;
}

.margin10{
	margin:1em;
	padding:1em;
}

.margin20{
	margin:2em;
	padding:2em;
}

.leftcontent{
	text-align: left;
}

.rightcontent{
	text-align: right;
}

.bigbolditalic{
	font-family: "Bookman Old Style";
	
	font-style: italic;
	color:gray;
	font-size:1.4em;
}

.normalitalic{
	font-family: "Bookman Old Style";
	font-weight: normal;
	font-style: italic;
	color:gray;
	font-size: 1.2em;
}

.smallitalic{
	font-family: "Bookman Old Style";
	font-weight: normal;
	font-style: italic;
	color:gray;
	font-size: 1em;
}

.reallysmallitalic{
	font-family: "Bookman Old Style";
	font-weight: normal;
	font-style: italic;
	color:gray;
	font-size: 0.8em;
}


#languagebox{
	position:absolute;
	right:8%;	
	float:right;
	width:180px;	
	display:inline;
	margin-right:90px;
	clear:both;
}

#loginbox{
	width:80px;	
	display:inline;
	font-size:1em;
	padding:1em;
}

#loginbox a,
#loginbox a:visited{
	color:black;
	padding-left:0.5em;
}

#loginbox a:hover{
	color:red;
}

#logobox{
	margin-left:auto;
	margin-right:auto;
	border-bottom:1px solid brown;
	clear:right;
	display:block;
	width:90%;
	height:212px;
}

.floatinglogobox{
	
	width:230px;
	float:left;
}

#breadcrums{
	position:relative;
	left:10px;
	bottom:22px;
	display:block;
	width:500px;
}

#leftbox{

	float:left;
	display:block;
	width: 380px;
	position:relative;
	bottom:20px;

	/*
	dynamic image 
	
	*/
	background-position: right top;
}

#midbox{
	float:left;
	font-size:1.2em;
	margin-left:20px;
	margin-top:20px;
	width:410px;
	display:block;
	overflow:hidden;
}

#midbox .content{
	margin-top:20px;
	font-size:0.8em;
}


/* use title as a style in FCK mind the CAPS !! */
.title{
	font-size:1.1em;
	font-weight: bold;
	color:#993300;
	display:block;
	margin-bottom:0px;
}

/* use Title mind the CAPS !! */
.Title{
	font-size:1.1em;
	font-weight: bold;
	color:#993300;
	display:block;
	margin-bottom:0px;
}

/* identify de midboxtilte as a div uniquely, because we want it slightly larger.*/
#midboxtitle{
	font-size:1.3em;
	margin-bottom:20px;
}


#midbox img{
	margin:0px;
}

#special{
	margin:auto;
	width:850px;
	
	text-align:right;
	position:absolute;
	z-index: 2;
	top:10%;
	font-weight:bold;
}

#special2{
	border:0px solid red;
	margin:auto;
	width:180px;
	text-align:right;
	position:absolute;
	z-index: 2;
	top:330px;
}


#copyrightbox{
	position:relative;
	
	clear:left;
	width:100%;
	text-align:center;
	font-size:0.6em;
}/*the menu bar*/
#menu{
	padding-left:20px;
	 float:left;
	 margin-top:0px;	 
	 margin-left:101px; 
	 height:212px;
	 width:260px;
	 text-align:center;

	 display:block;
	 background: transparent url(../gfx/menu_gfx/menu_back.jpg) no-repeat  left;

}

/* this is the actual default button */
#menu a, #menu a:visited{
	 font-size:0.9em;
	 font-weight: bold;

	 display:block;
	 height:20px;
	 color: gray;
	 white-space:nowrap;
	 padding: 6px 5px 0px 5px;
	 letter-spacing: 0px;
	 text-decoration:none;
	 /* background: url(../gfx/menu_gfx/menu_item_default.gif) no-repeat; */
}

/* this is the actual hovered button */
 #menu a:hover{
	text-decoration:underline;
	color: brown;
	/* background: url(../gfx/menu_gfx/menu_item_hover.gif);*/
 }

/* this is the actual mouse down button */
/*
#menu a:active{
	 color: green;
	 background: blue ;
}
*/

/* this is the actual selected button */
#menu ul li .nav_selected{
	color:brown;
	
	/* background: url(../gfx/menu_gfx/menu_item_hover.gif);*/
}


/* default behaviours of listitems */

#menu ul{
 list-style:none;
 margin:0;
 padding:0;
 text-align:left;
}

/* this sets the height and width of the buttons */
#menu li{
 /* width: 150px; */
 position:relative;
 
 /* for a single line navigation use this
 float:left;
 */
 
 display:block;
 
}

/*the dropdown menu item holder */
#menu ul ul{
 width:200px;
 position:absolute;
 z-index:500;
 top:auto;
 top:25px;
 left:50px;
 display:none;
 background: url(../gfx/menu_gfx/menu_back.jpg) no-repeat  left;
 background-color: #fdf5e6;
 padding-bottom:5px;
 border:1px solid brown;
 }

#menu ul ul ul{
 top:0;
 left:50%;
}

/* Begin non-anchor hover selectors */


div#menu li:hover, div#menu li.over {
cursor:pointer;
z-index:100;
}

div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul,
div#menu li.over ul ul,
div#menu li li.over ul ul,
div#menu li li li.over ul ul,
div#menu li li li li.over ul ul
{display:none;}

div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul,
div#menu li.over ul,
div#menu li li.over ul,
div#menu li li li.over ul,
div#menu li li li li.over ul
{display:block;}

/* End of non-anchor hover selectors */

/* the dropdown menu item */
#menu ul li ul li a ,#menu ul li ul li a:visited{
	color:gray;
	height: 1%;
/*	background: white url(../gfx/menu_gfx/submenu_item_default.gif) repeat-y;*/
	text-align:left;
/*	font-size:10px;*/
	padding-left:10px;
	width:120px;
} 

#menu ul li ul li a:hover{
	color: #993300;
/*	background: white url(../gfx/menu_gfx/submenu_item_default.gif) repeat-y;*/
	}
	
#menu ul li ul .subnav_selected ,
#menu ul li ul li .subnav_selected ,
#menu ul li ul li .subnav_selected a,
#menu ul li ul li .subnav_selected a:visited,
#menu ul li ul li .subnav_selected a:hover,
#menu ul li ul li a .subnav_selected,
#menu ul li ul li a:visited .subnav_selected,
#menu ul li ul li a:hover .subnav_selected
{
	color: #993300;
	/* background: white url(../gfx/menu_gfx/submenu_item_default.gif) repeat-y;*/
}

/* the left menu items */
#submenu{
	padding-top:50px;
	text-align:right;
	letter-spacing: 1px;
	position:relative;
	top:220px;
	margin-top:30px;
	margin-left:0px;	
	/* width:120px; */
	min-height:220px;
	color:#993300;
	/*
	border-right:1px solid brown;
	*/
	padding-right:20px;
}

#submenu a, #submenu a:visited{
 	letter-spacing: 0px;
	/*width:170px;	*/
	display:block;
	padding:5px;
	padding-left:10px;
	color: black;
	text-decoration: none;
	font-size:12px;
		
}

#submenu a:hover{	
	color: gray;
}

#submenu ul{
	list-style:none;
	margin:0;
	padding:0;
	font-size:1em;
	font-weight:bold;
}

#submenu li{
	display:block;
}

#submenu .nav_selected a, #submenu .nav_selected a:visited{
	color: #993300;
/*	background: white url(../gfx/menu_gfx/left_submit_selected.gif) no-repeat right;*/
	}




/* End CSS Popout Menu */

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#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(../gfx/lightbox/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(../gfx/lightbox/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../gfx/lightbox/overlay.png", sizingMethod="scale");
	}
	.cpYearNavigation,
.cpMonthNavigation{
background-color:#C0C0C0;
text-align:center;
vertical-align:center;
text-decoration:none;
color:#000000;
font-weight:bold;}
.cpDayColumnHeader,
.cpYearNavigation,
.cpMonthNavigation,
.cpCurrentMonthDate,
.cpCurrentMonthDateDisabled,
.cpOtherMonthDate,
.cpOtherMonthDateDisabled,
.cpCurrentDate,
.cpCurrentDateDisabled,
.cpTodayText,
.cpTodayTextDisabled,
.cpText{
font-family:arial;font-size:8pt;
}
TD.cpDayColumnHeader{
text-align:right;
border:solid thin #C0C0C0;
border-width:0px 0px 1px 0px;
}
.cpCurrentMonthDate, .cpOtherMonthDate, .cpCurrentDate
{text-align:right;text-decoration:none;}
.cpCurrentMonthDateDisabled, .cpOtherMonthDateDisabled, .cpCurrentDateDisabled{
color:#D0D0D0;text-align:right;text-decoration:line-through;
}
.cpCurrentMonthDate, .cpCurrentDate{color:#000000;}
.cpOtherMonthDate{color:#808080;}
TD.cpCurrentDate{color:white;background-color: #C0C0C0;border-width:1px;border:solid thin #800000;}
TD.cpCurrentDateDisabled{border-width:1px;border:solid thin #FFAAAA;}
TD.cpTodayText, TD.cpTodayTextDisabled{border:solid thin #C0C0C0;border-width:1px 0px 0px 0px;}
A.cpTodayText, SPAN.cpTodayTextDisabled{height:20px;}
A.cpTodayText{color:black;}

.cpTodayTextDisabled{
color:#D0D0D0;
}

.cpBorder{
border:solid thin #808080; 
display:block; 
background: #fff; }