body{background:#f2f2f2 url(/images/body_tiler.gif)repeat-y top center;font-family:Arial, "Lucida Sans Unicode", "Lucida Grande", Garuda, sans-serif, Arial; font-size:14px;text-align:left;margin:0px;padding:0px;}

.outsideContainer{width:802px;margin:0 auto;min-height:100%;text-align:left;background:#fff url(/images/outsidebottom.gif) no-repeat bottom;}

* html .outsideContainer{height:100%;}
.clearer{clear:both;display:block;height:1px;margin-bottom:-1px;font-size:1px;line-height:1px;}

/* HEADER */
.header{height:26px;background-color:#fff;}

/* CONTENT */
.content{padding-bottom:60px;}

.contentLeft{padding:7px 0px 0px 0px;display:inline;clear:both;float:left;width:247px;background-color:#fff;min-height:150px;height:150px;font-size:12px;}
.contentRight{display:inline;float:left;width:536px;background-color:#fff;min-height:150px;height:150px;}
.middleContent{padding:10px 13px 0px 13px;height:200px;min-height:200px;float:left;color:#373640;line-height:150%;}

html>body .contentLeft,.contentRight,.middleContent{height:auto;}

/* FOOTER */
.footer{width:802px;background:url(/images/footer.gif) no-repeat;font-size:11px;color:#fff;text-align:left;}
.footer{position: relative;height:60px;margin:-60px auto 0 auto;}

/* EXTRA */
html{height:100%;}
body{height:100%;}
.insideContainer{position:relative;width:784px;min-height:100%;padding:0px 0px 0px 9px;}
* html .insideContainer{height:100%;}
* html .footer{margin-top:-60px;}

/* HIERONDER DE REST VAN DE CLASSES EN CONTENT
 * BOVENSTAAND STUK IS ALGEMEEN EN ALTIJD NODIG
 */
 
/* TOP MENU */
#navigation a{color:#000;background:url(/images/tableft.gif) left top no-repeat;text-decoration:none;padding:0px 0px 0px 12px;}
#navigation a span{background:url(/images/tabright.gif) right top no-repeat;padding:3px 12px 9px 0px;}
#navigation a, #navigation a span{display:block;float:left;}

/* Hide from IE5-Mac \*/
#navigation a, #navigation a span{float:none}
/* End hide */

#navigation a:hover{color:#fff;}
#navigation{list-style-type:none;padding:0px;margin:0px;float:right;}
#navigation li{float:left;padding:0px 1px 0px 0px;} 

.topMenu{height:80px;width:784px;background-color:#fff;float:left;background:url(/images/menu_bg.gif) no-repeat bottom right;}
.topMenu .logo{height:80px;width:248px;background:url(/images/logo.gif) no-repeat;cursor:pointer;float:left;}

.haccpLink{width:155px;height:13px;background:url(/images/haccplink.gif) no-repeat;float:left;margin:37px 0px 0px 18px;cursor:pointer;}
.rbLink{width:124px;height:33px;background:url(/images/reed_logo.gif) no-repeat;float:left;margin:24px 0px 0px 1px;cursor:pointer;}
.footerText{float:left;margin:30px 0px 0px 27px;text-align:center;color:#5e6894;}
.footerText a{color:#9ba1bd;text-decoration:none;}
.footerText a:hover{text-decoration:underline;}

.btnHome{margin:37px 0px 0px 0px;width:48px;height:43px;background:url(/images/btn_home.gif) no-repeat;float:left;cursor:pointer;}

.btnInschrijven{display:block;width:240px;height:44px;background:url(/images/menu/btn_inschrijven.png) no-repeat;}
.btnInschrijven:hover{background:url(/images/menu/btn_inschrijven_hover.png) no-repeat;}
.btnUitloggen{display:block;width:240px;height:45px;background:url(/images/menu/btn_uitloggen.png) no-repeat;}
.btnUitloggen:hover{background:url(/images/menu/btn_uitloggen_hover.png) no-repeat;}
.btnProefabbo{margin:2px 0px 0px 0px;display:block;width:240px;height:44px;background:url(/images/menu/btn_proefabbo.png) no-repeat;}
.btnProefabbo:hover{background:url(/images/menu/btn_proefabbo_hover.png) no-repeat;}
.btnBrochure{margin:2px 0px 0px 0px;display:block;width:240px;height:44px;background:url(/images/menu/btn_brochure.png) no-repeat;}
.btnBrochure:hover{background:url(/images/menu/btn_brochure_hover.png) no-repeat;}

.btnInloggen{margin:2px 0px 0px 0px;display:block;width:242px;height:47px;background:url(/images/menu/btn_inloggen.png) no-repeat;}
.btnInloggen:hover{background:url(/images/menu/btn_inloggen_hover.png) no-repeat;}
.btnInloggen_active{margin:2px 0px 0px 0px;display:block;width:242px;height:47px;background:url(/images/menu/btn_inloggen_active.png) no-repeat;}
.btnInloggen_active:hover{background:url(/images/menu/btn_inloggen_active_hover.png) no-repeat;}

#toggleSection{margin:0px;padding:6px 0px 0px 10px;width:230px;height:93px;background:url(/images/inlog_bg.gif) no-repeat;}
.inputFieldInlog{margin:2px 0px 0px 0px;padding:5px 0px 0px 5px;color:#003563;border:0px;width:214px;height:21px;background:url(/images/inputfield_inlog.gif) no-repeat;}
.inputFieldInlog.password {background:url(/images/inputfield_ww.gif) no-repeat;}
.btnInlog{margin:4px 0px 0px 0px;border:0px;width:70px;height:26px;background:url(/images/btn_inlog.gif) no-repeat;cursor:pointer;}
.pw_retrieve{margin:0px 0px 0px 18px;color:#a2b100;text-decoration:none;font-weight:bold;font-size:12px;}
.pw_retrieve:hover{text-decoration:underline;}

.leftImageHome{margin:7px 0px 0px 0px;width:240px;height:315px;float:left;}
.middleImageHome{margin:3px 0px 0px 0px;width:517px;height:37px;float:left;padding:225px 0px 0px 20px;font-size:12px;}
.middleImageSub{margin:3px 0px 0px 0px;width:517px;height:38px;float:left;padding:150px 0px 0px 20px;font-size:12px;}

/*.course_sub_breadcrumb{margin:7px 0px 0px 0px;width:515px;height:30px;background:url(/images/course_sub_bread.jpg) no-repeat;float:left;padding:14px 0px 0px 20px;}*/
.course_sub_breadcrumb{margin:7px 0px 0px 0px;width:535px;background:url(/images/course-breadcrumb-bg.gif) repeat-y;float:left;font-size:12px;}
.course_sub_breadcrumb_top{width:535px;height:11px;float:left;background:url(/images/course-breadcrumb-top.gif) no-repeat;}
.course_sub_breadcrumb_bottom{width:535px;height:13px;float:left;background:url(/images/course-breadcrumb-bottom.gif) no-repeat;}
.course_sub_breadcrumb_text{width:510px;margin-left:15px;float:left;}

.middleImageText{color:#17245c;font-weight:bold;}
.middleImageSub a,.course_sub_breadcrumb a{color:#a3b001;text-decoration:none;font-weight:bold;}
.middleImageSub a:hover,.course_sub_breadcrumb a:hover{text-decoration:underline;}
.middleImageSub .last, .course_sub_breadcrumb .last{font-weight:bold;}

form{margin:0px;padding:0px;}

h1 {font-size:20px;color:#17245c;margin:0px 0px 19px 0px;}
h2 {font-size:14px;color:#18255C;margin:0px 0px 19px 0px;}
h3 {font-size:14px;color:#A5B401;margin:0px 0px 19px 0px;}

a {color:#A5B401;}

.leftMenuSub{margin:10px 0px 0px 0px;font-size:12px;}

.ingelogdAls{margin:0px;padding:6px 0px 0px 10px;width:230px;height:22px;background:url(/images/ingelogd_als_bg.gif) no-repeat;}

.progressionBlock{margin:10px 0px 0px 0px;}
.progressionTitle{width:240px;height:29px;background:url(/images/voortgang.png) no-repeat;}
.progressionChapter{padding:10px 0px 0px 15px;width:225px;height:19px;color:#17235d;background-color:#f6f6de;border-top:1px solid #fff;border-bottom:1px solid #fff;}
.progression{font-weight:bold;font-size:13px;margin:0px 0px 0px 60px;}

.progress0{margin:0px 15px 0px 0px;float:left;display:block;width:19px;height:15px;background:url(/images/progress_0.gif) no-repeat;}
.progress1{margin:0px 15px 0px 0px;float:left;display:block;width:19px;height:15px;background:url(/images/progress_1.gif) no-repeat;}

.buttons { margin-top: 20px; }
.button { cursor: pointer; border: 1px solid #C9D314; font-family:Arial, "Lucida Sans Unicode", "Lucida Grande", Garuda, sans-serif, Arial; font-size: 12px; font-weight: bold; padding: 3px; }

.frmLabel { font-weight: bold; margin: 20px 0 5px 0; }

.infoKader { margin: 10px 0 0 0; border: 1px solid #C9D314; padding: 8px; background-color: #F5F7FF; }
.aanmeldenKader { border: 1px solid #C9D314; background-color: #F5F7FF; }
.licentieKader { margin: 5px 0 0 20px; }

.error { font-weight: bold; color: red; }
.correct { font-weight: bold; color: green; }
.answer { margin: 10px 0 10px 0; font-size: 14px; }