@charset "utf-8";
/* CSS Document */

body{
	font-size: 87.5%;
	behavior:url(csshover3.htc) 
}

/*DEFINE STANDARDS (INCL. BACKGROUND)*/
body,html{
	margin: 0px auto;
	padding: 0px;
	text-align:center;
	font-family:Verdana;
	color:#000000;
	background: url(../images/bg/bg_new_repeat.jpg) #FFFFFF repeat-x top center;
}

html{
	font-size:1em;
	line-height:1.143em;
}

.mouseover{cursor: pointer;}

#container{
	margin: 0px auto;
	background: url(../images/bg/bg_new_repeat.jpg) repeat-x top center;
	padding: 0px;
	width:960px;
}

#bg{
	margin: 0px auto;
	background: url(../images/bg/bg_new_header2.jpg) no-repeat top center;
	padding: 0px;
	width:960px;
	position:relative;
}

table{
	border-collapse:collapse;
	text-align:left;
	margin: 0px auto;
}

img{
	margin: 0px auto;
	padding: 0px;
}

a{
	cursor:pointer;
}

/* get rid of those system borders being generated for A tags */
:active {
	outline:none;
}

:focus {
	-moz-outline-style:none;
} 

.nodisp{
	display:none;
}

.disp{
	display:block;
}

p{
	padding-top:5px;
	padding-bottom:10px;
	padding-left:0px;
	padding-right:0px;
	font-weight:normal;
	margin:0px auto;
	text-align:left;
	font-family:Arial;
	font-size:1em;
	line-height:1.143em;
}

p.centerdata{
	text-align:center;
}

p.last{
	margin-bottom:8px;
}

ul{
	font-family:Arial;
	font-size:1em;
	line-height:1.214em;
	list-style-position:outside;
	text-align:left;
}

ol{ 
	font-family:Arial;
	font-size:1em;
	line-height:1.214em;
	list-style:decimal;
	list-style-position:outside;
	text-align:left;
}

div.simple_overlay_content p{
	font-family:Arial;
	font-size:1em;
	line-height:1.214em;
	padding-left:36px;
	padding-right:36px;
	text-align:left;
	clear:left;
}

div.simple_overlay_content ol{padding-left:56px; }
div.simple_overlay_content ul{padding-left:56px; }
div.simple_overlay_content ul.lijst{padding-left:56px; }
div.simple_overlay_content ul.nostyle{padding-left:48px; }



#content p{
	font-family:Arial;
	font-size:1em;
	line-height:1.214em;
	padding-left:36px;
	padding-right:36px;
	clear:left;
}

#content p.pic{
	padding-right:240px;
}

#formulier p{
	font-family:Arial;
	font-size:1em;
	line-height:1.214em;
	padding-left:8px;
	padding-right:8px;
	clear:left;
}

#content-overge p{
	font-family:Arial;
	font-size:1em;
	line-height:1.214em;
	padding-left:8px;
	padding-right:190px;
	clear:left;
}

#content-vraag p{
	font-family:Arial;
	font-size:1em;
	line-height:1.214em;
	padding-left:8px;
	padding-right:8px;
	clear:left;
}


#content-extra p{
	font-family:Arial;
	font-size:1em;
	line-height:1.214em;
	padding-left:8px;
	padding-right:8px;
	clear:left;
}

#oi-home p{ 
	font-family:Arial;
	font-size:1em;
	line-height:1.214em;
	padding-left:0px;
}

#ic-home p{ 
	font-family:Arial;
	font-size:1em;
	line-height:1.214em;
}

#ge-home h3{ 
	font-family:Arial;
	font-size:1em;
	line-height:1.214em;
	margin-bottom:0px;
}

h1{	
	font-family:Verdana;
	font-size:1.714em;
	font-weight:normal;
}

h2{
	margin-top:2px;
	margin-bottom:10px;
	font-family:Verdana;
	color:#FFFFFF;
	font-size:1.143em;
}

h3.title{
	margin-top:2px;
	margin-bottom:10px;
	font-family:Verdana;
	color:#FFFFFF;
	font-size:1.143em;
}


h3.title-vraag{
	margin-top:2px;
	margin-bottom:10px;
	font-family:Verdana;
	color:#FFFFFF;
	font-size:1em;
	line-height:1.143em;
}

h3{
	margin-top:0px;
	font-size:1.143em;
	margin-top:2px;
	margin-bottom:10px;
}

h4{
	margin-top:0px;
	font-size:1em;
	margin-bottom:8px;
}

.grey{
	color:#D2D3D4;
}

.darkgrey{
	color:#9da0a2;
}

.blue{
	color:#00467F;
}

.blue-opacity{
	color:#80a3bf;
}

a.blue-opacity, a.blue-opacity:visited{
	color:#80a3bf;
	text-decoration:none;
}

a.blue-opacity:hover{
	color:#80a3bf;
	text-decoration:underline;
}

a:hover span.blue-opacity{
	color:#00467F;
}

.red{
	color:#93342F;
}

.red-opacity{
	color:#C99A97;
}

a.red-opacity, a.red-opacity:visited{
	color:#C99A97;
	text-decoration:none;
}

a.red-opacity:hover{
	color:#C99A97;
	text-decoration:underline;
}

a:hover span.red-opacity{
	color:#93342F;
}

.yellow{
	color:#C0792A;
}

.yellow-opacity{
	color:#e0bc95;
}

a.yellow-opacity, a.yellow-opacity:visited{
	color:#e0bc95;
	text-decoration:none;
}

a.yellow-opacity:hover{
	color:#e0bc95;
	text-decoration:underline;
}

a:hover span.yellow-opacity{
	color:#C0792A;
}

hr.blue{
	width:100%;
	color:#00467F;
	background-color:#00467F;
	margin:0px auto;
	padding-bottom:9px;
	padding:0px;
	border-bottom:none;
	border-top:none;
	border-left:none;
	border-right:0px;
	height:2px;
	float:left;
}

hr.red{
	width:100%;
	color:#93342F;
	background-color:#93342F;
	margin:0px auto;
	padding-bottom:9px;
	padding:0px;
	border-bottom:none;
	border-top:none;
	border-left:none;
	border-right:0px;
	height:2px;
	float:left;
}

hr.yellow{
	width:100%;
	color:#C0792A;
	background-color:#C0792A;
	margin:0px auto;
	padding-bottom:9px;
	padding:0px;
	border-bottom:none;
	border-top:none;
	border-left:none;
	border-right:0px;
	height:2px;
	float:left;
}
/*CLEARFIX ALLE BROWSERS*/

/* float clearing for IE6 */
* html .clearfix{
  height: 1%;
  overflow: visible;
}

/* float clearing for IE7 */
*+html .clearfix{
  min-height: 1%;
}

/* float clearing for everyone else */
.clearfix:after{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}

/*DEFINE BLOCKS-STANDARDS*/

.clearleft{
	clear:left;
}

.clearright{
	clear:right;
}

/*HEADER BLOCK + PNG LOGO (+H1), CONTACTGEGEVENS*/

#header{
	margin: 0px auto;
	width:960px;
	text-align:right;
	position:relative;
	min-height:156px;
	height:auto !important; /*ie6 fix*/
	height:156px; /*ie6 fix*/
	z-index:1000;
}

.logo{
	display:block;
	float:left;
	margin:0px auto;
	margin-top:8px;
	background: url(../images/pics/header/logo-header.png) no-repeat top left;
	width:142px;
	height:100px;
}

#logo-header{
	display:block;
	float:left;
	margin:0px auto;
	position:absolute;
	top:8px;
	left:0px;
	/*background: url(../images/pics/header/logo-header.png) no-repeat top left;*/
	width:142px;
	height:100px;
}

#logo-header h1{
	margin-top:-200px;
	font-size:0px;
}

#logo-header img{
	display:block;
	left:0px;
	position:absolute;
	top:0px;
}

.logo-header-sr{
	display:block;
	position:absolute;
	top:0px;
	left:322px;
	z-index:200;
	margin:0px auto;
	background:url(../images/pics/header/logo-header-sr.png) no-repeat top left;
	width:240px;
	height:50px;
	margin-top:8px;
}

.logo-header-st{
	display:block;
	position:absolute;
	top:0px;
	left:330px;
	z-index:200;
	margin:0px auto;
	background:url(../images/pics/header/logo-header-st.png) no-repeat top left;
	width:240px;
	height:50px;
	margin-top:8px;
}

#header-holder{
	display:block;
	position:absolute;
	bottom:0px;
	left:0px;
	width:726px;
	margin:0px auto;
}

#tagline{
	display:block;
	float:right;
	text-align:center;
	width:576px;
	margin:0px auto;
	margin-bottom:9px;
	cursor:default;
}

#tagline h2{
	font-size:1.286em;
	line-height:1.714em;
	color:#00467F;
	margin-top:8px;
	font-family:Arial;
}

#menu-holder{
	display:block;
	float:right;
	width:726px;
	margin:0px auto;
}

#contactgegevens{
	display:block;
	float:right;
	margin:0px auto;
	margin-top:8px;
	text-align:left;
	margin-bottom:20px;
	font-size:0.857em;
	width:226px;
	line-height:20px;;
	color:#0f487e;
}

#contactgegevens a, #contactgegevens a:visited{
	text-decoration:none;
	color:#0f487e;
}

#contactgegevens a:hover{
	text-decoration:underline;
}

#share-header{
	display:block;
	position:absolute;
	bottom:0px;
	right:0px;
}

/*CONTACT SYMBOLS*/

span.symbol-werkadres{
	display:block;
	float:left;
	font-size:1px;
	line-height:20px;
	width:20px;
	background:url(../images/symbols/werkadres.png) no-repeat center left;
}

span.symbol-postadres{
	display:block;
	float:left;
	font-size:1px;
	line-height:20px;
	width:20px;
	background:url(../images/symbols/postadres.png) no-repeat center left;
}

span.symbol-telefoon{
	display:block;
	float:left;
	font-size:1px;
	line-height:20px;
	width:20px;
	background:url(../images/symbols/telefoon.png) no-repeat center left;
	clear:left;
}

span.symbol-fax{
	display:block;
	float:left;
	font-size:1px;
	line-height:20px;
	width:20px;
	background:url(../images/symbols/fax.png) no-repeat center left;
	clear:left;
}

span.symbol-email{
	display:block;
	float:left;
	font-size:1px;
	line-height:20px;
	width:20px;
	background:url(../images/symbols/email.png) no-repeat center left;
}

