@charset "utf-8";

body{
margin:0;
padding:0;
min-width:996px;
font-size:12px;
background:url(/images/design/kaart3.gif) 50% 0 no-repeat #efebe0;
font-family:Arial,Helvetica,sans-serif;
color:#646464
}

.home{
background:url(/images/design/kaart.gif) 50% 0 repeat-y #fff
}

#wrap{
position:relative;
width:996px;
margin:0 auto
}

/*html tags*/
hr{
background-color:#646464;
border:0;
color:#646464;
height:1px;
margin:10px 0 10px 0
}

a{
color:#e79c1f
}

a:hover{
color:#0a71b4
}

h1{
font-size:16px
}

h2{
font-size:14px
}

h3,
h4,
h5,
h6{
font-size:12px;
margin:0;
padding:0;
}

p{
margin:10px 0;
padding:0
}

.DefaultPage p{
margin:0 0 10px 0;
padding:0
}

ul{
margin:0;
margin-top:10px;
margin-bottom:10px;
padding:0
}

ol{
margin:0;
margin-top:10px;
margin-bottom:10px;
padding:0
}

li{
margin-left:24px
}

img{
border:0
}

sub,sup{
position:relative;
height:0;
line-height:1;
vertical-align:baseline
}

sup{
bottom:1ex
}

sub{
top:.5ex
}

address{
position:absolute;
left:29px;
top:23px;
margin:0;
padding:0
}

/*common classes*/
.hidden{
display:none
}

.center{
text-align:center
}

.ta_right{
text-align:right
}

.flr{
float:right
}

.fll{
float:left
}

.clr{
clear:right
}

.cll{
clear:left
}

.clearer{
height:1px;
overflow:hidden;
margin-top:-1px;
clear:both
}

.clearerr{
height:1px;
overflow:hidden;
margin-top:-1px;
clear:right
}

.clearerl{
height:1px;
overflow:hidden;
margin-top:-1px;
clear:left
}

.fs90{
font-size:90%
}

.fs80{
font-size:80%
}

/*header,footer,columns*/
#header{
position:relative;
width:996px;
height:222px;
background:url(/images/design/header3.png) 0 23px no-repeat
}

.home #header{
background:url(/images/design/header.png) 0 23px no-repeat
}

#content_container{
padding-left:30px
}

.home #content_container{
background:url(/images/design/content.png) 0 0 repeat-y
}

#left_column{
float:left;
width:667px;
padding:0 0 0 0
}

#right_column{
float:right;
width:296px;
padding:5px 0 0 0
}

#footer{
display:block;
width:935px;
margin:0;
padding:30px 0;
text-align:center;
font-size:11px
}

#footer a{
color:#646464
}

#footer a:hover{
color:#e79c1f
}

#bottom{
height:20px;
width:996px
}

.home #bottom{
background:url(/images/design/footer.png) 0 0 no-repeat
}

.block_blue{
width:270px;
color:#fff;
background:url(/images/design/blue_middle.gif) 0 0 repeat-y
}

.block_blue .top{
background:url(/images/design/blue_top.gif) 0 0 no-repeat
}

.block_blue .bottom{
height:16px;
background:url(/images/design/blue_bottom.gif) 0 0 no-repeat
}

.block_green{
width:270px;
color:#fff;
background:url(/images/design/green_middle.gif) 0 0 repeat-y
}

.block_green .top{
background:url(/images/design/green_top.gif) 0 0 no-repeat
}

.block_green .bottom{
height:16px;
background:url(/images/design/green_bottom.gif) 0 0 no-repeat
}

.block h1,
.block h2{
font-size:14px;
line-height:35px;
height:35px;
margin:0;
padding:0 20px 0 10px;
overflow:auto
}

.block p{
padding-left:10px;
padding-right:20px
}

.block .lees_meer{
text-align:right
}

.block a{
color:#fff;
text-decoration:none
}

.block a:hover{
text-decoration:underline
}

.block .lees_meer a{
padding-right:15px;
color:#fff;
font-size:11px;
text-decoration:none;
background:url(/images/design/arrow_right.gif) 100% 50% no-repeat
}

.block .lees_meer a:hover{
text-decoration:underline
}

.block .laatste_list{
padding-top:11px
}

.block .laatste{
position:relative;
padding:0 20px 5px 42px;
margin:0;
display:block;
min-height:35px;
line-height:14px;
}

.block .laatste a{
color:#fff;
text-decoration:none
}

.block .laatste a:hover{
color:#fff;
text-decoration:underline
}

.block .laatste img{
position:absolute;
left:6px;
top:0
}

.h1{
position:absolute;
left:233px;
top:161px;
width:430px;
overflow:hidden;
line-height:37px;
height:37px;
padding:0;
margin:0;
color:#fff;
}

