* {
	margin:0px;
	padding:0px;
	}
	
body { 
	font:12px/1.3em Verdana,Helvetica,sans-serif;  
	text-align:center;
	/* Als de site i.p.v. in het midden link uitgelijnd moet wordena
	text-align:left;
	*/
	background-color:#CC5D0A;
	}
	
#container {
	position:relative;
	margin:	0 auto;
	overflow:hidden;
	/* Als de site i.p.v. in het midden links uitgelijnd moet worden
	position:absolute;
	top:0px;
	left:0px;
	*/
	
	/* eventueel een achtergrond: 
	background:url(../images/bg.gif) repeat-y center top;
	*/
	
	text-align:left;
	width:798px;
	}
	
/* -------- grid -------- */

#header {
	float:left;
	width:689px;
	height:115px;
	margin-top:15px;
	margin-left:55px;
	background-color:#02B2E5;
	border:solid 2px #fff;
	}
	
#logo {
	float:left;
	width:688px;
	height:69px;
	background:url(../images/logo2.gif);
	background-color:#fff;
	border:solid 2px #fff;
	margin-bottom:10px;
	}
	
#menubalk{
	float:left;
	padding:5px;
	}
	
#menubalk a{
	color:#000;
	text-decoration:none;
	}
	
#menubalk a:hover{
	text-decoration:underline;
	}	
	
#menu_holder {
	float:left;
	width:688px;
	height:30px;
	padding-top:0px;
	background-color:#02B2E5;
	z-index:2;
	}
	
#menu {
	
	}

#flash{
	float:left;
	z-index:1;
}
/* content div voor hompage */
	
#content {
	float:left;
	margin:15px 0 0 53px;	 
	width:690px;
	height:480px;
	background-color:#fff;
	border:solid 3px #02B2E5;
		z-index:100;
	}
	
#content2k {
	float:left;
	margin:15px 0 0 53px;	 
	width:690px;
	padding-left:21px;
	height:auto;
	background-color:#fff;
	border:solid 3px #02B2E5;
	z-index:100;
	}
	
#left {
	float:left;
	width:320px;	
	padding:8px 8px 5px 25px;
	}

#right {
	float:left;
	width:315px;
	padding:8px 8px 5px 8px;
	}
	
.kader {
	width:280px;
	padding:8px 8px 5px 8px;
	border:solid 1px #02B2E5;
	margin-left:20px;
	margin-bottom:40px;
	}
	
#contentgroot {
	float:left;
	width:330px;
	padding:8px 8px 5px 8px;
	}
	
html>body #content {
	height:auto;
	min-height:780px;
	}
	
/* Kruimelpad */
	
#breadCrumbTrail {
	float:left;
	width:600px;
	height:30px;
	padding-left:10px;
	padding-top:5px;
	}
	
.breadcrumb {
	padding-left:8px;
	font:10px Verdana,Helvetica,sans-serif; 
	color: #666;	
	background-image: url(../images/arrow.gif);
	background-repeat:no-repeat;
	background-position: 3px;
	}
	
#breadCrumbTrail a {	
	font:10px Verdana,Helvetica,sans-serif; 
	color:#000;
	}
	
#sitemap {
	position:absolute;
	top:126px;
	left:760px;
	z-index:200;
	}

#animatie{
	padding-top:5px;
	padding-bottom:5px;
	float:left;
	width:293px;
	height:268px;
	}
	
/* -------- opmaak -------- */

	
a{
	color:#CD7104;
}
	
a:hover{
	text-decoration:none;
	}
	
h1 {
	font-size:14px;
	font-weight:bold;
	color:#CD7104;
	padding:0 0 10px 0;
	}

h2 {
	font-size:12px;
	font-weight:normal;
	background-color:#FFE5C1;
	padding:5px;
	text-align:center;
	margin-bottom:10px;
	font-style:italic;
	}
	
p {
	font-size:12px;
	margin-bottom:10px;
	}	
	
table {
	font-size:12px;
	margin-bottom:10px;
}

#left ul li {
	list-style: url(../images/bullet.gif);
	margin-left:20px;
	}
	
#right ul li {
	list-style: url(../images/bullet.gif);
	margin-left:20px;
	}
	
.kader h1{
	font-size:10px;
	font-weight:bold;
	color:#CD7104;
	padding:0 0 2px 0;
	}
	
.kader p{
	font-size:9px;
	margin-bottom:10px;
	}

		
.kleur {
	background-color:#FFE5C1;
	padding:5px;
	margin-bottom:10px;
	font-style:italic;
	}