span.symbol-route{
	display:block;
	float:left;
	font-size:1px;
	line-height:20px;
	width:20px;
	background:url(../images/symbols/route.png) no-repeat center left;
}

#ic-home span.symbol-telefoon-ic{
	display:block;
	font-family:Verdana;
	font-size:1em;
	line-height:20px;
	padding-left:20px;
	background:url(../images/symbols/telefoon-darkgrey.png) no-repeat center left;
	white-space:nowrap;
}

span.inschrijf-symbol-blue, span.inschrijf-symbol-red, span.inschrijf-symbol-yellow{
	display:block;
	float:left;
	margin:0px auto;
	width:40px;
	height:40px;
	background:none;
	position:relative;
	z-index:300;
}

a:hover span.inschrijf-symbol-blue{
	background-image:url(../images/symbols/inschrijven-blue.png);
	background-position:120px 0px;
}

a:hover span.inschrijf-symbol-red{
	background-image:url(../images/symbols/inschrijven-red.png);
	background-position:120px 0px;
}

a:hover span.inschrijf-symbol-yellow{
	background-image:url(../images/symbols/inschrijven-yellow.png);
	background-position:120px 0px;
}

span.symbol-direct-oi-red, span.symbol-direct-oi-blue, span.symbol-direct-oi-yellow, 
span.symbol-direct-ic-red, span.symbol-direct-ic-blue, span.symbol-direct-ic-yellow{
	display:block;
	float:left;
	margin:0px auto;
	width:40px;
	height:40px;
}

span.symbol-direct-oi-red, span.symbol-direct-ic-red{			background-image:url(../images/buttons/banana/direct-oi-ic-sprite-red.jpg);}
span.symbol-direct-oi-blue, span.symbol-direct-ic-blue{			background-image:url(../images/buttons/banana/direct-oi-ic-sprite-blue.jpg);}
span.symbol-direct-oi-yellow, span.symbol-direct-ic-yellow{		background-image:url(../images/buttons/banana/direct-oi-ic-sprite-yellow.jpg);}

a:hover span.symbol-direct-oi-red, a:hover span.symbol-direct-oi-blue, a:hover span.symbol-direct-oi-yellow{
	background-position:0px 0px;
}

span.symbol-direct-oi-red, span.symbol-direct-oi-blue, span.symbol-direct-oi-yellow{
	background-position:120px 0px;
}

a:hover span.symbol-direct-ic-red, a:hover span.symbol-direct-ic-blue, a:hover span.symbol-direct-ic-yellow{
	background-position:80px 0px;
}

span.symbol-direct-ic-red, span.symbol-direct-ic-blue, span.symbol-direct-ic-yellow{
	background-position:40px 0px;
}

div.kopje{
	display:block;
	position:relative;
	top:6px;
	left:6px;
	float:left;
	margin:0px auto;
	float:left;
}

.symbol-beschrijving-red, .symbol-investering-red, .symbol-programma-red, .symbol-resultaat-red, .symbol-winst-red, .symbol-tijdsbestek-red, .symbol-inschrijven-red, 
.symbol-beschrijving-blue, .symbol-investering-blue, .symbol-programma-blue, .symbol-resultaat-blue, .symbol-winst-blue, .symbol-tijdsbestek-blue, .symbol-inschrijven-blue,
.symbol-beschrijving-yellow, .symbol-investering-yellow, .symbol-programma-yellow, .symbol-resultaat-yellow, .symbol-winst-yellow, .symbol-tijdsbestek-yellow,  .symbol-inschrijven-yellow{
	display:block;
	position:relative;
	float:left;
	top:0px;
	left:0px;
	height:30px;
	width:30px;
	padding-top:3px;
}

.symbol-beschrijving-red{background:url(../images/symbols/training/beschrijving-red.png) top left no-repeat;}
.symbol-beschrijving-blue{background:url(../images/symbols/training/beschrijving-blue.png) top left no-repeat;}
.symbol-beschrijving-yellow{background:url(../images/symbols/training/beschrijving-yellow.png) top left no-repeat;}

.symbol-investering-red{background:url(../images/symbols/training/investering-red.png) top left no-repeat;}
.symbol-investering-blue{background:url(../images/symbols/training/investering-blue.png) top left no-repeat;}
.symbol-investering-yellow{background:url(../images/symbols/training/investering-yellow.png) top left no-repeat;}

.symbol-programma-red{background:url(../images/symbols/training/programma-red.png) top left no-repeat;} 
.symbol-programma-blue{background:url(../images/symbols/training/programma-blue.png) top left no-repeat;} 
.symbol-programma-yellow{background:url(../images/symbols/training/programma-yellow.png) top left no-repeat;} 

.symbol-resultaat-red{background:url(../images/symbols/training/resultaat-red.png) top left no-repeat;}
.symbol-resultaat-blue{background:url(../images/symbols/training/resultaat-blue.png) top left no-repeat;}
.symbol-resultaat-yellow{background:url(../images/symbols/training/resultaat-yellow.png) top left no-repeat;}

.symbol-winst-red{background:url(../images/symbols/training/winst-red.png) top left no-repeat;}
.symbol-winst-blue{background:url(../images/symbols/training/winst-blue.png) top left no-repeat;}
.symbol-winst-yellow{background:url(../images/symbols/training/winst-yellow.png) top left no-repeat;}

.symbol-tijdsbestek-red{background:url(../images/symbols/training/tijdsbestek-red.png) top left no-repeat;}
.symbol-tijdsbestek-blue{background:url(../images/symbols/training/tijdsbestek-blue.png) top left no-repeat;}
.symbol-tijdsbestek-yellow{background:url(../images/symbols/training/tijdsbestek-yellow.png) top left no-repeat;}

.symbol-inschrijven-red{background:url(../images/symbols/training/inschrijven-red.png) top left no-repeat;}
.symbol-inschrijven-blue{background:url(../images/symbols/training/inschrijven-blue.png) top left no-repeat;}
.symbol-inschrijven-yellow{background:url(../images/symbols/training/inschrijven-yellow.png) top left no-repeat;}

/*FRAME BLOCK */

#frame{
	margin: 0px auto;
	width:960px;
	margin-top: 8px;
	text-align:left;
}

#frame-home{
	margin: 0px auto;
	width:960px;
	margin-top: 4px;
	text-align:left;
}

/*CONTENT BLOCK + NO BG CONTENT-HOME BLOCK*/
div.spacer{
	display:block;
	float:left;
	width:718px;
	height:8px;
}

#training-holder{
	display:block;
	position:relative;
}

#content{
	display:block;
	float:left;
	margin: 0px auto;
	background:none;
	width:718px;
	margin-right:8px;
	position:relative;
}

#content h3, #wiezijnwij h3, #algemenevoorwaarden h3{
	margin-bottom:0px;
	padding-bottom:3px;
}

#content div.width{
	width:702px;
}

#formulier{
	display:block;
	float:left;
	width:702px;
	margin-top:6px;
}

#formulier div.formulier{
	display:block;
	float:left;
	width:230px;
}

#formulier div.marginright{
	margin-right:6px;
}

* html #formulier div.marginright{
	margin-right:4px;
}


#formulier div.margintop{
	margin-top:6px;
}

#formulier div.minheight{
	min-height:358px;
	height:auto !important;
	height:358px;
}

#formulier textarea.leerwens{
	height:283px;
}

#formulier textarea.opmerking{
	height:100px;
}

#formulier select{
	width:210px;
}

#formulier h3{
	margin-top:0px;
	margin-bottom:4px;
	color:#FFFFFF;
	font-family:Arial;
	font-weight:normal;
	font-size:1em;
}

#formulier div.width{
	width:702px;
}

#formulier div.formwidth{
	width:214px;
}

#content-overge{
	display:block;
	float:left;
	margin: 0px auto;
	background:none;
	width:718px;
	margin-right:8px;
	position:relative;
}

#content-overge div.width{
	width:702px;
}

#algemenevoorwaarden2{
	padding-left:36px;
	padding-right:36px;
	text-align:left;
}

#algemenevoorwaarden ol{
	padding-right:8px;
}

#wiezijnwij2 p{
	padding-left:36px;
	padding-right:36px;
}

#wiezijnwij2 div{
	display:block;
	float:left;
	width:155px;
	padding-left:30px;
	min-height:200px;
	height:auto !important;
	height:200px;
}

#content-vraag{
	display:block;
	float:left;
	margin: 0px auto;
	background:none;
	width:718px;
	margin-right:8px;
	position:relative;
}

#content-vraag div.width{
	width:702px;
}

#content-vraag div.width2{
	width:614px;
}

#content-vraag div.vraag-holder{
	display:block;
	float:left;
	width:630px;
	padding-left:36px;
	margin:0px auto;
	margin-top:8px;
	margin-bottom:8px;
}

#content-home div.width{
	width:702px;
}

#content-home{
	display:block;
	float:left;
	margin: 0px auto;
	background:none;
	width:722px;
	margin-right:4px;
}

#content-extra{
	display:block;
	float:left;
	margin: 0px auto;
	margin-top:4px;
	background:none;
	width:718px;
	margin-bottom:4px;
	position:relative;
}

#content-extra div.fullwidth{
	display:block;
	float:left;
	width:718px;
}

#content-extra div.width{
	width:702px;
}

#content-extra div.pic-height{
	height:94px;
}

#content-extra div.bg-pic-red{
	background:url(../images/pics/blocks/effectiviteit-v2-big.jpg) top left no-repeat;
}

#content-extra div.bg-pic-yellow{
	background:url(../images/pics/blocks/communicatie-big.jpg) top left no-repeat;
}

#content-extra div.bg-pic-blue{
	background:url(../images/pics/blocks/workshops-big.jpg) top left no-repeat;
}

#content-extra a, #content-extra a:visited{
	text-decoration:none;
	color:#000000;
	font-weight:bold;
}

#content-extra a:hover{
	color:#9da0a2;
}

#content-extra a.blue:hover{
	color:#00467F;
}

#content-extra a.red:hover{
	color:#93342F;
}

#content-extra a.yellow:hover{
	color:#C0792A;
}

#content-extra span.kop{
	float:right;
	font-size:1.143em;
	width:345px;
	margin-top:8px;
	margin-left:20px;
}

/*HOME DEFINE BLOCK LINKS WITH OWN STYLE*/
/*shadow.css*/

#actie{
	display:block;
	float:left;
	margin:0px auto;
	height:100px;
	width:718px;
	margin-top:8px;
}

