/* Start of CMSMS style sheet 'main' */
/*
***********************************************************
Title:     Main
Author:    K.Druijf booly vof
***********************************************************
*/
@charset "utf-8";

/* Global reset ////////////////////////////////////////////////////////////////////////////////*/
*	    { 	
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	
	vertical-align: baseline;
	background: transparent;
}

em { font-style: italic; }
strong { font-weight: bold; }
table {	border-collapse: collapse; border-spacing: 0; }
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; }
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q { quotes: "" "";}
caption, th, td { font-weight:normal; text-align:left; }
ol, ul { list-style:none;}

/* Layout 3 cols ///////////////////////////////////////////////////////////////*/
#container {
	margin: auto;
	width: 1024px;
	position: relative;	
}

#main, #center,  #footer {
	float: left;
	display: inline; /* workaround for IE6*/
}

#main {
	min-height: 450px;
	height: auto !important;
	
}

#header{
	height: 116px;
             min-height: 116px;
             width: 1024px;
             float:left;
             
}

/* menu///////////////////////////////////////////////////////////////////////*/
#menu{
	width: 1024px;
             height: 29px;
             min-height: 29px;
             float:left;
             }

/* Center ///////////////////////////////////////////////////////////////////////*/
#center{
	width: 1024px;
	min-height: 380px;
             float:left;
}



/* Footer ////////////////////////////////////////////////////////////////////////*/
#footer{
	text-align: center;
	margin: auto;
	padding-top: 4px;
	padding-bottom: 4px;
	width: 1024px;
}
/* End of 'main' */

/* Start of CMSMS style sheet 'menuIE.css' */
/* - - - ADxMenu: IE6 BASIC styles [MANDATORY] - - - */

/*
	this rules improves accessibility - if Javascript is disabled, the entire menu will be visible
	of course, that means that it might require different styling then.
	in which case you can use adxie class - see: aplus.co.yu/adxmenu/examples/ie6-double-style/
 */
.menu ul {
	visibility: visible;
	position: static;
}

.menu, .menu ul {	/* float.clear */
	zoom: 1;
}

.menu li.adxmhover {
	z-index: 10000;
}

.menu .adxmhoverUL {	/* li:hover>ul selector */
	visibility: visible;
}

.menu .adxmhoverUL {	/* 1st-level submenu go below their parent item */
	top: 100%;
	left: 0;
}

.menu .adxmhoverUL .adxmhoverUL {	/* 2nd+ levels go on the right side of the parent item */
	top: 0;
	left: 100%;
}

/* - - - ADxMenu: DESIGN styles - - - */

.menu ul a {	/* fix clickability-area problem */
	zoom: 1;
}

.menu li li {	/* fix white gap problem */
	float: left;
	width: 100%;
}

.menu li li {	/* prevent double-line between items */
	margin-top: -1px;
}

.menu a:hover, .menu .adxmhoverA {		/* li:hover>a selector */
	color: #E73604;
}

.menu .adxmhoverUL .adxmhoverUL {	/* inset 2nd+ submenus, to show off overlapping */
	top: 5px;
	left: 90%;
}

/* End of 'menuIE.css' */

/* Start of CMSMS style sheet 'Accesibiltys' */
/* Start of CMSMS style sheet 'rk-accessibility' */
/* accessibility */

/* 
menu links accesskeys 
*/
span.accesskey {
   text-decoration:none;
}

/* 
accessibility divs are hidden by default 
text, screenreaders and such will show these 
*/
.accessibility, hr {
   position: absolute;
   top: -999em;
   left: -999em;
}

/* 
definition tags are also hidden 
these are also used for menu links    
*/
dfn {
   position: absolute;
   left: -1000px;
   top: -1000px;
   width: 0;
   height: 0;
   overflow: hidden;
   display: inline;
}
/* end accessibility */


/* wiki style external links */
/* external links will have "(external link)" text added, lets hide it */
a.external span {
  position: absolute;
  left: -5000px;
  width: 4000px;
}

