@charset "utf-8";

*{ padding:0; line-height:18px; outline:none;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}

.FL{ float:left;}
.FR{ float:right;}

.hide{ display:none;}
.unhide{ display:block;}

.clear{ clear:both;}
.clearL{ clear:left;}
.clearR{ clear:right;}

.VAT{ vertical-align:top;}
.VAM{ vertical-align:middle;}
.VAB{ vertical-align:bottom;}

.TAC{ text-align:center;}
.TAL{ text-align:left;}
.TAR{ text-align:right;}
.TAJ{ text-align:justify;}

.paddings{ padding:10px 10px;}

.MR10{ margin-right:10px;}
.MT10{ margin-top:10px;}
.MB10{ margin-bottom:10px;}
.ML10{ margin-left:10px;}

.al {text-align: left;}


body{ font:12px/18px normal normal Arial, Helvetica, sans-serif; background:#eae9e0;color:#393939;}
img { border:none;}
p{padding:10px 0px;  width:100%; text-align: justify;  }
small{ font-size:11px;}
ul{ padding-left: 40px;}

a, a a:active a:visited{ text-decoration:underline; color:#CC3300;}
a:hover{ text-decoration:none; color:#003366;}

a.buttonstyle{ height:25px; line-height:25px !important; padding:0 10px; color:#000 !important; font-weight:normal; background:url(../images/btn_bg.jpg) repeat-x; min-height:25px; height:auto !important; height:25px; text-decoration:none;}
a.buttonstyle:hover{ background:url(../images/btnover.jpg) repeat-x;}

h1, h2, h3, h4, h5, h6, .h1Copy, .h2Copy, .h3Copy{color:#003366; font-weight:400; line-height:41px; letter-spacing:-1px;}

h1, .h1Copy { font-size:28px !important; }
h2, .h2Copy { font-size:20px !important; }
h3, .h3Copy { font-size:16px !important; font-weight:bold;}

#topmenu_wrapper2{margin-top:230px; margin-right: 2px; width:700px; height:41px;}
#topmenu_wrapper2 ul,  #topmenu_wrapper2 ul li{ list-style:none outside; display:inline;}
#topmenu_wrapper2 ul li a, 	#topmenu_wrapper2 ul li a:active a:visited{ float:left; width:95px; height:35px; background:url(../images/menu2_button.png) no-repeat top left; border:none; text-decoration:none;}
#topmenu_wrapper2 ul li a.topmenu2_active, #topmenu_wrapper2 ul li a:hover{ background-position:0 -35px !important;}

#topmenu_wrapper2 ul li.topmenu_2 a{ margin-left:2px; width:95px; background-position:0 -70px;}
#topmenu_wrapper2 ul li.topmenu_2 a:hover{ background-position:0 -105px !important;}

#topmenu_wrapper2 ul li.topmenu_3 a{ margin-left:2px; width:81px; background-position:0 -140px;}
#topmenu_wrapper2 ul li.topmenu_3 a:hover{ background-position:0 -175px !important;}

#topmenu_wrapper2 ul li.topmenu_4 a{ margin-left:2px; width:157px; background-position:0 -210px;}
#topmenu_wrapper2 ul li.topmenu_4 a:hover{ background-position:0 -245px !important;}

#topmenu_wrapper2 ul li.topmenu_5 a{ margin-left:2px; width:90px; background-position:0 -280px;}
#topmenu_wrapper2 ul li.topmenu_5 a:hover{ background-position:0 -315px !important;}

#topmenu_wrapper2 ul li.topmenu_6 a{ margin-left:2px; width:94px; background-position:0 -350px;}
#topmenu_wrapper2 ul li.topmenu_6 a:hover{ background-position:0 -385px !important;}

#topmenu_wrapper2 ul li.topmenu_7 a{ margin-left:2px; width:125px; background-position:0 -630px;}
#topmenu_wrapper2 ul li.topmenu_7 a:hover{ background-position:0 -665px !important;}



#bigbutton ul,  #bigbutton ul li{ list-style:none outside; display:inline;}
#bigbutton ul li a, #bigbutton ul li a:active a:visited{ float:left; width:157px; background-position:0 -420px; background:url(../images/menu2_button.png) no-repeat top left; border:none; text-decoration:none;}
#bigbutton ul li.activeer_elearning a:hover{ background-position:0 -455px !important;}

#bigbutton ul li.bestel_elearning a{ margin-left:2px; width:145px; background-position:0 -490px;}
#bigbutton ul li.bestel_elearning a:hover{ background-position:0 -525px !important;}

#bigbutton ul li.start_elearning a{ margin-left:2px; width:135px; background-position:0 -560px;}
#bigbutton ul li.start_elearning a:hover{ background-position:0 -595px !important;}

#bigbutton ul li.praktijklessen a{ margin-left:2px; width:125px; background-position:0 -630px;}
#bigbutton ul li.praktijklessen a:hover{ background-position:0 -665px !important;}

.F15{ font-size:15px;}
.F9{ font-size:9px;}


.brown{ color:#ff6600;}

.BBSPink{font-size:10px; color:#ff6600; border-bottom: 1px solid #eedbc9}
.BBSLightbrown{ border-bottom:1px solid #eedbc9;}

#mainwrapper{ width:970px; margin:0 auto; background:#FFF url(../images/mainwrapper_footer_bg.jpg) no-repeat center bottom;  min-height:50px; height:auto !important; height:50px; padding:4px 15px 0px;}
#topmenu_wrapper{ width:972px; height:41px;}
#topmenu_wrapper ul,  #topmenu_wrapper ul li{ list-style:none outside; display:inline;}
	#topmenu_wrapper ul li a, 	#topmenu_wrapper ul li a:active a:visited{ float:left; width:193px; height:34px;  line-height:34px;padding-top:7px;  background:url(../images/topmenu_bg.jpg) no-repeat 0 -41px; margin-left:2px; text-align:center; font-weight:normal; font-size:14px; color:#FFF; border:none; text-decoration:none;}
	#topmenu_wrapper ul li a.topmenu_active, #topmenu_wrapper ul li a:hover{ background-position:left top !important; line-height:41px !important; height:41px; padding:0;}
	
	#topmenu_wrapper ul li.topmenu_red a{ width:219px; background-position:0 -123px;}
	#topmenu_wrapper ul li.topmenu_red a:hover{ background-position:0 -82px !important;}
	
#header{ width:972px; height:280px; background:url(../images/header_bg.jpg) no-repeat;}
#content_wrapper{ width:972px; padding:1px 0 40px 0;}
	#leftbasepane{width:778px;}
		#lefpane{ padding-top:13px; width:287px;}
			.cb_leftwrapper{ width:287px; float:left; margin-bottom:20px;}
				.cbl_header{ height:41px; line-height:41px; float:left; width:287px; background:url(../images/cbl_header_bg.jpg) no-repeat;}
				.cbl_footer{ color:#FFF; background:url(../images/cbl_footer_bg.jpg) no-repeat; height:34px !important;line-height:34px;padding:7px 10px 0; float:left; width:267px;}
				
			.cbl_body{ font-size:13px; color:#FFF; width:267px; padding:10px 10px; float:left; background:#266993 url(../images/cbl_body_bg.jpg) repeat-x center top; border-top:none; border-bottom:none;}
			.cbl_body a {color: #cccc00;}
			.price {margin-top:5px;}
#centerpane{ width:451px; padding:0 20px;}
	#rightpane{ width:192px;}
 

#footer{ width:1000px; margin:0 auto; color:#00338c; line-height:73px;}
	#footer a, #footer a:active a:visited{ text-decoration:none;color:#00338c; font-weight:normal;}
	#footer a:hover{ color:#000; text-decoration:underline;}

.ledorange 
{
    width: 20px;
    height: 21px;
    background: url(/images/ledorange.png) no-repeat top left;   
}

.ledblue 
{
    width: 20px;
    height: 21px;
    background: url(/images/ledblue.png) no-repeat top left;  
}

.ledon 
{
    background-position: 0px -19px !important;
}

.orangebutton1 li{
	height:39px;
	width:78px;
	background:url(/images/price1.png) no-repeat top left;
	text-decoration:none;
	text-indent:-1000px;
	cursor:pointer;
	list-style-type: none;
}

.orangebutton1 li:hover{
	background-position:0 -39px !important;
}

.orangebutton2 li{
	height:39px;
	width:78px;
	background:url(/images/price2.png) no-repeat top left;
	text-decoration:none;
	text-indent:-1000px;
	cursor:pointer;
	list-style-type: none;
}

.orangebutton2 li:hover{
	background-position:0 -39px !important;
}

/*sliding door*/
.orangebutton3 {
	position:absolute;
}

.orangebutton3 a{
/* Sliding right image */
background:url('/images/button_right.png') no-repeat top right; 
float: left;
height: 39px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
margin-right: 6px;
padding-right: 20px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
color: #fff;
font-family: Arial, "Helvetica", sans-serif;
font-size:15px;
font-weight:bold;
}

.orangebutton3 span {
/* Background left image */ 
background:url('/images/button_left.png') no-repeat; 
display: block;
line-height: 39px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
padding: 0 0 0 18px;
} 

.orangebutton3 a:hover{
background: transparent url('/images/button_right_hover.png') no-repeat scroll top right; 
}

.orangebutton3:hover span{
background-position:0 -39px !important;
}