#actie h2{
	display:none;
}

#actie span.nodisplay{
	display:none;
}

#actie a, #actie a{
	display:block;
	width:718px;
	height:100px;
	margin:0px auto;
	background:url(../images/pics/actie/nieuwe-website.jpg) top left no-repeat;
}

#actie a:hover{
	background-position:left bottom;
}

#left-home{
	display:block;
	float:left;
	margin: 0px auto;
	background:none;
	width:234px;
}

#right-home{
	display:block;
	float:right;
	margin: 0px auto;
	background:none;
	width:480px;
	margin-left:4px;
}

#sr-home span.garanties, #st-home span.garanties{
	display:block;
	float:left;
	line-height:1.143em;
	width:16px;
	background:url(../images/pics/vinkjes/vinkje-blue-b.jpg) left center no-repeat;
	margin:0px auto;
	clear:left;
	margin-top:10px;
}

#sr-home span.garantieslijst, #st-home span.garantieslijst{
	display:block;
	float:left;
	width:309px;
	margin:0px auto;
	padding:0px;
	padding-left:10px;
	padding-top:10px;
	font-size:1.071em;
	font-weight:bold;
	color:#FFFFFF;
}

#sr-essent span.garanties, #sr-adv span.garanties, #sr-stud span.garanties, #sr-kids span.garanties, #sr-school span.garanties{
	display:block;
	float:left;
	line-height:1.143em;
	width:16px;
	background:url(../images/pics/vinkjes/vinkje-green-w.jpg) left center no-repeat;
	margin:0px auto;
	clear:left;
	margin-top:10px;
}

#sr-essent span.garantieslijst, #sr-adv span.garantieslijst, #sr-stud span.garantieslijst, #sr-kids span.garantieslijst, #sr-school span.garantieslijst{
	display:block;
	float:left;
	width:274px;
	margin:0px auto;
	padding:0px;
	padding-left:10px;
	padding-top:10px;
	font-size:1.071em;
	font-weight:bold;
	color:#00467F;
}

.logo-sr-small-png{
	display:block;
	float:left;
	margin:0px auto;
	background: url(../images/pics/logo-sr-small.png) no-repeat top left;
	width:140px;
	height:40px;
}

.logo-st-small-png{
	display:block;
	float:left;
	margin:0px auto;
	background: url(../images/pics/logo-st-small.png) no-repeat top left;
	width:140px;
	height:40px;
}

.logo-comm{
	display:block;
	float:left;
	margin:0px auto;
	background: url(../images/pics/logo-comm.png) no-repeat top left;
	width:160px;
	height:40px;
}

.logo-eff{
	display:block;
	float:left;
	margin:0px auto;
	background: url(../images/pics/logo-eff.png) no-repeat top left;
	width:160px;
	height:40px;
}

.logo-works{
	display:block;
	float:left;
	margin:0px auto;
	background: url(../images/pics/logo-works.png) no-repeat top left;
	width:160px;
	height:40px;
}


div.oi-inschrijf{
	display:block;
	float:left;
	margin:0px auto;
	padding-left:36px;
	width:630px;
	background:url(../images/pics/roi/empty-pole.jpg) top left no-repeat;
}

div.roi-inschrijf{
	display:block;
	float:left;
	margin:0px auto;
	margin-top:4px;
	width:630px;
	background:url(../images/pics/roi/empty-pole.jpg) -36px 0px no-repeat;
}

div.pole-holder{
	display:block;
	float:left;
	margin:0px auto;
	margin-top:10px;
	margin-bottom:2px;
	padding-left:25px;
	background:url(../images/pics/roi/pole-holder.jpg) top left no-repeat;
}

div.pole-name{
	display:block;
	float:left;
	margin:0px auto;
	height:32px;
	background:url(../images/pics/roi/pole-name.jpg) top left repeat-x;
	padding-top:17px;
	font-size:1.286em;
	color:#FFFFFF;
}

div.pole-end{
	display:block;
	float:left;
	margin:0px auto;
	height:50px;
	width:30px;
	background:url(../images/pics/roi/pole-end.jpg) top left no-repeat;
}

div.link-holder{
	display:block;
	float:left;
	padding-left:23px;
	padding-bottom:4px;
}

span.inschrijf-spacer{
	display:block;
	float:left;
	margin:0px auto;
	width:22px;
}

span.inschrijf-geld-red, span.inschrijf-geld-blue, span.inschrijf-geld-yellow{
	display:block;
	float:left;
	margin:0px auto;
	font-size:1.714em;
	color:#CCCCCC;
	padding-top:7px;
	position:relative;
	z-index:300;
}

span.inschrijf-tijd-red, span.inschrijf-tijd-blue, span.inschrijf-tijd-yellow{
	display:block;
	float:left;
	margin:0px auto;
	text-align:center;
	font-size:1.071em;
	line-height:1.071em;
	font-family:Arial;
	color:#CCCCCC;
	padding-top:7px;
	position:relative;
	z-index:300;
	font-weight:bold;
}

a:hover span.inschrijf-geld-blue, a:hover span.inschrijf-tijd-blue{
	color:#00467F;
}

a:hover span.inschrijf-geld-red, a:hover span.inschrijf-tijd-red{
	color:#93342F;
}

a:hover span.inschrijf-geld-yellow, a:hover span.inschrijf-tijd-yellow{
	color:#C0792A;
}

a span.datumtekst, a:visited span.datumtekst{
	float:left;
 	font-size:0.786em;
	color:#D2D3D4;
	padding-left:8px;
	text-decoration:none;
}

a:hover span.datumtekst{
	color: #80a3bf;
	text-decoration:none;
}

div.oi-training-table{
	display:block;
	float:left;
	margin:0px auto;
	padding-left:2px;
	width:442px;
}



#oi-home, #ic-home, #ge-home{
	display:block;
	float:left;
	margin:0px auto;
	margin-top:8px;
}

#oi-home div.width, #ic-home div.width{
	width:218px;
}

* html #oi-home{ margin-right:0px;}

* html #ic-home{ margin-right:0px;}

* html #oi-home div.width, * html #ic-home div.width{
	width:216px;
}

*+html #oi-home div.width, *+html #ic-home div.width{
	width:216px;
}

#oi-home h3, #ge-home h3{
	font-size:1em;
	font-weight:bold;
}

#oi-home h3{
	margin-top:6px;
	margin-bottom:6px;
	font-size:1em;
}

div.bg-gradient{
	background:url(../images/pics/blocks/gradient-home.jpg) bottom center repeat-x;
}

span.training{
	display:block;
	float:left;
	margin-bottom:4px;
}

#oi-menu{
	display:block;
	float:right;
}

a.data-1, a.data-1:visited, a.data-2, a.data-2:visited, a.data-3, a.data-3:visited{
	display:block;
	float:left;
	margin:0px auto;
	outline:none;
	text-decoration:none;
	position:relative;
}

span.data-holder-1{
	display:block;
	float:left;
	margin:0px auto;
	width:72px;
	position:relative;
}

span.data-holder-2{
	display:block;
	float:left;
	margin:0px auto;
	width:144px;
	position:relative;
}

span.data-holder-3{
	display:block;
	float:left;
	margin:0px auto;
	width:216px;
	position:relative;
}

#oi-menu span.data-holder-1{
	float:left;
	clear:both;
	position:relative;
	left:84px;
}

#oi-menu span.data-holder-2{
	float:left;
	position:relative;
	left:46px;
}

#oi-menu span.data-holder-3{
	float:left;
	position:relative;
	left:8px;
}

#oi-menu h3{
	margin-top:0px;
	display:block;
	float:right;
}

a.data-1, a.data-1:visited{
	width:72px;
}

a.data-2, a.data-2:visited{
	width:144px;
}

a.data-3, a.data-3:visited{
	width:216px;
}

a.data-training, a.data-training:visited{
	width:617px;
}

a.data-roi, a.data-roi:visited{
	width:630px;
	margin-top:8px;
}

a.data-1:hover, a.data-2:hover, a.data-3:hover{
	text-decoration:none;
}

a.data-1 span.boven, a.data-2 span.boven, a.data-3 span.boven{
	display:block;
	float:left;
	margin:0px auto;
	height:6px;
	font-size:1px;
	line-height:1px;
}

#oi-menu a.data-1 span.boven, #oi-menu a.data-2 span.boven, #oi-menu a.data-3 span.boven{
	float:left;
	clear:left;
	display:block;
	margin:0px auto;
	height:6px;
	font-size:1px;
	line-height:1px;
}

a.data-1 span.boven, #oi-menu a.data-1 span.boven{
	width:72px;
	background:url(../images/buttons/oi-data/oi-data-1-sprite-light.png) top left;
}

a.data-2 span.boven, #oi-menu a.data-2 span.boven{
	width:144px;
	background:url(../images/buttons/oi-data/oi-data-2-sprite-light.png) top left;
}

a.data-3 span.boven, #oi-menu a.data-3 span.boven{
	width:216px;
	background:url(../images/buttons/oi-data/oi-data-3-sprite-light.png) top left;
}

a.data-1:hover span.boven, a.data-2:hover span.boven, a.data-3:hover span.boven, #oi-menu a.data-1:hover span.boven, #oi-menu a.data-2:hover span.boven, #oi-menu a.data-3:hover span.boven{
	background-position: top right;
}

a.data-1 span.plus-1, a.data-2 span.plus-1, a.data-3 span.plus-1{
	display:block;
	position:absolute;
	top:11px;
	left:0px;
	width:144px;
	color:#D2D3D4;
	font-size:1.214em;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	z-index:50;
}

a.data-1 span.plus-2, a.data-2 span.plus-2, a.data-3 span.plus-2{
	display:block;
	position:absolute;
	top:11px;
	left:72px;
	width:144px;
	color:#D2D3D4;
	font-size:1.214em;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	z-index:100;
}

div.oi-training{
	float:left;
	width:216px;
	margin-bottom:4px;
}

a.data-1:hover span.plus-1, a.data-1:hover span.plus-2, a.data-2:hover span.plus-1, a.data-2:hover span.plus-2, a.data-3:hover span.plus-1, a.data-3:hover span.plus-2{
	color:#FFFFFF;
	text-decoration:none;
}

a{
	position:relative;
}

a.data-1 span.dag, a.data-2 span.dag, a.data-3 span.dag{
	display:block;
	float:left;
	margin:0px auto;
	color:#D2D3D4;
	width:100%;
	text-align:center;
	text-decoration:none;
	font-family:Verdana;
	font-size:25px;
	font-weight:bold;
	overflow:visible;
	position:relative;
	z-index:49;
	line-height:20px;
}

