img, div { behavior: url(iepngfix.htc) }

body {
	background-image: url(../img/stripe.gif);
	font:12px verdana;
	color:#333;
	margin:0;
	padding:0;
	
}

h1 {
	font:12px verdana;
	font-weight:bold;
	color:#990000;
		
}


a {
	font:12px verdana;
	font-weight:bold;
	color:#990000;
	margin-right:8px;
	margin-bottom:10px;
	text-decoration:none;
}

a:hover {
	color:#666;
}


.subscript {
	font:11px verdana;
	font-weight:normal;
	color:#666;
	margin:0px 0px 0px 20px;
		
}

div.subscript a {
	font:11px verdana;
	font-weight:normal;
	color:#666;
	margin:0px;
	padding:0px;

}

div.subscript a:hover {
	color:#990000;
	margin:0px;
	padding:0px;
}



/*container to keep everything centered horizontaly*/
#container {
	position:relative;
	left:-468px;
	margin-top:10px;
	width:936px;
	margin-left:50%;
	
}


#topshade {
	margin:0;
	width:936px;
	height:17px;
	background-image: url(../img/topshade.png);

}




/*----------------------Programma titel center------------------------------*/

.center {
	margin-left:200px;
	
}



/*in between top and bottom shade comes the body shadow*/

#bottomshade {
	margin:0;
	border:0;
	padding:0;
	width:936px;
	height:18px;
	background-image: url(../img/bottomshade.png);	
}



#bodyshadow {
	margin:0;
	border:0;
	padding:0;
	width:936px;
	background-image:url(../img/shadow.png);
}


#background {
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	width:900px;
	background: url(../img/background.png) repeat;
	padding:0;
	
}


#header {
	position:relative;
	margin-top:0px;
	margin-left:0px;
	width:900px;
	height:100px;
	background-image: url(../img/header.png);
	
}

#nav {
	position:relative;
	margin-top:0px;
	margin-left:20px;
	width:880px;
	height:21px;
	
		
}

#footer {
	margin:0;
	height:25px;
	border:0;
	padding:0;
	text-align:center;
}
#footer p{
	margin-bottom:0px;
}

.streep {
	position:relative;
	margin:5px 0px 5px 0px;
	padding:0;
	width:900px;
	height:10px;
	background: url(../img/streep.png) no-repeat;
	clear:both;
	 
		
}


/* ------------------ banners Home --------------------------- */

#banner_home {
	float:left;
	margin:9px 0px 0px -7px;
	
	//margin:4px 0px 7px -12px;
	
	border:0;
	padding:0;
	height:208px;
	width:430px;
	background: url(../img/banner_museum_home.png) no-repeat;
	
}

#banner_stelling {
	float:left;
	margin:0px 0px 10px 20px;
	
	//margin:0px 0px 10px 20px;
	
	border:0;
	padding:0;
	height:208px;
	width:430px;
	background: url(../img/banner_museum_home.png) no-repeat;
	
}

/* ------------------ banners rechterkant klein --------------------------- */

iframe {
	float:left;
	margin:20px 0px -15px 25px;
	//margin:15px 0px -15px 25px;
	border:0;
	padding:0;
	

}
/* ------------------ Het witte text vlak klein --------------------------- */


.contentvlakcontainer {
	float:left;
	margin:7px 0px 5px 13px;
	
	//margin:2px 0px 5px 8px;
	
	border:0;
	padding:0;
	width:430px;
	
	
}

.contentvlaktop {
	margin-top:0px;
	margin-left:0px;
	width:430px;
	height:20px;
	background: url(../img/contentvlaktop.png) no-repeat;

}

.contentvlakmid {
	margin-top:0px;
	margin-left:0px;
	width:430px;
	background: url(../img/contentvlakmid.png) repeat-y;

}

.contentvlakbottom {
	margin-bottom:0px;
	margin-left:0px;
	width:430px;
	height:20px;
	background: url(../img/contentvlakbottom.png) no-repeat;

}

.contentvlak {
	margin:0px;
	padding:0px;
	border:0px;
	width:420px;
		
}

.contentvlak p{
	margin:0px 0px 0px 20px;

}

.contentvlak h1{
	margin:0px 0px 0px 20px;

}

.Hoogte1{
	height:150px;
	overflow:hidden;
}

.Hoogte2{
	height:170px;
	overflow:hidden;
}

.topbreedte {
	margin-right:20px;
	
}



