body {
	vertical-align:middle;
	margin:0px;
	padding:0px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: normal;
	height: 100%; 
	min-height: 100%;
}

td {height:20px; vertical-align:top;}

h1, h2 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color:#fff;
	margin: 0 0 0.75em 0;
	padding: 0;
}

h2 {
	font-size: 175%; 
}

	
html,body
{
height:100%;
margin: 0px;
padding: 0px;
background-image:url(pics/bg.jpg);
background-repeat:repeat-x;
}

#container {
position: relative;
width:999px;
background-image:url(pics/clouds.jpg);
background-repeat:no-repeat;
margin:0 auto;
padding:0px; 
clear: left;}


#top {
position: relative;
width:999px;
height: 108px;
background-image:url(pics/topbg.png);
background-repeat:no-repeat;
background-position:bottom;
margin:0px auto;	
}

.list li { margin-bottom:5px; margin-left:10px; list-style-image:url(pics/bullet.png); line-height:1.25em; color:#4c4c4d;}
/* Het menu */
#menu{
	position: relative;
	height:55px;
	margin-right:10px;
	padding:0px;
	float:right;
	}
.menu {height:55px;margin-top:55px; padding:0px; }
.menu a {width:100%;text-decoration:none; font:14px  Arial, Verdana, sans-serif; color:#FFF; }

.menu li {margin:0px; padding:0px;float:left; display:block; background:url('pics/menu/bgmenu.gif') 0px 0px repeat-x;cursor:pointer; list-style:none;}
.menu li a {padding-top:0px;}
.menu li a span {padding-top:20px;}
.menu li span{ height:35px;margin:0px; padding:0px; display:block; }
.menu li a:hover{background-position:0px 0px; }
.menu li a:hover span{background-position:100% 0px; color:#fff; text-decoration:underline;}

.menu li a.active{padding-top:0px; display:block; color:#fff; text-decoration:none; 
font: 14px  Arial, Verdana, sans-serif; cursor:pointer; background:url('pics/menu/bgmenu-on.gif') 0px 0px repeat-x; }
.menu li a.active span{padding-left:0px;  display:block; }
.menu li a.active:hover{background-position:0px 0px;}
.menu li a.active:hover span{background-position:100% 0px; color:#fff;}

.menu li a.first-child{padding-top:0px; display:block; color:#fff; text-decoration:none; 
font: 14px  Arial, Verdana, sans-serif; cursor:pointer; background:url('pics/menu/bgmenu-first.png') 0px 0px no-repeat; }
.menu li a.first-child span{padding-left:20px;  display:block; }
.menu li a.first-child:hover{background-position:0px 0px;}
.menu li a.first-child:hover span{background-position:100% 0px; color:#fff;}

.menu li a.first-active{padding-top:0px; display:block; color:#fff; text-decoration:none; 
font: 14px  Arial, Verdana, sans-serif; cursor:pointer; background:url('pics/menu/bgmenu-first-on.png') 0px 0px no-repeat; }
.menu li a.first-active span{padding-left:20px;  display:block; }
.menu li a.first-active:hover{background-position:0px 0px;}
.menu li a.first-active:hover span{background-position:100% 0px; color:#fff;}

.menu li a.last-child{padding-top:0px; display:block; color:#fff; text-decoration:none;  
font: 14px Arial, Verdana, sans-serif; cursor:pointer; background:url('pics/menu/bgmenu-last.png') 0px 0px no-repeat; background-position:top right; }
.menu li a.last-child span{padding-right:20px; display:block;}
.menu li a.last-child:hover{background-position:0px 0px;}
.menu li a.last-child:hover span{background-position:100% 0px; color:#fff;}


.menu li a.last-active{padding-top:0px; display:block; color:#fff; text-decoration:none;  
font: 14px Arial, Verdana, sans-serif; cursor:pointer; background:url('pics/menu/bgmenu-last-on.png') 0px 0px no-repeat; background-position:top right; }
.menu li a.last-active span{padding-right:20px; display:block;}
.menu li a.last-active:hover{background-position:0px 0px;}
.menu li a.last-active:hover span{background-position:100% 0px; color:#fff;}

.last {height:55px;}
.last span {width:117px; background:url('pics/menu/bgmenu-last.png') 0px 0px no-repeat; background-position:top right;}

.last2 {height:55px;}
.last2 span {width:175px; background:url('pics/menu/bgmenu-last.png') 0px 0px no-repeat; background-position:top right;}

/* Einde menu */

#tab {position: absolute; width:382px; height:26px; margin: 0px auto auto 617px; float:left;}
.tab1 { position:relative; padding-top:2px; padding-left:5px; background-image:url(pics/tab1.png); background-repeat:no-repeat; width:139px; height:26px; text-align:center;float:left;}
.tab1 a  {position:relative; text-decoration:none; color:#94aab5; font-size:12px; }
.tab1 a:hover  {position:relative; width:144px; height:26px; color:#666666; font-size:12px; }

.tab2 { position:relative; padding-top:2px; padding-left:5px; background-image:url(pics/tab1.png); background-repeat:no-repeat; width:139px; height:26px;  text-align:center;float:left;}
.tab2 a  {position:relative; text-decoration:none; color:#94aab5; font-size:12px; }
.tab2 a:hover  {position:relative; width:144px; height:26px; color:#666666; font-size:12px; }

.tab3 { position:relative; padding-top:2px; padding-left:5px; background-image:url(pics/tab3.png); background-repeat:no-repeat; width:89px; height:26px; text-align:center;float:left;}
.tab3 a  {position:relative; text-decoration:none; color:#94aab5; font-size:12px; }
.tab3 a:hover  {position:relative; width:144px; height:26px; color:#666666; font-size:12px; }

#logo {
position: absolute;
width:208px;
height:77px;
margin:25px auto auto 33px;	
}


#contentbg {
position: relative;
width:999px;
height:auto;
background-image:url(pics/contentbg.png);
background-repeat:repeat-y;
margin-top:0px;
padding:0px;
float:left;
}



/* Headerbox */
#headerbox {
	position: relative;
	width:auto;

	margin:10px;
	float:left;
}

/*tijdelijk*/
#tijdelijk{position:relative; height:300px; float:left;}

/* Portal */
#portalbg{position:relative;width:980px;background-image:url(pics/portal/bg.png); background-repeat:no-repeat; float:left;}
#portaltitel {position:relative;width:980px; height:37px; background-image:url(pics/portal/title.png); background-repeat:no-repeat; padding-top: 7px; padding-left:20px;}

#opleidingen ul li{position:relative; list-style:none; float:left;margin-top:20px;}
#opleidingen li{position:relative; list-style:none; float:left; width:auto; max-width:284px;}

.stripe {position:relative; padding-left:10px; padding-right:10px; width:10px;}

.button {position:relative; width:188px; height:37px; background-image:url(pics/bg-button.png); background-repeat:no-repeat; text-align:center; float:right; text-decoration:none; 
font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color:#fff;
	padding-top:5px;}
	
.buttonp {position:relative; width:277px; height:37px; background-image:url(pics/portal/button.png); background-repeat:no-repeat; text-align:center; float:right; text-decoration:none; 
font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color:#fff;
	padding-top:5px;
	margin-right:4px;}

.button2 {position:relative; width:188px; height:37px; background-image:url(pics/bg-button.png); background-repeat:no-repeat; text-align:center; float:left; text-decoration:none; 
font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color:#fff;
	margin-left:20px;
	padding-top:5px;}
/* Einde portal */

#pic{position:absolute; width:518px; height:300px; margin-left:160px; background-image:url(pics/sjors.png);}
#pic2{position:absolute; width:518px; height:300px; margin-left:160px; background-image:url(pics/rijopleiding-be.png);}
#daarom {
	position: absolute;
	width:271px;
	height:300px;
	margin:0px;
	background-image:url(pics/bg-left.png);
	float:left;
}
.daarom {margin:20px; width:195px;}
.daarom li {color:#FFF; margin-bottom:10px; list-style-image:url(pics/bullet.png);}

#actieblok {position: absolute; 
width:400px; 
height:300px; 
margin-left:579px;
background-image:url(pics/bg-right.png); 
background-position:right top;
background-repeat:no-repeat; 
background-color:#c8c6c7;}

#actie-content {position: relative; width:286px; margin-top:10px; margin-right:7px; float:right;}

.actie {width:100px;}

#actietitle {width:286px; height:37px; background-image:url(pics/bg-actie-title.png); background-repeat:no-repeat; padding-top: 7px; padding-left:20px;}

#actietxt {margin:12px 20px 20px 20px; line-height:1.5em; color:#4c4c4d;}

#note {width:100%; font-size:10px; color:#4c4c4d; text-align:right; float:right;}

/* einde Headerbox */


.line{width:640px; height:1px; border:0; border-bottom:dashed 1px #999; }


/* content */
.map {margin:12px 20px 12px 20px;border:#999 1px solid;}
.foto {margin:12px 20px 12px 20px;border:0px;}
.righttxt {margin:6px 20px 12px 20px; line-height:1.25em; color:#4c4c4d;}
.righttxt a {color:#4c4c4d;}
.lefttxt {margin:6px 20px 12px 20px; line-height:1.25em; color:#4c4c4d;}
.form {margin:6px 20px 12px 20px; line-height:1.25em; color:#ee1d32;}
#right {position:relative; width:672px; margin:0px;  height:auto; float:right;} 
#leftcontent {position: relative; width:672px; margin-top:320px; margin-left:-10px;  height:auto; float:left;} 
#lefttitle1 {width:672px; height:37px; background-image:url(pics/bg-title-content.png); background-repeat:no-repeat; padding-top: 7px; padding-left:20px;}
#lefttitle {width:709px; height:37px; background-image:url(pics/bg-title-content2.png); background-repeat:no-repeat; padding-top: 7px; padding-left:20px;}
#left {position: relative;width:264px; height:auto; min-height:300px; margin:0px 6px auto 0px; background-image:url(pics/bg-right-content.png); background-repeat:no-repeat; float:left;}
#rightcontent {position: relative;width:301px; height:auto; margin-top:320px; margin-right:10px;  float:right; background-image:url(pics/bg-right-content.png); background-repeat:no-repeat;}
#righttitle {width:244px; height:37px; background-image:url(pics/bg-title-left.png); background-repeat:no-repeat; padding-top: 7px; padding-left:20px;}
#titlemap {width:301px; height:37px; background-image:url(pics/bg-title-map.png); background-repeat:no-repeat; padding-top: 7px; padding-left:20px;}
/* einde content */





#footerbg {
position: relative;
width:999px;
height:63px;
background-image:url(pics/footer.png);
background-repeat:no-repeat;
margin:0px;
padding:0px;
float:left;
}

#adres {
position: absolute;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#4c4c4d;
margin:20px 20px 24px 33px;
float:left;
}

#adres a {text-decoration:underline; color:#4c4c4d;}

#loeq {
position: relative;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
float:right;
color:#4c4c4d;
margin:20px 33px 24px 33px;
}

#loeq a {text-decoration:underline; color:#4c4c4d;}