/* footer */

#okericon {
	float:left;
	margin-top:40px;
	}

#footer {
	float:left;
	width:720px;
	height:33px;	
	margin:40px 0 0 38px;
	font-size:10px;
	text-align:center;	
	color:#fff;
	}
	
	
	
/* HORIZONTAL FREESTYLE MENU LAYOUT */

/* All <ul> tags in the menu including the first level */

.menulist, .menulist  ul {
	list-style: none;
	margin:0;
	}

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.menulist ul {
	visibility: hidden;
	position: absolute;
	top: 2em; /* I'm using ems rather than px to allow people to zoom their font */
	left: 5px;
	width: 210px;
	}

/* Second and third etc. level submenus - position across from parent instead */
.menulist ul ul {
	top: 0px;
	left: 200px;
	}

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/

.menulist li {
	float: left;
	position: relative;
	padding-left: 10px;
	padding-right: 10px;
	z-index:10;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	text-decoration: none;
	text-transform:lowercase;
	}
	
*html .menulist ul li {
padding-right:0px;
	}
	
/*only first li has no padding
*/

#firstItem {
	padding-left: 0;
	}
	
.arrow {
	background-image: url(../../images/arrow_down.gif) !important ;
	background-repeat: no-repeat !important;	
	background-position: right 12px !important;	
	height:21px;
	}
	
/* Items in submenus - override float/border/margin from above, restoring default vertical style */

.menulist ul li {
 	float: none;
 	width:210px;
	padding-left:0px;
	border:1px solid #fff;
	}
	
.menulist ul>li:last-child {
	margin-bottom: 1px;
	}

/* Links inside the menu */
.menulist a {
 	display: block;
	color: #fff;
 			
	/*
	background-image: url(../images/no_arrow.gif);
 	background-repeat: no-repeat;
	background-position:100px;
	*/
	text-decoration: none;	
	}

.menulist ul li a {
	/*font-size:11px;*/
	font-size: 0.83em;
	background-image:none !important;
	color:#fff;
	width:212px;
	padding-left:0;
	background-repeat: no-repeat;
	text-decoration: none;	
	background-color: #02B2E5;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	text-decoration: none;
	text-transform:lowercase;
	padding-left:8px;
	padding-bottom:4px;
	padding-top:4px;
  	}
  	
.menulist ul li a:hover {
	background-color:#02B2E5!important;
	color:#fff;
	}

.menulist ul li .daddy {
	background-image: url(../../images/drieh.gif)!important;
 	background-position: right;
	}
	
.menulist ul li a.highlighted:hover {
	color: #fff;
	background-color: #02B2E5;
	background-image: url(../images/drieh.gif)!important;
	background-position: right;
	}
	
/* Only style submenu indicators within submenus. */
.menulist a .subind {
	display:  none;
	}
	
.menulist ul a .subind {
	display:  block;
	float: right;
	}

/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist a {
	float: left;
	}
	
.menulist ul a {
	float: none;
	}
	
/* \*/
.menulist a {
	float: none;
	background-position:0px 10px;
	}
/* */


/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child+html .menulist ul li {
	float: left;
	width: 100%;
	}

* html .menulist ul li {
	float: left;
	height: 1%;
	}

* html .menulist ul a {
	height: 1%;
	}
/* End Hacks */
	


/* login */

#wrapper
{
	margin:100px auto;
}
	
#loginbox
{
	width: 280px;
}

.box
{
border-bottom: 1px solid #333;
border-left: 1px solid #333;
border-right: 1px solid #333;
border-top:1px solid #333 ;
margin: 200px auto;

}

#loginheaderleft
{	
	width:35px;
	float:left;
	height:35px;
	background-color: #f93;
	padding-left:0px;
	padding-top:10px;
	
}
#loginheaderright
{
	float:left;
	width:240px;
	height:40px;
	background-color:#f93;	
	text-align:left;
	padding-top:5px;
	padding-right:5px;
	font-size:11px;
	font-weight: bold;
	color:#fff;
}

#loginheaderleft img
{
		border:0;
		text-align:left;
}

#loginheaderright a
{
	color: #fff;
	text-decoration: none;
}

#login
{
	padding:20px;
	text-align:left;
}

#login p
{
	margin:0;
	height:15px;
}

.message
{
	color:#f00;
}

input{
	height:18px;
	padding:0;
	margin:2px;
	font-size:11px;	
	border:1px solid #000;
}

input.button
{
	width:80px;
}