* { 
margin : 0; 
padding : 0; 
outline : 0; 
font-family : Arial, Helvetica, sans-serif; 
color : #5a5a5a; 
} 

img { 
border : 0; 
} 

	#wrapper { position: relative; 
	width: 1024px; 
	margin: 0 auto; 
	text-align: left;
	
	}
	#header { position: relative; height: 100px; background: url(img/header_bg.gif) no-repeat left top; }
	#logo { position: absolute; top: 11px; left: 37px; }
	#content-box { background: #fff;
	padding: 10px 0 10px 0; }
	
#col-links_boven { 
float: left; 
width: 288px; 
color:#FFFFFF;

} 



	
#paginawrap { float: left; display: inline;  width: 704px; margin-left: 14px; }
	
#content-box, #content-inner  { 
overflow : hidden; 
height : 100%; 
} 

body { 
position : relative; 
background : #7F7F7F url(img/bg-web.png) repeat-x;
text-align : center; 
} 



#header { 
position : relative; 
height : 40px; 
background : url(img/header_okido.png) no-repeat right top; 
} 
#logo { 
position : absolute; 
top : 0; 
left : 0; 

} 
#content-box { 
background : #fff url(img/bg_content.gif);
padding-top:10px; 
padding-bottom:0;
 
clear: both;
} 


#paginablok { 
float : left; 
width : 288px; 
} 

#col-b { 
float : left; 
display : inline; 
width : 704px; 
margin-left : 14px; 
} 

h1, h1 { 
font-size : 20px; 
color : #e39717; 
font-weight : normal; 
margin : 0 0 10px 0; 
overflow : hidden; 
height : 100%; 
} 
h1.winkel { 
font-size : 20px; 
color : #3e3a32; 
line-height : 24px; 
font-weight : normal; 
overflow : hidden; 
margin-bottom : 0; 
margin-top : 30px; 
} 
pagina, h1 { 
font-size : 20px; 
color : #e39717; 
font-weight : normal; 
margin : 0 0 10px 0; 
overflow : hidden; 
height : 100%; 
} 
h1 span { 
font-size : 20px; 
color : #e39717; 
font-weight : normal; 
float : left; 
} 

h1 a { 
float : right; 
color : #959595; 
font-size : 11px; 
line-height : 28px; 
} 
#logo a { 
float : left !important ; 
} 
h2.titleblok { 
font-family : arial; 
font-weight : bold; 
font-size : 20px; 
color : #fff; 
padding : 22px 0 22px 40px; 
border-bottom : 2px solid #fff; 
background:#EA5B0E url(img/winkel.png) no-repeat left top;
 
} 

#banner { 
position : relative; 
overflow : visible; 
padding-bottom : 0; 
display : block; 
height : 100%; 
width : 1024px; 
overflow : hidden; 
}

.afbeelding-rechts { 
display : block; 
overflow : hidden; 
float : right; 
} 
.afbeelding-links { 
width : 288px; 
height : 173px; 
background:url(img/bg_caption.png) no-repeat;
display : block; 
overflow : hidden; 
float : left; 
} 
.banner-tekst { 
font-size : 36px; 
color : #ffffff; 
text-align : right; 
} 
 
.banner { 
font-size : 36px; 
color : #ffffff; 
text-align : right; 
} 
#Hoofd_menu { 
line-height : 45px; 
height:49px;
margin : 0;
border-left:#898989 1px solid; 
border-right: #898989 1px solid;
border-top : #898989 1px solid;
border-bottom: #898989 1px solid;
background : #3c3c3c url(img/nav1.png) repeat-x; 


}

#navigation-left { 
margin : 0; 
background : url(img/BG_hoofdmenu.jpg) no-repeat left top; 
height : 30px; 
width : 287px; 
border-right : 1px solid #E2E2E2;
float : left; 

} 
#nav-top { 
position : absolute; 
top : 13px; 
left : 300px; 
} 
#nav-top li { 
float : left; 
list-style : none; 
padding : 0 12px; 
} 
#nav-top li a { 
display : block; 
border-bottom : 0; 
color : #fff; 
font-family : arial; 
font-size : 12px; 
font-weight : bold; 
text-decoration : none; 
} 
#nav-top li a:hover { 
border-bottom : 1px solid #898989; 

} 
#nav-top li a.selected { 
border-bottom : 1px solid #898989; 
} 
#subnavigatie { 
overflow : hidden; 
height : 100%; 
background : #e2e2e2; 
} 
#subnavigatie li a { 
display : block; 
font-family : Arial; 
font-size : 14px; 
color : #5a5a5a; 
text-decoration : none; 
width : 228px; 
border-bottom : 1px solid #c4c4c4; 
padding : 12px 20px 12px 40px; 
background : url(img/nav-sub1.gif) no-repeat left 7px; 

} 
#subnavigatie li.last { 
border-bottom : 0; 
padding : 10px 20px 36px 40px; 
} 
#subnavigatie li ul { 
padding : 7px 0 20px 0; 
border-bottom : 1px solid #c4c4c4; 
} 
#subnavigatie li ul li { 
padding : 0 20px 0 40px; 
margin : 0; 
} 
#subnavigatie li ul li a { 
padding : 0 0 0 10px; 
display : block; 
background : url(img/nav-sub_listicon.gif) no-repeat left 7px; 
border : 0; 
font-size : 14px; 
line-height : 19px; 
} 
#subnavigatie ul ul { 
padding : 0; 
border-bottom : 0; 
} 
#subnavigatie ul ul li { 
padding-left : 10px; 
list-style : none; 
font-size : 14px; 
} 
#subnavigatie ul ul li a { 
background : url(img/nav-subsub_listicon.gif) no-repeat left 7px; 
} 
#subnavigatie li #nav-meta { 
padding : 0; 
border : 0; 
} 
#subnavigatie li #nav-meta li { 
list-style : none !important ; 
border-bottom : 0; 
padding : 2px 0 !important ; 
} 
#subnavigatie li #nav-meta li a { 
font-size : 12px; 
width : auto; 
line-height : 18px; 
border-bottom : 0; 
} 
#subnavigatie li #nav-meta #print, #nav-sub li #nav-meta #staf { 
display : none; 
} 
#subnavigatie li #nav-meta #print a { 
background : url(img/ico_print.gif) no-repeat left center; 
padding : 0 0 0 22px; 
} 

