/* CSS Document */

body{
	background-color:#000000;
	background-image:url(/static/images/bodybg3.jpg);
	background-position:0px -40px;
	background-repeat:no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:12px;
	background-attachment:fixed;
	

}

h1{
	font-size:14px;
	font-weight:bold;
	padding:3px;
	margin:5px 0px 10px 0px;
	background-color:#444444;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;

}

#container{
	width:869px;
	position:absolute;
	top:0px;
	left:60px;
	z-index:3;
}

#logo{
	width:386px;
	height:86px;
	float:left;
}

#menu{
	width:869px;
	height:71px;
	background-image:url(/static/images/background-menu.gif);
	float:left;
	color:#fff;
}

#menulist{
	width:869px;
	height:39px;
	padding:0px;
	margin:2px 0px 0px 66px;
	list-style:none;
}

.menuoptie{
	width:110px;
	height:39px;
	float:left;
	text-align:center;
	border-left:1px solid #000;
	border-right:1px solid #FFF;
}

.menuoptie_flag{
	margin-top: 2px;
	margin-left:10px;
	float:left;
	text-align:center;
	text-align:center;
	
}

.menuoptie a{
	width:110px;
	height:27px;
	display:block;
	text-decoration:none;
	padding-top:12px;
	color:#EEE;
}

.menuoptie a:hover{
	text-decoration:underline;
	background-image:url(/static/images/bgmenu_active.gif);
	color:#FFF;
}

.menuoptie_active{
	width:110px;
	height:39px;
	float:left;
	text-align:center;
	font-weight:bold;
	background-image:url(/static/images/bgmenu_active.gif);
	background-repeat:repeat-x;
}


.menuoptie_active a{
	width:110px;
	height:27px;
	display:block;
	text-decoration:none;
	padding-top:12px;
	color:#EEE;
}

.menuoptie_active a:hover{
	text-decoration:underline;
}

#submenulist{
	width:869px;
	height:39px;
	padding:0px;
	margin:6px 0px 0px 13px;
	list-style:none;
}

.submenuoptie{
	padding:0px 20px 0px 20px;
	height:41px;
	float:left;
	text-align:center;
}


.submenuoptie a{
	text-decoration:none;
	color:#EEE;
}

.submenuoptie a:hover{
	text-decoration:underline;
}

.submenuoptie_active{
	padding:0px 20px 0px 20px;
	height:41px;
	float:left;
	text-align:center;
	
	
}


.submenuoptie_active a{
	text-decoration:none;
	color:#EEE;
	font-size:12px;
	font-weight:bold;
}

.submenuoptie_active a:hover{
	text-decoration:underline;
	
}

#maincontent{
	width:869px;
	float:left;
	position:relative;
}

#blokje{
	width:23px;
	height:37px;
	background-image:url(/static/images/blokje.gif);
	float:left;
	position:absolute;
	bottom:0px;
}

#content{
	width:822px;
	border-left:2px solid #fff;
	border-right:2px solid #fff;
	border-bottom:2px solid #fff;
	float:right;
	padding:10px;
	background-color:#000;
}

#tussen{
	width:869px;
	height:42px;
	background-image:url(/static/images/background-tussen.gif);
	float:left;
}

#contenttwee{
	width:796px;
	border-left:2px solid #fff;
	border-right:2px solid #fff;
	float:left;
	padding:10px 10px 0px 10px;
	background-color:#000;
}

#contenttwee p{
	float:left;
	margin-right:10px;
	width:170px;
	margin-top:0px;
}

.filmpjesframe {
	border-bottom: 3px solid white;
  padding-bottom: 1em;
  padding-top: 1em;
}

#contenttwee img{
	float:left;
	margin-right:10px;
}

#contentbottom{
	width:820px;
	height:10px;
	background-image:url(/static/images/background-bottom.gif);
	float:left;
}

#contentlinks{
	width:470px;
	float:left;
	line-height:18px;
	padding-right:10px;
	}
	
#contentlinks a{
	color:#ffffff;
	}

a {color:#ffffff;}	

#contentlinks a:hover{
	color:#4795d7;
	}

#contentrechts{
	width:322px;
	float:left;
	padding-left:10px;
	line-height:18px;
}

div#contentrechts p{
	margin: 0px;
}

#contentrechts a{
	color:#ffffff;
	}

