body{
	/*background:#808080 url('../img/bggrad_2.jpg') repeat-x;*/
	font-family:Arial, Helvetica, sans-serif;
	background-color:#222;
	margin-right:0px; 
	margin-left:0px;
	margin-top:0px;
	height:100%;
	color:#fff;
	font-size:11px;
	}

.overall{
	margin-top:0px;
	margin-bottom:0px;
	margin-right:auto;
	margin-left:auto;
	}

.container{
	width:900px;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:auto;
	margin-left:auto;
	}

/* header */	
#header{
	width:900px;
	height:110px;
	font-family:Arial, Helvetica, sans-serif;
	vertical-align:top;
}

ul.homelink{
	float:left;
	margin:0;
	padding:0;
	margin-top:25px;
	list-style:none;
}
li.headerlink {
	background:url(/img/header_link.jpg) no-repeat; 
	margin-bottom:10px;
	width:100px;
}
li.headerlink a {
	padding:2px 0; 
	padding-left:20px; 
	display:block;
	text-decoration:none;
	color:#FFF; 
	font-family:Verdana; 
	font-size:13px; 
	font-weight:normal; 
	outline:none;
}
li.headerlink a:hover{
	background:url(/img/header_link_hov.jpg) no-repeat; 
	text-decoration:none;
}

.logo{
	margin-top:15px;
	margin-left:60px;
	height:75px;
	width:450px;
	vertical-align:top;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:25px;
	text-align:left;
	float:left;
	}

.contact{
	margin-top:10px;
	margin-right:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	float:right;
	color:white;
	text-align:right;
	}

#headerpic{
	width:900px;
	height:117px;
	vertical-align:top;
	}
html>body #headerpic{
	width:auto;
	height:auto;
	min-width:900px;
	min-height:117px;
	}
#headerpic img{
	width:900px;
	height:117px;
	}

/* content */
#content{
	vertical-align:top;
	}
.noDisplay{
display:none;
}

/* menu */
ul#masterdiv{
	width:150px;
	margin:0;
	padding:0;
	list-style:none;
	margin-top:5px;
	float:left;
	overflow:visible;
}
ul#masterdiv a{
	text-decoration:none; 
	color:#FFF;
	display:block;
	padding:2px 0; 
	padding-left:20px;
	outline:none;
}
.main_menu{
	background:url(../img/menu_bg.jpg) no-repeat;
	width:150px; 
	color:#FFF; 
	font-family:Verdana; 
	font-size:13px; 
	font-weight:normal; 
	cursor:pointer; 
	margin-top:10px;
}
.main_menu a:hover, .main_menu a:focus {
	background:url(../img/menu_bg_hov.jpg) no-repeat; 
	font-weight:bold; 
}
.main_menu_sel{
	background:url(../img/menu_bg_sel.jpg) no-repeat; 
	width:150px; 
	color:#FFF; 
	font-family:Verdana; 
	font-size:13px; 
	font-weight:bold; 
	cursor:pointer;
	margin-top:10px;
}
ul.submenu{
	display: none; 
	margin-bottom:10px; 
	width:150px;
	margin:0;
	padding:0;
	list-style:none;
	overflow:visible;
}
ul.submenu a{
	text-decoration:none; 
	color:#FFF;
	display:block;
	padding:3px 10px; 
	outline:none;
	color:#DDD; 
}
.sub_menu_item{
	margin-left:10px; 
	width:130px; 
	font-family:Verdana; 
	font-size:11px; 
	font-weight:normal; 
	border-left:1px solid #AAA; 
	border-right:1px solid #AAA; 
	border-bottom:1px solid #AAA;
}
.sub_menu_item a:hover, .sub_menu_item a:focus{
	background-color:#888; 
	color:#222; 
}
.sub_menu_item_sel{
	margin-left:10px; 
	width:130px; 
	font-family:Verdana; 
	font-size:11px; 
	font-weight:bold; 
	border-left:1px solid #AAA; 
	border-right:1px solid #AAA; 
	border-bottom:1px solid #AAA;
	background-color:#AAA; 
	color:#222; 
}


