@charset "UTF-8";
/* CSS Document */
  *  {
margin : 0;
padding : 0;
}

body, html {
width : 100%;
height : 100%;
font-family : Arial, Helvetica, sans-serif;

padding: 0;
margin: 0;
background-image:url(../images/achtergrond.jpg);
background-repeat:repeat-x;
background-position:center top;
background-color:#CDCDCD;
}


#container {
position : relative;
width : 980px;
margin : 0 auto;
height : auto !important ;
height : 100%;
min-height : 100%;
}


#top {
background-image:url(../images/top.png);
background-repeat:no-repeat;
height:135px;
width:980px;
background-position:center bottom;
}

#topnav {
	position:absolute;
	right:45px;
	top:20px;
	width:300px;
	height:20px;
}

#topnav a { color: #fff; text-decoration:none; }
#topnav a:visited { color: #fff; }
#topnav a:hover { color: #fff; text-decoration:underline; }
#topnav a:active { color: #fff; }


#midden {
	background-image:url(../images/midden.png);
	background-repeat:repeat-y;
	background-position:center top;
	min-height:600px;
	width:980px;
}

#clear {
clear:both;
}


#onderblok {
	width:609px;
	margin:0 0 0 296px;
}

#fotomain {
	position:absolute;
	top:81px;
	left:296px;
	height:208px;
	width:609px;
}

#tekst {
	padding:190px 270px 0 315px;
}

#tekst2 {
	padding:190px 0 0 315px;
}


#blok {
	position:absolute;
	height:214px;
	width:153px;
	background-image:url(../images/blok.png);
	background-repeat:no-repeat;
	left: 733px;
	top: 345px;
	padding:0 0 0 10px;
}

#webshop {
	padding:40px 0 0 30px;
}


	
	

/********styles*******/

h1 {
color:#cb5129;
font-size:14px;
padding:0 0 15px 0;
}

h2 {
color:#3495d4;
font-size:12px;
padding:0 0 10px 0;
}
	

p {
font-size:12px;
line-height:160%;
color:#333333;
}

.wit12 {
	color:#FFF;
	font-size:12px;
}

.wit12bold {
	color:#FFF;
	font-size:12px;
	font-weight:bold;
}



.projecten {
	font-size:10px;
color:#3495d4;
}


ul {
font-size:12px;
line-height:160%;
padding:0 0 0 20px;
list-style:disc;
}

li{
	color:#cb5129;
}

a { color: #3495d4; text-decoration:none; }
a:visited { color: #3495d4; }
a:hover { color: #cb5129; text-decoration:underline; }
a:active { color: #cb5129; }

.padding5 {
	padding:0 5px 0 5px;
}
	


/******footer********/

#footer {

width:980px;
height:43px;
background-image:url(../images/footer.png);
background-repeat:no-repeat;
background-position:center top;
}

#footer1 {
	float:right;
	width:490px;
	padding:60px 0 0 0;
	font-size:10px;
}

#footer1 a { color: #333333; text-decoration:none; }
#footer1 a:visited { color: #333333; }
#footer1 a:hover { color: #333333; text-decoration:underline; }
	



#footer2 {
	float:left;
	width:410px;
	padding:40px 0 30px 80px;
}



/********NAVIGATIE*********/
.arrowlistmenu {
	position:absolute;
	width:126px;
	left: 89px;
	top: 160px;
	height: 240px;
}

.arrowlistmenu div.categoryitems a {
	text-decoration:none;
	color:#3495d4;
}

.arrowlistmenu li {
padding-bottom:0;
}

.arrowlistmenu li a {
display:block;
width:150px;
height:25px;
text-decoration:none;
font:12px Arial;
padding:0 0 0 65px;
}

.arrowlistmenu div.expandable a {
	font:14px Arial;
	color:#3495d4;
	display:block;
	position:relative;
	width:auto;
	height:22px;
	text-decoration:none;
	padding:8px 0 5px 48px;
}

.arrowlistmenu div.normal a {
	font:14px Arial;
	color:#cb5129;
	display:block;
	position:relative;
	width:auto;
	height:22px;
	text-decoration:none;
	padding:8px 0 5px 48px;
}

.arrowlistmenu div.selected a,.arrowlistmenu div.expandable a:hover {
display:block;
position:relative;
width:auto;
text-decoration:none;
background-image:url(../images/hover.jpg);
background-repeat:no-repeat;
background-position:center left;
color:#3495d4

}

.arrowlistmenu div.selected a,.arrowlistmenu div.normal a:hover {
display:block;
position:relative;
width:auto;
text-decoration:none;
color:#3495d4
}

div.expandable#current {
font-weight:bold;
}

div.normal#current {
font-weight:bold;
}

a:visited,.arrowlistmenu div.expandable a:visited,.arrowlistmenu div.expandable a:active {
	color:#3495d4;
}

a:visited,.arrowlistmenu div.normal a:visited,.arrowlistmenu div.normal a:active {
	color:#3495d4;
}


.arrowlistmenu div.categoryitems a:visited,div.categoryitems a:visited {
	color:#3495d4;
}

.arrowlistmenu div.expandable a:hover {
	font:14px Arial;
	color:#cb5129;
	display:block;
	position:relative;
	width:auto;
	text-decoration:none;
	height:22px;
	padding:8px 0 5px 48px;
}

.arrowlistmenu div.normal a:hover {
	font:14px Arial;
	color:#3495d4;
	display:block;
	position:relative;
	width:auto;
	text-decoration:none;
	height:22px;
	padding:8px 0 5px 48px;
}

.arrowlistmenu div.categoryitems {
	text-decoration:none;
	list-style:none;
	color:#cb5129;
	height:auto;
	padding:0px;
}

.arrowlistmenu div.categoryitems a:hover {
	color:#cb5129;
	font-weight:normal;
	text-decoration:none;
}

#current {
	font-weight:bold;
	font:14px Arial;
	color:#cb5129;
	display:block;
	position:relative;
	width:auto;
	height:22px;
	text-decoration:none;
	padding:8px 0 5px 48px;
	background-image:url(../images/hover.jpg);
	background-repeat:no-repeat;
	background-position:center left;
}

#currentsub {
	display:block;
	height:25px;
	position:relative;
	width:150px;
	color:#cb5129;
	padding:0 0 0 65px;
	font:12px Arial;
	font-weight:normal;
}