/* ------------------ a href in text normale kleur en font weight meegeven --------------------------- */

.textlink {
	margin:0px 0px 0px 20px;
	clear:both;
	
	
	
}

div.textlink a {
	font:12px verdana;
	font-weight:normal;
	color:#333;
	text-decoration:none;


}

div.textlink p {
	font:12px verdana;
	font-weight:normal;
	color:#333;
	
	

}

div.textlink a:hover {
	color:#990000;
	text-decoration:underline;
}

/* ------------------ Het witte text vlak 600 --------------------------- */


.contentvlakcontainer600 {
	float:left;
	margin:7px 0px 5px 13px;
	
	//margin:2px 0px 5px 8px;
	
	border:0;
	padding:0;
	width:600px;
	
	
}

.contentvlaktop600 {
	margin-top:0px;
	margin-left:0px;
	width:600px;
	height:20px;
	background: url(../img/contentvlaktop600.png) no-repeat;

}

.contentvlakmid600 {
	margin-top:0px;
	margin-left:0px;
	width:600px;
	//width:602px;
	background: url(../img/contentvlakmid600.png) repeat-y;
	

}

.contentvlakbottom600 {
	margin-bottom:0px;
	margin-left:0px;
	width:600px;
	height:20px;
	background: url(../img/contentvlakbottom600.png) no-repeat;
	

}

.contentvlak600 {
	margin:0px;
	padding:0px;
	border:0px;
	width:590px;
		
}

.contentvlak600 p{
	margin:0px 0px 0px 20px;

}

.contentvlak600 table{
	margin:0px 0px 0px 20px;

}

.contentvlak600 h1{
	margin:0px 0px 0px 20px;

}

/* ------------------ Header contact,about en pers pagina --------------------------- */

#contactgegevens{
	margin:0px 0px 0px 20px;
	border:0;
	width:286px;
	height:20px;
	padding:0;
	background: url(../img/contactgegevens.png) no-repeat;
	
}

#contactgegevens span { 
        display:none; 
}

#overons{
	margin:0px 0px 0px 20px;
	border:0;
	width:68px;
	height:20px;
	padding:0;
	background: url(../img/overons.png) no-repeat;
	
}

#overons span { 
        display:none; 
}


#pers_header{
	margin:0px 0px 0px 20px;
	border:0;
	width:244px;
	height:20px;
	padding:0;
	background: url(../img/pers.png) no-repeat;
	
}

#pers_header span { 
        display:none; 
}


#maandag{
	margin:0px 0px 0px 20px;
	border:0;
	width:244px;
	height:20px;
	padding:0;
	background: url(../img/maandag1dec.png) no-repeat;
	
}

#maandag span { 
        display:none; 
}


#dinsdag{
	margin:0px 0px 0px 20px;
	border:0;
	width:244px;
	height:20px;
	padding:0;
	background: url(../img/dinsdag2dec.png) no-repeat;
	
}

#dinsdag span { 
        display:none; 
}



#stelling{
	margin:0px 0px 15px 20px;
	float:left;
	border:0;
	width:212px;
	height:20px;
	padding:0;
	background: url(../img/stelling.png) no-repeat;
	
}

#stelling span { 
        display:none; 
}


#routeheader{
	margin:0px 0px 0px 20px;
	border:0;
	width:247px;
	height:20px;
	padding:0;
	background: url(../img/route.png) no-repeat;
	
}

#routeheader span { 
        display:none; 
            
}




#voorzitters{
	margin:0px 0px 0px 20px;
	border:0;
	width:247px;
	height:20px;
	padding:0;
	background: url(../img/voorzitters.png) no-repeat;
	
}

#voorzitters span { 
        display:none; 
}



#inleiders{
	margin:0px 0px 0px 20px;
	border:0;
	width:247px;
	height:20px;
	padding:0;
	background: url(../img/inleiders.png) no-repeat;
	
}

#inleiders span { 
        display:none; 
}


#rechter{
	margin:0px 0px 0px 20px;
	border:0;
	width:247px;
	height:20px;
	padding:0;
	background: url(../img/rechter.png) no-repeat;
	
}

#rechter span { 
        display:none; 
}



#sprekersheader{
	margin:0px 0px 0px 20px;
	border:0;
	width:247px;
	height:20px;
	padding:0;
	background: url(../img/sprekers.png) no-repeat;
	
}

#sprekersheader span { 
        display:none; 
}



/* ------------------ links onderaan de detail paginas --------------------------- */

