html
{
    margin:     0px;
    padding:    0px;
    
    height:     100%;
    width:		100%;
    
    scrollbar-face-color:       #FFFFFF;
    scrollbar-track-color:      #F8F8F8;
    scrollbar-3dlight-color:    #FFFFFF;
    scrollbar-darkshadow-color: #FFFFFF;    
    scrollbar-arrow-color:      #8b8b8b;    
    scrollbar-shadow-color:     #8b8b8b;
    scrollbar-highlight-color:  #8b8b8b;    
}

body
{
    margin:             0px;
    padding:            0px;
    text-align:         center;    
    
    height:             100%;
    width:              100%;
    
    background-color:   #F8F8F8;
    
    font-size:          11px;
    font-family:        Verdana;     
    line-height:        20px;
    color:              #8b8b8b;  
    
}

div#container
{
    position: 	relative;
    width: 		898px;      
    
    min-height: 100%;
    
    margin: 	0 auto;
    
    background: #F8F8F8 url(/siteimg/css/container-background.jpg) repeat-y;
}

div#siteTypeBar
{	
	position: absolute;
	top: 0px;
	left: 0px;
	
	height: 20px;
	border-bottom: 1px solid #cbcccf;
	
	width: 896px;
	
	margin-left: 1px;
	margin-right: 1px;
	
	background: #edeeee;

	z-index: 2;
	
	text-align: right;
	color: #a0a0a0;	
}
div#siteTypeBar a
{
	text-decoration: none;	
	color: #a0a0a0;	
}
div#siteTypeBar a:hover
{
	text-decoration: none;
	color: #494a4a;
}

div#portalImages
{
	position: absolute;
	top: 187px;
	right: 0px;
	
	width: 525px;
	height: 140px;
	
	border-top: 1px solid #cbcccf;	
	
	color: #0055a4;
	font-size: 10px;
	font-weight: bold;	
}

div#contentContainer
{	
	position: relative;
	
	width: 896px;
	
	height: 100%;
	
	margin-left: 1px;
	margin-right: 1px;	
}
div#adressFooter
{
	position: absolute;
	bottom: 0px;		
	left: 0px;
	
	height: 20px;
	border-top: 1px solid #cbcccf;
	
	width: 896px;
	
	margin-left: 1px;
	margin-right: 1px;
	
	background: #edeeee;

	z-index: 2;
	
	text-align: center;
	color: #a0a0a0;	
}
div#adressFooter a
{
	text-decoration: none;	
	color: #a0a0a0;	
}
div#adressFooter a:hover
{
	text-decoration: none;
	color: #494a4a;
}

div#contentHeader
{
	position: relative;	
	height: 300px;
}
div#contentHeader #mainMenu
{
	float: right;
	position: relative;
/*	position: absolute;
	left: 450px;*/
	z-index: 3;
	top: 95px;
}
div#contentHeader #mainMenu
{
	color: #0055a4;
	font-size: 11px;
	font-weight: bold;
	width: 525px;
	text-decoration: none;
}
div#contentHeader #mainMenu a
{
	color: #0055a4;
	font-size: 11px;
	font-weight: bold;

	text-decoration: none;
}
div#contentHeader #mainMenu a:hover
{
	color: #a9d2ed;
	font-size: 11px;
	font-weight: bold;

	text-decoration: none;
}
div#contentHeader #mainMenu a.active
{
	color: #a9d2ed;
	font-size: 11px;
	font-weight: bold;

	text-decoration: none;
}





div#contentHeader #webadvies
{
	position: absolute;
	left: 440px;
	top: 40px;	
}
div#contentHeader #logo
{
	position: absolute;
	left: 630px;
	top: 73px;	
	z-index: 4;
}
div#contentHeader #flashHeader
{
	position: absolute;
	left: 0px;
	top: 21px;	
}

div#contentMenu
{
	position: relative;
	
	width: 340px;
	
	float: left;
}
div#contentMenu .header
{
	width: 100%;
	
	border-bottom: 1px solid #cbcccf;
	
	padding-bottom: 3px;
	
	height: 20px;
	
	font-size: 14px;
	font-weight: bold;
	color: #7fb344;	
	
	text-align: right;
}

div#contentMenu .aantal_registraties
{
	font-size: 10px;
	font-weight: bold;
	color: #cbcccf;	
}

div#contentMenu ul#ulli
{	
	margin: 0px;
	padding: 0px;
	
	width: 100%;
	
	text-align: left;
	
	list-style: none;
}

