/*=============GENERAL====================*/

* {margin: 0; padding: 0; }


body {
 width: 990px;
 margin-left: auto ;
 margin-right: auto ;
font-size : 11px;
font-family : Verdana, Arial, Helvetica;
background-image : url(images/bodyachtergrond2.jpg);
background-repeat:no-repeat;
background-position:center;
background-attachment: fixed;



}


div#content {
background-image : url(bg.png);
overflow-y: auto;
width:500px;
margin-left:241px;
margin-right:auto;z-index:500;

margin-top:45px;
border-left : 1px solid black;
border-right: 1px solid black;
}

div#content .Paginatitel h2 {
padding-left:20px;
padding-top : 20px;
margin-bottom: 10px;
height:10px;
font-size : 14px;
width:400px;
font-variant: small-caps;

}

div#content a {
color : black;
font-weight : bold;
}
div#content a:hover {
color : #ccc;
}

.breadcrumb h2{
padding-top:2px;

width : 440px;
text-decoration : none;
font-size : 10px;
color : black;
margin-left:20px;
border-bottom: 1px solid #748d25;

}

.datum {
font-size : 9px;
margin : 0;
margin-bottom: 10px;
padding : 0 0 3px;
color : maroon;
border-bottom : 1px dashed maroon;
}
div#content .breadcrumb a {
text-decoration : underline;
color : black;
font-weight : lighter;
}


div#content .colum2 {
float : left;
width : 455px;
padding-left:20px;
margin : 5px 0 5px 0;
text-align : justify;
margin-bottom : 15px;z-index:500;
}

div#content .colum2 p {
margin-bottom: 10px;
margin-top: 10px;z-index:500;
}
div#content .colum2 a {
color: #98a212;
font-weight: normal;
}

.colum2 h3 {
letter-spacing : 2px;
font-size : 11px;
color : maroon;
margin : 0;
}

.colum2 li{
margin-left: 30px;
}

.colum2 h4 {
font-size : 11px;
margin : 0;
}

.colum2 img {
border : 0;
float:left;
margin : 0px 5px 5px 0px;
}


.colum2 .img_border1 {
border: 1px solid #EFEFEF;
padding: 4px 4px 4px 4px;
display: inline;
cursor: pointer;
}
.colum2 img1:hover {
border: 1px solid #CD5C5C;
padding: 4px 4px 4px 4px;
display: inline;
cursor: pointer;
}


.colum2 .img_none{
margin: 0px 0 px 5px 0px;
}

.colum2 .img_border {
border: 1px solid #EFEFEF;
padding: 4px 4px 4px 4px;
display: inline;
cursor: pointer;
}
.colum2 img:hover {
border: 1px solid #CD5C5C;
padding: 4px 4px 4px 4px;
display: inline;
cursor: pointer;
}

div#content .colum3 a {
color: #98a212;
font-weight: normal;
}
div#content .colum3 {
float : left;
width : 455px;
padding: 0 0 0 20px;
margin : 0 0 5px 0;
text-align : justify;
margin-bottom : 15px;
}

/*===================MISC===================*/
.button{
	color:black;
	border: 1px solid grey;
	background-color: #ff9;
	width:150px;
	font-family:verdana;
	font-size:85%;
	height:20px;

}



/*====================LINKS=================*/

#linkskolom {
position: absolute;
margin-left: 30px;
float:left;
margin-top: 14px;
width:186px;
}


#linkskolom .sidebar2 {
background-image : url(bg.png);
width: 200px;
height:auto;
margin-top: 0px;
border: 1px solid #2c2f34;
margin-bottom : 7px;
}
#linkskolom .sidebar2 h1 a{
letter-spacing : 1px;
font: bold 10px Verdana;
color : white;
padding: 2px 0 2px 7px;
margin-bottom: 2px;
margin-top: 2px;
background-color:#2c2f34;
text-decoration: none;
line-height:18px;
display:block;
}

#linkskolom .sidebar2 p {
font-size : 11px;
line-height:14px;
margin: 0 0 15px 0;
padding: 7px 7px 0px 7px;
}	



div#linkskolom .sidebar2 a{
color : #ffff;

}



/*====================RECHTS=================*/

#rechtskolom {
position: absolute;
margin: 8px 0 0 952px;
width: 1px;

}
#rechtskolom .sidebar {
float: right;
width: 200px;
background-image : url(bg.png);
margin-top: 7px;
border: 1px solid #2c2f34;
}	

#rechtskolom li {
padding-left:10px;
list-style-type: none
}

#rechtskolom .sidebar h1 {
letter-spacing : 1px;
font: bold 10px Verdana;
color : white;
padding: 2px 0 2px 7px;
margin-bottom: 2px;
margin-top: 2px;
background-color:#2c2f34;
line-height:18px;
display:block;
}	
	
#rechtskolom .sidebar p {
font-size : 11px;
line-height:14px;
margin: 0 0 15px 0;
padding: 7px 7px 0px 7px;
}
#rechtskolom .sidebar a {
text-decoration:none;
letter-spacing : 2px;
font : bold 11px Verdana;
color: #2c2f34;
font-variant:small-caps;

}	

div#rechtskolom  p a:hover {
color : #98a212;
}


/*====================FOOTERS=================*/
div#footer {
clear:both;
text-align : center;
background-color : #2c2f33;
color : gray;
font-size : 9px;
text-align : center;
padding-top:5px;
padding-bottom:5px;
width:500px;
margin-right: auto;
margin-left:241px;

text-decoration : none;
font-weight : normal;
color : gray;
border-left: 1px solid black;
border-bottom: 1px solid black;
border-right: 1px solid black;
}

 div#footer a {
