@charset "utf-8";
/* CSS Document */


/* force scrollbar */

html {
	height:100%;
	margin-bottom:1px;
	}


* {
	font-size:100%;
	margin:0;
	padding:0;
	border:0;
	outline:none;
	}

ul,li,th,td,tr {
	margin:0;
	padding:0;
	border:0;
	}

body {
	-x-system-font:none;
	font-family:tahoma, arial, sans-serif;
	color:#333;
	font-size:0.84em;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.5;
	margin:0;
	padding:0;
	background:#c0c0c0;
	text-align:center;
	}

h1 {
	font-size:2em;
	color:#b70000;
	font-weight:normal;
	margin-bottom:10px;
	}

h2 {
	font-size:1.5em;
	color:#333;
	font-weight:normal;
	margin-bottom:5px;
	}

h3 {
	font-size:1.33em;
	font-weight:normal;
	color:#b70000;
	}

h4 {
	font-size:1.1em;
	}

h5 {
	font-size:1em;
	}

h6 {
	font-size:0.85em;
	}


p {
	margin:1em 0;
	}

a {
	text-decoration:none;
	color:#333;
	}

a:hover {
	text-decoration:underline;
	}

/* wrapper */

#wrapper {
	position:relative;
	overflow:hidden;
	margin:0 auto;
	width:960px;
	text-align:left;
	background:#ffffff url(images/wrapper_bg2.gif) 0px -15px repeat-x; 
	}

/* header */


#header {
	position:relative;
	margin:0 auto 0 auto;
	width:952px;
	height:231px;
	background:#fff;
	border:4px solid #B0A299;
	}

#logo {
	position:absolute;
	overflow:hidden;
	width:300px;
	height:98px;
	top:0;
	left:0;
	z-index:20;
	}

#logo a {
	position:absolute;
	top:0;
	left:-35px;
	display:block;
	width:324px;
	height:98px;
	text-decoration:none;
	background:url(images/logo.gif) top left no-repeat;
	}
	
#logo span {
	margin-left:-9999px;
	}


/* menu */

#header .menu {
	float:left;
	width:290px;
	margin:101px 20px 0 0;
	text-align:right;
	}

#header .menu li {
	display:block;
	float:left;
	width:290px;
	list-style-type:none;
	}

#header .menu li a {
	display:block;
	float:left;
	width:285px;
	font-size:0.9em;
	text-decoration:none;
	color:#666;
	padding-right:5px;
	}

#header .menu li a:hover, #header .menu li.active a{
	color:#e31b22;
	background:url(images/topmenu_streepje.gif) 100% 4px no-repeat;
	} 

/* rotating banner */

#bannerframe {
  	position:absolute;
	overflow:hidden;
  	top:0;
	left:318px;
	width:628px; 
    height:231px; 
	background:url(images/bannerframe3.png) top left no-repeat;
	z-index:10;
	}

#banner {  
	position:absolute;
	overflow:hidden;
    top:0;
	left:318px;
	width:628px; 
    height:231px; 
	z-index:5;
} 

#banner img {  
	top:0;
	left:0;
	width:628px; 
    height:231px;
	 
} 

/* breadcrumb en navbox */

#breadcrumb {
	position:relative;
	float:left;
	top:4px;
	left:30px;
	height:20px;
	width:550px;
	padding-left:30px;
	line-height:1em;
	color:#fff;
	background:url(images/breadcrumb_pijltje.gif) 0px 0px no-repeat;
	}

#breadcrumb a {
	color:#fff;
	}

#youarehere {
	color:#e31b22;
	}

#navbox {
	position:relative;
	float:right;
	height:34px;
	width:315px;
	}
	
#navbox a {
	float:left;
	margin:8px 10px 0 0;
	color:#fff;
	}
	
#navbox a.active {
	text-decoration:underline;
	}

#navbox .icon {
	float:left;
	margin:10px 3px 0 0;
	width:20px;
	height:16px;
	}

#search {
	position:absolute;
	top:5px;
	right:35px;
	height:24px;
	width:114px;
	background:url(images/input_bg.gif) top left no-repeat;
	padding:2px 5px;
	}

#navbox label {
	position:absolute;
	top:4px;
	left:87px;
	color:#fff;
	font-size:1.3em;
	}