#contentrechts a:hover{
	color:#4795d7;
	}

#contentvolledig {
width:792px;
	float:left;
	line-height:18px;
	
}

#fotoalbumlijst{
	margin:10px 0px 0px 0px;
}

#fotoalbumlijst img{
	float:left;
	margin-right:21px;
}


#navigatielinks{
	float:left;
	margin-top:10px;
}

#navigatierechts{
	float:right;
	margin-top:10px;
}

#bottommenu{
	width:869px;
	margin-left:-50px;
	font-size:11px;
}

#bottommenulist{
	width:869px;
	height:39px;
	padding:0px;
	margin:0px;
	list-style:none;
}

.bottommenuoptie{
	padding:3px 10px 0px 10px;
	height:41px;
	float:right;
	text-align:center;
	list-style:none;
}


.bottommenuoptie a{
	text-decoration:none;
	color:#FFF;
}

.bottommenuoptie a:hover{
	text-decoration:underline;
}

a.paginalink:link{color:#ffffff;}
a.paginalink:visited{color:#ffffff;}
a.paginalink:hover{color:#85C2EE;}

#afbeelding {
margin-top:50px;
border: dashed 1px white;
height:144px;
padding: 15px;
float:left;
background-color:#000;
color:#f9f9f9;
z-index:-1;
 }
 
 
 

 .button{width:110px;
	height:38px;
	background-image:url(/static/images/button.jpg);
	background-repeat:no-repeat;
	margin:8px 0px 0px 25px;
	padding:0px;
	border:none;
	}
	
.button:hover{width:92px;
	height:38px;
	background-image:url(/static/images/button-hover.jpg);
	background-repeat:no-repeat;
	margin:8px 0px 0px 25px;
	padding:0px;
	border:none;
	}
	
	.button1 {
	background-color: #4795d7;
	cursor:pointer;
	margin-top: 0px;
	padding: 10px;
	border: 4px solid #2e77b4;
	color: #FFF;
	font-weight: bold;
}

	.button1:hover{
	background-color: #4895d7;
	margin-top: 0px;
	padding: 10px;
	border: 2px solid #2e77b3;
	color: #fff;
	font-weight: bold;
	font-size:14px;
}



/* mouse over voor vergroten van een plaatje */
a:hover {
	background-position: 0 0;        /* voor IE, zie: www.satzansatz.de/cssd/pseudocss.html#hover */
	}
.pop {
	cursor: pointer;                    /* muisaanwijzer wordt vraagtekentje */
	text-decoration: none;           /* geen gewone link-onderstreping    */
	border-bottom: 1px dashed white; /* maar streepjes er onder voor de herkenbaarheid */
	color: white;                    /* weer anders dan gewone link-kleur */
	
	}
	
a.pop span { 
	position: absolute;              /* los van de "normal flow" */
	width: auto;                    /* de hoogte regelt zichzelf */
	margin-left: -9999px;            /* normaal buiten beeld */
	padding: 10px;
	border: 4px ridge white;
	background: #FFFFC0;
	color: black;
	z-index:999999;
	
	} 
 
a.pop:hover span { 
	margin: -600px 0 0 -200px;        /* bij hover op z'n plek */
	} 
	
	/* mouse over voor vergroten van een plaatje */
a:hover {
	background-position: 0 0;        /* voor IE, zie: www.satzansatz.de/cssd/pseudocss.html#hover */
	}
.pop1 {
	cursor: pointer;                    /* muisaanwijzer wordt vraagtekentje */
	text-decoration: none;           /* geen gewone link-onderstreping    */
	border-bottom: 1px dashed white; /* maar streepjes er onder voor de herkenbaarheid */
	color: white;                    /* weer anders dan gewone link-kleur */
	
	}
	
a.pop1 span { 
	position: absolute;              /* los van de "normal flow" */
	width: auto;                    /* de hoogte regelt zichzelf */
	margin-left: -9999px;            /* normaal buiten beeld */
	padding: 10px;
	border: 4px ridge white;
	background: #FFFFC0;
	color: black;
	z-index:999999;
	
	} 
 
a.pop1:hover span { 
	margin: -100px 0 0 -100px;        /* bij hover op z'n plek */
} 

.breadcrum a, .breadcrum {color:#dedede;font-size:10px;}