@charset "utf-8";

body{
margin:0;
padding:0;
background:url(/images/design/background.gif) 0 0 repeat-x #e7e7e7;
min-width:980px;
font-size:12px;
font-family:Arial,sans-serif;
color:#444
}

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

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

a{
color:#f78f1e
}

a:hover{
color:#542988
}

h1{
color:#542988;
font-size:140%
}

h2{
color:#542988;
font-size:120%
}

h3,
h4,
h5,
h6{
color:#542988;
font-size:100%
}

p{
}

ul{
}

ol{
}

li{
}
	
img{
display:block;
border:0
}

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

sup{
bottom:1ex
}

sub{
top:.5ex
}

address{
position:absolute;
left:20px;
top:40px;
z-index:4
}
/*common classes*/
.hidden{
display:none
}

.center{
text-align:center
}

.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:980px;
height:193px;
background:url(/images/design/header.png) 0 0 no-repeat
}

/*animatie*/
#animatie{position:absolute;left:0;top:0;z-index:2;height:193px;width:980px;min-width:980px;overflow:hidden}
#animatie2{width:980px}
#animatie .img1{width:980px;margin:0;padding:0;height:193px;background:url(/images/design/header1.png) 0 0 no-repeat}
#animatie .img2{width:980px;margin:0;padding:0;height:193px;background:url(/images/design/header2.png) 0 0 no-repeat}
#animatie .img3{width:980px;margin:0;padding:0;height:193px;background:url(/images/design/header3.png) 0 0 no-repeat}
#animatie .img4{width:980px;margin:0;padding:0;height:193px;background:url(/images/design/header4.png) 0 0 no-repeat}
#animatie .img5{width:980px;margin:0;padding:0;height:193px;background:url(/images/design/header5.png) 0 0 no-repeat}
#animatie .img6{width:980px;margin:0;padding:0;height:193px;background:url(/images/design/header6.png) 0 0 no-repeat}

#fotos{
position:absolute;
left:535px;
top:26px;
width:415px;
height:76px;
background:url(/images/design/fotos.jpg) 0 0 no-repeat
}



#left_column{
float:left;
width:250px;
padding-top:29px;
}
#cont{
background:url(/images/design/cont.png) 10px 0 repeat-y
}

#content_column{
float:right;
width:730px;
min-height:400px;
}

.home #content_column{
width:930px;
}

#content{
float:left;
padding-top:0px;
width:530px
}

.home #content{
width:730px
}

#right_column{
float:right;
width:184px;
padding-bottom:20px
}


#footer{
height:135px;
min-width:980px;
text-align:center;
background:url(/images/design/footer.png) 0 0 repeat-x
}

#footer_content{
color:#fff;
display:block;
text-align:center;
line-height:20px;
margin:0;
padding:45px 0 0 0
}

/*horizontal menu*/
.hmenu{
position:absolute;
left:11px;
top:160px;
z-index:3;
width:958px;
height:33px;
background:#f78f1e
}

.hmenu ul{
display:block;
list-style-type:none;
margin:0;
padding:5px 10px 0 10px
}

.hmenu ul li{
display:block;
float:left;
margin:0;
padding:0
}

.hmenu ul li a{
display:block;
float:left;
margin-left:3px;
color:#fff;
text-decoration:none;
font-weight:bold;
line-height:18px
}

.hmenu ul li a span{
display:block;
padding:5px 10px;
white-space:nowrap;
color:#fff;
text-decoration:none;
font-weight:bold;
line-height:18px
}

.hmenu ul li a:hover,
.hmenu ul li a:hover span{
color:#542988
}

.hmenu ul .active a{
color:#542988;
background:url(/images/design/menu_left.gif) 0 0 no-repeat #fff
}

.hmenu ul .active a span{
color:#542988;
background:url(/images/design/menu_right.gif) 100% 0 no-repeat
}

/*vertical menu*/
.vmenu{
padding-left:33px;
background:url(/images/design/submenu.gif) 33px 0 repeat-y
}

.vmenu div{
background:url(/images/design/submenu_top.gif) 0 0 no-repeat
}