#submit {
	position:absolute;
	top:10px;
	right:20px;
	}

/* content */

#content {
	position:relative;
	overflow:hidden;
	float:left;
	width:960px;
	background:url(images/leftcolumn_bg.gif) top left repeat-y;
	}

#leftcolumn {
	position:relative;
	overflow:hidden;
	float:left;
	width:280px; /* total width:310px; */
	padding:0 0px 30px 30px;
	}
	
#rightcolumn {
	position:relative;
	overflow:hidden;
	float:left;
	width:600px; /* total width:640px; */
	margin-left:10px;
	padding:5px 25px 10px 15px;
	}


/* leftcolumn */


#leftcolumn .title {
	float:left;
	overflow:hidden;
	width:270px;
	font-size:1.3em;
	color:#978a80;
	padding-bottom:5px;
	margin:10px 0 0 0;
	}

#leftcolumn a:hover {
	text-decoration:none;
	color:#b70000;
	}

#leftcolumn img {
	margin:10px 0;
	border:1px solid #86daff;
	}

.referencetext {
	display:block;
	clear:both;
	}

a#course_link, a#promo_link, a#reference_link {
	display:block;
	float:left;
	width:270px;
	margin-bottom:10px;
	text-align:right;
	font-size:0.9em;
	color:#978a80;
	}
	
#leftcolumn ul {
	display:block;
	overflow:hidden;
	float:left;
	width:270px;
	border-bottom:1px solid #ccc;
	padding-bottom:10px;
	list-style:none;
	}

#leftcolumn li {
	display:block;
	overflow:hidden;
	float:left;
	width:245px;
	padding-left:25px; 
	margin:3px 0;
	background:url(images/pijltje_wit.gif) 0px 4px no-repeat;
	}

#leftcolumn #teletask, #leftcolumn #download {
	float:left;
	}

#leftcolumn #download {
	margin-left:10px;
	}

#leftcolumn #teletask img, #leftcolumn #download img {
	border:none;
	}


#leftcolumn .menu {
	margin-top:10px;
}

#leftcolumn .menu li li {
	width:220px;
	}

#leftcolumn .menu li li li {
	width:195px;
	}

#leftcolumn .menu li li li li {
	width:170px;
	}

#leftcolumn .menu a {
	display:block;
	width:auto;
	}

#leftcolumn .menu ul  {
	width:auto;
	}

#leftcolumn .menu li.active a {
	color:#b70000;
	}

#leftcolumn .menu li.active li a {
	color:#333;
	}

#leftcolumn .menu li.active li a:hover, #leftcolumn .menu li.active li.active a  {
	color:#b70000;
	}

#leftcolumn .menu li li.active li a {
	color:#333;
	}

#leftcolumn .menu li li.active li a:hover, #leftcolumn .menu li.active li.active li.active a  {
	color:#b70000;
	}

/* cmscontent */

#cmscontent {
	font-size:1em;
	letter-spacing:0.5px;
	}

#cmscontent table td { padding:5px; }

#cmscontent a {
	border-bottom:1px solid #999;
	}
	
#cmscontent a.imagelink {
	border-bottom:none;
	}

#cmscontent a:hover {
	text-decoration:none;
	border-bottom:1px solid #ccc;
	}

#cmscontent ul li {
	list-style:inside;
	}

#cmscontent ul li li {
	margin-left:1em;
	}

#cmscontent img{
	margin:5px 10px 5px 0;
	border:none;
	}

#cmscontent img.left{
	float:left;
	margin:5px 10px 5px 0;
	}

#cmscontent img.right{
	float:right;
	margin:5px 0 5px 10px;
	}

#cmscontent .opleiding_inschrijflink {
	display:block;
	float:left;
	padding:5px 10px;
	margin:10px 0;
	background:#B0A299;
	border:none;
	color:#fff;
	cursor:pointer;
	}

#cmscontent .opleiding_inschrijflink:hover { /* no ie6 sorry */
	background:#B70000;
	color:#fff;
	border:none;
	}

.inschrijfvolzet {
	display:block;
	font-weight:bold;
	}

/* homepage */

