* {
margin: 0;
padding: 0;
}
a {
color: #614f4b;
}
a:hover {
text-decoration: none;
}
img {
border-width: 0;
}
.clr {
float: none;
clear: both;
width: auto;
}
.hidden {
display: none;
}
body {
font: normal 12px Helvetica, Arial, Freesans, sans-serif ;
color: #614f4b;
padding: 0 25px;
}
#wrap {
width: 930px;
position: relative;
margin: 0 auto;
}
h1 {
font-size: 16px;
margin-bottom: 28px;
white-space: nowrap;
}
h1 strong {
width: 1px;
height: 1px;
float: left;
text-indent: -9000px;
}
h1 a {
padding: 0 20px 0 0;
white-space: nowrap;
color: #a4885b;
}
h1 span {
padding: 0 20px 0 0;
white-space: nowrap;
}
h2{
font-size: 14px;
margin: 0;
padding: 0;
}
.big{
font-size: 21px;
}
a#proefles{
background: url(../images/proefles.gif) no-repeat;
width:169px;
height:32px;
margin: 9px 10px 5px 0;
display:block;
}
a#proefles:hover {
background: url(../images/klikhier_proefles.gif) no-repeat;
}
a#proefles span{
display:none;
}
a#voorbereiding{
background: url(../images/lestips.gif) no-repeat;
float: left;
width:117px;
height:32px;
margin: 9px 10px 5px 0;
display:block;
}
a#voorbereiding:hover {
background: url(../images/klikhier_lestips.gif) no-repeat;
}
a#voorbereiding span{
display:none;
}
.bg1 {
background: url(../images/bg1.jpg) no-repeat center 153px;
}
.bg2 {
background: url(../images/bg2.jpg) no-repeat center 153px;
}
.bg3 {
background: url(../images/bg9.jpg) no-repeat center 153px;
}
.bg4 {
background: url(../images/bg5.jpg) no-repeat center 153px;
}
.bg5 {
background: url(../images/bg6.jpg) no-repeat center 153px;
}
.bg6 {
background: url(../images/bg8.jpg) no-repeat center 153px;
}
.bg7 {
background: url(../images/bg9r.jpg) no-repeat center 153px;
}
.bg8 {
background: url(../images/bg9s.jpg) no-repeat center 153px;
}
.bg9 {
background: url(../images/bg9n.jpg) no-repeat center 153px;
}
.bg10 {
background: url(../images/bg3.jpg) no-repeat center 153px;
}


#logo {
width: 210px;
height: 122px;
top: 35px;
left: 0;
position: absolute;
}
#menu {
width: 665px;
height: 30px;
float: left;
top: 140px;
left: 278px;
position: absolute;
}
#menu li {
list-style: none;
float: left;
width: auto;
}
.m1, .m2, .m3, .m4, .m5, .m6, .m7 {
background: url(../images/menu2.gif) no-repeat top left;
height: 16px;
display: block;
float: left;
overflow: hidden;
width: auto;
}
#menu a span {
display: none;
}

a.m1 { background-position: 0 0; width: 88px;}
a.m2 { background-position: -88px 0; width: 121px; }
a.m3 { background-position: -209px 0; width: 100px; }
a.m4 { background-position: -309px 0; width: 78px; }
a.m5 { background-position: -387px 0; width: 92px; }
a.m6 { background-position: -479px 0; width: 86px;}
a.m7 { background-position: -564px 0; width: 89px;}

a:hover.m1 { background-position: 0 -16px;}
a:hover.m2 { background-position: -88px -16px;}
a:hover.m3 { background-position: -209px -16px;}
a:hover.m4 { background-position: -309px -16px;}
a:hover.m5 { background-position: -387px -16px;}
a:hover.m6 { background-position: -479px -16px;}
a:hover.m7 { background-position: -564px -16px;}

a#o1 { background-position: 0 -32px;}
a#o2 { background-position: -88px -32px;}
a#o3 { background-position: -209px -32px;}
a#o4 { background-position: -309px -32px;}
a#o5 { background-position: -387px -32px;}
a#o6 { background-position: -479px -32px;}
a#o7 { background-position: -564px -32px;}

#menu li a span {
visibility: hidden;
}