font-size : 9px;
text-align : center;
padding-top:5px;
padding-bottom:5px;
text-decoration : none;
font-weight : normal;
color : gray;
}

/*===============MENU==================*/
div#menulayout {
width : 500px;
position:absolute;
margin : 15px;
border-left : 1px solid black;
border-right: 1px solid black;
border-top:1px solid black;
margin-left:241px;

}

.wrapper1{
	color: #44433f;	
	height:31px;
	font-family : Verdana;

	font-variant:small-caps;
	font-weight:bold;
	padding-top:-5px;
	background-color : #2c2f33;
	letter-spacing:2px

	}
	.wrapper1 a{
		color: #E5F2FB;
		text-decoration: none;
	}
	.wrapper1 a:hover {
		color : #b0c738;
		border-bottom-color:#b0c738;
}
	
	.wrapper1 p {
		margin: 0 0 17px;
		padding: 0;
		line-height: 18px;
	}
.wrapper {
	/*width: 710px;*/
	
}
.nav {
	float: left;
}
.nev-wrapper {
	clear: both;
	float: left;
}

.nav ul {
	/*width: 648px;*/
	height: 0px;
	float: left;
	margin: 0;
	padding-top: 3px;
	list-style: none;
	font-size: 11px;
}
.nav li {
	float: left;
	padding: 0 10px;
	position: relative;
	z-index: 1;
	
}
.nav li.last {
	background:none;
}
.nav li:hover {
	z-index:2;
	border-bottom: 3px #b0c738 solid;
}
.nav li a {
	display: block;
	
	overflow: hidden;
	float: left;
}

a .menu-mid {
	height: auto;
	line-height: 25px;
	display: block;
	float: left;
}

.nav li a:hover .menu-left,
.nav li.active a .menu-left,
.nav li:hover a .menu-left,
.nav li a:hover .menu-mid,
.nav li.active a .menu-mid,
.nav li:hover a .menu-mid,
.nav li a:hover .menu-right,
.nav li.active a .menu-right,
.nav li:hover a .menu-right {
	background-position: 0 -37px;
	line-height: 25px;
}
.nav li a:hover,
.nav li.active a,
.nav li.hover a,
.nav li:hover a {
	color : #b0c738;
}

.nav li:hover .sub,
.nav li.hover .sub {
	display:block;
}
.nav li .sub {
	display: none;
	position: absolute;
	top: 27px;
	left: 6px;
	
	width: 186px;
	
	padding-top: 1px;
}
.nav li ul {
	background: url(images/submenu_bg.png) repeat-y;
	width: 162px;
	height: auto;
	margin: 0;
	padding: 0 12px 10px;
	list-style: none;
	
}

.nav li:hover li,
.nav li.active li {
	width: 100%;
	padding: 1px 0 2px;
	border-bottom: 1px #C1D9F0 dashed;
	background: none !important;
}
.nav li:hover li a,
.nav li.active li a {
	color: #09548B;
	background: none !important;
	line-height: normal;
	width: 156px;
	padding: 8px 3px 3px;
	text-indent: 1px;
}


.nav li:hover li a:hover,
.nav li.active li a:hover {		
	text-decoration: none;
	line-height: normal;
	border-right: 2px #b0c738 solid;
	
}
/*IE*/
.nav li li a:hover,
.nav li li a:hover {
	color:#b0c738;
	background: !important;
	text-decoration: none;
	line-height: normal;
}
/**/
.nav .btm-bg {
	background: url(images/submenu_bottom.png) repeat-y;
	width: 205px;
	height: 9px;
	overflow: hidden;
	clear: both;
}

/*=================HEADER====================*/

a:link, a:visited {
color : #fff;
text-decoration : none;
}
a img {
border : 0;
}
div#header{
width:auto;

margin-top:20px;
margin-left:-7px;

}

div.wrap {
width : 919px;
margin : 0 auto;
text-align : left;
border: 2px solid black;
margin-bottom:-10px;
}
div#top div#nav {
float : left;
clear : both;
width : 919px;
height : 52px;

}
div#top div#nav ul {
float : left;
width : 400px;
height : 52px;
list-style-type : none;
}
div#nav ul li {
float : left;
height : 52px;
}
div#nav ul li a {
border : 0;
height : 52px;
display : block;
line-height : 52px;
text-indent : -9999px;
}

div#header div.wrap {
height : 149px;


}
div#header div#slide-holder {
width : 919px;
position : absolute;
}
div#header div#slide-holder div#slide-runner {
width : 919px;
height :  280px;
z-index:-1;
overflow : hidden;
position : absolute;
}
div#header div#slide-holder img {
margin : 0;
display : none;
position : absolute;
margin-bottom:-5px;
}
div#header div#slide-holder div#slide-controls {
left : 0;
bottom : 228px;
width : 921px;
height : 46px;
display : none;
position : absolute;
background : url(images/slide-bg.png) 0 0;
}
div#header div#slide-holder div#slide-controls p.text {
float : left;
color : #fff;
display : inline;
font-size : 10px;
line-height : 16px;
margin : 15px 0 0 20px;
text-transform : uppercase;
}
div#header div#slide-holder div#slide-controls p#slide-nav {
float : right;
height : 24px;
display : inline;
margin : 11px 15px 0 0;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
float : left;
width : 24px;
height : 24px;
display : inline;
font-size : 11px;
margin : 0 5px 0 0;
line-height : 24px;
font-weight : bold;
text-align : center;
text-decoration : none;
background-position : 0 0;
background-repeat : no-repeat;
}
div#header div#slide-holder div#slide-controls p#slide-nav a.on {
background-position : 0 -24px;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
background-image : url(images/silde-nav.png);
}
div#nav ul li a {
background : url(images/nav.png) no-repeat;
}

