/*
selector {property:value}

.style {
width:10px; ( is voor alle browsers )
#width : 15 px;( alle IE tot 7  - FF leest hierover )
_width:20px; ( alleen IE6 )
width: 24px\9; alle IE tot 8
for IE specific hack see http://my.opera.com/dbloom/blog/2009/03/11/css-hack-for-ie8-standards-mode
}
*/
/* COMMON DOM SELECTORS */
*{outline:0;}
html {filter:expression(document.execCommand("BackgroundImageCache", false, true));} /* enable background image caching in IE6 */
html, body{margin:0; height:100%; padding:0;}
body{font:12px/16px Arial, sans-serif; color:#463324; background:#fff url(../images/body.gif) left top repeat-x;}

h1,h2,h3,h4,h5,h6,p{margin:0; padding:0; font-weight:normal;}
h1{font:20px/24px Arial Narrow, "Trebuchet MS", Arial, sans-serif; padding:0 0 5px 0; margin-bottom:10px; color:#de5247;}
h2{font:18px/22px "Trebuchet MS", Arial, sans-serif; padding:0 0 7px 0; color:#de5247;}
h3{font:16px/18px "Trebuchet MS", Arial, sans-serif; padding:7px 0; color:#90141A}
h4{font:bold 14px/16px "Trebuchet MS", Arial, sans-serif; padding:7px 0;}
h5{font:bold 12px/14px "Trebuchet MS", Arial, sans-serif; padding:7px 0; text-transform:uppercase;}
h6{font:12px/14px "Trebuchet MS", Arial, sans-serif; padding:7px 0; letter-spacing:0.3em; text-transform:uppercase;}

p{padding:3px 0 7px 0;}
hr{background:0; border:0; border-top:solid 1px silver;}
ul, ul li{padding:0; list-style:none; margin:0;}
ul li{padding:0;}
dl, dt, dd{margin:0; padding:0;}

img{border:0;}
a{color:#666; cursor:pointer!important}
a:hover{color:#eb6e1f;}
a span{cursor:pointer!important;}

input, select, textarea{margin-bottom:3px}
select{height:22px; line-height:20px; padding-top:2px; cursor:pointer;}

label{cursor:pointer!important;}

table *{vertical-align:top;}

/* COMMON CLASS SELECTORS */
br.clear{clear:both; font-size:0px; line-height:0px; height:0px; padding:0; margin:0;}
.small{font-size:9px!important;}
.floatNone{float:none;!important;}
.floatLeft{float:left;!important;}
.floatRight{float:right;!important;}
.btn{display:block;}

.content ul, .content li{list-style:disc;}
.content ul{margin-left:20px;}
.content ol li{list-style:decimal}
.content p{margin:3px 0 7px;}
.content table{border:solid 1px #bbb; border-collapse:collapse;}
.content table td,.content table th{border:solid 1px #ddd; padding:3px 5px;}

table.noBorder, table.noBorder *{ border:0!important;}

blockquote{font:italic 14px/18px Georgia, "Times New Roman", Times, serif;}

.textfield, .textarea, .select {padding-left:3px; font-family: Arial, sans-serif; font-size:12px; color:#333}

img.floatNone{ }
img.floatLeft{margin:0 14px 2px 0;}
img.floatRight{margin:0 0 2px 14px;}

ul.error{padding-top:10px; color:red; list-style:disc; font:12px/16px "Trebuchet MS", Arial, sans-serif;clear:both;}
ul.error li{list-style:disc; margin-left:1em;}

#wrapper{width:1004px; margin:auto;}
a.dataweb{background:url(../images/iconDataweb.png) left 5px no-repeat; padding-left:24px;height:27px; display:block; float:right; color:#bbb; text-decoration:none;}

/* ----------------------------------------------------------------------------- */

@charset "ISO-8859-2";
/* CSS Document */

#logo{background:red ; width:371px; position:absoulte; height:96px;}
#logo img{top:22px; left:12px; position:absolute;}
#topPane{height:118px; width:1004px; position:relative}
#topPane .leftPane{width:383px; height:100%; float:left;}
#topPane .rightPane{width:621px; height:100%; float:left; position:relative; background:url(../images/topPaneRight.gif) bottom left no-repeat;}

ul#topMenu, #topMenu li{list-style:none; margin:0; padding:0;}
ul#topMenu {position:absolute; top:73px; left:8px;}
#topMenu li{margin-left:8px}
#topMenu li, #topMenu a, #topMenu span{display:block; float:left; font:normal 16px/16px "Trebuchet MS", Arial, sans-serif; white-space:nowrap; text-decoration:none; height:27px; color:white; }
#topMenu a{padding:0 0 0 8px; background:none;}
#topMenu a span{padding:0 8px 0 0; background:none; padding-top:3px; height:24px;}

#topMenu li a:hover{background:url(../images/btnTopMenuH.gif) left top;}
#topMenu li a:hover span{background:url(../images/btnTopMenuH.gif) right top;}

#topMenu li.active a, #topMenu li.active a:hover{padding:0 0 0 8px; background:url(../images/btnTopMenu.gif) left top;}
#topMenu li.active a span,#topMenu li.active a:hover span{padding:0 8px 0 0; background:url(../images/btnTopMenu.gif) right top; padding-top:4px; height:23px;}

#headPane{height:303px; width:1004px; background:url(../images/headPane.gif); position:relative;}
#headPane .leftPane{width:328px; padding:40px 20px 0 20px; height:243px; float:left; background:#de5247; color:#F0F0F0; font:italic 13px/18px "Trebuchet MS", Arial, sans-serif; position:relative;}
#headPane .rightPane{width:620px; float:left; /*background:pink;*/}
#headPane .leftPane h2{color:white; font-size:20px; line-height:24px;}
#headPane .leftPane a{text-decoration:none; -moz-border-radius:10px; background:white; padding:3px 14px 3px 7px;}

#middlePane{height:361px; width:1004px;}
#middlePane .leftPane{width:395px; float:left; overflow:hidden;}
#middlePane .rightPane{width:550px; padding:0 40px 0 18px; float:left;}
#middlePane .leftPane img.announcement{width:325px;}

#leftPaneMiddleContent{background:url(../images/leftPaneMiddle.png) repeat-y; float:left; width:365px; padding:0 15px; padding-top:10px;}
#breadcrumb{height:10px; font-size:10px; line-height:10px; padding-bottom:20px!important;}

.infoBox{margin:20px;}
hr{border:0; background:0; border-top:1px solid #F0F0F0;}


#bottomPane{width:960px; margin:0 12px; padding-left:20px; clear:both; margin-top:0px; border-top:solid 1px #eee; font-size:9px; line-height:27px; color:#bbb; text-align:left; height:27px;}

table h3{margin-top:0; padding-top:0;}

.sideMenu {border-top: dotted 1px #ddd;}
.sideMenu a{border-bottom:dotted 1px #ddd; display:block; padding:7px; text-decoration:none; font-size:13px; line-height:16px;}
.sideMenu a:hover{background:#FbFbFb}

.sideMenu li.active a, .sideMenu li.active a:hover{ background:#F0E8E2}
.sideMenu li.active a span,.sideMenu li.active a:hover span{ background:#F0E8E2; color:#000000 }

.orange{background:#FFF5E3; padding:20px; -moz-border-radius:5px; -webkit-border-radius:5px;}


/*form*/
input, select, textarea{margin-bottom:3px}
select{height:22px; line-height:20px; padding-top:2px; cursor:pointer;}
.border{border:solid 1px silver; float:left; width:99%; padding:20px 0; -moz-border-radius:5px; -webkit-border-radius:5px}
.dlForm dt{float:left; margin-right:10px; line-height:13px; clear:left; width:150px; text-align:right; padding-top:6px;}
.dlForm dd{float:left; margin-right:10px; width:250px}
.dlForm .textfield, .dlForm .select, .dlForm .textarea{width:250px;}
.btnRegister{margin-left:10px;}
ul.error{padding-top:10px; color:red; list-style:disc; font:12px/16px "Trebuchet MS", Arial, sans-serif;clear:both;}
ul.error li{list-style:disc; margin-left:1em;}




ul.paging{ float:right; list-style:none; margin:0; padding:0; }
ul.paging li{display:block; float:left; margin:0; padding-bottom:5px;}
ul.paging li a {padding:3px 7px; color:#666666; font-family: Verdana; font-size: 8pt; text-decoration:none }
ul.paging li a.active{background:#C0C0C0; color:#000000; font-family: Verdana; font-size: 8pt; text-decoration:none }


.vraag {
	height:25px;
	margin:0px;
}

.vraag:hover { cursor:pointer }


#map_canvas { font-family: Verdana; font-size: 10pt; color: #000000; width: 371px; height: 330px; margin-left:-3px  }






ul.downloads { margin: 0}
ul.downloads li{ list-style:none}
ul.downloads a{ padding:10px 40px;}
a.pdf{background: url(../images/iconPDF.png) no-repeat;}
a.doc{background: url(../images/iconDOC.png) no-repeat;}
a.zip{background: url(../images/iconZIP.png) no-repeat;}
a.ppt{background: url(../images/iconPPT.png) no-repeat;}
a.xls{background: url(../images/iconXLS.png) no-repeat;}