/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

a {color: #444342; text-decoration:none; font-weight:bold; font-size:11px; font-family:tahoma;}
a:hover {color: #2a76b5; text-decoration:underline; font-weight:bold; font-size:11px; font-family:tahoma;}

body{ color: #5a5b5b; font: normal 62.5% Tahoma,sans-serif; background: #ffffff url(images/bg.jpg) repeat-x;}



/**********************************************/
/*instellingen container, logo en content*/
/**********************************************/

#container{font-size: 1.2em; margin: 0 auto; width: 961px; height:auto;}
#top{width:961px; height:auto; float:left;}
.logo{width:250px; height:57px; float:left; margin-top:17px; margin-left:13px;}
#header{width:685px; height:228px; float:left; no-repeat; margin-top:-2px;}
#header h1{float:right; font-family:"Franklin Gothic Medium"; font-size:24px; font-weight:normal; color:#000000; margin-top:100px; margin-right:10px;}
#content{width:961px; height:auto; float:left; background: #ffffff url(./images/contenttop.jpg) repeat-x;}

/**********************************************/
/*Top menu instellingen*/
/**********************************************/

.menutop { width: 679px; height:auto; float:left;  margin-left:3px; margin-top:25px;}
.menutop ul { width:679px;  float:right; list-style:none; }
.menutop li{float:left;}
.menutop li a { width:95px; text-align:center; color: #000000; float: left; font:75% Arial, Helvetica, sans-serif; text-decoration: none; font-size:9px; font-weight:bold; line-height:33px; margin-left:2px;}
.menutop li a:hover { color: #ffffff; font:75% Arial, Helvetica, sans-serif; font-size:9px; background: url(images/menuhover.png) no-repeat; line-height:33px; font-weight:bold;}
.menutop li.active a { width: 95px; text-align:center; color: #ffffff; font:75% Arial, Helvetica, sans-serif; font-size:9px; background: url(images/menuhover.png) no-repeat; line-height:33px; font-weight:bold; background: url(images/menuhover.png) no-repeat;}


/**********************************************/
/*Instellingen linkerkant*/
/**********************************************/

#left_top{width:260px; height:220px; float:left; background: url(./images/menuleftbg.jpg) no-repeat; margin-top:6px; margin-left:8px;}
#left_top h2{float:left; font-family:"Franklin Gothic Medium"; font-size:22px; font-weight:normal; color:#ffffff; margin-top:15px; margin-left:25px;}
.menu_left {width:260px; height:220px; float:left;  }  
.menu_left ul {list-style: none; margin-top:0px; margin-left:25px; }
.menu_left li a {background:url(./images/menuhover2.png) no-repeat ; display: block; width:196px; height:34px; font:75% Arial, Helvetica, sans-serif; font-size:12px; color: #ffffff; text-decoration: none;  padding-left:15px; font-weight:normal; line-height:34px;  }	
.menu_left li a:hover {background:url(./images/menuhover2.png) no-repeat;  color: #ffffff; font-weight:bold; text-decoration:none; background-position:bottom;}
.menu_left li.last a{background:url(./images/menuhover1.png) no-repeat; color: #ffffff;}
.menu_left li.last a:hover{background:url(./images/menuhover1.png) no-repeat; background-position:bottom; color: #ffffff;}

#left{width:250px; height:auto; float:left; margin-left:13px;}
.contact_vak{width:248px; height:auto; float:left; border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; margin-top:5px;}
.contact_vak h3{float:left; font-family:"Franklin Gothic Medium"; font-size:24px; font-weight:normal; color:#000000; margin-top:10px; margin-left:19px}
.contact_vak p{width:100%; height:auto; font:75% Arial, Helvetica, sans-serif; font-size:12px; float:left; margin-left:19px;  margin-top:15px; color: #000000; line-height:20px;}
.stripe{width:220px; height:1px; float:left; margin-top:5px; margin-left: 14px;}
.email_txt{width:248px; height:40px; float:left; background: #eba40a; color: #ffffff; font-family:"Franklin Gothic Medium"; font-size: 18px; text-align:center; line-height:40px;}

.overig_vak{width:248px; height:auto; float:left; border-top: 1px solid #cccccc; border: 1px solid #cccccc; margin-top:10px;}
.overig_vak h3{float:left; font-family:"Franklin Gothic Medium"; font-size:24px; font-weight:normal; color:#000000; margin-top:10px; margin-left:19px}
.overig_vak p{font:75% Arial, Helvetica, sans-serif; font-size:11px;  margin-top:10px; margin-left:14px; color: #000000; line-height:20px; margin-right:5px;}
.overig_img{width:80px; height: 48px; float:left; margin-top:15px; margin-left:14px; margin-right:8px;}

.knop_left{width:104px; height:30px; float:right; margin-right:10px; margin-top:5px; margin-bottom: 10px;}
.knop_left a{width:80px; height:22px; float:left; padding-top:8px; padding-left:24px; line-height:30px; color: #ffffff; background: url(./images/knop.jpg) no-repeat; font:75% Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:none; background-position:bottom;}
.knop_left a:hover{background: url(./images/knop.jpg) no-repeat; }

#rechts{width:647px; height:auto; float:left; margin-left:20px;}
.welkom_vak{width:647px; height:200px; float:left;}
.welkom_vak h3{float:left; font-family:"Franklin Gothic Medium"; font-size:24px; font-weight:normal; color:#000000; margin-top:16px;}
.welkom_vak p{font:75% Arial, Helvetica, sans-serif; font-size:11px; float:left; margin-top:10px; color: #000000; line-height:22px;}
.stripe_big{width:647px; height:1px; float:left; margin-top:5px;}
.welkom_img{width:80px; height:53px; float:left; margin-right:10px; margin-top:8px;}
.stripe_bottom{width:647px; height:30px; float:left; margin-top:10px; background: url(./images/stripebottom.jpg) no-repeat;}
.welkom_vakalleen{width:647px; height:400px; float:left;}
.welkom_vakalleen h3{float:left; font-family:"Franklin Gothic Medium"; font-size:24px; font-weight:normal; color:#000000; margin-top:10px;}
.welkom_vakalleen p{font:75% Arial, Helvetica, sans-serif; font-size:11px; float:left; margin-top:10px; color: #000000; line-height:22px;}

.knop_right{width:104px; height:30px; float:right; margin-right:18px; }
.knop_right a{width:80px; height:22px; float:left; padding-top:8px; padding-left:24px; line-height:30px; color: #ffffff; background: url(./images/knop.jpg) no-repeat; font:75% Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:none; background-position:bottom;}
.knop_right a:hover{width:80px; height:22px; float:left; padding-top:8px; padding-left:24px; line-height:30px; color: #ffffff; background: url(./images/knop.jpg) no-repeat; font:75% Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:none; }

.vak_smal_left{width:311px; height:200px; float:left; margin-top:10px;}
.vak_smal_left h2{float:left; font-family:"Franklin Gothic Medium"; font-size:24px; font-weight:normal; color:#000000; margin-top:10px;}
.vak_smal_left p{font:75% Arial, Helvetica, sans-serif; font-size:11px; float:left; margin-top:10px; color: #000000; line-height:22px;}
.stripe_overig{width:311px; height:1px; float:left; margin-top:5px; }
.img_overig{width:80px; height:53px; float:left; margin-right:10px; margin-top:8px;}

.vak_smal_right{width:311px; height:200px; float:right; margin-top:10px;}
.vak_smal_right h2{float:left; font-family:"Franklin Gothic Medium"; font-size:24px; font-weight:normal; color:#000000; margin-top:10px;}
.vak_smal_right p{font:75% Arial, Helvetica, sans-serif; font-size:11px; float:left; margin-top:10px; color: #000000; line-height:22px;}

.stripe_small_bottom{width:311px; height:30px; float:left; margin-top:10px; background: url(./images/stripesmallbottom.jpg) no-repeat;}

.waarom_vak{width:647px; height:auto; float:left; margin-top:10px; margin-left:285px;}
.waarom_vak h3{float:left; font-family:"Franklin Gothic Medium"; font-size:24px; font-weight:normal; color:#000000; margin-top:10px;}
.waarom_vak p{font:75% Arial, Helvetica, sans-serif; font-size:11px; float:left; margin-top:10px; color: #000000; line-height:22px;}

.waarom_left {width:299px; height:auto; float:left; margin-top:5px;  }  
.waarom_left ul {list-style: none; margin-top:0px; margin-left:5px; }
.waarom_left li {background:url(./images/waarombg.jpg) no-repeat ; display: block; width:284px; height:30px; font:75% Arial, Helvetica, sans-serif; font-size:11px; color: #000000; text-decoration: none;  padding-left:15px; font-weight:normal; line-height:30px;}
.waarom_left li.last {background:url(./images/waarombg1.jpg) no-repeat; color: #000000;}

.waarom_right {width:299px; height:auto; float:right; margin-top:5px; margin-right:10px;}  
.waarom_right ul {list-style: none; margin-top:0px; margin-left:5px; }
.waarom_right li {background:url(./images/waarombg.jpg) no-repeat ; display: block; width:284px; height:30px; font:75% Arial, Helvetica, sans-serif; font-size:11px; color: #000000; text-decoration: none;  padding-left:15px; font-weight:normal; line-height:30px;}
.waarom_right li.last {background:url(./images/waarombg1.jpg) no-repeat; color: #000000;}

.contentbottom{width:961px; height:67px; float:left;}

#footer{width:100%; height:57px; float:left; background: #eba40a;}
.footerinside{width:945px; height:57px; margin: 0 auto;  background: url(./images/footerinside.jpg) no-repeat; color: #ffffff; font:75% Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal;}

.footertxt{float:left; margin-top:22px; margin-left:20px; color: #ffffff; font: Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal;}
.footertxt a{color: #ffffff; font:75% Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; text-decoration:none; }
.footertxt a:hover{text-decoration:underline;}
.clear{clear:both;}