#overigeonderwerpen{
	margin:0px 0px 0px 20px;
	border:0;
	width:136px;
	height:16px;
	padding:0;
	background: url(../img/overigeonderwerpen.png) no-repeat;
	
}

.linksprogitems1 {
	float:left;
	margin:0px 0px 0px 20px;
	//margin:0px 0px 0px 20px;
	border:0;
	padding:0;
	width:220px;
	
}

div.linksprogitems1 a {
	font:12px verdana;
	font-weight:bold;
	color:#333;
	text-decoration:none;


}

div.linksprogitems1 a:hover {
	color:#990000;
}



.linksprogitems2 {
	float:left;
	margin:0px 0px 0px 0px;
	//margin:0px 0px 0px 0px;
	border:0;
	padding:0;
	width:320px;
	
}

div.linksprogitems2 a {
	font:12px verdana;
	font-weight:bold;
	color:#333;
	text-decoration:none;


}

div.linksprogitems2 a:hover {
	color:#990000;
}





/* ------------------ Het witte text vlak full width --------------------------- */

.contentvlakcontainer_full {
	float:left;
	margin:7px 0px 5px 0px;
	
	//margin:5px 0px 5px 0px;
	
	border:0;
	padding:0;
	width:900px;
	
	
}

.contentvlaktop_full {
	margin-top:0px;
	margin-left:0px;
	width:886px;
	height:19px;
	background: url(../img/contentvlaktop_full.png) no-repeat;

}

.contentvlakmid_full {
	margin-top:0px;
	margin-left:0px;
	width:886px;
	//width:900px;
	background: url(../img/contentvlakmid_full.png) repeat-y;

}

.contentvlakbottom_full {
	margin-bottom:0px;
	margin-left:0px;
	width:886px;
	height:20px;
	background: url(../img/contentvlakbottom_full.png) no-repeat;

}

.contentvlak_full {
	margin:0px;
	margin-left:10px;
	
	padding:0px;
	border:0px;
	width:866px;
		
}

.contentvlak_full p{
	margin:0px 0px 0px 20px;

}

.contentvlak_full h1{
	margin:0px 0px 0px 20px;

}



/* ------------------ Het witte text vlak met links --------------------------- */

#relevantelinks{
	margin:0px 0px 0px 20px;
	border:0;
	width:98px;
	height:16px;
	padding:0;
	background: url(../img/relevantelinks.png) no-repeat;
	
}

.contentvlakcontainer_links {
	float:left;
	margin:30px 0px 5px 16px;
	
	//margin:30px 0px 5px 12px;
	
	border:0;
	padding:0;
	width:257px;
	
	
}

.contentvlaktop_links {
	margin-top:0px;
	margin-left:0px;
	width:257px;
	height:21px;
	background: url(../img/contentvlaktop_links.png) no-repeat;

}

.contentvlakmid_links {
	margin-top:0px;
	margin-left:0px;
	width:257px;
	background: url(../img/contentvlakmid_links.png) repeat-y;

}

.contentvlakbottom_links {
	margin-bottom:0px;
	margin-left:0px;
	width:257px;
	height:21px;
	background: url(../img/contentvlakbottom_links.png) no-repeat;

}

.contentvlak_links {
	margin:0px;
	margin-left:10px;
	padding:0px;
	border:0px;
	width:237px;
		
}

.contentvlak_links p{
	margin:0px 0px 0px 20px;

}

.contentvlak_links h1{
	margin:0px 0px 0px 20px;

}




/* ------------------ Lees Meer Button --------------------------- */

#leesmeer {
	margin-left:340px;
	width:75px;
   	height:15px;
   				   		
}

a.leesmeer { 
        background:url(../img/leesmeer.png) repeat 0px 0px;
        //background:url(../img/leesmeer.jpg) repeat 0px 0px;
        width:75px; 
        height:15px; 
        display:block; 
}

a.leesmeer span { 
        display:none; 
}

a.leesmeer:hover { 
        background:url(../img/leesmeer.png) repeat 0px -15px;
        //background:url(../img/leesmeer.jpg) repeat 0px -15px;
}





#stream {
	margin-left:175px;
	width:250px;
   	height:15px;
   				   		
}

a.stream { 
        background:url(../img/stream.jpg) repeat 0px 0px;
        width:250px; 
        height:15px; 
        display:block; 
}

a.stream span { 
        display:none; 
}