/* HOMEPAGE */
.homeItem{
	overflow:visible;
	width:100%;
	clear:both;
	margin:0;
	padding:0;
}
.homeTitle{
	clear:both;
	height:30px !important;
	height:22px;
	margin-left:10px;
	padding-top:8px;
	background:url(../img/titel_bg.jpg) no-repeat; 
	}	
.homeTitle h2{
	font-size:18px;
	font-weight:bold;
	line-height:22px;
	margin:0;
	padding:0;
	}	
.homeDate{
	font-size:11px;
	line-height:11px;
	margin-top:0px !important;
	margin-top:2px;
	margin-left:10px !important;
	margin-left:5px;
	}	
.homeContent{
	margin:10px 10px 20px 10px !important;
	margin:5px 10px 20px 5px;
	width:675px;
	color:white;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}
.homeContent p{
	margin:0;
	padding:0;
}
.homeImage{
	width:150px;
	margin:0;
	padding:0;
	}
.homeImage img{
	width:150px;
	border:none;
	}
.homeText{
	width:500px; 
	}
.homeTextBreed{
	float:left;
	width:660px;
}
.occImage{
	width:150px;
	margin:0;
	padding:0;
	}
.occImage img{
	width:150px;
	border:none;
	}
.occText{
	width:500px; 
	}
.occTextBreed{
	float:left;
	width:660px;
}
.archiefLink{
	margin:25px 10px 20px 10px !important;
	margin:25px 10px 20px 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	clear:both;
	float:left;
}
.Left{
float:left;
}
.Right{
float:right;
}	
	
	
/* tekst */
html>body #content.textvak {
	height: 100%; /* héél belangrijk */
	}
html>body #content.textvakbreed {
	height: 100%; /* héél belangrijk */
	}
.txtvak{
	/*background:url('../img/bg_lijn_sdun.png') repeat;*/
	background-color:#333;
	width:500px;
	border:1px solid #101010;
	margin-top:15px;
	margin-right:22px;
	margin-left:22px;
	float:right;
	min-height:550px;
	height:auto !important; /* voor moderne browsers */
	height:550px;
	padding-bottom:10px;
	font-weight:normal;
	}
.txtvakbreed{
	/*background:url('../img/bg_lijn_sdun.png') repeat;*/
	background-color:#333;
	width:722px;
	border:1px solid #101010;
	margin-top:15px;
	margin-left:22px;
	float:right;
	min-height:550px;
	height:auto !important; /* voor moderne browsers */
	height:550px;
	padding-bottom:10px;
	font-weight:normal;
	}

.txt{
	margin:10px 10px 20px 10px !important;
	margin:5px 10px 20px 5px;
	width:455px;
	text-align:left;
	color:white;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
	font-weight:normal;
	}
.txtbreed{
	margin:10px 10px 20px 10px !important;
	margin:5px 10px 20px 5px;
	width:675px;
	text-align:left;
	color:white;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
	font-weight:normal;
	height:auto;
	}

.titel{
	font-size:18px;
	font-weight:bold;
	height:30px !important;
	height:22px;
	width:400px;
	margin-left:10px;
	padding-top:8px;
	background:url(../img/titel_bg.jpg) no-repeat; 
	}	
.archiefTitle{
	float:left;
	width:100%;
	clear:both;
	margin-top:0px !important;
	margin-top:8px;
	margin-bottom:10px;
	margin-left:10px;
	padding-top:8px;
	}	
.archiefTitle h2{
	font-size:15px;
	font-weight:bold;
	line-height:18px;
	margin:0;
	padding:0;
	}	
.grootst{
	font-size: 14px;
}
.groot{
	font-size: 13px;
}
.normaal{
	font-size: 12px;
}
.klein{
	font-size: 11px;
}
.kleinst{
	font-size: 10px;
}
.rood {color:#ff0000;}
	
/* pics */
html>body #content.picvak {
	height: 100%; /* héél belangrijk */
	}
html>body #content.picvak2 {
	height: 100%; /* héél belangrijk */
	}
html>body #content.picvak3 {
	height: 100%; /* héél belangrijk */
	}