.vmenu ul{
width:212px;
display:block;
list-style-type:none;
margin:0;
padding:10px 0;
background:url(/images/design/submenu_bottom.gif) 0 100% no-repeat
}

.vmenu ul li{
margin:0;
display:block
}

.vmenu ul li ul{
}

.vmenu ul li li{
}

.vmenu ul li a,
.vmenu ul .active li a{
display:block;
text-decoration:none;
padding:5px 10px;
color:#f78f1e;
font-weight:bold
}

.vmenu ul li li a,
.vmenu ul .active li a{
padding:5px 10px 5px 20px;
}

.vmenu ul li a:hover, .vmenu ul .active a, .vmenu ul .active .active a{
color:#542988;
}

/*DefaultPage*/
#DefaultPage{
padding:60px 40px 20px 20px;
line-height:1.5em;
}

#DP_top{
padding:20px 40px 20px 20px;
line-height:1.5em;
}

#DP_left{
float:left;
padding:0 0 20px 20px;
line-height:1.5em;
width:300px
}

#DP_right{
padding:0 40px 20px 0;
line-height:1.5em;
float:right;
width:300px
}

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

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

.DefaultForm legend{
}


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

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

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

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

.DefaultForm .select1{
width:304px;
border:1px solid #333;
padding:0;
}

.DefaultForm .submit{
background:#e7e5e3;
color:#542988;
border:1px solid #542988;
cursor:pointer;
margin:0.5em 0 0 11em
}

.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 16px 1px 1px;
background:url(/images/warning_obj.gif) 100% 50% no-repeat
}

.DefaultForm input.select1_error,
.DefaultForm select.select1_error,
.DefaultForm textarea.select1_error,
.DefaultForm input.select1_error:focus,
.DefaultForm select.select1_error:focus,
.DefaultForm textarea.select1_error:focus{
width:304px;
border:1px solid red;
padding:0
}

.DefaultForm .error{
color:red
}

.DefaultForm .required{
color:red
}

.DefaultForm .form_footer{
text-align:right
}

/*SubscribeForm*/
#SubscribeForm{
position:relative;
padding-right:33px;
background:url(/images/design/nbtop.png) 0 29px no-repeat

}

#SubscribeForm fieldset{
padding:10px 0 10px 10px;
background:url(/images/design/nbbot.png) 0 100% no-repeat
}

#SubscribeForm legend{
padding-top:40px;
height:1.3em
}

#SubscribeForm legend span{
display:block;
position:absolute;
left:0;
top:0;
white-space:normal;
padding:44px 10px 0 10px;
font-weight:bold;
color:#542988;
}

#SubscribeForm label{
display:block;
float:none;
width:auto;
margin:0;
clear:none
}
	
#SubscribeForm .input1{
padding:0.10em 1px 0.10em 1px;
width:125px;
border:1px solid #e7e5e3
}

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

#SubscribeForm .submit{
margin:0.5em 0 0 0;
background:#e7e5e3;
color:#542988;
border:1px solid #542988
}

/*searchbox*/
#searchcont{
position:absolute;
width:275px;
z-index:8;
right:30px;
bottom:33px;
text-align:right;
background:#542988
}

#searchcont .pa{
height:1px;
border-left:2px solid #fff;
border-right:2px solid #fff;
margin:0;
padding:0;
overflow:hidden;
}

#searchcont .pb{
height:1px;
border-left:1px solid #fff;
border-right:1px solid #fff;
margin:0;
padding:0;
overflow:hidden;

}

#searchbox{
text-align:right;
margin:10px 20px 3px 20px;
padding:0;
height:25px;
width:235px;
overflow:hidden
}

#searchbox fieldset{
margin:0;
padding:0;
}

#searchbox label{
color:#fff;
display:block;
height:1.54em;
padding:0 0.4em 0 0;
line-height:1.54em;
float:left;
width:auto;
margin:0;
clear:none
}

#searchbox .input1{
width:10em;
float:left;
}

#searchbox input.input1_error,
#searchbox input.input1_error:focus{
float:left;
width:9em;
border:1px solid red;
padding:0.10em 1.15em 0.10em 0.15em;
background:url(/images/warning_obj.gif) 100% 50% no-repeat
}