#products {
	overflow:hidden;
	float:left;
	border-top:1px solid #ccc;
	margin-top:0;
	width:600px;
	}

.productbox {
	margin-top:20px;
	overflow:hidden;
	width:200px;
	float:left;
	padding-bottom:20px;
	}

.productbox a {
	color:#978a80;
	text-decoration:none;
	}
	
.productbox img {
	float:left;
	margin-left:25px;
	padding-bottom:10px;
	}

.productbox .title {
	display:block;
	height:50px;
	padding:0 20px 0 30px;
	font-size:1.2em;
	line-height:1.2em;
	color:#978a80;
	background:url(images/pijltje_wit_groot.gif) 0px 2px no-repeat;
	}

#rightcolumn .productbox ul {
	clear:left;
	list-style:disc outside;
	margin-left:38px;
	}

#rightcolumn .productbox ul li {
	margin-left:0;
	}	

#news {
	border-top:1px solid #ccc;
	overflow:hidden;
	float:left;
	width:600px;
	}

.newstitle {
	display:block;
	height:50px;
	margin-top:20px;
	padding-left:35px;
	color:#b70000;
	font-size:1.5em;
	background:url(images/news_icon.gif) top left no-repeat;
	}

.newsbox {
	overflow:hidden;
	width:560px;
	float:left;
	margin:0 0 15px 30px;
	padding-bottom:5px;
	border-bottom:1px solid #eee;
	}

.newsarchivebox {
	float:left;
	width:550px;
	margin-bottom:1em;
	}

.newsbox a {
	color:#978a80;
	text-decoration:none;
	}
	
.newsbox img {
	float:left;
	margin-left:0px;
	padding:5px 10px 5px 0;
	}

#rightcolumn .newsbox p {
	margin-left:0;
	}

.newsbox .date {
	display:block;
	float:right;
	width:100px;
	height:20px;
	text-align:right;
	color:#b70000;
	font-size:0.8em;
	}

.newsarchivebox .date{
	width:70px;
	}

.newsbox .title {
	display:block;
	float:left;
	padding:0 0 10px 0;
	width:450px;
	font-size:1.2em;
	line-height:1.2em;
	color:#978a80;
	cursor:pointer;
	}

.newsarchivebox .title{
	width:450px;
	}

.newsbox .content {
	display:block;
	clear:both;
	text-align:justify;
	color:#333;
	}

.newsarchivebox .content {
	float:left;
	clear:both;
	width:550px;
	padding-bottom:1em;
	}

.newsbox .readmore {
	color:#b70000;
	cursor:pointer;
	}

.newsarchivebox .readmore {
	display:block;
	float:left;
	clear:both;
	width:550px;
	}

#rightcolumn .newsbox a:hover .readmore {
	text-decoration:underline;
	}

#newsarchive_link {
	display:block;
	overflow:hidden;
	float:left;
	margin:1em 0 5px -4px;
	width:600px;
	text-align:right;
	color:#b70000
	}

.Pages {
	display:block;
	clear:both;
	margin-left:40px;
	list-style:none inside;
	}

.Pages li {
	float:left;
	margin-right:10px;
	padding-right:5px;
	border-right:1px solid #ccc;
	}

.Pages li {
	color:#666;
	}

.Pages li a {
	color:#333;
	border-bottom:1px solid #999;
	}

.Pages li a:hover {
	text-decoration:none;
	border-bottom:1px solid #ccc;
	}

/* download */

table#download {
	width:100%;	
}

table#download td {
	vertical-align:top;
}


table#download .downloadlink a {
	float:right;
	margin-right:5px;
	white-space:nowrap;
}
	

/* logo */

#footer {
	overflow:hidden;
	width:960px;
	height:90px;
	border-top:1px solid #ccc;
	background:#B0A299;
	}


#disclaimer {
	float:left;
	margin:20px;
	color:#ccc;
	}

#disclaimer a {
	color:#fff;
	font-size:0.7em;
	}

#waxlogo a {
	float:right;
	display:block;
	margin:20px;
	width:26px;
	height:50px;
	background:url(images/wax_logo_reflection_transp50.png) no-repeat top left;
	cursor:pointer;
	}

#waxlogo a:hover {
	background:url(images/wax_logo_reflection.png) no-repeat top left;
	}