@import url('thickbox.css');
* { background-color: transparent; border: none; color: inherit; font: inherit; font-size: 1em; list-style: none; margin: 0; outline: none; padding: 0; text-decoration: none; text-indent: 0 }
a { color: #003253 }
a:hover { color: #0064a6; text-decoration: underline }
abbr, acronym { letter-spacing: .125em }
b, h1, strong { font-weight: bold }
blockquote { font-size: .875em; line-height: 1.714285711; margin: 1.714285711em }
body { background: #fff; font-size: 100% }
button { background: #003253; color: #fff; padding: 0 .5em }
button:hover { background-color: #0064a6 }
dd { padding: 0 0 0 3em }
dl, dt { clear: left }
fieldset { border: 1px solid #cca; margin: 0 1.5em; padding: 0 .75em }
form { text-align: right }
h1, h2, h3, h4, h5, h6, #header2, #description, #nieuws { font-family: 'Myriad Roman', 'Myriad Web Pro', 'Myriad', 'Tahoma', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif }
h1, h2, h3, h4, h5, h6 { clear: both; color: #f95600 }
h1 { background: url('h1.gif') no-repeat bottom center; font-size: 2.5em; line-height: 1.2; margin: 0; padding: 0 0 1.2em 0; text-align: center }
h2 { font-size: 1.5em; font-weight: normal; line-height: 1; margin: .5em 0 }
h3 { font-size: 1.25em; font-weight: normal; line-height: 1.2; margin: 1.2em 0 0 0 }
h4 { font-size: 1em; font-weight: bold; line-height: 1.5; margin: 1.5em 0 0 0 }
hr { border: none; color: #ffc; height: 0 }
html { background: #fff; color: #998; font: normal 100%/1.5 'Times New Roman', serif; margin: 0; min-height: 100%; overflow-y: scroll; padding: 0; position: relative; width: 100%; -scrollbar-track-color: #fff }
img { line-height: 0; vertical-align: bottom }
input, select, textarea { background: #fff; border: 1px solid; border-color: #999 #ccc #ccc #999 }
input:focus, select:focus, textarea:focus { background: #fff; border-color: #003253 #0064a6 #0064a6 #003253 }
li { display: list-item; margin: 0 0 0 1.5em }
ol li { list-style: decimal outside }
optgroup { background: #003253; color: #fff; margin: 0; padding: 0 }
optgroup option { background: #fff; color: #998; margin: 0; padding: 0 0 0 1.5em }
p { text-indent: 1.5em }
p:first-child, :not(p) + p { text-indent: 0 }
small, sub, sup { font-size: smaller }
table { border-collapse: collapse; display: table; empty-cells: hide; margin: 1.5em 0 }
td, th { display: table-cell; padding: 0 .25em; vertical-align: top }
td { text-align: left }
textarea { width: 100% }
th { text-align: right }
ul { margin: 0 0 1.5em 0 }
ul li { list-style: square outside }
.aanhef { margin: 0 0 3em 0 }
.display { margin: 1.5em auto; text-align: center }
.col1of2, .col2of2 { float: left; width: 50% }
.figure { float: right; margin: 0 0 0 1.5em; text-align: right; width: 8em }
.figure ~ .figure, .figure ~ .figure ~ .figure ~ .figure { float: left; margin: 0 1.5em 0 0; text-align: left }
.figure ~ .figure ~ .figure, .figure ~ .figure ~ .figure ~ .figure ~ .figure { float: right; margin: 0 0 0 1.5em; text-align: right; width: 8em }
.figure dd { font-size: .8em; line-height: 1.875; margin: 0; padding: 0 }
.figure dt img {  }
.hilite { background: #f95600; color: #fff }
.note { background: #ffe5d8; border-color: #f95600; border-style: solid; border-width: 1px 1px 0 1px; color: #000; padding: .75em }
.top { bottom: 1.5em; left: 50%; margin: 0 0 0 36em; position: fixed; text-align: right; top: auto }
.top a { background: #003253; color: #fff; padding: .25em }
dd { margin-bottom: 1.5em }
#body { clear: both; margin: 0 auto; padding: 1.5em 1.5em 3em 1.5em; position: static; width: 52em }
    #description { margin: 0 0 1.5em 0 }
	#description * { text-indent: 0 }
#header2 { background: url('header1.gif') #f95600 repeat-x 0 4.5em; border-bottom: 1px solid #998; clear: both; color: #fff; height: 1.5em; margin: 0; padding: 4.5em 0 0 0 }
#header2 a { background: transparent; color: #fff }
	#breadcrumb, #lang { font-weight: bold; font-size: 75%; line-height: 2 }
    #breadcrumb { float: left; width: 48em }
    #lang { border-right: 3px double #fff; float: left; margin: 0 1.5em 0 3px; padding: 0 2em 0 0; text-align: right; width: 16em }
#content { float: left; padding: 0 0 1.5em 0; width: 36em }
#content2 { font-size: 80%; line-height: 1.875 }
#content dd img { float: left; margin: 0 .5em 0 -3em }
#footer { border-top: 1px solid #f95600; clear: both; margin: 1.5em auto; padding: 1.5em; position: relative; text-align: center; width: 52em }
#footer address { position: absolute; right: 0; width: 36em }
#footer hr { clear: both; width: 50% }
#header { background: url('header.gif') #003253 repeat-x left bottom; height: 4.5em; left: 0; position: absolute; right: 0; top: 0; width: 100% }
#logo { display: block; margin: 0; position: absolute; text-align: right; top: 1px; width: 12em }
.body { margin: 0 auto; padding: 0 1.5em; position: relative; width: 52em }
#menu { float: left; width: 15.5em }
#nav { border-right: 3px double #f95600; margin: 0 2em 2em 0; padding: 0 2em 0 0; text-align: right; font-size: 75%; line-height: 2 }
#nav li { display: block; list-style: none; margin: 0; padding: 0; white-space: pre }
#sections { border: 3px double #f95600; border-width: 3px 0; padding: .75em 0; text-align: center }
#sections li { display: inline; margin: 0; padding: 0 } 
#zoek { left: 50%; position: absolute; top: 1.5em; width: 26em }
#nieuws { margin: 2em 3em 2em 0; padding: 0 1.5em }
#nieuws dt { background: url('header.gif') #003253 repeat bottom; padding: 0 .75em }
#nieuws dt a { color: #fff !important }
#nieuws dd { border: 1px solid #003253 }
/*#content p img { float: left; margin: 1.5em 1.5em 0 0 }*/
#nieuws { font-size: 75% }
#nieuws dd { padding: .75em }
#nieuws img { width: 100% !important; height: auto !important }
#nieuws p { text-indent:0;}

#vogels { background: red; padding: 0 0 1.5em 0 }
#vogels dt { height: 227px; position: relative; width: 168px }
#vogels dt img { left: 0; position: absolute; top: 0 }

#voorbeeldprojecten { background: transparent; height: 9; position: relative }
#voorbeeldprojecten dl { background: transparent; position: absolute }

img { margin: auto }
.left { float: left; margin: 0 1.5em 0 0 }
.right { float: right; margin: 0 0 0 1.5em }

body.home #body { height: 32em }
body.home li.home a { font-weight: bold }
body.home #description { text-align: right }
body.home #description .figure { background: #fff; height: 200px; width: 200px }

/*DEBUG*/* { outline: 0px solid cyan }

* { font-family: 'Verdana', sans-serif !important }