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;}


/* --------------------menu */
#tophead1 {background:url(../images/headbalk7a2.jpg) no-repeat;}
.tophead2 {background:url(../images/headbalk7b2.jpg) no-repeat;}

#tophead1, .tophead2 {
width:820px;
background-repeat:no-repeat;
display:block;
margin:0;
padding:0px;
height:90px;
z-index:1;
background-color:#C00;
}

/* hormenu */ 
#hornavtabs {
background:url(../images/h1fdtop.jpg) no-repeat;
height:24px;
width:820px;
clear:both;
margin-left:7px;
margin-bottom:-7px; /* all browsers */
margin-top:4px;
z-index:2;
}

/* header content: red beam */
#navbox1 {height:6px;}
#navbox2 {height:44px;}
#navbox1, #navbox2 {
background:url(../images/h1.jpg) no-repeat;
margin-left:7px;
margin-bottom:2px;
text-indent:12px;
}
#navbox2 h1 {
padding:10px 15px 2px 7px;
color:#FFF;
font-variant:normal;
}

ul.fdhmenu {margin:0 0 0 -30px;}

.fdhmenu li.top {display:block; float:left;}

.fdhmenu li a.toplink {
display:block; 
float:left; 
height:20px; 
line-height:18px;
color:#000; 
text-decoration:none; 
font-size:0.7em; 
padding:0 4px 0 4px;  /* padding between tabs */
cursor:pointer;
background:url(../images/fdhmenu1a.jpg) no-repeat;
}

.fdhmenu li a.toplink span {
float:left; 
display:block; 
padding:0 8px 0 4px; /* padding between tabs */
height:20px;
background:url(../images/fdhmenu1b.jpg) right top;}

.fdhmenu li a.toplink:hover {
color:#000; 
background:url(../images/fdhmenu2a.gif) no-repeat; 
line-height:18px;}

.fdhmenu li a.toplink:hover span {background:url(../images/fdhmenu2b.gif) no-repeat right top;}

.fdhmenu li:hover a.toplink {
color:#000; 
background:url(../images/fdhmenu2a.gif) no-repeat; 
line-height:18px;
}

.fdhmenu li:hover a.toplink span {background:url(../images/fdhmenu2b.gif) no-repeat right top;}

/* active tab # = link1 */
.fdhmenu li a.toplink1 {
display:block; 
float:left; 
height:20px; 
line-height:18px; 
color:#FFF; 
text-decoration:none; 
font-size:0.7em; 
font-weight:normal; 
padding:0 4px 0 4px;  /* padding between tabs */
cursor:pointer;
background:url(../images/fdhmenu3a.jpg) no-repeat;
}

.fdhmenu li a.toplink1 span {
float:left; 
display:block; 
padding:0 8px 0 4px; /* padding between tabs */
height:20px;
background:url(../images/fdhmenu3b.jpg) right top;
}

/* breadcrumbs */
.bcrumbs, .bcrumbs2 {
margin-left:7px;
color:#333;
font-weight:bolder;
font-size:0.7em;
}
.bcrumbs {padding:4px 2px 0px 2px;}
.bcrumbs2 {padding:4px 2px 20px 2px;}

