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

* {
outline-style: none;
}

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

h1 {
	font:15px trebuchet ms;
	font-weight:bold;
	color:#999;
		
}

h2 {
	font:20px trebuchet ms;
	font-weight:bold;
	color:#333;
	width:550px;
	background:#f2f2f2;
	padding:3px;
		
}


a {
	color:#666;
	margin-right:8px;
	margin-bottom:10px;
	text-decoration:none;
}

a:hover {
	color:#333;
}


.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------------------------------*/

#logo_groot{
	background-image: url(../img/logo-groot.png);
	position:absolute;
	left:0px;
	width:542px;
	height:1005px;

}




.center {
	margin-left:auto;
	margin-right:auto;
	
}



/*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-color:#fff;
	padding:0;
	
}


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

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

#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;
	font-family:trebuchet ms;
	font-size:10px; 
	color:#999;
}

.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;
	
	
	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;
	
	
	border:0;
	padding:0;
	height:208px;
	width:430px;
	background: url(../img/banner_museum_home.png) no-repeat;
	
}

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

iframe {
	float:left;
	margin-left:22px;
	border:0;
	padding:0;
	
}

.google_maps {
	margin:0px;
}

#genomineerden{
	margin-left:25px;
	margin-top:10px;
	float:left;
	font:18px trebuchet ms;
	font-weight:bold;
	color:#999;
}


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


.contentvlakcontainer {
	float:left;
	margin:7px 0px 5px 13px;
	
	
	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;
	font-family:verdana;
	color:#666;

}

.contentvlak h1{
	margin:0px 0px 0px 20px;
	font-family:trebuchet ms;
	font-size:15px;
	color:#333;

}

.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;
	
	
	border:0;
	padding:0;
	width:600px;
	
	
}

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

}

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

}

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

}

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

.contentvlak600 p{
	font-family:verdana;
	font-size:12px;
	color:#666;
	font-weight:normal;


}

.contentvlak600 h1{
	font-family:trebuchet ms;
	font-size:20px;
	color:#999;

}

.contentvlak600 img{
float:left;
margin:5px;
}

.contentvlak600 a{
padding:0;
margin:0;
}

.contentvlak600 li{
	font-family:verdana;
	font-size:12px;
	color:#666;
	list-style-image:url(../img/bullet.png);
}

.pers li{
	font-family:trebuchet ms;
	font-size:13px;
	color:#333;
	list-style-image:url(../img/pdfbullet.png);
}

.twitter{
	display:block;
	width:250px;
	height:87px;
	border:0;
	float:right;
	margin-top:10px;
	margin-right:17px;
	margin-bottom:0px;
	background: url(../img/twitter_button.jpg) no-repeat;
}

.twitteren{
	display:block;
	width:250px;
	height:87px;
	border:0;
	float:right;
	margin-top:10px;
	margin-right:17px;
	margin-bottom:0px;
	background: url(../img/twitter_button_EN.jpg) no-repeat;
}

.sponsor{
	display:block;
	width:250px;
	height:87px;
	border:0;
	float:right;
	margin-top:10px;
	margin-right:17px;
	margin-bottom:0px;
	background: url(../img/hashmuseumsponsorNL.jpg) no-repeat;
}

.sponsoren{
	display:block;
	width:250px;
	height:87px;
	border:0;
	float:right;
	margin-top:10px;
	margin-right:17px;
	margin-bottom:0px;
	background: url(../img/hashmuseumsponsorEN.jpg) no-repeat;
}


.en {
	background: url(../img/en.png) no-repeat;
	width:48px;
	height:48px;
	display:block;
	position:absolute;
	top:310px;
	left:919px;




}

.nl {
	background: url(../img/nl.png) no-repeat;
	width:48px;
	height:48px;
	display:block;
	position:absolute;
	top:260px;
	left:919px;

}

.nl-select {
	background: url(../img/nl-select.png) no-repeat;
	width:48px;
	height:48px;
	display:block;
	position:absolute;
	top:260px;
	left:918px;
}

.en-select {
	background: url(../img/en-select.png) no-repeat;
	width:48px;
	height:48px;
	display:block;
	position:absolute;
	top:310px;
	left:918px;
}


/* ------------------ 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;
	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;
	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 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;
	
	
	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 10px;
	font-family:trebuchet ms;
	font-size:12px;
	color:#333;
	font-weight:bold;

}

.contentvlak_links h1{
	margin:0px 0px 0px 10px;
	font-family:trebuchet ms;
	font-size:15px;
	color:#999;

}

.contentvlak_links li{
	margin:0px;
	font-family:trebuchet ms;
	font-size:12px;
	color:#333;
	font-weight:bold;
	list-style-image:url(../img/pdfbullet.png);

}

.contentvlak_links strong{
font-size:16px;
color:#666;
}


.maps{
border:0;
width:218px;
height:139px;
display:block;
background: url(../img/maps.jpg) no-repeat;
margin-left:auto;
margin-right:auto;
}


.banner_right{
position:absolute;right:4px;top:188px;
}

.banner_left{
position:absolute;left:4px;top:192px;
}
/* ------------------ Lees Meer Button --------------------------- */

#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;
        
}


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

.nav{
font-family:trebuchet ms;
list-style-type:none;
font-size:20px;
line-height:20px;
margin:0px;
margin-top:10px;
padding:0px;
width:900px;
display:block;
height:40px;
overflow:hidden;
white-space:nowrap;
background-color:#f2f2f2;
}

.nav li{
display:inline;
margin-right:60px;
}

.nav a{
margin-left:40px;
display:inline-block;
padding:10px;
}
.nav a:hover{
background-color:#fff;
}