body { font-family: Calibri, Verdana, Geneva, sans-serif; font-size: 62.5%; margin: 0px; text-align: center; background: #EFEFEF url(../images/bg_body.gif); color: #333; }
#wrapper { text-align: left; margin: 0px auto; width: 900px; background: #FFF url(../images/f_home.jpg) no-repeat left bottom; border-right: 1px solid #999; border-left: 1px solid #999; }
#topnav { color: #FFF; font-size: 1.1em; letter-spacing: 1px; position: absolute; width: 880px; padding: 5px 10px; text-align: right; font-weight: bold; font-family: Calibri, Arial, sans-serif;}
#topnav a { color: #FFF; text-decoration: none; }
#topnav a:hover { text-decoration: underline; }
#topnav a.active { color: #FFF; text-decoration: underline; }

#header { height: 140px; width: 900px; background: url(../images/h_home.jpg) no-repeat; margin-bottom: 12px; }
#header h1 {text-indent: -999px; overflow: hidden; margin: 0; padding: 0;}
#header h1 a, #header h1 a:hover, #header h1 a:visited { border: 0; display: block; width: 200px; height: 70px; margin-top: 25px; margin-left: 30px; }

#wrapper.individueel #header { background: url(../images/h_individueel.jpg) no-repeat; }
#wrapper.individueel {  background: #FFF  url(../images/f_individueel.jpg) no-repeat left bottom; }
#wrapper.advies #header { background: url(../images/h_advies.jpg) no-repeat; }
#wrapper.advies {  background: #FFF url(../images/f_advies.jpg) no-repeat left bottom; }
#wrapper.training #header { background: url(../images/h_training.jpg) no-repeat; }
#wrapper.training { background: #FFF url(../images/f_training.jpg) no-repeat left bottom; }
#wrapper.assesment #header { background: url(../images/h_assesment.jpg) no-repeat; }
#wrapper.assesment { background: #FFF url(../images/f_assesment.jpg) no-repeat left bottom; }
#wrapper.mobiliteit #header { background: url(../images/h_mobiliteit.jpg) no-repeat; }
#wrapper.mobiliteit  {  background: #FFF url(../images/f_mobiliteit.jpg) no-repeat left bottom; }

#navigatie { width: 215px; float: left; padding-left: 20px; padding-top: 23px; }
#navigatie ul { margin: 0; padding: 0; list-style: none; background: url(../images/sprite.gif) no-repeat; }
#navigatie li { margin-bottom: 8px; text-indent: -999px; } 
#navigatie li, #navigatie a { height: 32px; width: 215px; display: block; }
#navigatie ul li.advies a:hover { background: transparent url(../images/sprite.gif) no-repeat 0px -200px; }
#navigatie ul li.begeleiding a:hover { background: transparent url(../images/sprite.gif) no-repeat 0px -240px;}
#navigatie ul li.training a:hover { background: transparent url(../images/sprite.gif) no-repeat 0px -280px;}
#navigatie ul li.assesment a:hover { background: transparent url(../images/sprite.gif) no-repeat 0px -320px;}
#navigatie ul li.mobiliteit a:hover { background: transparent url(../images/sprite.gif) no-repeat 0px -360px;}

#keurmerk { width: 140px; display: block; margin-top: 30px; }
#keurmerk a { height: 42px; width: 52px; }
#content { font-size: 1.4em; line-height: 1.6em; width: 600px; float: right; padding: 0px 40px 1em 25px; }
#content p:first-child {margin-top:0;}
#content h2 { color: #F78F1E; font-style: italic; text-transform: uppercase; text-align: right; margin-top: 0px; padding: 0px; line-height: 1em; }
address { font-style: normal; font-size: 1.4em; color: #FFF; }
#footer { width: 880px; padding-left: 20px; padding-top: 50px; }
#footer a { color:#FFF; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#disclaimer { color: #FFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; padding: 10px 0px; }
#disclaimer a { color: #FFF; text-decoration: none; }
#disclaimer a:hover { color: #FFF; }

a { color: #F28F31; text-decoration: underline; outline: none; }
a:hover {text-decoration: none;}
a img {border:none;}
h1 {font-size:1.3em;}
h2 {font-size:1.2em;}
h3 {font-size:1.2em; margin-bottom:-0.7em;}
hr { height: 1px; color: #F78F1E; background: #F78F1E; border: 0px; }
ul {margin:0 0 0 20px;padding:0;}
form {margin:0.5em 0 0 0;}
input[type=text],input[type=password],textarea { border: 1px solid #CCC; font-family: "Courier New", Courier, monospace; font-size: 1.1em; background: #F9F9F9; }
.stretch {width: 95%;}

img.left { margin: 5px 15px 0px 0px; }
img.right { margin: 5px 0px 0px 15px; }

.kader { border: 2px solid #F78F1E; padding: 1px 2px; float: right; }
.hide {display:none;}
.clr {clear:both;}
small, .small { font-size: 0.9em; }
.listhead {margin-bottom:0.2em;}
.letop { color: #7AC642; font-weight: bold; border: 1px solid #7AC642; text-align: center; }
.letop a { color: #7AC642;}

#nieuwsbrief { font-size: 1.2em; width: 150px; border: 1px solid #F78F1E; font-weight: bold; padding: 2px; background: #EFEFEF; margin-top: 30px; }
#nieuwsbrief input[type=submit] {font-size: 0.9em;}
#nieuwsbrief form {margin:0;}

#brochure { display: block; width: 200px; }
#downloadpdf { text-align: right; margin-top: -33px; }
p.pdf a {background: url(../images/pdf.gif) no-repeat left center;padding-left: 20px; padding-top:2px; padding-bottom:2px;}
p.pdf { margin-top:-1em;}
.pdflist {margin:0 0 0 10px;padding:0;}
.pdflist li {list-style-image: none; list-style-type: none; margin-bottom: 0.5em;}
.pdflist li a {background: url(../images/pdf.gif) no-repeat left center; padding: 2px 0px 2px 20px;}

.top { text-align: right; border-bottom: 1px solid #F78F1E; }
.top a { text-decoration:none; }
.top a:hover { text-decoration:underline; }

.terug  { text-align: right; }
.terug  a { text-decoration:none; }
.terug  a:hover { text-decoration:underline; }

a.route { text-decoration: none; text-align: center; display: block; }

#tagcloud { font-size: 1.1em; line-height: 1.8em; }
#tagcloud p.one {font-size: 1.5em;}
#tagcloud p.two {font-size: 0.9em;}
#tagcloud p.three {font-size: 1.1em;}
#tagcloud p.four {font-size: 1.33em;}
#tagcloud p.five {font-size: 1.7em;}
#tagcloud p.six {font-size: 1.1em;}
#tagcloud p.seven {font-size: 1.6em;}
#tagcloud p.eight {font-size: 0.95em;}
#tagcloud p.nine {font-size: 1.4em;}
#tagcloud p {display: inline; margin-right: 10px;}

.large {font-size: 1.5em;}
.larger {font-size: 1.5em;}