.h2{
line-height:35px;
padding:0;
margin:0 0 10px 0;
color:#fff;
}

/*horizontal menu*/

.hmenu ul{
list-style-type:none;
padding:0;
margin:0
}

.hmenu ul li a{
display:block;
position:absolute;
text-align:center;
color:#fff;
text-decoration:none;
line-height:14px
}

.hmenu ul li a:hover,
.hmenu ul .active a{
text-decoration:underline
}

.hmenu ul #hmenu1 a{
left:786px;
top:111px;
width:110px
}

.hmenu ul #hmenu2 a{
left:786px;
top:134px;
width:110px
}

.hmenu ul #hmenu3 a{
left:741px;
top:169px;
width:70px
}

/*inline menu*/
.inlinemenu{
position:absolute;
left:0;
top:-37px
}

.inlinemenu ul{
display:inline;
list-style-type:none;
margin:0;
padding:0
}

.inlinemenu ul li{
display:inline;
margin:0;
padding:0
}

.inlinemenu ul li a{
display:block;
float:left;
padding:14px 17px 8px 17px;
width:238px;
color:#e79c1f;
text-decoration:none;
font-weight:bold;
line-height:21px;
background:url(/images/design/inlinemenu.png) -272px -1px no-repeat
}

.inlinemenu ul .active a{
background:url(/images/design/inlinemenu.png) 0 -1px no-repeat
}

.inlinemenu ul li a:hover,
.inlinemenu ul .active a{
color:#646464
}

/*groupedlist*/
.groupedlist{
width:270px
}

.groupedlist ul{
display:block;
list-style-type:none;
margin:0;
padding:0
}

.groupedlist ul .blue2{
margin:0;
display:block;
background:url(/images/design/blue_middle.gif) 0 0 repeat-y
}

.groupedlist ul .green2{
margin:0;
display:block;
background:url(/images/design/green_middle.gif) 0 0 repeat-y
}

.groupedlist ul .blue2 span{
display:block;
background:url(/images/design/blue_top2.gif) 0 0 no-repeat
}

.groupedlist ul .green2 span{
margin:0;
display:block;
background:url(/images/design/green_top2.gif) 0 0 no-repeat
}

.groupedlist ul .blue2 a{
background:url(/images/design/blue_bottom.gif) 0 100% no-repeat
}

.groupedlist ul .green2 a{
background:url(/images/design/green_bottom.gif) 0 100% no-repeat
}

.groupedlist ul li a,
.groupedlist ul .active li a{
display:block;
text-decoration:none;
padding:5px 17px 15px 10px;
color:#fff;
font-weight:bold;
font-size:14px
}

.groupedlist ul li a:hover,
.groupedlist ul .active a{
text-decoration:underline
}

/*DefaultPage*/
.DefaultPage{
line-height:1.5em;
background:url(/images/design/dp_middle.gif) 0 0 repeat-y
}

.DefaultPage_top{
padding:20px 20px 9px 20px;
background:url(/images/design/dp_top.gif) 0 -1px no-repeat
}

.DefaultPage_top_inlinemenu{
position:relative;
margin-top:37px;
padding:20px 20px 9px 20px;
background:url(/images/design/dp_top_inlinemenu.gif) 0 -1px no-repeat
}

.DefaultPage_top_oranje{
padding:5px 20px 9px 20px;
background:url(/images/design/dp_top_oranje.gif) 0 -1px no-repeat
}

.DefaultPage_bottom{
height:16px;
background:url(/images/design/dp_bottom.gif) 0 0 no-repeat
}

/*DefaultForm*/
.DefaultForm{
position:relative;
margin:0;
padding:0
}

.DefaultPage .DefaultForm{
position:relative;
margin:0 0 20px 0;
padding:0
}

.DefaultForm fieldset{
border:0;
margin:0;
padding:0
}

.DefaultForm legend{
height:1px;
overflow:hidden
}

.DefaultForm .t30{
display:block;
padding-top:30px
}

.DefaultForm legend span{
display:block;
position:absolute;
left:0;
top:10px;
font-weight:bold
}

.DefaultForm label{
display:block;
float:left;
width:9em;
padding:1px 0;
margin:0;
line-height:1.4em;
clear:left
}

.DefaultForm .label1{
display:inline;
float:none;
width:auto;
padding:0 0 0 4px;
margin:0;
line-height:1.4em;
clear:none
}

.DefaultForm input,
.DefaultForm select,
.DefaultForm textarea{
font-family:Arial,Helvetica,sans-serif;
font-size:100%;
color:#646464;
margin:0 0 0.5em 0
}

.DefaultForm .input1{
width:300px;
border:1px solid #646464;
padding:1px;
}

.DefaultForm select.input1{
width:304px;
}

.DefaultForm .submit{
border:1px solid #646464;
background:#fff;
color:#646464;
cursor:pointer;
margin:0.5em 0 0 9em
}

