/* CSS Document */

*{
	padding:0;
	margin:0;
}

html, body{
	background:#FF9900 url(../img2/bgBody.png) repeat-x;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	color:#1065A6;
}

#wrapper{
	width:990px;
	position:absolute;
	left:-495px;
	margin-left:50%;
}


#leftCol{
	width:149px;
	float:left;
}

/*
 * Start LeftCol
 * hierin zitten ook Navigatie, Flash animatie, Introtekst, Zoekveld
 */


h1#logo a{
	background:#FFF url(../img2/logo_sho.png) no-repeat center;
	width:148px;
	height:82px;
	display:block;
	padding-top:15px;
}

#nav{
	height:290px;
	background:#FFF url(../img2/bgNav.png) repeat-x;
	border-bottom:1px solid #FFF;
	width:149px;

}


#nav ul {
	list-style-type: none;
	margin-top:10px;

}

#nav ul li {
	margin:0;
	padding:0;
	font-size:0px;
	line-height:0;
	height:19px;	
}

#nav ul li a {
	display: block;
	background-repeat:no-repeat;
	height:9px;
	margin-bottom:10px;
}


/* over sho */
#nav ul li a.home {
	background-image: url(../img2/btn_nav_home.gif);
	background-position: 105px 0;
}

#nav ul li a.home:hover {
	background-image: url(../img2/btn_nav_home.gif);
	background-position: 105px -9px;
}

/* over sho */
#nav ul li a.over_sho {
	background-image: url(../img2/btn_nav_over_sho.gif);
	background-position: 87px 0;
}

#nav ul li a.over_sho:hover {
	background-image: url(../img2/btn_nav_over_sho.gif);
	background-position: 87px -9px;
}

/* nieuws */
#nav ul li a.nieuws {
	background-image: url(../img2/btn_nav_nieuws.gif);
	background-position: 97px 0;

}

#nav ul li a.nieuws:hover {
	background-image: url(../img2/btn_nav_nieuws.gif);
	background-position: 97px -9px;
}

/* informatie */
#nav ul li a.informatie {
	background-image: url(../img2/btn_nav_informatie.gif);
	background-position: 74px 0;

}

#nav ul li a.informatie:hover {
	background-image: url(../img2/btn_nav_informatie.gif);
	background-position: 74px -9px;
}

/* veelgestelde vragen */
#nav ul li a.faq {
	background-image: url(../img2/btn_nav_faq.gif);
	background-position: 16px 0;
}

#nav ul li a.faq:hover {
	background-image: url(../img2/btn_nav_faq.gif);
	background-position: 16px -9px;
}

/* contact */
#nav ul li a.contact {
	background-image: url(../img2/btn_nav_contact.gif);
	background-position: 89px 0;
}

#nav ul li a.contact:hover {
	background-image: url(../img2/btn_nav_contact.gif);
	background-position: 89px -9px;
}


/* links */
#nav ul li a.links {
	background-image: url(../img2/btn_nav_links.gif);
	background-position: 109px 0;
}

#nav ul li a:hover.links {
	background-image: url(../img2/btn_nav_links.gif);
	background-position: 109px -9px;
}

/* mening cursisten */
#nav ul li a.meningen {
	background-image: url(../img2/btn_nav_mening_cursisten.gif);
	background-position:35px 0;
}

#nav ul li a:hover.meningen {
	background-image: url(../img2/btn_nav_mening_cursisten.gif);
	background-position: 35px -9px;
}

/* e-study */
#nav ul li a.e-study {
	background-image: url(../img2/btn_nav_e-study.gif);
	background-position:93px 0;
}

#nav ul li a:hover.e-study {
	background-image: url(../img2/btn_nav_e-study.gif);
	background-position: 93px -9px;
}


p.intro{
	color:#FFF;
	font-size:9px;
	line-height:15px;
	margin-top:5px;
}

#search{
	margin-top:10px;
}
#search input.search_field{
	width:80px;
}

/* end LeftCol */




/*
 * rightCol
 */
#rightCol{
	float:left;
	width:840px;
}

#rightCol ul{
	margin-left:25px;
}

a.topnav{
	display:block;
	float:left;
	height:35px;
	color:#FFF;
	text-decoration:none;
	line-height:35px;
	padding-left:35px;
	font-size:10px;
	margin-left:20px;
	margin-top:5px;
	margin-right:10px;
	float:left;
}

 
a.bedrijven{
	background:url(../img2/btn_login_bedrijven.png) no-repeat;
}
a.cursisten{
	background:url(../img2/btn_login_cursisten.png) no-repeat;
}
a.docenten{
	background:url(../img2/btn_login_docenten.png) no-repeat;
}


a#directaanmelden{
	background:url(../img2/btn_direct_aanmelden.png);
	height:16px;
	width:143px;
	text-indent:-9999px;
	display:block;
	margin-left:30px;
	margin-top:45px;
}

#ssh{
	background:url(../img2/stamp_ssh.png);
	width:82px;
	height:81px;
	position:absolute;
	top:47px;
	right:245px;
}

#cursist{
	background:url(../img2/bg_cursist.png);
	height:290px;
	width:182px;
	position:absolute;
	right:23px;
	top:0;
	border-bottom:1px solid #FFF;
}