#subnavigatie a.selected { 
font-weight : bold; 
background : url(img/nav-sub2.jpg) no-repeat left 7px; 
} 
#subnavigatie a:hover { 
text-decoration : underline; 
background : url(img/nav-sub2.jpg) no-repeat left 7px; 
} 

#crumbpath { 
margin : 0 95px 15px 0; 
overflow : hidden; 
height : 100%; 
} 
#crumbpath li { 
float : left; 
list-style : none; 
font-size : 11px; 
display : inline; 
color : #959595; 
padding-left : 6px; 
} 
#crumbpath li.first { 
padding-left : 0; 
} 
#crumbpath li a { 
color : #959595; 
background : url(img/crumbpath_bg.gif) no-repeat right center; 
padding-right : 10px; 
} 
#crumbpath li a:hover { 
text-decoration : none; 

} 

#zoeken { 
position : absolute; 
top : 11px; 
right : 5px; 
} 
#zoeken input { 
height : 19px; 
border : 0; 
} 
#zoeken input.text { 
vertical-align : top; 
height : 17px; 
color : #fff; 
padding : 1px 2px; 
background : url(img/search_input_bg.gif) no-repeat left top; 
width : 130px; 
} 
#zoeken input.submit { 
vertical-align : top; 
width : 50px; 
background : inherit; 
text-indent : -100000px; 
background : url(img/search_submit.gif) no-repeat left top; 
} 


#footer { 
height : 30px; 
padding :0; 
margin:0;
background : url(img/footer_bg.gif) no-repeat left top; 
} 
#footer ul li { 
padding : 0 0 0 30px; 
list-style : none; 
float : left; 
height : 162px; 
width : 162px; 
background : url(img/footer_divider.gif) no-repeat right top; 
} 
#footer ul li li { 
padding : 0; 
background : 0; 
height : auto; 
} 
#footer a { 
color : #e0e0e0; 
text-decoration : none; 
} 
#footer ul li a { 
font-size : 12px; 
font-family : Gotham; 
font-weight : bold; 
line-height : 21px; 
} 
#footer ul li li a { 
font-family : Arial, Helvetica; 
font-weight : normal; 
font-size : 11px; 
line-height : 18px; 
color : #e0e0e0; 
text-decoration : none; 
} 
#footer ul li li a:hover { 
text-decoration : underline; 
} 

#Hoofd_menu_onder { 
line-height : 30px; 
height:42px;
margin : 0; 
border-top : #E2E2E2 1px solid; 
background : #3c3c3c url(img/nav2.png) repeat-x; 


} 

#navigation li { 
float : left; 
list-style-type : none; 
} 

#navigation li a { 
height:49px;
display : block; 
padding : 0 10px; 
text-decoration : none; 
color : #fff; 
font-size : 14px; 
letter-spacing : 1px; 
border-right : 1px solid #898989 ; 
color : #fff;
vertical-align:middle;
background : #3c3c3c url(img/nav1.png) repeat-x; 

} 
#navigation li a:active { 
background : url(img/sblank.jpg) repeat-x; 
color : #fff; 
text-decoration : none; 
} 


#navigation li a:hover { 
background : #3c3c3c url(img/nav_over.png) no-repeat 50% 100%; 
text-decoration : none; 
color : #E2E2E2; 


}
 

#navigation2 li { 
float : left; 
list-style-type : none; 
} 

#navigation2 li a { 
height:49px;
display : block; 
padding : 0 10px; 
text-decoration : none; 
color : #fff; 
font-size : 14px; 
letter-spacing : 1px; 
border-right : 1px solid #898989 ; 
color : #fff;
vertical-align:middle;
background : #3c3c3c url(img/nav3.png) repeat-x; 

} 


#navigation2 li a:hover { 
background : #3c3c3c url(img/nav_over.png) no-repeat 50% 100%; 
text-decoration : none; 
color : #E2E2E2; 


}

/* Menu-styles */

#webarte_footer {
	clear:both;
	margin:0 auto;
	padding:0px;
	background: #2A2A2A;
	position:relative;
	top:0px;
	min-height:130px;
}
#webarte_footer a {
	color:#ccc;
	text-decoration:none;
	font-size:12px;
}
#webarte_footer a:hover {
	text-decoration:underline;
	color:#fff;
}
#webarte_footer {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ccc;
}
.footer_column {
	float:left;
	width:124px;
	margin:10px 0px 0px 15px;
}
.footer_column ul li, .footer_column ul {
	list-style:square;
	margin:0;
	padding:0;
	list-style-position:inside;
}
#webarte_footer h1 {
	color:#E95A0D;
	text-transform:uppercase;
	font-size:11px;
	padding: 0px;
	margin:0;

}
#footer_copy {
	float:left;
	padding:8px;
	margin:0;
	text-align:center;

	background-color:#2A2A2A;
	color:#CCCCCC;
	font-size:12px;
	width:100%;
	position:relative;
}