a.data-1:hover span.dag, a.data-2:hover span.dag, a.data-3:hover span.dag{
	color:#FFFFFF;
	text-decoration:none;
}

a.data-1 span.maand, a.data-2 span.maand, a.data-3 span.maand{
	display:block;
	float:left;
	position:relative;
	z-index:30;
	margin:0px auto;
	color:#9da0a2;
	width:100%;
	text-align:center;
	text-decoration:none;
	font-family:Arial;
	font-size:0.714em;
	line-height:11px;
	padding-top:2px;
	font-weight:bold;
	/*overflow:hidden;*/
}

a.data-1:hover span.maand, a.data-2:hover span.maand, a.data-3:hover span.maand{
	color:#FFFFFF;
	text-decoration:none;
}

a.data-1 span.first, a.data-2 span.first, a.data-3 span.first{
	display:block;
	float:left;
	margin:0px auto;
	width:70px;
	border-left: 2px solid #D2D3D4;
	background:none;
	position:relative;
}

a.data-1:hover span.first, a.data-2:hover span.first, a.data-3:hover span.first{
	background:#00467F;
	border-left: 2px solid #00467F;
}

a.data-1 span.centerdata, a.data-2 span.centerdata, a.data-3 span.centerdata{
	display:block;
	float:left;
	margin:0px auto;
	width:72px;
	background:none;
	position:relative;
}

a.data-1:hover span.centerdata, a.data-2:hover span.centerdata, a.data-3:hover span.centerdata{
	background:#00467F;
}

a.data-1 span.last, a.data-2 span.last, a.data-3 span.last{
	display:block;
	float:left;
	margin:0px auto;
	width:70px;
	border-right: 2px solid #D2D3D4;
	background:none;
	position:relative;
}

a.data-1:hover span.last, a.data-2:hover span.last, a.data-3:hover span.last{
	border-right: 2px solid #00467F;
	background:#00467F;
}

a.data-1 span.only, a.data-2 span.only, a.data-3 span.only{
	display:block;
	float:left;
	margin:0px auto;
	width:68px;
	border-left: 2px solid #D2D3D4;
	border-right: 2px solid #D2D3D4;
	background:none;
	position:relative;
}

#oi-menu a.data-1 span.only, #oi-menu a.data-2 span.only, #oi-menu a.data-3 span.only{
	float:left;
	clear:left;
}

a.data-1:hover span.only, a.data-2:hover span.only, a.data-3:hover span.only{
	border-left: 2px solid #00467F;
	border-right: 2px solid #00467F;
	background:#00467F;
}

a.data-1 span.beneden, a.data-2 span.beneden, a.data-3 span.beneden{
	display:block;
	float:left;
	margin:0px auto;
	height:6px;
	font-size:1px;
	line-height:1px;
}

#oi-menu a.data-1 span.beneden, #oi-menu a.data-2 span.beneden, #oi-menu a.data-3 span.beneden{
	float:left;
	clear:left;
}

a.data-1 span.beneden, #oi-menu a.data-1 span.beneden{
	width:72px;
	background:url(../images/buttons/oi-data/oi-data-1-sprite-light.png) bottom left;
}

a.data-2 span.beneden, #oi-menu a.data-2 span.beneden{
	width:144px;
	background:url(../images/buttons/oi-data/oi-data-2-sprite-light.png) bottom left;
}

a.data-3 span.beneden, #oi-menu a.data-3 span.beneden{
	width:216px;
	background:url(../images/buttons/oi-data/oi-data-3-sprite-light.png) bottom left;
}

a.data-1:hover span.beneden, a.data-2:hover span.beneden, a.data-3:hover span.beneden, #oi-menu a.data-1:hover span.beneden, #oi-menu a.data-2:hover span.beneden, #oi-menu a.data-3:hover span.beneden{
	background-position: bottom right;
}

#ic-home span.telefoon{
	line-height:1.429em;
}

#ic-home a, #ic-home a:visited{
	color:#000000;
	text-decoration:none;
}

#ic-home a:hover{
	color:#000000;
	text-decoration:none;
}

#ge-home div.width{
	width:944px;
}

* html #ge-home div.width{
	width:940px;
}

*+html #ge-home div.width{
	width:940px;
}

#ge-home div.ge-left{
	display:block;
	float:left;
	margin:0px auto;
	padding-left:0px;
	padding-right:4px;
	width:232px;
	padding-top:6px;
}

#ge-home div.logo{
	position:relative;
	left:45px;
}

#ge-home p.subtekst{
	font-size:0.857em;
	width:142px;
	padding-top:6px;
	padding-left:45px;
	padding-right:45px;
}

#ge-home div.ge-middle{
	display:block;
	float:left;
	margin:0px auto;
	padding-top:6px;
	padding-left:4px;
	padding-right:4px;
	width:346px;
}

#ge-home div.ge-right{
	display:block;
	float:left;
	margin:0px auto;
	padding-top:6px;
	padding-left:4px;
	padding-right:0px;
	width:350px;
}

/*CONTENT FILLING BLOCKS*/

#title{
	display:block;
	float:left;
}

div.title{
	display:block;
	float:left;
}

div.title a, div.title a:visited{
	color:#FFFFFF;
	text-decoration:none;
}

div.title a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}

.categorienaam, #categorienaam{
	display:block;
	float:right;
	margin-top:2px;
	margin-bottom:10px;
	font-family:Verdana;
	font-size:1.143em;
	font-weight:bold;
	padding-right:34px;
	text-align:right;
	color:#FFFFFF;
}

#categorienaam a, #categorienaam a:visited{color:#FFFFFF;}
#categorienaam a:hover{text-decoration:underline;}

#categorienaam a.blue-opacity, #categorienaam a.blue-opacity:visited{
	color:#80a3bf;
	text-decoration:none;
}

#categorienaam a.blue-opacity:hover{
	color:#80a3bf;
	text-decoration:underline;
}

#categorienaam a.red-opacity, #categorienaam a.red-opacity:visited{
	color:#C99A97;
	text-decoration:none;
}

#categorienaam a.red-opacity:hover{
	color:#C99A97;
	text-decoration:underline;
}

#categorienaam a.yellow-opacity, #categorienaam a.yellow-opacity:visited{
	color:#e0bc95;
	text-decoration:none;
}

#categorienaam a.yellow-opacity:hover{
	color:#e0bc95;
	text-decoration:underline;
}

div.symbol-red{
	display:block;
	height:34px;
	width:34px;
	background:url(../images/symbols/e.png) top right no-repeat;
	position:absolute;
	top:1px;
	right:1px;
	margin:0px auto;
	z-index:50;
}

div.symbol-yellow{
	display:block;
	height:34px;
	width:34px;
	background:url(../images/symbols/c.png) top right no-repeat;
	position:absolute;
	top:1px;
	right:1px;
	margin:0px auto;
	z-index:50;
}

div.symbol-blue{
	display:block;
	height:34px;
	width:34px;
	background:url(../images/symbols/w.png) top right no-repeat;
	position:absolute;
	top:1px;
	right:1px;
	margin:0px auto;
	z-index:50;
}

div.share{
	display:block;
	position:absolute;
	margin:0px auto;
	width:144px;
	bottom:10px;
	left:4px;
}

div.share-bottom{
	display:block;
	position:absolute;
	bottom:8px;
	left:312px;
	margin:0px auto;
	width:144px;
}

div.share-bottom-vraag{
	display:block;
	float:right;
	padding-right:252px;
	margin:0px auto;
	width:144px;
	margin-top:4px;
}

* html div.share{
	width:148px;
}

* html div.share-bottom{
	width:148px;
}

* html div.share-bottom-vraag{
	width:148px;
}

#eduhub{
	display:block;
	margin:0px auto;
	float:right;
	clear:right;
	padding: 0px;
	width: 202px;
	padding-right:8px;
	margin-top:8px;
	font-family:Arial,sans-serif;
	font-size:0.929em;
	clear:right;
	height:310px;
	overflow:hidden;
}

#eduhub div{
	float:left;
}

#eduhub div div{
	float:none;
}

#garanties{
	display:block;
	float:left;
	margin:0px auto;
	margin-top:8px;
	padding-bottom:32px;
	width:345px;
	font-weight:bold;
}

#garanties h3{
	color:#FFFFFF;
	margin-bottom:10px;
}

#garanties div.width{
	width:329px;
}

#garanties div.minheight{
	min-height:115px;
	height:auto !important;
	height:115px;
}

#garanties ul{list-style-position: outside; position:relative; padding-left:28px; padding-top:8px; list-style:circle; list-style-image:url(../images/pics/vinkjes/vinkje-green-w.jpg); width:264px; font-family:Verdana; font-size:1.071em; color:#00467F;}

#garanties ul.red{list-style-image:url(../images/pics/vinkjes/vinkje-red-w.jpg);}
#garanties ul.blue{list-style-image:url(../images/pics/vinkjes/vinkje-blue-w.jpg);}
#garanties ul.yellow{list-style-image:url(../images/pics/vinkjes/vinkje-yellow-w.jpg);}

#garanties li{padding-bottom:8px;}


*+html #garanties ul{
	padding-left:18px;
	width:274px;/*-10px*/

}

* html #garanties ul{
	padding-left:18px;
	width:274px;
}

*+html #garanties li{
	padding-left:10px;

}

* html #garanties li{
	padding-left:10px;
}

ul.garanties{list-style-position: outside; position:relative; padding-left:28px; padding-top:8px; list-style:circle; list-style-image:url(../images/pics/vinkjes/vinkje-blue.png); color:#00467F;}

ul.garanties li{padding-bottom:10px; line-height:1.143em; font-size:1.071em; font-weight:bold; font-family:Verdana, Arial;}

ul.garanties{
	
}

*+html #ic-home ul.garanties{
	padding-left:18px;


}

* html #ic-home ul.garanties{
	padding-left:18px;

}

*+html #ic-home ul.garanties li{
	padding-left:10px;

}

* html #ic-home ul.garanties li{
	padding-left:10px;
}

#ge-home ul.garanties{list-style-position: outside; position:relative; padding-left:28px; padding-top:8px; list-style:circle; list-style-image:url(../images/pics/vinkjes/vinkje-blue.png); width:318px; color:#00467F;}

#ge-home ul.garanties li{padding-bottom:10px; line-height:1.143em; font-size:1.071em; font-weight:bold; font-family:Verdana, Arial;}