div#contentMenu ul#ulli li
{
	margin-left: 0px;
	
	text-align: right;
	
	border-bottom: 1px solid #cbcccf;
	
	color: #0055a4;
	font-size: 12px;
	font-weight: bold;
	
	margin-top: 5px;
}
div#contentMenu ul#ulli li a
{
	color: #0055a4;
	font-size: 11px;
	font-weight: bold;

	text-decoration: none;
}
div#contentMenu ul#ulli li a:hover
{
	color: #a9d2ed;
	font-size: 11px;
	font-weight: bold;

	text-decoration: none;
}
div#contentMenu ul#ulli li a.active
{
	color: #a9d2ed;
	font-size: 11px;
	font-weight: bold;

	text-decoration: none;
}
div#contentMenu ul#ulli li.subitem
{
	margin-left: 0px;
	
	text-align: right;
	
    font-size:      11px;
    font-family:    Verdana;
    color:          #8b8b8b;
    font-weight: 	normal;    
	
	border-bottom: 1px solid #cbcccf;
	
	margin-top: 5px;
	padding-bottom: 20px;
}
div#contentMenu ul#children
{
	border-top: 1px solid #cbcccf;
	
	margin: 0px;
	padding: 0px;
	
	width: 100%;
	
	text-align: left;
	
	list-style: none;
}
div#contentMenu ul#children li
{
	border: 0px;	
}


div#contentContent
{
	position: relative;
	
	width: 525px;
	
	float: right;
	
	text-align: left;
}
div#contentContent #contentRC
{
	position: relative;

	width: 495px;
}

div#contentRC
{
	height: 100%;
}

a
{
	color: #0055a4;
	text-decoration: none;
}

div#contentContent .header
{
	width: 100%;
	
	border-bottom: 1px solid #cbcccf;
	
	height: 20px;
	
	margin-bottom: 24px;	
	
	font-size: 18px;
	font-weight: bold;
	color: #7fb344;
	
	padding-bottom: 3px;
	
	text-align: left;
}

div#toonUitleg
{
    position:           absolute;
    z-index:            3;
    margin-left:        300px;
    margin-top:         380px;
    width:              400px;
    height:             230px;
    background-color:   #F8F8F8;   
    color:              #8b8b8b; 
    border:             1px solid #8b8b8b;
    text-align:         justify;
    padding:            5px;
    overflow:           auto;
    
    display: none;
}

p.payoff
{
	width: 100%;
	
	border-bottom: 1px solid #cbcccf;
	border-top: 1px solid #cbcccf;
	
	height: 20px;
	
	padding-top: 10px;
	padding-bottom: 10px;
	
	font-size: 14px;
	font-weight: bold;
	color: #7fb344;
}

input.button
{	
    FONT-FAMILY:        Verdana; 
    margin-top:         5px; 
    border:             1px outset; 
    FONT-SIZE:          11px; 
    FONT-WEIGHT:        BOLD; 
    HEIGHT:             20px;     
    background-color:   #F8F8F8; 
    margin-left:        3px;
    color:              #8b8b8b;
}

input.text 
{
    FONT-FAMILY:        Verdana; 
    FONT-SIZE:          11px;     
    width:              150px; 
    margin-left:        3px;  
    background-color:   #F8F8F8;  
}

textarea.text 
{
    FONT-FAMILY:        Verdana; 
    FONT-SIZE:          11px;          
    margin-left:        3px;    
    background-color:   #F8F8F8;
}

/* portfolio */
div.overlay
{
	position: absolute;
  	z-index: 99;
  	width: 100%;
  	height: 100%;
  	top: 0px;
  	left: 0px;
  	min-height:100%;
  	background-color:#7e7e7e;
  	-moz-opacity: 0.9;
  	opacity: 0.9;	
}

div.dialog
{
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    
    border: 1px solid #cbcccf;
    
    width: 642px;
    height: 506px;
    
    background: #F8F8F8 url(/siteimg/pf_background.jpg);
}

div#closeBtn
{
	position: absolute;
	right: 3px;
	top: 3px;
}

p.dialogHeader
{
	color: #7fb344;
	font-size: 14px;
	
	font-weight: bold;
	
	padding: 0px;
	margin: 0px;
	
	padding-top: 20px;
	
}

div#pf_images
{
	width: 460px;
	height: 345px;
	
	position: absolute;
	
	top: 45px;
	left: 16px;
}
div#pf_images_nav
{
	width: 460px;
	height: 17px;
	
	position: absolute;
	
	top: 420px;
	left: 16px;
}

div#pf_images_nav #previous
{
float: left;
margin-left: 25px;
}
div#pf_images_nav #next
{
float: right;
margin-right: 25px;
}

div#pf_content
{
	width: 560px;
	height: 430px;
	overflow: auto;
	position: absolute;
	
	top: 45px;
	left: 50px;
	
	text-align: left;
}

img.pics
{
	border: 1px solid #a1a1a1;
}

img.lijntje
{
	border: 1px solid #a1a1a1;
}