.DefaultForm .submit:hover,
.DefaultForm .submit:focus{
background:#646464;
color:#fff;
}

.DefaultForm input.input1_error,
.DefaultForm select.input1_error,
.DefaultForm textarea.input1_error,
.DefaultForm input.input1_error:focus,
.DefaultForm select.input1_error:focus,
.DefaultForm textarea.input1_error:focus{
width:285px;
border:1px solid red;
padding:1px 15px 1px 1px;
background:url(/images/warning_obj.gif) 100% 50% no-repeat
}

.DefaultForm select.input1_error,
.DefaultForm select.input1_error:focus{
width:304px;
border:1px solid red;
padding:1px 1px 1px 1px;
background:url(/images/warning_obj.gif) 94% 50% no-repeat
}

.DefaultForm .error{
color:#e79c1f
}

.DefaultForm .required{
color:#646464
}

.DefaultForm .form_footer{
text-align:right
}

/*SubscribeForm*/
#SubscribeForm{
position:relative
}

#SubscribeForm fieldset{
padding:29px 10px 10px 10px
}

#SubscribeForm legend{
height:20px
}

#SubscribeForm legend span{
display:block;
position:absolute;
top:0;
left:10px;
line-height:21px;
padding:7px 0;
font-size:14px;
font-weight:bold
}

#SubscribeForm label{
width:61px;
}

#SubscribeForm .required{
color:#fff
}

#SubscribeForm .input1{
padding:2px 1px;
width:170px;
border:1px solid #fff
}

#SubscribeForm input.input1_error,
#SubscribeForm input.input1_error:focus{
width:155px;
border:1px solid red;
padding:2px 16px 2px 1px;
background:url(/images/warning_obj.gif) 100% 50% no-repeat #fff
}

#SubscribeForm .submit{
border:1px solid #fff;
background:#0a71b4;
color:#fff;
margin:8px 15px 0 0;
float:right
}

#SubscribeForm .submit:hover,
#SubscribeForm .submit:focus{
background:#fff;
color:#0a71b4
}

/*onderwerpen home*/
#onderwerp_home{
padding-left:3px;
}

#onderwerp_home .item{
position:relative;
float:left;
width:332px;
height:110px;
background:url(/images/design/onderwerp_home.png) 0 0 no-repeat
}

#onderwerp_home .item h2{
padding:11px 40px 10px 78px;
margin:0;
font-size:12px;
line-height:14px
}

#onderwerp_home .item h2 a{
display:block;
color:#646464;
text-decoration:none
}

#onderwerp_home .item h2 a:hover{
text-decoration:underline
}

#onderwerp_home .item p{
display:block;
height:42px;
overflow:hidden;
padding:0 40px 2px 78px;
margin:0;
font-size:12px;
line-height:14px
}

#onderwerp_home .item .icon{
display:block;
position:absolute;
left:0px;
top:27px
}

#onderwerp_home .item .lees_meer{
display:block;
height:26px;
padding:1px 15px;
margin:0;
font-size:11px;
line-height:26px
}

#onderwerp_home .item .lees_meer a{
display:block;
float:right;
padding:0 16px;
text-decoration:none;
line-height:24px;
color:#7aaf30;
background:url(/images/design/arrow_right_green.gif) 100% 50% no-repeat
}

#onderwerp_home .item .lees_meer a:hover{
text-decoration:underline
}

.verder,
.terug{
display:block;
height:46px
}

.toevoegen a,
.verder a,
.terug a{
display:block;
height:46px;
width:192px;
line-height:33px;
padding:7px 40px 0 40px;
color:#fff;
text-decoration:none;
font-size:14px;
font-weight:bold;
background:url(/images/design/terug.png) 0 0 no-repeat
}

.verder a{
float:right;
background:url(/images/design/verder.png) 0 0 no-repeat
}

.toevoegen a{
background:url(/images/design/toevoegen.png) 0 0 no-repeat
}

.toevoegen a:hover,
.verder a:hover,
.terug a:hover{
text-decoration:underline
}

#map_canvas{
width:625px;
height:500px;
overflow:hidden
}

.infowindow{
width:200px;
font-size:12px;
line-height:16px
}

.infowindow p{
padding:0;
margin:4px 0
}

.legenda_list{
padding-top:11px
}

.legenda_kop{
margin:15px 0 5px 0;
padding:0 20px 0 33px
}

.legenda_item{
position:relative;
line-height:15px;
padding:10px 10px 10px 65px
}

.witruimte{
margin-top:11px
}

.legenda_item input{
position:absolute;
left:10px;
top:7px
}

.legenda_item img{
position:absolute;
left:30px;
top:0
}

.std_img{
float:right;
margin:15px 0px 15px 20px
}

.youtube{
padding:10px 0 0 0
}