*+html #ge-home ul.garanties{
	padding-left:18px;
	width:308px;/*-10px*/

}

* html #ge-home ul.garanties{
	padding-left:18px;
	width:308px;
}

*+html #ge-home ul.garanties li{
	padding-left:10px;

}

* html #ge-home ul.garanties li{
	padding-left:10px;
}

#content div.middle-red, #content div.middle-yellow, #content div.middle-blue{
	/*position:relative;*/
}

#content-overge ul ol{padding-left:28px;}
#content-overge ul.lijst ul{padding-left:28px;}
#content-overge ul.nostyle ul{padding-left:20px;}

#content-overge ul{clear:left;}
#content-overge ol{padding-left:28px;}
#content-overge ul.lijst{padding-left:28px;}
#content-overge ul.nostyle{padding-left:20px;}

#content-vraag ul ol{padding-left:28px;}
#content-vraag ul.lijst ul{padding-left:28px;}
#content-vraag ul.nostyle ul{padding-left:20px;}

#content-vraag ul{clear:left;}
#content-vraag ol{padding-left:28px;}
#content-vraag ul.lijst{padding-left:28px;}
#content-vraag ul.nostyle{padding-left:20px;}

#content-extra ul ol{padding-left:28px;}
#content-extra ul.lijst ul{padding-left:28px;}
#content-extra ul.nostyle ul{padding-left:20px;}

#content-extra ul{clear:left;}
#content-extra ol{padding-left:28px;}
#content-extra ul.lijst{padding-left:28px;}
#content-extra ul.nostyle{padding-left:20px;}

#content ol ol{padding-left:28px;}
#content ul.lijst ul{padding-left:28px;}
#content ul.nostyle ul{padding-left:20px;}

#content ol{padding-left:56px;}
#content ul{clear:left;}
#content ul.lijst{padding-left:56px;}
#content ul.nostyle{padding-left:48px;}

ul.lijst { font-family:Arial; list-style:disc; margin-bottom:10px; position:relative; line-height:1.143em; font-weight:normal; float:left; list-style-position:outside;}

ul.nostyle {font-family:Arial; list-style:none; margin-bottom:10px; position:relative; line-height:1.143em; font-weight:normal; float:left; list-style-position:outside; margin-bottom:10px;}

ul li.nostyle {font-family:Arial; list-style:none; position:relative; padding-right:20px; padding-bottom:2px;}

ul.lijst li, ul.nostyle li, ol li{ font-family:Arial; padding-bottom:2px;}

ol li{ list-style-type:upper-latin;}

ul.lijst li ul, ul.nostyle li ul{font-family:Arial; padding:0; margin:0; list-style:disc; margin-bottom:20px; position:relative; }

ul.lijst li.blue, ul.nostyle li.blue{color:#00467F;}

ul.lijst li.red, ul.nostyle li.red{color:#93342F;}

ul.lijst li.yellow, ul.nostyle li.yellow{color:#C0792A;}

#stamp-red, #stamp-blue, #stamp-yellow{
	display:block;
	position:absolute;
	top:31px;
	left:305px;
	margin:0px auto;
	height:135px;
	width:135px;
	z-index:50;
}

#stamp-red{
	background:url(../images/symbols/stamp-red.png) top left no-repeat;
}

#stamp-blue{
	background:url(../images/symbols/stamp-blue.png) top left no-repeat;
}

#stamp-yellow{
	background:url(../images/symbols/stamp-yellow.png) top left no-repeat;
}

#kostenbesparing{
	display:block;
	float:left;
	clear:left;
	margin-top:10px;
	width:520px;
	padding-left:36px;
	padding-right:36px;
}

#kostenbesparing th, #kostenbesparing td{
	border:1px solid black;
	padding:4px;
}

#kostenbesparing .noborder{
	border: none;
}

#winst{
	display:block;
	float:left;
	clear:left;
	width:339px;
	margin:0px auto;
	position:relative;
	left:36px;
}

#winst div.width{
	width:323px;
}

#winst div.height{
	height:68px;
}

#winst div.bg-pic{
	display:block;
	float:left;
	background:url(../images/pics/smartreading.jpg) top left no-repeat;
}

#winst h3{
	text-align:center;
	color:#FFFFFF;
}

#winst legend{
	margin:0px auto;
	margin-bottom:8px;
	padding-top:8px;
	font-weight:bold;
	font-size:1em;
	text-align:center;
	color:#93342F;
	border: none;
}

#winst div.left-winst{
	display:block;
	float:left;
	width:210px;
	clear:left;
	text-align:right;
}

#winst div.right-winst{
	display:block;
	float:left;
	width:110px;
	text-align:right;
	line-height:1.714em;
	font-weight:bold;
	color:#00467F;
	font-size:0.857em;
}

#winst div.uurtarief-left{
	width:250px;
}

#winst div.uurtarief-right{
	width:70px;
}

table.inschrijven{
	float:left;
	position:relative;
	left:36px;
	width:630px;
	margin-bottom:16px;
}

table.inschrijven th{
	padding-bottom:4px;
}

table.inschrijven td{
	padding-bottom:8px;
}

table.inschrijven a.blue, table.inschrijven a.blue:visited{
	text-decoration:none;
	color:#00467F;
}

table.inschrijven a.blue:hover{
	text-decoration:underline;
	color:#00467F;
}

table.inschrijven a.red, table.inschrijven a.red:visited{
	text-decoration:none;
	color:#93342F;
}

table.inschrijven a.red:hover{
	text-decoration:underline;
	color:#93342F;
}

table.inschrijven a.yellow, table.inschrijven a.yellow:visited{
	text-decoration:none;
	color:#C0792A;
}

table.inschrijven a.yellow:hover{
	text-decoration:underline;
	color:#C0792A;
}

/*OVERGE PAGINA*/
div.overge-gradient{
	display:block;
	float:left;
	margin:0px auto;
	width:718px;
	background: url(../images/pics/footer/footer-gradient.jpg) repeat-y top right;
}

#overge-pole div.minheight{
	min-height:340px;
	height:auto !important;
	height:340px;
}

#overge-pole{
	display:block;
	float:left;
	position:relative;
	margin: 0px auto;
	width:718px;
	background: url(../images/pics/footer/footer-pole.jpg) no-repeat bottom right;
}

#overge-quote
{
	display:block;
	float:left;
	margin:0px auto;
	font-family:"Times New Roman", Times, serif;
	font-size:24px;
	line-height:34px;
	color:#00467F;
	width:400px;
	margin-top:8px;
	margin-bottom:8px;
}

span.quote {
	font-size:40px;
	height:34px;
	line-height:0px;
	position:relative;
	top:10px;
}

/*RIGHT FUNCTIONS + MENU + BLOCKS*/

#functies{
	display:block;
	float:left;
	margin: 0px auto;
	width:234px;
}

#functies-home{
	display:block;
	float:left;
	margin: 0px auto;
	margin-top:4px;
	width:234px;
}

#functies legend, #functies-home legend{
	display:none;
	font-size:0px;
	line-height:0px;
	color:#FFFFFF;
}

#functies fieldset, #functies-home fieldset{
	margin:0px auto;
	padding:0px;
}

#functies fieldset.width{
	width:218px;
}

label{
	line-height:24px;
	font-size:0.857em;
	font-weight:bold;
	color:#00467F;
	padding-top:4px;
	padding-bottom:4px;
}

label.nieuwsbrief{
	float:left;
	line-height:18px;
	width:180px;
}

label.error{
	line-height:14px;
}

#contact{
	display:block;
	float:left;
	margin: 0px auto;
	width:234px;
}

#contact div.width{
	width:218px;
}

#contact div.minheight{
	min-height:342px;
	height:auto !important;
	height:342px;
}

#contact h3, #ic-home h3{
	text-align:center;
	color:#FFFFFF;
}

div.contact-tabs-vraag{
	display:block;
	float:left;
	height:80px;
	width:66px;
	margin-top:4px;
	margin-right:8px;
	padding:0px;
	position:relative;
	left:2px;
	text-indent:-999999em;
	background:url(../images/buttons/contact/contact-vraag-sprite.jpg) top left;
}

a.contact-tabs-vraag{
	display:block;
	float:left;
	height:80px;
	width:66px;
	margin-top:4px;
	margin-right:8px;
	padding:0px;
	position:relative;
	left:2px;
	text-indent:-999999em;
	background:url(../images/buttons/contact/contact-vraag-sprite.jpg) center left;
}

* html a.contact-tabs-vraag{
	margin-right:4px;
}

a.contact-tabs-vraag:hover{
	background-position:bottom left;
}

a.contact-tabs-bel, div.contact-tabs-bel{
	display:block;
	float:left;
	height:80px;
	width:66px;
	margin-top:4px;
	margin-right:8px;
	position:relative;
	left:2px;
	text-indent:-999999em;
	background:url(../images/buttons/contact/contact-bel-sprite.jpg) center left;
}

* html a.contact-tabs-bel{
	margin-right:4px;
}

a.contact-tabs-bel:hover{
	background-position:bottom left;
}

a.contact-tabs-nieuwsbrief, div.contact-tabs-nieuwsbrief{
	display:block;
	float:left;
	height:80px;
	width:66px;
	margin-top:4px;
	position:relative;
	left:2px;
	text-indent:-999999em;
	background:url(../images/buttons/contact/contact-nieuwsbrief-sprite.jpg) center left;
}

a.contact-tabs-nieuwsbrief:hover{
	background-position:bottom left;
}

ul.tabs a.current {
	background-position:top left;
}

ul.tabs li{float:left;}

#bel1{ display:none;}
#nieuws1{ display:none;}

#contact div.zakelijk{
	background:url(../images/pics/doelgroepen/zakelijk.png) top center no-repeat;
	height:100px;
	width:234px;
	display:block;
	float:left;
	z-index:600;
	position:relative;
}

#contact div.ouder-kind{
	background:url(../images/pics/doelgroepen/ouder-kind.png) top center no-repeat;
	height:100px;
	width:234px;
	display:block;
	float:left;
	z-index:600;
	position:relative;
}

#contact div.kind{
	background:url(../images/pics/doelgroepen/kind.png) top center no-repeat;
	height:100px;
	width:234px;
	display:block;
	float:left;
	z-index:600;
	position:relative;
}

#contact div.onderwijs{
	background:url(../images/pics/doelgroepen/onderwijs.png) top center no-repeat;
	height:100px;
	width:234px;
	display:block;
	float:left;
	z-index:600;
	position:relative;
}