#searchbox .submit{
color:#fff;
background:#542988;
border:1px solid #fff;
margin:0 0 0 0.3em
}

/*breadcrumb*/
.breadcrumb{
position:absolute;
left:270px;
top:224px;
width:560px;
height:1.6em;
margin:0;
padding:0;
overflow:hidden;
line-height:1.2em;
font-size:90%;
}

.home .breadcrumb{
left:70px;
}

.breadcrumb a{
}

.breadcrumb a:hover{
}

.medewerker {
border-top:1px solid #f78f1e;
padding:10px 0
}

.medewerker h2,
.medewerker p{
margin:0;
padding:5px 0
}

.medewerkerfoto{
position:relative;
min-height:100px;
padding-left:85px
}

.medewerkerfoto img {
position:absolute;
left:0;
top:10px
}

.home_item{
margin:0 0 10px 0;
background:url(/images/design/teaser.gif) 0 0 repeat-y
}

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

.home_item .bottom{
position:relative;
padding:10px 15px;
background:url(/images/design/teaser_bottom.gif) 0 100% no-repeat
}

.home_item h3{
margin:0;
padding:3px 0
}

.home_item .right{
margin:0;
padding:3px 0
}

.home_item p{
margin:0;
padding:3px 0
}

.home_item span{
font-weight:bold
}

.home_item ul{
margin:0;
padding:0
}

.home_item li{
margin:0 0 0 24px;
padding:3px 0
}

.list_item{
padding:5px 0;
margin:0 0 10px 0;
border-bottom:1px solid #f78f1e
}

.list_item h2{
margin:0;
padding:3px 0
}

.list_item p{
margin:0;
padding:3px 0
}

.subkop{
padding-left:5px
}

.newsimg{
float:right;
margin:0 0 20px 30px;
border:1px solid #e7e5e3;

}

.teaserimg{
float:left;
margin:7px 10px 10px 0;
border:1px solid #e7e5e3
}

.activiteitentable{
width:100%;
border-bottom:1px solid #e7e5e3;
border-right:1px solid #e7e5e3
}
.activiteitentable td{
width:25%;
padding:2px 3px;
border-top:1px solid #e7e5e3;
border-left:1px solid #e7e5e3
}

.activiteitentable_breed{
width:100%;
border-bottom:1px solid #e7e5e3;
border-right:1px solid #e7e5e3
}
.activiteitentable_breed .th1{
width:30px;
}
.activiteitentable_breed .th2{
width:130px;
}
.activiteitentable_breed .th3{
width:130px;
}
.activiteitentable_breed .th4{
width:130px;
}
.activiteitentable_breed td,
.activiteitentable_breed th{
text-align:left;
padding:2px 3px;
border-top:1px solid #e7e5e3;
border-left:1px solid #e7e5e3
}

.activiteitentable_select{
text-align:right;
padding-bottom:4px
}


#map_canvas{width:470px;height:400px}
#infowindow{height:130px}


.teaser{width:151px;background:url(/images/design/nbtop.png) 0 10px no-repeat;}
.teaser_bot{padding:15px 9px 2px 10px;background:url(/images/design/nbbot.png) 0 100% no-repeat;}

/*Graag Gedaan*/
.graaggedaanitem{border-top:2px solid #e7e5e3}
.graaggedaancats{color:#bbb}
.vmenu div .graaggedaanmenu p{margin:0;padding:10px 0 0 0}
.vmenu div .graaggedaanmenu form{margin:0;padding:0}
.vmenu div .graaggedaanmenu{margin:0;padding:0 10px 15px 10px;background:url(/images/design/submenu_bottom.gif) 0 100% no-repeat}
.vmenu div .graaggedaanmenu label{margin:0;padding:15px 0 5px 0;display:block;font-weight:bold;color:#f78f1e}
.vmenu div .graaggedaanmenu .select{border:1px solid #e7e5e3;width:190px}
.vmenu div .graaggedaanmenu .submit{margin:15px 0 0 0;
background:#e7e5e3;
color:#542988;
border:1px solid #542988;
cursor:pointer}