@import url(../css/reset.css);
html { height:100%; font-size:11px; overflow-y:scroll; }
body { position:relative; background:#fff; color:#575757; font:100.1%/1.727 Tahoma, Arial, Helvetica, sans-serif;  min-height:100%; height:auto !important; height:100%; }

a {color:#0e549e; text-decoration:none }
a:hover {color:#0e549e;  text-decoration:underline }
.text ul li a { color:#0e549e !important; }

h1,h2,h3 { font-size:16px; color:#a79361; margin:1em 0; font-weight:normal }
h4 { font-weight:bold; font-size:11px; line-height:26px; padding-left:0; margin-left:0; margin:0 0 1em; color:#0e549e;}

#page { width:960px; margin:0 auto; position:relative; }

#logo { margin:0; padding:0; height:96px; line-height:96px  }

.bg-line { position:absolute; text-align:center; left:0; height:200px; width:100%; background:#f4f4f4; overflow:hidden }
.bg-line img { margin:0 auto; display:block; }

.header-img { position:relative; z-index:2}

/* menu styles */
/*
#dropdown { margin: 0; padding: 0; height:31px; display:block; padding:0px; margin:0px; float:left; z-index:9; }
#dropdown li { float: left; list-style: none; text-align:left; display:block; }
#dropdown li a.active { background:url(../images/menu_bg_hover.gif) repeat-x left top; border-left:1px solid #003867; border-right:1px solid #003867; }
#dropdown li a { background:url(../images/menu_bg.gif) repeat-x left top; border:none; display: block; height:31px; line-height:31px; text-decoration: none; color: #ffffff; white-space: nowrap; border-left:1px solid #b3a47e; border-right:1px solid #b3a47e; padding:0 21px 0 21px; }
#dropdown li a:hover { text-decoration:none; background:url(../images/menu_bg_hover.gif) repeat-x left top; border-left:1px solid #003867; border-right:1px solid #003867; }

#dropdown li ul { opacity:.85;filter: alpha(opacity=85); -moz-opacity: 0.85; margin:0; padding:0px; background-color:#ffffff; position: absolute; visibility: hidden; z-index:9; border:1px solid #a79361; border-top:none;  }
#dropdown li ul li { float:none; display:block; background:none; font-size:0.8em; font-weight:normal; margin:0px; padding:0px; border:none; }
#dropdown li ul li a { height:auto; line-height:18px; background: #ffffff; font-size:1.1em; color: #938256; padding:3px 10px; border:none; display:block; border-bottom:1px dotted #938256; width:200px; white-space:normal; }
#dropdown li ul li a:hover { color: #938256; text-decoration:underline; background:#ffffff; border-left:0; border-right:0; }

#nav { position:relative;  height:31px; background:url(../images/menu_bg.gif) repeat-x left top; margin:0 0 10px 0; z-index:9; }
#nav table { margin:0; padding:0; border:0; border-collapse:separate }
#nav table td { text-align:center; padding:0; height:31px; line-height:28px; border:0; background:url(../images/menu-sep.png) repeat-x 0 2px #a79361; padding-left:2px }
#nav table td.l { border-right:2px solid #a79361 }
#nav table td.f { border-left:2px solid #a79361; padding-left:0 }
#nav a { color:#fff; text-decoration:none; font-size:13px; border:2px solid #a79361; border-left:0; border-right:0; background:url(../images/menu-bg.png) repeat-x 0 0; display:block; height:27px }
#nav a:hover { text-decoration:underline }
#nav table td.active { border:0 }
#nav table td.active a { background-image:url(../images/menu-a.png); background-color:#00417b; border-color:#00417b;border-left:2px solid #00417b; border-right:2px solid #00417b; }
#nav table td.active a:hover { text-decoration:none; cursor:default }
*/

/* Menu */

ul.dropdown{
	padding: 0;
	margin: 0 0 10px 0;
	list-style: none;
	line-height: 1;
	z-index:9;
	background:url(../images/menu_bg.gif) repeat-x left top;
	width:100%;
	height:31px;
	overflow:visible;
}

ul.dropdown li{
	float: left;
	display:inline;
}

ul.dropdown li a { 
	background:url(../images/menu_bg.gif) repeat-x left top; 	
	border:none; 
	display: block; 
	height:31px; 
	line-height:31px; 
	text-decoration: none; 
	color: #ffffff; 
	white-space: nowrap; 
	border-left:1px solid #b3a47e; 
	border-right:1px solid #b3a47e; 
	padding:0 20px 0 20px; 
	white-space:normal; 
	font-size:13px;
}

ul.dropdown li a.active { 
	background:url(../images/menu_bg_hover.gif) repeat-x left top; 
	border-left:1px solid #003868;
	border-right:1px solid #003868;
}

ul.dropdown li a:hover { 
	text-decoration:none; 
	background:url(../images/menu_bg_hover.gif) repeat-x left top; 
	border-left:1px solid #003867; 
	border-right:1px solid #003867; 
}

/* Submenu */

ul.dropdown LI:HOVER 	ul.subnav { display: block; }

ul.dropdown li ul.subnav{
	margin:0;
	padding:0;
	display:none;
	position:absolute;
	z-index:11;
	border:1px solid #A79361;
	border-top:none;
opacity: 0.85;
}

ul.dropdown li ul li{ 
	height:auto; 
	line-height:18px; 
	background: #ffffff; 
	padding:3px 10px; 
	border:none; 
	width:180px; 
	float:none;
	margin:0;
	padding:0;
	position:relative;

}

ul.dropdown li ul li a{ 
	height:auto; 
	line-height:18px; 
	background: #ffffff; 
	font-size:11px; 
	color: #938256; 
	padding:3px 10px; 
	border:none; 
	display:block; 
	width:180px; 
	float:none;
   -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: -moz-use-text-color -moz-use-text-color #938256;
    border-style: none none dotted;
    border-width: medium medium 1px;
}

ul.dropdown li ul li a:hover{
	background:#fff; 
	text-decoration:underline;
	-moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: -moz-use-text-color -moz-use-text-color #938256;
    border-style: none none dotted;
    border-width: medium medium 1px;
}



/* Subsubmenu */

ul.dropdown LI ul.subnav li:HOVER 	ul.subsubnav { display: block; }

ul.dropdown li ul li ul{
	margin:0;
	padding:0;
	display:none;
	left:200px;
	top:-1px;
	position:absolute;
	z-index:11;
	border:1px solid #A79361;
}

ul.dropdown li ul li ul li{ 
	height:auto; 
	line-height:18px; 
	background: #A79361; 
	padding:3px 10px; 
	border:none; 
	width:180px; 
	float:none;
	margin:0;
	padding:0;
}

ul.dropdown li ul li a{ 
	height:auto; 
	line-height:18px; 
	background: #ffffff; 
	font-size:11px; 
	color: #938256; 
	padding:3px 10px; 
	border:none; 
	display:block; 
	border-bottom:1px dotted #938256; 
	width:180px; 
	float:none;
}




/*

#dropdown, #dropdown ul { 
	padding: 0;
	margin: 0 0 10px 0;
	list-style: none;
	line-height: 1;
	z-index:9;
	background:url(../images/menu_bg.gif) repeat-x left top;
	width:100%;
	height:31px;
	overflow:visible;
}
#dropdown ul { background:none;	height:auto; width:auto; }
#dropdown a {
	display: block;
}

#dropdown li { 
	float: left;
	display:inline;
}
#dropdown li a { background:url(../images/menu_bg.gif) repeat-x left top; 	border:none; display: block; height:31px; line-height:31px; text-decoration: none; color: #ffffff; white-space: nowrap; border-left:1px solid #b3a47e; border-right:1px solid #b3a47e; padding:0 21px 0 21px; white-space:normal; }
#dropdown li a:hover { text-decoration:none; background:url(../images/menu_bg_hover.gif) repeat-x left top; border-left:1px solid #003867; border-right:1px solid #003867; }


#dropdown li ul { 
	position: absolute;
	opacity:.85;filter:
	alpha(opacity=85);
	-moz-opacity: 0.85;
	margin:0;
	padding:0px;
	background-color:#ffffff;
	z-index:9;
	border:1px solid #a79361;
	border-top:none; 
	width: 200px;
	display:none; 
}
#dropdown li ul li { 
	font-size:10px; 
}
#dropdown li ul li a { 
	height:auto; 
	line-height:18px; 
	background: #ffffff; 
	font-size:1.1em; 
	color: #938256; 
	padding:3px 10px; 
	border:none; 
	display:block; 
	border-bottom:1px dotted #938256; 
	width:180px; 
}

#dropdown li ul li a:hover { 
	color: #938256; 
	text-decoration:underline; 
	background:#ffffff; 
	background:red; 
}

#dropdown li ul ul { 
	margin: -25px 0 0 200px;
	width:200px;
	height:auto;
}

#dropdown li:hover ul ul, #dropdown li.sfhover ul ul {
	display:none;
}

#dropdown li:hover ul, #dropdown li li:hover ul, #dropdown li.sfhover ul, #dropdown li li.sfhover ul { 
	display:block;
	left:auto;
}

*/

#flash { position:relative; width:960px; height:200px; }
#flash .call-to-action { position:absolute; right:0; top:0; width:183px; padding:6px 8px; height:188px; display:block; background-color:#fff; overflow:hidden; } 
#flash .call-to-action.bg1 { background:url(../images/1.jpg) #fff no-repeat left top; }
#flash .call-to-action.bg2 { background:url(../images/2.jpg) #fff no-repeat left top; }
#flash .call-to-action.bg3 { background:url(../images/3.jpg) #fff no-repeat left top; }
#flash .call-to-action.bg4 { background:url(../images/4.jpg) #fff no-repeat left top; }
#flash .call-to-action h3 { color:#fff; font-size:16px; padding:0 4px; margin:0; line-height:20px; }
#flash .call-to-action p { color:#1f2d5d; line-height:18px; font-size:12px; padding:0 4px; margin:0; }
#flash .call-to-action.bg3 p { color:#fff; }
#flash .call-to-action p.sep { line-height:normal; color:#1f2d5d; text-align:center; }
#flash .call-to-action a { width:145px; padding:0 0 0 38px; margin:3px 0; height:34px; line-height:34px; background:url(../images/call-to-action-bttn.png) no-repeat left top; display:block; color:#1f2d5d; font-size:14px; font-weight:bold; }
#flash .call-to-action span { font-weight:bold; letter-spacing:1px; width:145px; padding:0 0 0 38px; margin:3px 0; height:34px; line-height:34px; background:url(../images/call-to-action-tel.png) no-repeat left top; display:block; color:#fff; font-size:14px; }
#content { width:750px; overflow:hidden; margin-top:12px; float:left }

ul#cols { margin-right:-20px; overflow:hidden; list-style:none; padding:0; margin-bottom:15px }
ul#cols .block { width:175px; float:left; margin-right:6px; margin-bottom:0 }
ul#cols .mw { width:174px }
ul#cols .text p { margin:0 }
ul#cols.links h3{border:0;}
ul#cols.links .block {height:22px; overflow:hidden }

.block {border:1px solid #aaaaaa; padding:3px; position:relative; margin-bottom:12px }
.block h3 {color:#004084; margin:0; padding:0; background:url(../images/col-bg.png) repeat-x bottom left; font-weight:normal; border-bottom:1px solid #dddddd; margin-top:-1px }
.block h3 a { text-decoration:none; }
.block h3.txt-title { font-size:16px; padding-left:13px; color:#A79361; }
.block .text { margin:10px 7px 10px 14px; line-height:19px; position:relative; z-index:2;}
.block .text .bttn-inschrijven { display:block; width:158px; background:url(../images/bg-bttn-inschrijven.gif) #0e549e repeat-x left bottom; text-align:center; font-size:16px; padding:5px 0; color:#fff; font-weight:bold; border:2px solid #0e549e; }
.block .bg { width:100%; display:block; background:url(../images/gr-border.png) no-repeat 0 0 #fff; height:72px; position:absolute; z-index:1; left:-1px; bottom:-2px; }
.block .bg b { display:block; width:1px; right:-2px; float:right; height:72px; background:#fff url(../images/gr-border.png) 100% 0 no-repeat; position:relative }

.block .right-info { padding:0 10px; }
.block .right-info hr { color:#fff; background-color:#fff; border:none; border-bottom:1px dotted #D5D5D5; height:1px; margin:2px 0; }
.block .right-info p { padding:5px 0; margin:0; }
.block .right-info h2 { color:#A79361; font-size:16px; letter-spacing:1px; font-weight:normal; margin:0; border-bottom:1px solid #D5D5D5; }

.mpage h1 { color:#004084; margin:0 0 10px 0; padding:0 0 10px 0; font-weight:normal; border-bottom:1px solid #dddddd; font-size:18px; line-height:26px; }
.mpage h2 { font-size:16px; font-weight:normal; color:#004084; line-height:24px; margin:0 0 10px 0; }
.mpage h3 { font-size:14px; font-weight:normal; color:#0E549E; margin:0 0 10px 0; padding:3px 0 !important; }
.mpage h4 { font-size:13px; font-weight:normal; color:#A79361; margin:0 0 10px 0; }
.mpage h5 { font-size:12px; color:#A79361; margin:0 0 10px 0; }
.mpage h6 { font-size:11px; color:#A79361; margin:0 0 10px 0; }

.text .cols { margin-right:-5%; overflow:hidden }
.col50 { width:45%; padding-right:4%; float:left }
.col100 { width:94%; padding-right:4%; float:left }

.text li {list-style:none; background:url(../images/li.gif) no-repeat 0 .72em; padding-left:15px; }
.text li a { color:#575757; }
.text ol li { list-style-type:decimal; background:none; padding-left:0px; }

.text .form { width:330px; border:none; }

#side { float:left; margin-left:12px; margin-top:12px; width:198px; }
#side .banner-right { width:198px; margin:0 0 12px 0; padding:0; }
dl.news dd { padding:0; margin:0 }
dl.news dd.more { padding-bottom:.9em; border-bottom:1px solid #d5d5d5; margin-bottom:.9em}
dl.news dt { margin:0; padding:0; padding-bottom:.9em; border-bottom:1px solid #d5d5d5; margin-bottom:.9em; }
dl.news .date { font-weight:normal; color:#004084; padding:0; margin:0; border:none;}

#main { overflow:hidden; padding-bottom:76px }

.newslist { padding:0; list-style:none; width:333px; float:left }
.newslist li { height:27px; line-height:26px; margin-bottom:1.15em;padding-left:17px;  }
.newslist li.active { background:#eeeeee }
.newslist li strong {color:#575757; padding-left:1em}
.newslist li a:hover { text-decoration:none }
.newslist li a:hover .date { text-decoration:underline }

.newspage { overflow:hidden; padding-right:1em; margin-left:-3px }

.newspage .news { line-height:19px; padding-left:66px; overflow:hidden}
.newspage .news .date { font-weight:normal; color:#004084; padding-right:.5em; padding-left:0; }

p.question { color:#004084 }

form.poll { line-height:1.2 !important }
form.poll input { width:162px;  margin:0 auto; }
form.poll input.text { border:1px solid #ebebeb; padding:.2em .2em; margin:0 0 .8em; margin-left:0; margin-right:0; }
form.poll p { position:relative; text-align:center; margin-bottom:0; margin-top:0 }
form.poll .imp { position: absolute; left:-1em; font-style:normal; color:#004084; padding-top:6px }
form.poll p.tip { text-align:left; color:#cbcbcb; margin:0; line-height:1; margin-bottom:1em}
form.poll input.button { display:block; margin:0 auto; padding:0 .2em; margin-top:2em}

input.button { background:#00417b url(../images/button-bg.png) repeat-x; height:19px; color:#fff; font-weight:bold; border:2px solid #00417b}

#footer { background:#f4f4f4; border-top:1px solid #dcdcdc; position:absolute; bottom:0; left:0; width:100%; z-index:9; color:#bcbcbc; font-size:10px }
#footer .box { width:960px; margin:0 auto; position:relative; }
#footer .box span { font-size:0.82em }
#footer a { text-decoration:none; color:#bcbcbc; }
#footer a:hover { text-decoration:underline; }

#footer .tabs { padding:0; position:relative; top:-1px; margin-bottom:0; }
#footer .tabs li { background:#ffffff; border:1px solid #dcdcdc; border-top:0; height:29px; float:left; list-style:none; margin-right:3px; line-height:29px; font-size:10px; width:750px; text-align:center; }
#footer .tabs li a { color:#adadad; text-decoration:none; margin:0 10px; }
#footer .tabs li a:hover { color:#adadad; text-decoration:underline; }

#footer .copyright { width:177px; position:absolute; right:0; top:5px }

#footer p.menu { text-align:center }
#footer p.menu a { margin:0 .45em }

.bpage { min-height:338px; height:auto !important; height:340px }
.mpage { min-height:218px; height:auto !important; height:226px }
.side { /*min-height:303px;*/ height:auto !important; /*height:303px*/ }

#nws_overview { border-bottom:1px dotted #d9d9d9; width:715px; padding-bottom:10px; margin-bottom:10px; }
#nws_overview h4 { margin:0px; padding:0px; line-height:19px; color:#575757; }
#nws_overview p { margin:0px; padding:0px; }
#nws_overview .date { color:#0e549e; }

.field { width:200px; font-family:Tahoma, Arial, Helvetica, sans-serif; border:1px solid #a5acb2; padding:2px; }
.requiredfield { width:200px; font-family:Tahoma, Arial, Helvetica, sans-serif; border:1px solid #a5acb2; padding:2px; }
.invalidfield { background-color:#e6e6e6; }

.tooltip { line-height:16px; }

.partners_logo { width:215px; height:88px; border:1px solid #d9d9d9; margin:0 25px 25px 0; float:left; }

.acties-gedeelte { display:block; overflow:hidden; padding:0; text-align:right; margin:10px 0 0 0; height:77px; width:750px; float:right; }
.acties-gedeelte div { float:right; margin:0 0 0 10px;  }
.acties-gedeelte div img { border:1px solid #d9d9d9; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }
.acties-gedeelte div img:hover { filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity: 1.0; opacity: 1.0; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
     ul.dropdown li ul li ul { top:-26px; }
}
.relatiedag-slogan { display:block; position:absolute; top:30px; right:10px; background:url(../images/relatiedag-slogan.gif) no-repeat left top; width:378px; height:35px; }
.relatiedag-sticker { display:block; position:absolute; top:128px; left:-100px; background:url(../images/relatiedag-sticker.png) no-repeat left top; width:273px; height:242px; z-index:3; }