#contact div.student{
	background:url(../images/pics/doelgroepen/student.png) top center no-repeat;
	height:100px;
	width:234px;
	display:block;
	float:left;
	z-index:600;
	position:relative;
}

#contact div.bg-gradient{
	background:url(../images/pics/blocks/gradient-functies.jpg) #FFFFFF bottom center repeat-x;
}

#wistudat{
	display:block;
	float:left;
	margin: 0px auto;
	margin-top: 8px;
	width:234px;
}

#wistudat div.minheight{
	min-height:350px;
	height:auto !important; 
	height:350px;	
}


#wistudat h3{
	text-align:center;
	color:#FFFFFF;
}

#wistudat h4{
	color:#00467F;
	margin-top:8px;
}

span.datum{
	font-size:0.857em;
	font-weight:bold;
}

#wistudat a, #wistudat a:visited{
	color:#00467F;
	text-decoration:underline;
}

#wistudat a:hover{
	color:#00467F;
	text-decoration:none;
}

#wistudat a.extra, #wistudat a.extra:visited{
	display:block;
	float:left;
	font-size:1em;
	line-height:1em;
	color:#00467F;
	font-weight:bold;
	text-decoration:none;
	margin-top:-1px;
}

#wistudat a.extra:hover{
	color:#FFFFFF;
	text-decoration:none;
}

#wistudat div.width{
	width:218px;
}

#wistudat hr{
	width:100%;
	color:#00467F;
	background-color:#00467F;
	margin:0px auto;
	padding-top:8px;
	padding:0px;
	border-bottom:none;
	border-top:none;
	border-left:none;
	border-right:0px;
	height:2px;
}

#contact hr{
	width:100%;
	color:#00467F;
	background-color:#00467F;
	margin:0px auto;
	padding:0px;
	border-bottom:none;
	border-top:none;
	border-left:none;
	border-right:0px;
	height:1px;
}

#wistudat div.bg-gradient{
	background:url(../images/pics/blocks/gradient-functies.jpg) bottom center repeat-x;
}

/*REFERENTIE BLOCK*/

#referentiebalk{
	margin: 0px auto;
	margin-top: 8px;
	width:960px;
	position:relative;
}

#referentiebalk div.width{
	width:944px;
}

#referentiebalk div.height{
	height:56px;
}

#referentiebalk div.overlay{
	display:block;
	position:absolute;
	bottom:0px;
	right:0px;
	background:url(../images/pics/referentiebalk/referentiebalk-overlay.png) bottom right no-repeat;
	width:960px;
	height:62px;
	z-index:200;
}

#referentiebalk div.bg-pic{
	display:block;
	float:left;
	background: url(../images/pics/footer/footer-gradient.jpg) repeat-y top right;
}

#referentiebalk h3{
	text-align:left;
	color:#FFFFFF;
}

/*FOOTER BLOCK*/

div.footer{
	margin: 0px auto;
	width:960px;
	margin-top:8px;
	margin-bottom:8px;
	text-align:left;
	font-size:1em;
	background: url(../images/pics/footer/footer-gradient.jpg) repeat-y top left;
}

div.footer-pole{
	margin: 0px auto;
	width:960px;
	background: url(../images/pics/footer/footer-pole.jpg) no-repeat bottom right;
}

div.footer a, div.footer a:visited{
	font-size:0.857em;
	text-decoration:none;
	color:#000000;
}

div.footer a:hover{
	color:#9da0a2;
}

div.footer a.blue:hover{
	color:#00467F;
}

div.footer a.red:hover{
	color:#93342F;
}

div.footer a.yellow:hover{
	color:#C0792A;
}

div.footer a.cat-red, div.footer a.cat-red:visited{
	font-size:1em;
	text-decoration:none;
	color:#93342F;
}

div.footer a.cat-red:hover{
	text-decoration:underline;
	color:#93342F;
}

div.footer a.cat-blue, div.footer a.cat-blue:visited{
	font-size:1em;
	text-decoration:none;
	color:#00467F;
}

div.footer a.cat-blue:hover{
	text-decoration:underline;
	color:#00467F;
}

div.footer a.cat-yellow, div.footer a.cat-yellow:visited{
	font-size:1em;
	text-decoration:none;
	color:#C0792A;
}

div.footer a.cat-yellow:hover{
	text-decoration:underline;
	color:#C0792A;
}

div.footer ul {padding:0; margin:0; list-style:circle; padding-left:15px; margin-bottom:20px;}

div.footer ul li ul{margin-bottom:0px;}

div.footer li{padding-top:8px;}

div.footer li.blue{color:#00467F;}

div.footer li.red{color:#93342F;}

div.footer li.yellow{color:#C0792A;}

div.footer div.width{
	width:944px;
}

div.footer-left{
	float:left;
	margin:0px auto;
	width:600px;
}

.footer-left-left{
	float:left;
	margin:0px auto;
	padding:8px;
	width:284px;
}

.footer-left-center{
	float:left;
	margin:0px auto;
	padding:8px;
	width:284px;
}

div.footer-right{
	float:right;
	margin:0px auto;
	min-width:344px;
	padding-bottom:340px;
	font-size:1em;
	line-height:20px;
}

.footer-contact{
	float:right;
	margin:0px auto;
	padding:8px;
	color:#00467F;
	position:relative;
	right:40px;
}

div.footer-right a, div.footer-right a:visited{
	font-size:1em;
	text-decoration:none;
	color:#00467F;
}

div.footer-right a:hover{
	text-decoration:underline;
	color:#00467F;
}

/*RIGHT MENU*/

#menurechts {
	float:left;
	padding: 0px;
	margin: 0px auto;
	width: 234px;
	margin-top: -20px;
}

#menurechts li {
	float: left;
	list-style:none;
}

#menurechts a {
	display: block;
	float: left;
	position:relative;
	outline: none;
	width: 234px;
	font-family:Verdana;
	/*font-size:1.143em;*/
	text-decoration:none;
	margin:0px auto;
	margin-top: 8px;
	text-align:center;
	color:#00467F;
	font-weight:bold;	
}

#menurechts a:hover {
	color:#FFFFFF;
}

#menurechts span.boven{
	display:block;
	float:left;
	background:url(../images/buttons/rightmenu/right-menu-sprite-blue.jpg) top left no-repeat;
	width:234px;
	height:6px;
	font-size:1px;
	line-height:1px;
}

#menurechts a:hover span.boven{
	background-position:top right;
}

#menurechts span.midden{
	display:block;
	float:left;
	border-left:2px solid #00467F;
	border-right:2px solid #00467F;
	width:218px;
	padding:4px;
	padding-left:6px;
	padding-right:6px;
	margin:0px auto;
	background:#FFFFFF;
}

#menurechts a:hover span.midden{
	background:#00467F;
}

#menurechts span.beneden{
	display:block;
	float:left;
	background:url(../images/buttons/rightmenu/right-menu-sprite-blue.jpg) bottom left no-repeat;
	width:234px;
	height:6px;
	font-size:1px;
	line-height:1px;
}

#menurechts a:hover span.beneden{
	background-position:bottom right;
}

/*EXTRA BUTTONS*/

a.extra-button, a.extra-button:visited{
	display: block;
	left:6px;
	position:absolute;
	bottom:0px;
	outline: none;
	width: 218px;
	font-family:Verdana;
	text-decoration:none;
	margin:0px auto;
	margin-top: 10px;
	text-align:center;
	color:#00467F;
	font-weight:bold;
	cursor:pointer;
}

a.extra-button:hover {
	color:#FFFFFF;
}

a.extra-button span.boven{
	display:block;
	float:left;
	background:url(../images/buttons/extra-knoppen-sprite-blue.png) top left no-repeat;
	width:218px;
	height:6px;
	font-size:1px;
	line-height:1px;
}

a.extra-button:hover span.boven{
	background-position:top right;
}

a.extra-button span.midden{
	display:block;
	float:left;
	border-left:2px solid #00467F;
	border-right:2px solid #00467F;
	width:202px;
	padding:0px;
	color:#00467F;
	font-size:1em;
	line-height:1em;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:6px;
	padding-right:6px;
	margin:0px auto;
	background:none;
	text-decoration:none;
}

a.extra-button:hover span.midden{
	background:#00467F;
	color:#FFFFFF;
	text-decoration:none;
}

a.extra-button span.beneden{
	display:block;
	float:left;
	background:url(../images/buttons/extra-knoppen-sprite-blue.png) bottom left no-repeat;
	width:218px;
	height:6px;
	font-size:1px;
	line-height:1px;
}

a.extra-button:hover span.beneden{
	background-position:bottom right;
}

/*EXTRA MENU-trainingpag e.d.*/
div.extra{
	margin:0px auto;
	float:right;
	padding: 0px;
	width: 252px;
	margin-top:8px;
	z-index:200;
	position:relative;
}

div.extra-training-top{
	margin:0px auto;
	float:right;
	padding: 0px;
	width: 282px;
	margin-top:8px;
	margin-bottom:36px;
	z-index:200;
	position:relative;
}

div.extra-training{
	margin:0px auto;
	float:right;
	padding: 0px;
	width: 282px;
	margin-top:-2px;
	margin-bottom:36px;
	z-index:200;
	position:relative;
}

div.extra-left{
	margin:0px auto;
	float:left;
	padding: 0px;
	width: 234px;
	margin-top:8px;
	margin-right:18px;
}

div.extramenu-red li, div.extramenu-yellow li, div.extramenu-blue li {
	float: right;
	list-style:none;
}

div.extramenu-red h3, div.extramenu-yellow h3, div.extramenu-blue h3 {
	float: right;
	text-align:center;
	width: 234px;
	font-family:Arial;
	font-size:0.929em;
	margin-top:20px;
	text-align:center;
}

div.extramenu-red a, div.extramenu-yellow a, div.extramenu-blue a, div.extramenu-red a:visited, div.extramenu-yellow a:visited, div.extramenu-blue a:visited{
	display: block;
	float:left;
	position:relative;
	outline: none;
	width: 234px;
	font-family:Verdana;
	font-weight:bold;
	text-decoration:none;
	margin:0px auto;
	padding-bottom: 8px;
	text-align:center;
	line-height:1.286em;
}

div.level a span.midden{
	font-size:1.071em;
	line-height:1.286em;
}

div.trainingen a span.midden{
	font-size:0.929em;
	line-height:1em;
}

div.extramenu-red a span.midden, div.extramenu-red a:visited span.midden{
	color:#93342F;
}