.intro {
position: absolute;
top: 450px;
left: 0;
width: 225px;
font-size: 12px;
line-height: 25px;
}
#leftimg {
position: absolute;
top: 275px;
left: 0;
width: 210px;
height: 154px;
}
#leftimg2 {
position: absolute;
top: 450px;
left: 0;
width: 210px;
height: 154px;
}
#leftimg3 {
position: absolute;
top: 625px;
left: 0;
width: 210px;
height: 154px;
}
#leftimg5 {
position: absolute;
top: 275px;
left: 0;
width: 210px;
height: 316px;
}
#leftimgalt {
position: absolute;
top: 305px;
left: 0;
width: 210px;
height: 154px;
}
#leftbox {
position: absolute;
top: 271px;
left: 0;
height: 211px;
width: 190px;
font-size: 14px;
line-height: 25px;
color: #FFF;
background: url(../images/boxbg.gif) no-repeat top left;
padding: 10px;
}
#leftbox1 {
position: absolute;
top: 275px;
left: 0;
height: 211px;
width: 190px;
font-size: 14px;
line-height: 25px;
color: #FFF;
background: url(../images/boxbg.gif) no-repeat top left;
padding: 10px;
}
#leftbox2 {
position: absolute;
top: 268px;
left: 0;
width: 210px;
font-size: 12px;
line-height: 25px;
}
#leftbox3 {
position: absolute;
top: 265px;
left: 0;
width: 210px;
font-size: 12px;
line-height: 25px;
}
#leftbox4 {
position: absolute;
top: 570px;
left: 0;
height: 211px;
width: 190px;
font-size: 14px;
line-height: 25px;
color: #FFF;
background: url(../images/boxbg2.gif) no-repeat top left;
padding: 10px;
}
#leftlist{
list-style: none;
}
#rightbox {
position: absolute;
top: 266px;
left: 720px;
width: 210px;
font-size: 12px;
line-height: 25px;
}
#rightlist{
list-style: none;
}
#rightlist strong{
display: block;
float: left;
width: 100px;
}
#leftbox a{
color: #FFF;
}
#leftbox h1 {
margin-bottom: 16px;
}
#leftbox1 a, #leftbox4 a{
color: #FFF;
}
#content {
position: absolute;
top: 210px;
left: 278px;
width: 390px;
font-size: 14px;
line-height: 25px;
padding: 0 0 50px 0;
}
#contentles {
position: absolute;
top: 210px;
left: 278px;
width: 670px;
font-size: 14px;
line-height: 25px;
padding: 0 0 50px 0;
}
.col {
width: 180px;
height: 190px;
float: left;
list-style: none;
}
.col h1 {
font-size: 14px;
margin: 0;
padding: 0;
}
form p{
float: left;
width: 200px;
font-size: 12px;
line-height: 16px;
margin: 0 0 5px 0;
}
label {
display: block;
width: 150px;
height: 22px;
line-height:15px;
float: left;
}
.input {
width: 200px;
height: 22px;
border: none;
border-left: 1px solid #CCC;
border-bottom: 1px solid #CCC;
margin-bottom: 5px;
float: left;
}
.radio {
display: inline;
width: 14px;
height: 14px;
margin: 0 3px 3px 0;
border: none;
background: transparent;
}
textarea {
overflow: auto;
width: 200px;
height: 50px;
border: none;
border-bottom: 1px solid #CCC;
border-left: 1px solid #CCC;
float: left;
}
input#send {
margin: 5px 0 0 0;
display: block;
border: none;
background: transparent;
}
.opaque {
filter:alpha(opacity=60);
-moz-opacity:.60;
opacity:.60;
background: #FFF;
display: block;
padding: 5px 10px;
color: #000;
border: dotted 1px #000;
}
#nienke {
position: absolute;
top: 60px;
right: -240px;
}
#rooster td {
vertical-align: top;
}
#rooster td a {
color: #a4885b;
font-size: 0.85em;
}
#rooster td.small {
color: #614f4b;
font-size: 0.85em;
width: 100%;
}
#rooster .dag {
padding: 0 15px 0 0;
width: 100px;
}
#rooster h1, #tarieven h1 {
margin: 0;
}
#rooster .time {
white-space: nowrap;
padding: 0 15px 0 0;
width: 100px;
}
#rooster .info {
font-size: 0.85em;
padding: 0 15px 0 0;
width: 90px;
}
#tarieven td.time {
padding: 0 15px 3px 0;
width: 240px;
vertical-align: bottom;
}
#nav{
position: absolute;
top:210px;
left: 0;
z-index: 1;
}
#nav, #nav ul{
margin: 0px;
width: 209px;
list-style: none;
}
#nav ul {
position: absolute;
z-index: -1;
width: 211px;
left:-1000px;
margin-top: -7px;
padding: 15px 0 10px 0;
background: url(../images/submenubg.png) bottom left no-repeat transparent; 
}
#nav li{
width:211px;
}
#nav li:hover ul, #nav li.ie_does_hover ul{
left:auto;
}
#nav ul li a{
font: normal 14px Helvetica, Arial, Freesans, sans-serif ;
margin: 0 0 8px 10px; 
width: 201px;
height: 20px;
display: block;
}
#nav ul a:hover, #nav ul a:active{
color: #d1bab5;
}
#nav a.off {
color: #d1bab5;
text-decoration: none;
}

div#tfd {
position: relative;
float: left;
width: 640px;
padding: 60px 0 10px 0;
}
a#tfdref {
display: block;
width: 90px;
height: 26px;
overflow: hidden;
text-decoration: none;
border-width: none;
background: url(http://www.thirdfloordesign.nl/refer/tfd-wsa.png) top left no-repeat transparent;
position: absolute;
bottom: 0;
right: 0;
z-index: 100000;
}
a:hover#tfdref {
background-image: url(http://www.thirdfloordesign.nl/refer/tfd-wsb.png);
}
a#tfdref span{
visibility: hidden;
}