body {
margin:0px;
padding:0px;
text-align:center;
background:url(../images/bodytop.jpg) repeat-x #EEE;
height:100%;
}

/* hacks voor IE5.5:
   text-align:center in body &
	text-align:left in wrapper */
.wrapper {
width:820px;
margin:0px auto 0px auto;
font-family:Verdana, Arial, Helvetica, sans-serif;	
color:#333;
background-color:#FFF;
clear:both; 
text-align:left;
line-height:18px;
}

p {margin-top:0px;}

a:link, a:visited, a:link.next, a:visited.next {color:#600; text-decoration:none; font-weight:normal;}
a:hover, a:hover.next {color:#000; text-decoration:underline;}
a:link.next, 
a:visited.next,
a:hover.next {background:url(../images/linknext2.gif) no-repeat; padding-left:12px;}

/* content */
.content, .content2 {background:url(../images/content.jpg) repeat-y;
min-height:100%;
height:auto !important; /* voor moderne browsers */
height:100%; /* voor IE */
padding:10px 2px 4px 10px;
margin-top:-2px}

/* BELANGRIJK: zorgt ervoor dat div binnen content blijft en niet erover flipt */
.content:after, .content2:after {content: ""; display: block; height:0; clear:both;}
.content, .content2, .contbot, .conttop, .conttop2 {margin-left:7px;}
.content3 {border:solid 1px #789;}

.conttop  {background:url(../images/conttop.jpg) no-repeat; height:224px; margin-top:-2px;}
.conttop2 {background:url(../images/conttop2.jpg) no-repeat; margin-top:-2px;}
.contbot  {background:url(../images/contbot2.jpg) no-repeat; height:50px;}

/* images ----------------------------------------- */
.imgtop {margin:8px 6px 0 0;}
.imgtop2 {margin:8px 0px 0 7px;}
.imghb, .imghb2, .imgtop, .imgtop2 {border:#000 1px solid;}
a img {border:none;}

/* home ----------------------  */
#hbspan, .topspan {
font-variant:small-caps; 
font-size:16px;
font-weight:bold;}

table#hometab1 {
position:relative; 
float:left; 
width:778px; 
font-size:11px;
margin:10px 0 0 -4px;}

.tdh1  {padding:0 6px;} /*titles */
.tdh2  {padding:0 2px 0 0;} /*images */
.tdh3  {padding:6px 10px 0 6px; border-left:1px solid #C00; font-size:11px;}
.tdh1, .tdh2, .tdh3 {width:247px;}

.tdh4  {height:12px;}
.tdh5  {padding:0px 8px 2px 0px; vertical-align:top;}
.tdh5f {padding:0px 2px 2px 0px; vertical-align:top;}
.tdh5c {padding:2px 8px 2px 0px; vertical-align:top; text-align: center;}
.tdh5t {padding:0px 2px 2px 0px; vertical-align:top; width:776px;}
.tdh8  {border-bottom:1px solid #C00; vertical-align:top; width:540px; padding:2px 4px 2px 0px;}
.tdh8f {vertical-align:top; padding:2px 2px 2px 0px;}
.tdh9c {padding:2px 8px 2px 0px; vertical-align:top; text-align: center; font-size:11px;}

.tdh10 {width:68%; padding:0px 0px;}
.tdh11 {width:31%; padding:0px 6px;}

table.wstab {
position:relative;
float:left;
width:770px;
font-size:11px;
line-height:17px;
padding:0 2px 0 0;
margin:10px 0 0 -3px;}

.listhome, .list1 {list-style-image: url(../images/listsquare.gif); padding-left:15px;}
.listhome {margin:2px 2px 16px -2px;}
.list {margin-left:-20px; list-style-image: url(../images/linknext1.gif); font-size:11px; line-height:17px;}
.list1 {margin:-10px 2px 2px -2px;}
#list2 {margin-left:-24px; list-style-image: url(../images/linknext1.gif);}
.list3 {list-style:none; margin-left:-38px;}

li#list2 a:link {color:#C00; text-decoration:none; font-weight:normal;}
li#list2 a:visited {color:#333; text-decoration:none; font-weight:normal;}
li#list2 a:hover {text-decoration:underline; font-weight:normal;}

/* 2 columns */
.leftcol2  {font-size:11px; line-height:18px; float:left; width:516px; padding:2px 4px 2px 0px; margin:2px 0 0 -3px;}
.rightcol2 {font-size:11px; line-height:18px; float:left; width:204px; padding:0px 4px 2px 2px; margin:2px 0 0 0px; }

/* 3 columns */
.leftcol3 {
position: relative;
width:263px;
padding:0px 3px 0px 0px;
margin:2px 1px 0 -3px;
}

.midcol {width:263px; margin:2px 0 0 0; padding:0px 2px 0px 5px;}

#rightcolschool, 
#rightcolcorporate {
width:220px;
margin:10px 0 0 6px;
padding:1px 4px;
height:750px;
}

.leftcol3, 
.midcol,
#rightcolschool, 
#rightcolcorporate {font-size:11px; line-height:18px; float:left;}
#rightcolschool {background:url(../images/benefitsschool.jpg) no-repeat;}
#rightcolcorporate {background:url(../images/benefitscorporate.jpg) no-repeat;}

.hidcol {
visibility: hidden;
position: absolute;
left:-1000px;
}
/* end 3 columns */

.lead, .lead1, .lead2 {
float:left;
display:block;
margin:10px 0 2px -3px;
}
.lead  {background-color:#222; width:764px;}
.lead1 {width:762px;}
.lead2 {width:560px;}

.lead p, .lead1 p, .lead2 p {font-weight:normal; padding:8px 6px 0px 6px;}
.lead p {
color:#FFF; 
font-size:13px; 
line-height:17px;}
.lead1 p, .lead2 p {
font-size:11px; 
line-height:15px;}	

/* h1 h2 h3    */
h1#hb {
position:relative;
width:752px; /* width for text and image */
float:left;
margin:6px 0 0 7px;
background:url(../images/hb04.jpg) no-repeat;
padding:165px 6px 14px 6px;
font-size:13px;
line-height:17px;
font-weight:normal;
color:#FFF;
}

#h1indexalt {margin:3px 0 4px 0;}

h1 {margin:3px 0 4px 0; font-size:19px; color:#000;}

h2, h2.line {
font-size:12px;
color:#FFF;
display:block;
text-indent:14px;
padding-top:3px;
height:25px;
}

h2 {background:url(../images/h2.jpg) no-repeat;}
h2.line, h2.homeline {background:url(../images/h2line.jpg) no-repeat;}

h2.home {
line-height:20px;
font-size:12px;
margin:-4px -4px 2px -6px;
color:#FFF;
display:block;
height:22px;
text-indent:13px;
padding:1px 1px 2px 1px;
background:url(../images/h2home.jpg) no-repeat;}

h2.homeline {font-size:12px; padding:3px 1px 1px 0px;}

h3 {
font-size:12px;
color:#000;
display:block;
height:22px;
padding:4px 1px 0px 1px;
margin:0; 
text-indent:13px;
}

h3.h3kop {text-indent:11px; background:url(../images/h32.jpg) no-repeat;}

#empty1 {min-height:30px; display:block;}

a:link.gotop  {
font-size:10px;
color:#333;
margin-top:20px;
text-decoration:none;
font-weight:bold;
}
a:hover.gotop {text-decoration:underline;}
a:visited.gotop {color:#333;}

.ws {font-variant:small-caps; font-size:14px; font-weight:bolder;}

table.client{margin-left:-3px; width:516px; font-size:11px; line-height:18px;}
td.client1 {vertical-align:top; width:50%;}

#tempnot {
position:absolute;
top:180px;
left:150px;
width:260px;
z-index:10;
background:url(../images/tempnot.png);
border:solid 1px #000;
visibility:hidden;}
#tempnot p {color:#FFF; padding:2px; margin:0 2px; font-size:12px;}