div.extramenu-blue a span.midden, div.extramenu-blue a:visited span.midden{
	color:#00467F;
}

div.extramenu-yellow a span.midden, div.extramenu-yellow a:visited span.midden{
	color:#C0792A;
}

div.extramenu-red a:hover span.midden, div.extramenu-yellow a:hover span.midden, div.extramenu-blue a:hover span.midden{
	color:#FFFFFF;
}

div.extramenu-red a:hover span.midden-banana, div.extramenu-blue a:hover span.midden-banana, div.extramenu-yellow a:hover span.midden-banana{
	color:#FFFFFF;
}

div.extramenu-red span.midden-banana{
	color:#93342F;
}

div.extramenu-blue span.midden-banana{
	color:#00467F;
}

div.extramenu-yellow span.midden-banana{
	color:#C0792A;
}

div.extramenu-red span.boven, div.extramenu-yellow span.boven, div.extramenu-blue span.boven, div.extramenu-red span.boven-banana, div.extramenu-yellow span.boven-banana, div.extramenu-blue span.boven-banana{
	display:block;
	float:left;
	width:234px;
	height:6px;
	line-height:1px;
	font-size:1px;
}

div.extramenu-blue span.boven{
	background:url(../images/buttons/rightmenu/right-menu-sprite-blue.jpg) top left no-repeat;
}

div.extramenu-red span.boven{
	background:url(../images/buttons/rightmenu/right-menu-sprite-red.jpg) top left no-repeat;
}

div.extramenu-yellow span.boven{
	background:url(../images/buttons/rightmenu/right-menu-sprite-yellow.jpg) top left no-repeat;
}

div.extramenu-red a:hover span.boven, div.extramenu-blue a:hover span.boven, div.extramenu-yellow a:hover span.boven{
	background-position:top right;
}

div.extramenu-blue span.boven-banana{
	background:url(../images/buttons/rightmenu/right-menu-sprite-blue.jpg) top left no-repeat;
}

div.extramenu-red span.boven-banana{
	background:url(../images/buttons/rightmenu/right-menu-sprite-red.jpg) top left no-repeat;
}

div.extramenu-yellow span.boven-banana{
	background:url(../images/buttons/rightmenu/right-menu-sprite-yellow.jpg) top left no-repeat;
}

div.extramenu-red a:hover span.boven-banana, div.extramenu-blue a:hover span.boven-banana, div.extramenu-yellow a:hover span.boven-banana{
	background-position:top right;
}

div.extramenu-red span.midden, div.extramenu-blue span.midden, div.extramenu-yellow span.midden, div.extramenu-red span.midden-banana, div.extramenu-blue span.midden-banana, div.extramenu-yellow span.midden-banana{
	display:block;
	float:left;
	width:218px;
	padding:4px;
	padding-left:6px;
	padding-right:6px;
	margin:0px auto;
}

div.extramenu-red span.midden-banana, div.extramenu-blue span.midden-banana, div.extramenu-yellow span.midden-banana{
	font-family:Arial;
	font-size:1.714em;
	line-height:20px;
}

div.extramenu-red span.midden, div.extramenu-red span.midden-banana{
	border-left:2px solid #93342F;
	border-right:2px solid #93342F;
}

div.extramenu-blue span.midden, div.extramenu-blue span.midden-banana{
	border-left:2px solid #00467F;
	border-right:2px solid #00467F;
}

div.extramenu-yellow span.midden, div.extramenu-yellow span.midden-banana{
	border-left:2px solid #C0792A;
	border-right:2px solid #C0792A;
}

div.extramenu-red span.midden, div.extramenu-blue span.midden, div.extramenu-yellow span.midden{
	background:#FFFFFF;
}

div.extramenu-red a:hover span.midden{
	background:#93342F;
}

div.extramenu-blue a:hover span.midden{
	background:#00467F;
}

div.extramenu-yellow a:hover span.midden{
	background:#C0792A;
}

div.extramenu-red a:hover span.midden-banana{
	background:#93342F;
}

div.extramenu-blue a:hover span.midden-banana{
	background:#00467F;
}

div.extramenu-yellow a:hover span.midden-banana{
	background:#C0792A;
}

div.extramenu-red span.midden-banana, div.extramenu-blue span.midden-banana, div.extramenu-yellow span.midden-banana{
	background:#FFFFFF;
}

div.extramenu-red span.beneden, div.extramenu-yellow span.beneden, div.extramenu-blue span.beneden, div.extramenu-red span.beneden-banana, div.extramenu-yellow span.beneden-banana, div.extramenu-blue span.beneden-banana{
	display:block;
	float:left;
	width:234px;
	height:6px;
	line-height:1px;
	font-size:1px;
}

div.extramenu-blue span.beneden{
	background:url(../images/buttons/rightmenu/right-menu-sprite-blue.jpg) bottom left no-repeat;
}

div.extramenu-red span.beneden{
	background:url(../images/buttons/rightmenu/right-menu-sprite-red.jpg) bottom left no-repeat;
}

div.extramenu-yellow span.beneden{
	background:url(../images/buttons/rightmenu/right-menu-sprite-yellow.jpg) bottom left no-repeat;
}

div.extramenu-red a:hover span.beneden, div.extramenu-blue a:hover span.beneden, div.extramenu-yellow a:hover span.beneden{
	background-position:bottom right;
}

div.extramenu-blue span.beneden-banana{
	background:url(../images/buttons/rightmenu/right-menu-sprite-blue.jpg) bottom left no-repeat;
}

div.extramenu-red span.beneden-banana{
	background:url(../images/buttons/rightmenu/right-menu-sprite-red.jpg) bottom left no-repeat;
}

div.extramenu-yellow span.beneden-banana{
	background:url(../images/buttons/rightmenu/right-menu-sprite-yellow.jpg) bottom left no-repeat;
}

div.extramenu-red a:hover span.beneden-banana, div.extramenu-blue a:hover span.beneden-banana, div.extramenu-yellow a:hover span.beneden-banana{
	background-position:bottom right;
}

/*WIDEMENU-smartreading pagina e.d.*/
#widemenu-red, #widemenu-blue, #widemenu-yellow{
	margin:0px auto;
	float:left;
	padding: 0px;
	width: 440px;
	margin-top:8px;
	padding-left:8px;
}

#widemenu-red li, #widemenu-blue li, #widemenu-yellow li{
	float: left;
	list-style:none;
}

#widemenu-red a, #widemenu-red a:visited, #widemenu-blue a, #widemenu-blue a:visited, #widemenu-yellow a, #widemenu-yellow a:visited{
	display: block;
	float: left;
	position:relative;
	outline: none;
	width: 440px;
	font-family:Verdana;
	font-size:1.143em;
	font-weight:bold;
	text-decoration:none;
	margin:0px auto;
	margin-bottom: 8px;
	text-align:center;
	line-height:1.286em;
	color:#FFFFFF;
}

#widemenu-red a:hover{
	color:#93342F;
}

#widemenu-blue a:hover{
	color:#00467F;
}

#widemenu-yellow a:hover{
	color:#C0792A;
}

#widemenu-red span.boven{
	display:block;
	float:left;
	width:440px;
	height:6px;
	line-height:1px;
	font-size:1px;
	background:url(../images/buttons/widemenu/wide-menu-sprite-red.jpg) top right no-repeat;
}

#widemenu-blue span.boven{
	display:block;
	float:left;
	width:440px;
	height:6px;
	line-height:1px;
	font-size:1px;
	background:url(../images/buttons/widemenu/wide-menu-sprite-blue.jpg) top right no-repeat;
}

#widemenu-yellow span.boven{
	display:block;
	float:left;
	width:440px;
	height:6px;
	line-height:1px;
	font-size:1px;
	background:url(../images/buttons/widemenu/wide-menu-sprite-yellow.jpg) top right no-repeat;
}

#widemenu-red a:hover span.boven, #widemenu-blue a:hover span.boven, #widemenu-yellow a:hover span.boven{
	background-position:top left;
}

#widemenu-red span.midden{
	display:block;
	float:left;
	width:424px;
	padding:4px;
	padding-left:6px;
	padding-right:6px;
	margin:0px auto;
	font-size:1.357em;
	line-height:1.429em;
	border-left:2px solid #93342F;
	border-right:2px solid #93342F;
	background:#93342F;
	color:#FFFFFF;
}

#widemenu-red a:hover span.midden{
	background:#FFFFFF;
	color:#93342F;
}

#widemenu-blue span.midden{
	display:block;
	float:left;
	width:424px;
	padding:4px;
	padding-left:6px;
	padding-right:6px;
	margin:0px auto;
	font-size:1.357em;
	line-height:1.429em;
	border-left:2px solid #00467F;
	border-right:2px solid #00467F;
	background:#00467F;
	color:#FFFFFF;
}

#widemenu-blue a:hover span.midden{
	background:#FFFFFF;
	color:#00467F;
}

#widemenu-yellow span.midden{
	display:block;
	float:left;
	width:424px;
	padding:4px;
	padding-left:6px;
	padding-right:6px;
	margin:0px auto;
	font-size:1.357em;
	line-height:1.429em;
	border-left:2px solid #C0792A;
	border-right:2px solid #C0792A;
	background:#C0792A;
	color:#FFFFFF;
}

#widemenu-yellow a:hover span.midden{
	background:#FFFFFF;
	color:#C0792A;
}

#widemenu-red span.beneden{
	display:block;
	float:left;
	width:440px;
	height:6px;
	line-height:1px;
	font-size:1px;
	background:url(../images/buttons/widemenu/wide-menu-sprite-red.jpg) bottom right no-repeat;
}

#widemenu-blue span.beneden{
	display:block;
	float:left;
	width:440px;
	height:6px;
	line-height:1px;
	font-size:1px;
	background:url(../images/buttons/widemenu/wide-menu-sprite-blue.jpg) bottom right no-repeat;
}

#widemenu-yellow span.beneden{
	display:block;
	float:left;
	width:440px;
	height:6px;
	line-height:1px;
	font-size:1px;
	background:url(../images/buttons/widemenu/wide-menu-sprite-yellow.jpg) bottom right no-repeat;
}

#widemenu-red a:hover span.beneden, #widemenu-blue a:hover span.beneden, #widemenu-yellow a:hover span.beneden{
	background-position:bottom left;
}


.simple_overlay-red {
	display:block;
	z-index:100010;
	background:url(../images/overlay/whitebg-red-border.png) top left no-repeat;
	width:594px;
	padding:31px;
	height:464px;
	margin-bottom:200px;
}