.picvak{
	background:url('../img/bg_lijn_sdun.png') repeat;
	width:200px;
	height:auto !important; /* voor moderne browsers */
	height:550px;
	border:1px solid #101010;
	margin-top:15px;
	float:right;
	background-color:#333333;
	}
.picvak2{
	width:200px;
	height:auto !important; /* voor moderne browsers */
	float:right;
	}
.picvak3{
	width:720px;
	height:auto !important; /* voor moderne browsers */
	float:left;
	margin-top:20px;
	margin-bottom:20px;
	text-align:center;
	}

.pic{
	margin:20px auto;
	text-align:center;
	border:solid 1px #888888;
	width:150px;
	height:100px;
	overflow:hidden;
	}
.pic3{
	margin:5px 10px;
	border:solid 1px #888888;
	width:150px;
	float:left;
	height:100px;
	overflow:hidden;
}
.pic img, .pic3 img { width:150px; }

.pictxt{
	text-align:left;
	color:white;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:italic;
	}
div#filter {
	position:absolute;
	width:100%;
	height:100%;
	top:0; bottom:0; left:0; right:0;
	margin:0; padding:0;
	/* margins to reset the browser default in Firefox and Opera */
	background-color:#CCCCCC;
	filter:alpha(opacity=60); -moz-opacity:.60; opacity:.60;
	z-index:5;
}
div#fotowrapper{
	position:relative;
	margin-top:100px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	z-index:10;
}
div#foto{
	display:block;
	background-color:black;
	width:100px;
	border:solid 1px black;
}


/* copyright */
.crm{
	width:500px;
	float:right;
	text-align:right;
	margin-right:15px;
	color:white;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	}


/* sitemap */
div.sm_parent{
	font-size:16px;
	margin-bottom:10px;
	}
div.sm_parent_st{
	font-size:16px;
	}
div.sm_subtitel{
	font-size:12px;
}
div.sm_child{
	font-size:12px;
	margin-bottom:10px;
	margin-left:25px;
}
div.sm_child a{
	font-family:Arial, Helvetica, sans-serif;
	color:#999;
	text-decoration:none;

}
div.sm_child a:hover{	
	font-family:Arial, Helvetica, sans-serif;
	color:red;
	text-decoration:none;
	}





/* links */
.contact a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:red;
	}

.menubtn a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:white;
	font-weight:bold;
	text-decoration:none;
	display: block;
	width: 126px !important;
	width: 109px;
	}
.menubtn a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:red;
	font-weight:bold;
	text-decoration:none;
	}
.submenubtn a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:white;
	font-weight:bold;
	text-decoration:none;
	display: block;
	width: 150px;
	border: 1px solid #101010;
	background:url('../img/bgmenu.jpg') repeat-x;
	padding: 2px 5px;
	}
.submenubtn a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:red;
	font-weight:bold;
	text-decoration:none;
	}
.menubtn_sel a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#999;
	font-weight:bold;
	text-decoration:none;
	display: block;
	width: 126px !important;
	width: 109px;
	}
.menubtn_sel a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:red;
	font-weight:bold;
	text-decoration:none;
	}

.txtvak a{	
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	text-decoration:underline;
	}
	
.txtvak a:hover{	
	font-family:Arial, Helvetica, sans-serif;
	color:red;
	text-decoration:underline;
	}
.crm a{
	color:red;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	}
.crm a:hover{
	color:white;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:underline;
	}
.txtvakbreed a{	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:white;
	text-decoration:underline;
	}
	
.txtvakbreed a:hover{	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:white;
	text-decoration:none;
	}
.crmbreed a{
	color:white;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	}
#foto a.closelink{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	border:none;
	text-decoration:none;
	color:red;
	cursor:pointer;
	}
#foto a.closelink:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	border:none;
	text-decoration:none;
	color:white;
	cursor:pointer;
	}
.archiefLink{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:white;
	text-decoration:underline;
}




#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: red;
visibility: hidden;
z-index: 10;
cursor: pointer;
color:white;
font-family:Tahoma;
font-size:12px;
line-height:20px;
letter-spacing: 5px;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 16px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: black;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: white;
padding: 5px;
z-index: 5;
}