/* make some room for the image */
a.external {
/* css shorthand rules, read: first top padding 0 then right padding 12px then bottom then right */
  padding: 0 12px 0 0;
}
/* colors for external links */
a.external:link {
  color: #18507C;
/* background image for the link to show wiki style arrow */
  background: url(uploads/rk:_zon_-_3col/external.gif) no-repeat 100% 0;
}
a.external:visited {
  color: #18507C; /* a different color can be used for visited external links */

/* 
Set the last 0 to -100px to use that part of the external.gif image for different color for active links 
external.gif is actually 300px tall, we can use different positions of the image to simulate rollover image changes.
*/
  background: url(uploads/rk:_zon_-_3col/external.gif) no-repeat 100% 0; 
}

a.external:hover {
  color: #18507C;
/* Set the last 0 to -200px to use that part of the external.gif image for different color on hover */
  background: url(uploads/rk:_zon_-_3col/external.gif) no-repeat 100% 0; 
  background-color: #C3D4DF;
}
/* end wiki style external links */


/* clearing */
/* 
clearfix is a hack for divs that hold floated elements. it will force the holding div to span all the way down to last floated item.
We strongly recommend against using this as it is a hack and might not render correctly but it is included here for convenience.
Do not edit if you dont know what you are doing
*/
	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	* html>body .clearfix {
		display: inline-block; 
		width: 100%;
	}
	
	* html .clearfix {
		/* Hides from IE-mac \*/
		height: 1%;
		/* End hide from IE-mac */
	}

/* end clearing */
/* End of 'rk-accessibility' */


/* End of 'Accesibiltys' */

/* Start of CMSMS style sheet 'navcontainer' */
/* 
 *        Horizontal, top-2-bottom menu
 *        Copyright Aleksandar Vacic, www.aplus.co.yu, some rights reserved http://creativecommons.org/licenses/by/2.0/
 */
@charset "utf-8";
/*        ------    Basic style    ------        */

dfn {
   position: absolute;
   left: -1000px;
   top: -1000px;
   width: 0;
   height: 0;
   overflow: hidden;
   display: inline;
}

#menu {
    top: 0px;
    left: 0px;
    /*background: url(/uploads/images/images/bg-knop.jpg) repeat;*/
    border-left:1px solid #e3d4db;
    background-color: #e3d4db;
}

#menu ul {
    margin: 0;
    padding: 0;
    border: 0;
    list-style-type: none;
    float: left;    
}

#menu li {
    margin: 0;
    padding: 0;
    border: 0;
    float: left;
    position: relative;
    display: block;
    /*background: url(/uploads/images/images/bg-knop.jpg) repeat  top;*/
    height: 24px;
}

#menu a {
    display: block;
}

#menu li li {
    width: 100%;
}

/* fix the position for 2nd level submenus. first make sure no horizontal scrollbars are visible on initial page load... */
#menu li li ul {
    top: 0;
    left: 0;
}

/* ...and then place it where it should be when shown */
#menu li li:hover ul {
    left: 100%;
}

/* initialy hide all sub menus */
#menu li ul {
    display: none;
    position: absolute;
    z-index: 1;
}

/* display them on hover */
#menu li:hover>ul {
    display: block;
}

/* this is needed if you want to style #menu div - force containment of floated LIs inside of main UL */
#menuList:after {
    content: ".";
    height: 0;
    display: block;
    visibility: hidden;
    overflow: hidden;
    clear: both;
}

/* Fix for IE5/Mac \*//*/
#menu a {
    float: left;
}

#menuList {
    display: inline-block;
}
/*  */

/*        ------   Make-up    --------            */


#menu li {
    background-color: #DCDCDC ;
    color: #000;
    padding: 5px 8px 0px;
    font-family: verdana;
    font-size: 13px;
}

#menu li:hover {
    background-color: #fff;
    color: #000;
}


#menu a{
    text-decoration: none;
    text-align: center;
    color: #000;
}

#menu li:hover>a {
    color: #000;
}

#menu li a:hover {
    color: #000;
}

#menu li a:visited {
    color: #000;
}

#menu li ul {
    color: #000;
    border: 0px;
    width: 130px;  
    top  : 29px;
    *margin-left: -90px;
}

#menu li ul a {
    color: #333;
    text-align: left;
}

#menu li ul a:hover {
    
}

.currentpage h3 {
       border: 0px;
       font-family:verdana;
       font-size:13px;
       font-style: normal;
       font-weight: normal;
       font-variant: normal;
       margin:0px;
}


/* End of 'navcontainer' */