.simple_overlay-red-java {
	display:none;
	z-index:100010;
	background:url(../images/overlay/whitebg-red-border.png) top left no-repeat;
	width:594px;
	padding:31px;
	height:464px;
}

.simple_overlay-blue {
	display:block;
	z-index:100010;
	background:url(../images/overlay/whitebg-blue-border.png) top left no-repeat;
	width:594px;
	padding:31px;
	height:464px;
	margin-bottom:200px;
}

.simple_overlay_overge-blue {
	display:block;
	z-index:100010;
	background:url(../images/overlay/whitebg-blue-border.png) top left no-repeat;
	width:594px;
	padding:31px;
	height:464px;
}

.simple_overlay-blue-java {
	display:none;
	z-index:100010;
	background:url(../images/overlay/whitebg-blue-border.png) top left no-repeat;
	width:594px;
	padding:31px;
	height:464px;
}

.simple_overlay-yellow {
	display:block;
	z-index:100010;
	background:url(../images/overlay/whitebg-yellow-border.png) top left no-repeat;
	width:594px;
	padding:31px;
	height:464px;
	margin-bottom:200px;
}

.simple_overlay-yellow-java {
	display:none;
	z-index:100010;
	background:url(../images/overlay/whitebg-yellow-border.png) top left no-repeat;
	width:594px;
	padding:31px;
	height:464px;
}

.simple_overlay_content {
	display:block;
	width:594px;
	height:464px;
	overflow-y:auto;
}

.simple_overlay-red-java .close, .simple_overlay-blue-java .close, .simple_overlay-yellow-java .close{
	background-image:url(../images/overlay/close.png);
	position:absolute;
	right:7px;
	top:7px;
	cursor:pointer;
	height:35px;
	width:35px;
	text-indent:-999999em;
}

/*ROI*/
div.trainingroi{
	display:block;
	float:left;
	position:relative;
	margin:0px auto;
	overflow:hidden;
}

div.trainingroi div.width{
    width:702px; /*full width - (2 * 10px)*/
}

div.trainingroi div.minheight{
	min-height:195px;
	height:auto !important; /*ie6 fix*/
	height:195px; /*ie6 fix*/
}

div.trainingoi div.minheight{
	min-height:195px;
	height:auto !important; /*ie6 fix*/
	height:195px; /*ie6 fix*/
}

/*FORMS*/
input[type=text]{
	font-size:1em;
	line-height:1em;
	font-family:Verdana;
	color:#00467F;
}

input.breed{
	width:210px;
}


input.smal1{
	width:125px;
}


* html input.smal1{
	width:80px;
}

input.smal2{
	width:70px;
}

select{
	font-size:1em;
	line-height:1em;
	font-family:Verdana;
	color:#00467F;
}
optgroup{
	font-style:normal;
}

textarea{
	width:210px;
	height:100px;
	font-size:1em;
	line-height:1.429em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#00467F;
}

#winst input[type=text]{
	width:30px;
	font-size:0.857em;
	line-height:1em;
	font-family:Verdana;
	color:#00467F;
}

#winst select{
	font-size:0.857em;
	line-height:1em;
	font-family:Verdana;
	color:#00467F;
	width:100px;
	text-align:right;
}

#content-vraag select{
	font-size:1em;
	line-height:1em;
	font-family:Verdana;
	color:#00467F;
}

#content-vraag label{
	padding-left:8px;
}

div.zoek{
	display:block;
	float:right;
	margin:0px auto;
	margin-top:8px;
	margin-bottom:20px;
	margin-left:20px;
	width:300px;
}

div.inputholder{
	display:block;
	float:left;
	margin:0px auto;
	width:260px;
	background:#FFFFFF;
}

div.zoektop{
	display:block;
	float:left;
	height:6px;
	width:260px;
	background:url(../images/pics/form/zoek/input.jpg) top left no-repeat;
}

div.input{
	display:block;
	float:left;
	border-left:1px solid #7e9db9;
	border-right:1px solid #7e9db9;
	width:254px;
	padding-left:4px;
}

div.zoekbottom{
	display:block;
	float:left;
	height:7px;
	width:260px;
	background:url(../images/pics/form/zoek/input.jpg) bottom left no-repeat;
}

form button{
	background:url(../images/pics/form/submit-buttons/verstuur.jpg) no-repeat left top;
	border:medium none;
	cursor:pointer;
	height:28px;
	text-indent:-999em;
	width:75px;
	float:left;
	margin-top:4px;
}

form button:hover{
	background-position:left bottom;
}

form button.aanvraag-versturen:hover, form button.bereken-de-winst:hover, form button.houd-mij-op-de-hoogte:hover, form button.inschrijven:hover, form button.meld-mij-aan:hover, form button.verstuur-mijn-aanvraag:hover, form button.verstuur-mijn-vraag:hover, form button.volgende-stap:hover, form button.vorige-stap:hover{
	background-position:left bottom;
}

form button.aanvraag-versturen{
	background:url(../images/pics/form/submit-buttons/aanvraag-versturen.jpg) no-repeat left top;
	width:151px;
}

form button.bereken-de-winst{
	background:url(../images/pics/form/submit-buttons/bereken-de-winst.jpg) no-repeat left top;
	width:135px;
}

form button.houd-mij-op-de-hoogte{
	background:url(../images/pics/form/submit-buttons/houd-mij-op-de-hoogte.jpg) no-repeat left top;
	width:173px;
}

form button.inschrijven{
	background:url(../images/pics/form/submit-buttons/inschrijven.jpg) no-repeat left top;
	width:92px;
}

form button.meld-mij-aan{
	background:url(../images/pics/form/submit-buttons/meld-mij-aan.jpg) no-repeat left top;
	width:104px;
}

form button.verstuur-mijn-aanvraag{
	background:url(../images/pics/form/submit-buttons/verstuur-mijn-aanvraag.jpg) no-repeat left top;
	width:177px;
}

form button.verstuur-mijn-vraag{
	background:url(../images/pics/form/submit-buttons/verstuur-mijn-vraag.jpg) no-repeat left top;
	width:152px;
}

form button.volgende-stap{
	background:url(../images/pics/form/submit-buttons/volgende-stap.jpg) no-repeat left top;
	width:113px;
}

form button.vorige-stap{
	background:url(../images/pics/form/submit-buttons/vorige-stap.jpg) no-repeat left top;
	width:94px;
}

div.zoek button{
	background:url(../images/pics/form/zoek/zoekbutton-sprite.jpg) no-repeat left top;
	border:medium none;
	cursor:pointer;
	height:40px;
	text-indent:-999em;
	width:40px;
	float:left;
	margin:0px auto;
}

div.zoek input[type=text]{
	width:250px;
	font-size:1.429em;
	line-height:1.429em;
	font-family:Verdana;
	color:#00467F;
	border:medium none;
}
div.zoek button:hover{
	background-position:left bottom;
}

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 944px;
	height:66px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.items div {
	float:left;
	width:944px;
	margin-top:8px;
}

/* position and dimensions of the navigator */
.navi {
	height:20px;
	position:absolute;
	z-index:400;
	bottom:-10px;
	right:0px;
}


/* items inside navigator */
.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../images/buttons/java/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.navi a.active {
	background-position:0 -16px;     
}

#chained img{
	margin-right:36px;
}

span.disclaimer{
	font-size: 0.857em;
	float:left;
	font-family:Arial;
	width:210px;
}

/*FAQ*/
#accordion h3{
	cursor:pointer;	
}

/*CMS controlpage*/

div.controlpage{
	margin: 0px auto;
	width:960px;
	margin-top:8px;
	margin-bottom:8px;
	text-align:left;
	font-size:1em;
	padding-top:8px;
}

div.controlpage a, div.controlpage a:visited{
	font-size:0.857em;
	text-decoration:none;
	color:#000000;
}

div.controlpage a:hover{
	color:#9da0a2;
}

div.controlpage a.blue:hover{
	color:#00467F;
}

div.controlpage a.red:hover{
	color:#93342F;
}

div.controlpage a.yellow:hover{
	color:#C0792A;
}

div.controlpage a.cat-red, div.controlpage a.cat-red:visited{
	font-size:1em;
	text-decoration:none;
	color:#93342F;
}

div.controlpage a.cat-red:hover{
	text-decoration:underline;
	color:#93342F;
}

div.controlpage a.cat-blue, div.controlpage a.cat-blue:visited{
	font-size:1em;
	text-decoration:none;
	color:#00467F;
}

div.controlpage a.cat-blue:hover{
	text-decoration:underline;
	color:#00467F;
}

div.controlpage a.cat-yellow, div.controlpage a.cat-yellow:visited{
	font-size:1em;
	text-decoration:none;
	color:#C0792A;
}

div.controlpage a.cat-yellow:hover{
	text-decoration:underline;
	color:#C0792A;
}

div.controlpage ul {padding:0; margin:0; list-style:circle; padding-left:15px; margin-bottom:20px;}

div.controlpage ul li ul{margin-bottom:0px;}

div.controlpage li{padding-top:8px; position:relative;}

div.controlpage li.blue{color:#00467F;}

div.controlpage li.red{color:#93342F;}

div.controlpage li.yellow{color:#C0792A;}

div.overzicht{
	float:left;
	margin:0px auto;
	width:350px;
	margin-right:8px;
}

div.overzicht div.width{
	width:334px;
}

div.controlsholder{
	float:left;
	margin:0px auto;
	width:602px;
}

div.controls{
	float:left;
	margin:0px auto;
	width:602px;
	margin-bottom:8px;
}

div.controls div.width{
	float:left;
	margin:0px auto;
	width:586px;
}

a.delete, a.delete:visited, a.delete:hover{
	display:block;
	position:absolute;
	top:8px;
	right:8px;
	text-indent:-999em;
	height:16px;
	width:16px;
	background:url(../images/cms/del.jpg) top left;
	z-index:600;
}

a.redelete, a.redelete:visited, a.redelete:hover{
	display:block;
	position:absolute;
	top:8px;
	right:30px;
	text-indent:-999em;
	height:16px;
	width:16px;
	background:url(../images/cms/redel.jpg) top left;
	z-index:600;
}

a.up, a.up:visited, a.up:hover{
	display:block;
	position:absolute;
	right:30px;
	top:8px;
	text-indent:-999em;
	height:16px;
	width:16px;
	background:url(../images/cms/up.jpg) top left;
	z-index:600;
}
