/* RESET CSS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: none; }
:focus { outline: 0; }
table {	border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q {	quotes: "" ""; }

/* MAIN CSS */
* html { height:100%; overflow-x: hidden; }
html, body { height:100%; } 
p { margin:0 0 18px 0;	 }
b, strong { color:#5a5a5a; }
ul, ol { margin-left: 25px; }
a {	color: #bed62f; }
a:hover { color: #808080; }
input, textarea, select, button{ border:0; margin:0; padding:0; font-size:12px; font-family:Arial; color:#5A5A5A; }
body { background:url(/img/pattern.gif); background-position:left top; } 
h1 { font-size:50px; line-height:45px; color:#5A5A5A; font-weight:normal; }
.cufon { height:20px; }
h2 { font-size:26px; line-height:31px; color:#5A5A5A; font-weight:normal; }
h3 { font-size:24px; line-height:24px; color:#5A5A5A; font-weight:normal; }
.lijn { border-top:1px solid #F2F2F2; margin:10px 0; display:block; }
h2 sup { font-size:12px; }
.quote { color:#5A5A5A; text-align:center; }
.georgia { font-size:16px; font-family:Georgia; font-style:italic; }
.georgia_left { font-size:13px; font-family:Georgia; font-style:italic; }

.clear { content:"."; clear:both; height:0; display:block; overflow:hidden; line-height:0; }

.push { height:60px; }
.container { min-height: 100%; height: auto !important; height: 100%; margin:0 auto -60px; width:1055px; background-image:url(/img/shadow.png); background-repeat:repeat-y; }
.container_footer {  margin:0 auto; width:1055px; height:45px;  }
.box { margin:0 auto; width:977px; padding:0 15px 0 15px; font-family:Arial; color:#808080; line-height:18px; font-size:12px; background:#FFF; position:relative; z-index:1; overflow:hidden; }
.box2_logo { float:left; }
.topmenu { float:right; padding:0 15px 0 0; font-size:12px; text-align:right; color:#787878;} 
.topmenu a { color:#787878; text-decoration:none; }
.topmenu a:hover { color:#bed62f; }
.menu { margin-bottom:15px; _width:980px; }
#home, #illustration { z-index:0; position:relative; display:block; }

ul#submenu { margin: 0; padding: 15px 0 0 0; list-style: none; width:162px; }
/*green*/
ul#submenu li a { line-height:15px; border-bottom:1px solid #F2F2F2; color:#5A5A5A; display:block; width:152px; padding:4px 0 4px 10px; text-decoration:none; }
ul#submenu li a:hover { color:#bed62f; }
ul#submenu li.submenu_active a { color:#bed62f; background-image:url(/img/arrow_green.gif); background-position:right center; background-repeat:no-repeat; }
/*brown*/
ul.brown#submenu li a { line-height:15px; border-bottom:1px solid #F2F2F2; color:#5A5A5A; display:block width:152px; padding:4px 0 4px 10px; text-decoration:none; }
ul.brown#submenu li a:hover { color:#b38339; }
ul.brown#submenu li.submenu_active a {color:#b38339;  background-image:url(/img/arrow_brown.gif); background-position:right center; background-repeat:no-repeat; } 

.c_left { float:left; width:162px; display:block; margin-top:15px; }

.c_middle { float:left; width:618px; margin-right:15px; margin-top:15px; margin-left:20px; }
.c_middle_1 { float:left; width:288px; margin-top:15px; margin-right:10px; margin-left:20px; }
.c_middle_1 h2, .c_left h2 { margin-bottom:20px; }
.c_middle_2 { float:left; width:335px; margin-top:2px; word-wrap: break-word; }
.c_middle_2_marge { margin:15px 30px 0 0; width:305px; padding-top:10px; } 

.c_right { float:left; width:162px; margin-top:15px; }
.c_right div { background:#5a5a5a; }

.login, .time { background:#5a5a5a; margin-bottom:15px; padding:10px 5px; color:#CCC; line-height:25px; } 
.login { padding:10px 5px 0 5px; }
.login a { font-size:11px; color:#CCC; text-decoration:none; }
.login a:hover { color:#1baaae; } 
.login input { width:148px; padding:2px; }
.login_button { background:url(/img/login.gif); height:26px; overflow:hidden; }
.login_button:hover { background-position:0 -26px; }
.items a { font-size:14px; line-height:16px; color:#5A5A5A; font-weight:bold; text-decoration:none; }
.green:hover, .green:hover a  { color:#bed62f; }
.brown:hover, .brown:hover a  { color:#b38339; }
div.brown_active, div.brown_active a { color:#b38339; }
div.green_active, div.green_active a { color:#bed62f; }
.browncolor a { color:#b38339; }
#more_items { width:273px; display:none; }

#mailForm { line-height:25px; } 
#mailForm input, #mailForm textarea { width:284px;padding:2px; } 
.mail_button { background:url(/img/send.gif); height:26px; overflow:hidden; }
.mail_button:hover { background-position:0 -26px; }

.logos { border:1px solid #F2F2F2; border-bottom:0px; float:left; margin-left:13px; }
.logo { border-bottom:1px solid #F2F2F2; float:left; }

.gradient { background-image:url(/img/Photogradient.gif); background-position:right top; background-repeat:repeat-y; margin-top:15px; margin-right:15px; width:320px; }

.kader_big { background-image:url(/img/1Kader-Groot.png); background-repeat:no-repeat; padding:18px 17px 16px 17px; width:301px; }
.kader_dennis { background-image:url(/img/kader-organisation.png); background-repeat:no-repeat; padding:17px 17px 17px 17px; width:281px; margin-left:5px; }
.box27 { height:27px; display:block; } 
.kader_1 { background-image:url(/img/1Kader-Home.png); background-repeat:no-repeat; padding:17px; height:115px; width:281px; margin:0 0 0 5px; } 
.kader_2 { background-image:url(/img/2Kaders-Home.png); background-repeat:no-repeat; padding:17px; height:249px; width:281px; margin:0 0 0 5px; } 
.kader_2 div, .kader_1 div { height:103px; padding:6px 10px; width:261px; position:relative; z-index:20; } 
.kader_3 { background-image:url(/img/3Kaders-Mission.png); background-repeat:no-repeat; padding:17px; width:301px; } 
.kader_3_contact { background-image:url(/img/3Kaders-Contact.png); background-repeat:no-repeat; padding:17px 16px 17px 18px; width:281px; margin:0 0 0 5px; } 
.kader_4 { background-image:url(/img/4Kaders-Organisation.png); background-repeat:no-repeat; padding:17px; line-height:16px; width:281px; margin:0 0 0 5px; } 
.kader_4 div { height:115px; overflow:hidden; }

.footer { padding-top:15px; }
.footer div { background:#E6E6E6; line-height:30px; font-size:12px; padding:0 10px; }
.footer a { color:#808080; text-decoration:none; }
.footer a:hover { color:#5a5a5a; text-decoration:underline; }
.footer_left { width:235px; float:left; }
.footer_middle { width:538px; margin:0 1px; text-align:center; float:left; }
.footer_right { width:142px; float:left; }

/* MENU */
ul#navmenu-h { margin: 0; padding: 0; list-style: none; z-index:100; background:#FFF; } 
ul#navmenu-h ul { /* Sub Menu Width */ margin: 0; list-style: none; display: none; position: absolute; z-index:999999; top: 100%; left: 0; border:1px solid #bed62f; border-top:0; width: 160px; background:#FFF; overflow:hidden; } 
ul#navmenu-h ul.brown_border { border:1px solid #b38339; border-top:0px; }
ul#navmenu-h ul ul,ul#navmenu-h ul ul ul { top: 0; left: 100%; } 
ul#navmenu-h li { float: left; display: inline; position: relative; margin-right:1px; z-index:999999; } 
ul#navmenu-h ul li { width: 100%; display: block; margin:0; } 
/* Root Menu */ 
ul#navmenu-h a { padding: 0; float: left; display: block; background:#FFF; color: #666; font-size:Arial; font-size:13px; text-decoration: none; overflow:hidden; height:30px; width:162px; } 
/* Root Menu Hover Persistence */ 
ul#navmenu-h a:hover img, ul#navmenu-h li:hover a img, ul#navmenu-h li.iehover a img, ul#navmenu-h .active { margin-top:-30px;  } 
ul#navmenu-h a:hover, ul#navmenu-h li:hover a,ul#navmenu-h li.iehover a { background: #BBB; color: #FFF; } 
/* 2nd Menu */ 
ul#navmenu-h li:hover li a,ul#navmenu-h li.iehover li a { float: none; background: #FFF; margin:0; line-height:24px; height:auto; color:#5A5A5A; padding:0 10px; width: 140px; overflow:visible; } 
/* 2nd Menu Hover Persistence */ 
ul#navmenu-h li:hover li a:hover,ul#navmenu-h li:hover li:hover a,ul#navmenu-h li.iehover li a:hover,ul#navmenu-h li.iehover li.iehover a { background: #bed62f; color:#FFF; }
ul#navmenu-h li:hover ul.brown_border li a:hover,ul#navmenu-h li:hover ul.brown_border li:hover a,ul#navmenu-h li.iehover ul.brown_border li a:hover,ul#navmenu-h li.iehover ul.brown_border li.iehover a { background: #b38339; color:#FFF; }
/* 3rd Menu */ 
ul#navmenu-h li:hover li:hover li a,ul#navmenu-h li.iehover li.iehover li a { background: #999; } 
/* 3rd Menu Hover Persistence */ 
ul#navmenu-h li:hover li:hover li a:hover,ul#navmenu-h li:hover li:hover li:hover a,ul#navmenu-h li.iehover li.iehover li a:hover,ul#navmenu-h li.iehover li.iehover li.iehover a { background: #666; } 
/* 4th Menu */ 
ul#navmenu-h li:hover li:hover li:hover li a,ul#navmenu-h li.iehover li.iehover li.iehover li a { background: #666; } 
/* 4th Menu Hover */ 
ul#navmenu-h li:hover li:hover li:hover li a:hover,ul#navmenu-h li.iehover li.iehover li.iehover li a:hover { background: #333; } 
/* Hover Function - Do Not Move */ 
ul#navmenu-h li:hover ul ul,ul#navmenu-h li:hover ul ul ul,ul#navmenu-h li.iehover ul ul,ul#navmenu-h li.iehover ul ul ul { display: none; } 
ul#navmenu-h li:hover ul,ul#navmenu-h ul li:hover ul,ul#navmenu-h ul ul li:hover ul,ul#navmenu-h li.iehover ul,ul#navmenu-h ul li.iehover ul,ul#navmenu-h ul ul li.iehover ul { display: block; }