.bcrumbs a:link, .bcrumbs2 a:link {
text-decoration:none; 
color:#000;
font-weight:normal;}
.bcrumbs a:hover, .bcrumbs2 a:hover {text-decoration:underline;}
.bcrumbs a:visited, .bcrumbs2 a:visited {color:#333;font-weight:normal;}

.date {
font-size:0.65em;
font-weight:bold;
float:none;
color:#FFF;
text-align:right;
padding:4px 6px 0 0;
}

/*footer*/
.footer {
display:block;
width:780px;
border-top:2px solid #F6A049; 
font-size:0.65em;
margin:0px 0px 0px 7px;
padding:4px 0 6px 0;
background-color:#FFF;
text-align:center;
color:#666;
}
.footer a:link, .footer a:visited {color:#666; text-decoration:none; border:none;}
.footer a:hover {color:#900; text-decoration:underline;}

.address {font-size:11px; font-style:normal; line-height:16px;}
table.address {margin-left:2px; margin-top:-2px; margin-bottom:10px; border: 1px solid #C00; padding:6px 0 6px 6px; width:760px}

#fdform2 {
position:relative;
float:left;
color:#000; 
font-size:11px;
padding:0px;
width:764px;
margin-left:-3px;
border:#789 1px solid;
}

/* invoervelden bestel- en contactformulieren */
.tdc1, .tdc1v, .tdc2, .tdc3, .tdc4 {color:#000; height:20px; padding-left:2px;}
.tdc1, .tdc1v {background-color:#FFEFD5;}
.tdc0 {width:300px;}	
.tdc1 {width:300px;}	
.tdc1v {width:300px; font-weight:bold;}
.tdc2 {width:260px; vertical-align:text-top;}
.tdc3 {width:200px; font-size:11px;}
.tdc4 {background-color:#F4A460;}

#fdform2 a:link {
color:#900;
font-size:0.9em; 
text-decoration:none;
font-weight:bold;
}
#fdform2 a:hover {text-decoration:underline;}
#fdform2 a:visited {color:#333;}

#rembox {
width:264px;
height:100px;
background-color:#FFF;
color:#000;
border:#789 solid 1px;}

#cbox1 {float:left; margin-left: 0px; margin-top:12px; width:232px;}
#cbox2 {position:absolute; top:1000px; margin-left: -3px; width:210px; height:120px;}
#cbox3 {position:absolute; top:1000px; margin-left: -3px; width:210px; height:120px;}
#cbox4 {position:absolute; top: 840px; margin-left:  0px; width:224px; height:120px;}
#cbox1, #cbox2, #cbox3, #cbox4 {z-index:2; color:#000; background:url(../images/h31.jpg) no-repeat;}
#cbox4 p, #cbox3 p, #cbox2 p, #cbox1 p {
margin-top:13px; 
padding-left:6px; 
border-left:solid 3px #F93; 
line-height:17px;}

/* infopage giveaways */
#infoga {
padding:4px 4px 7px 20px;
line-height:17px;
font-size:11px;
color:#000;
font-family:Verdana, Arial, Helvetica, sans-serif;
background:url(../images/contbg7102.jpg) no-repeat;
text-align:left;
}

#infoga2 {
font-size:12px;
color:#FFF;
display:block;
text-indent:14px;
padding-top:3px;
height:25px;
background:url(../images/h2line.jpg) no-repeat;}

.button {
float:right;
background:url(../images/but.jpg);
padding:1px 4px 3px 4px;
font-size:11px;
width:90px;
color:#C00;
height:26px;
border:solid 1px #C00;
}

/*contact form */
#cf0 {position:relative; float:left; width:764px; margin-left:-3px; margin-top:16px;}
#cf label {float:left; width:230px; font-size:11px; margin-left:5px;}
#cf div {clear:left; margin:3px 0px 1px 0; font-size:11px;}
#cf fieldset {border:1px solid #C00;}
#cf legend {color:#365787; font-size:12px;}
#cf fieldset label {margin-left:2px;}
#cf .txt {width:60%; border:1px solid #89B1CA;}
#cf textarea.txt {width:60%;}
#cf div.submit {text-align:center;} 
#cf p {font-size:11px; margin:12px 0 2px 2px;} 
#cf .title1 {font-size:11px; margin:1px 0 2px 0;}
#cf .box {font-size:11px; margin:1px 4px 0px 0;}

/*socnet fbook */
.socbookm1, .socbookm2 {float:left; padding:4px; font-size:10px; border:1px solid #F93;}
.socbookm1 {margin:16px 0 0 12px; width:222px;}
.socbookm2 {margin:16px 0 0 0px;  width:200px;}
.socbookm1 h3, .socbookm2 h3 {padding-top:2px; color:#000; margin-left:-12px; font-size:11px;}
.socbookm1 p, .socbookm2 p {padding:6px 0 0 6px; margin:0px; color:#900; border:none;}


#tagcloud {
position:relative;
float:left;
width:500px; 
border:solid 1px #F93; 
margin:16px 4px 0 0px;}
#tagcloud a {color:#600; font-size:70%;}
#tagcloud a:link, #tagcloud a:visited {text-decoration:none;}
#tagcloud a:hover {text-decoration:underline;}
#tagcloud p {color:#600; margin:5px 4px 2px 6px;line-height:19px;}
#tagcloud h4 {margin:6px 6px 2px 6px; font-size:11px; color:#000;}		
#tagcloud strong {font-size:120%; font-weight:normal; white-space:nowrap;}

#tweetfeed {
position:relative;
float:left;
width:500px; 
margin:20px 4px 0 0px;}

#adv4 {
position:relative;
float:left;
width:500px;
margin:20px 0 0 0;}
#adv4 p {color:#789; font-weight:normal; line-height:14px; font-size:9px; margin:0; padding:0 2px;}
#adv4 a {color:#900; margin-right:12px;}
#adv4 a:link, #adv4 a:visited {text-decoration:none;}
#adv4 a:hover {text-decoration:underline;}

#statcounter {visibility:hidden;}