#content{
	margin-left:25px;
	margin-top:40px;
}


#postit a{
	background:url(../img2/postit.png);
	height:115px;
	width:102px;
	position:absolute;
	right:198px;
	top:129px;
}

#contentHeader{
	background:url(../img2/contentHeader.png);
	height:51px;
	width:586px;
	line-height:51px;
	padding-left:25px;
}

#contentBody{
	width:567px;
	background:#FFF url(../img2/bgContentBody.png) repeat-x;
	border-left:4px solid #FFF;
	border-right:4px solid #FFF;
	padding:18px;
	line-height:18px;
	min-height:370px;
	height:auto;
	_height: 370px;		
}

#contentBody p{
	margin-bottom:10px;
}

#contentHeader h2{
	color:#FFF;
	font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	font-weight:100;
	font-size:16px;
	font-style:normal;
	text-transform:uppercase;
	letter-spacing:0.5px
}

#contentBody h2{
	background:url(../img2/h2ContentBody.png) no-repeat;
	color:#FF6700;
	font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	font-weight:100;
	font-size:14px;
	font-style:normal;
	text-transform:uppercase;
	letter-spacing:0.5px;
	padding-left:20px;
	margin-bottom:15px;
}

#contentFooter{
	background:url(../img2/contentFooter.png);
	height:31px;
	width:586px;
	line-height:51px;
	padding-left:25px;
	margin-bottom:25px;
}



/* SUBMENU */

#subMenu{
	float:right;
	margin:3px 0 10px 20px;
	width:222px;
}

#subMenu ul{
	padding: 5px 0 10px 0;
	background:#FFF;
	border-left:1px solid #DDD;
	border-right:1px solid #DDD;
	margin-left:0px;	
}

#subMenu ul li{
	list-style:none;
	margin:0 15px;
	background:url(../img2/submenu-arrow.gif) no-repeat 0 .85em;
	border-bottom: 1px solid #E5E5E5;
	padding:.3em 0;
	line-height:1.5em
}

#subMenu ul li a{
	padding-left:.75em;
	display:block;
	text-decoration:none;
	color:#FF6700;
}

#subMenu ul li a:hover{
	text-decoration:underline;
}

.subMenuTop,
#center 
.subMenuBottom{
	width:222px;
	height:4px;
	font-size:0px;

}

.subMenuTop{
	background:url(../img2/bg-submenu-top.png)
}

.subMenuBottom{
	background:url(../img2/bg-submenu-bottom.png) no-repeat;
	height:4px;
}



/* CURSUSSENBLOK FRONTPAGE */
#cursussen{
	width:544px;
	height:253px;
	background:url(../img2/bgCursussenBlok.png);
	margin-top:25px;
	margin-left:10px;
}



#contentBody #cursussen h2{
	background:url(../img2/h2cursusaanbod.png) no-repeat 0px 20px;
	color:#FF6700;
	font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	font-weight:100;
	font-size:14px;
	font-style:normal;
	text-transform:uppercase;
	letter-spacing:0.5px;
	padding-left:20px;
	margin-left:18px;
	height:42px;
	line-height:55px;
}

#cursussen ul{
	list-style-type:none;
	margin-left:20px;
	float:left;
	width:210px;
	margin-right:30px;
}

#cursussen ul li{
}


#cursussen ul li a{
	width:240px;
	display:block;
	height:25px;
	line-height:25px;
	border-bottom:1px solid #E5E5E5;
	margin-right:22px;
	background:url(../img2/arrow_orange.png) no-repeat center left;
	padding-left:10px;
	text-decoration:none;
	color:#1065A6;
}

#cursussen ul li a.bigger{
	background:url(../img2/arrow_orange.png) no-repeat 0px 10px;	
}

#cursussen ul li a:hover{
	text-decoration:underline;
}

#cursussen ul li a.last{
	border:none;
}



a#btn_incompany{
	height:34px;
	width:145px;
	background:url(../img2/btn_incompany.png);
	display:block;
	position:absolute;
	right:40px;
	top:314px;

}

a#btn_gratisbrochure{
	height:132px;
	width:183px;
	background:url(../img2/btn_gratis_brochure.png);
	display:block;
	position:absolute;
	right:0;
	top:359px;
		
}

a#btn_testjekennis{
	height:94px;
	width:183px;
	background:url(../img2/btn_testjekennis.png);
	display:block;
	position:absolute;
	right:0;
	top:499px;
	
}



#footer{
	text-align:center;
	margin-top:15px;
}

#footer a{
	color:#1065A6;
	text-decoration:none;
}

#footer a:hover{
	text-decoration:underline;
}


/*- SITEMAP -*/

h3.tree{
	font-size:13px;
}

ul.childs{
	margin-bottom:20px;
}

ul.childs li{
	margin-left:-25px;
	padding-left:10px;
	list-style-type:none;
}

/* MISC  */

.hide{
	display:none;
}

a{
	color:#FF6700;
}

a:hover{
	text-decoration:underline;
}

.clear{
	clear:both;
}


img a{
	border:0;
	margin: 2px 0;
}

a img{
	border:0;
	margin: 2px 0;	
}