a.stream:hover { 
        background:url(../img/stream.jpg) repeat 0px -15px;
        
}







#leesmeer_full {
	margin-left:785px;
	width:75px;
   	height:15px;
   				   		
}

a.leesmeer_full { 
        background:url(../img/leesmeer.png) repeat 0px 0px;
        //background:url(../img/leesmeer.jpg) repeat 0px 0px;
        width:75px; 
        height:15px; 
        display:block; 
}

a.leesmeer_full span { 
        display:none; 
}

a.leesmeer_full:hover { 
        background:url(../img/leesmeer.png) repeat 0px -15px;
        //background:url(../img/leesmeer.jpg) repeat 0px -15px;
}




/* ------------------ Buttons van de navigatie --------------------------- */

#home {
	position:absolute;
    	left:20px;
	top:0px;
    	width:130px;
   	height:21px;
   				   		
}

a.home { 
        background:url(../img/home_button.png) repeat 0px 0px;
        //background:url(../img/home_button.jpg) repeat 0px 0px;
        width:130px; 
        height:21px; 
        display:block; 
}

a.home span { 
        display:none; 
}

a.home:hover { 
        background:url(../img/home_button.png) repeat 0px -21px;
        //background:url(../img/home_button.jpg) repeat 0px -21px;
}




#about {
	position:absolute;
    	left:125px;
	top:0px;
    	width:130px;
   	height:21px;
   				   		
}

a.about { 
        background:url(../img/about_button.png) 0px 0px;
        //background:url(../img/about_button.jpg) 0px 0px;
        width:130px; 
        height:21px; 
        display:block; 
}

a.about span { 
        display:none; 
}

a.about:hover { 
        background:url(../img/about_button.png) 0px -21px;
        //background:url(../img/about_button.jpg) 0px -21px;
}





#programma {
	position:absolute;
    	left:250px;
	top:0px;
    	width:130px;
   	height:21px;
   				   		
}

a.programma { 
        background:url(../img/programma_button.png) 0px 0px;
        //background:url(../img/programma_button.jpg) 0px 0px;
        width:130px; 
        height:21px; 
        display:block; 
}

a.programma span { 
        display:none; 
}

a.programma:hover { 
        background:url(../img/programma_button.png) 0px -21px;
        //background:url(../img/programma_button.jpg) 0px -21px;
}



#sprekers {
	position:absolute;
    	left:375px;
	top:0px;
    	width:130px;
   	height:21px;
   				   		
}

a.sprekers { 
        background:url(../img/sprekers_button.png) 0px 0px;
        //background:url(../img/sprekers_button.jpg) 0px 0px;
        width:130px; 
        height:21px; 
        display:block; 
}

a.sprekers span { 
        display:none; 
}

a.sprekers:hover { 
        background:url(../img/sprekers_button.png) 0px -21px;
        //background:url(../img/sprekers_button.jpg) 0px -21px;
}






#pers {
	position:absolute;
    	left:478px;
	top:0px;
    	width:130px;
   	height:21px;
   				   		
}

a.pers { 
        background:url(../img/pers_button.png) 0px 0px;
        //background:url(../img/pers_button.jpg) 0px 0px;
        width:130px; 
        height:21px; 
        display:block; 
}

a.pers span { 
        display:none; 
}

a.pers:hover { 
        background:url(../img/pers_button.png) 0px -21px;
        //background:url(../img/pers_button.jpg) 0px -21px;
}




#contact {
	position:absolute;
    	left:585px;
	top:0px;
    	width:130px;
   	height:21px;
   				   		
}

a.contact { 
        background:url(../img/contact_button.png) 0px 0px; 
        //background:url(../img/contact_button.jpg) 0px 0px; 
        width:130px; 
        height:21px; 
        display:block; 
}

a.contact span { 
        display:none; 
}

a.contact:hover { 
        background:url(../img/contact_button.png) 0px -21px;
        //background:url(../img/contact_button.jpg) 0px -21px;
}




#route {
	position:absolute;
    	left:685px;
	top:0px;
    	width:130px;
   	height:21px;
   				   		
}

a.route { 
        background:url(../img/route_button.png) 0px 0px;
        //background:url(../img/route_button.jpg) 0px 0px;
        width:130px; 
        height:21px; 
        display:block; 
}

a.route span { 
        display:none; 
}

a.route:hover { 
        background:url(../img/route_button.png) 0px -21px;
        //background:url(../img/route_button.jpg) 0px -21px;
}