@charset "utf-8";
/* CSS Document */

html{
	height:100%;
}

body{
	padding:0px;
	margin:0px;
	text-align:center;
	background-color:#ff7500;
}

div#container{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width:1041px;
}

div#header{
	width:1041px;
	height:425px;
	background-image:url(/images/header.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	float:left;
}

div#header_search{
	width:240px;
	height:44px;
	padding-top:10px;
	margin:135px 0 0 0px;
	text-align:right;
	float:left;
}

div#subheader{
	width:1024px;
	height:195px;
	float:left;
	margin:1px 0 0 9px;
	background-color:#FFFFFF;
}

div#subheader_dodo{
	width:122px;
	height:206px;
	float:left;
	position:relative;
	z-index:3;
}

div#aanmeld_bord{
	width:250px;
	height:250px;
	float:left;
	position:relative;
	z-index:4;
}

div#dodo_home{
	width:250px;
	height:250px;
	float:left;
	background-repeat:no-repeat;
	position:relative;
	z-index:4;
	margin-top:100px;
}

div#container_content{
	width:1041px;
	height:100%;
	float:left;
	background-image:url(/images/background-text.jpg);
	background-repeat:repeat-y;
	background-color:#ffffff;
}

div#container_main{
	width:1041px;
	height:100%;
	margin-left:auto;
	margin-right:auto;
	float:left;
	margin:0px 0 0 10px;
}

div#menu{
	width:1015px;
	height:33px;
	margin:0px 0 0 18px;
	float:left;
}

div#container_text{
	width:620px;
	height:100%;
	float:left;
	text-align:left;
	background-color:#ffffff;
	border:solid 4px;
	border-color:#f38c00;
	padding:10px 10px;
	margin:15px 15px 0 17px;
}

div#box_links{
	width:340px;
	height:100%;
	float:left;
	text-align:left;
}

div#box_links_medium{
	width:680px;
	height:487px;
	float:left;
	text-align:left;
}

div#box_links_groot{
	width:680px;
	height:100%;
	float:left;
	text-align:left;
}

div#box_midden{
	width:340px;
	height:100%;
	float:left;
	text-align:left;
}

div#box_rechts{
	width:340px;
	height:100%;
	float:left;
	text-align:left;
}

div#box_rechts_groot{
	width:680px;
	height:100%;
	float:left;
	text-align:left;
}

div#box_groot{
	width:680px;
	height:100%;
	float:left;
	text-align:left;
}

div#projecten_content{
	width:280px;
	height:430px;
	float:left;
	text-align:center;
	background-color:#ffffff;
	border:solid 4px;
	border-color:#f38c00;
	padding:10px 10px;
	margin:15px 0 0 17px;
}

div#project_weekendcampus{
	width:200px;
	height:430px;
	float:left;
	text-align:left;
	border-color:#f38c00;
	padding:10px 10px;
	margin:15px 0 0 17px;
}

div#project_marionettentheater{
	width:200px;
	height:430px;
	float:left;
	text-align:left:
	border-color:#f38c00;
	padding:10px 10px;
	margin:15px 0 0 17px;
}

div#project_muziekpaleis{
	width:200px;
	height:430px;
	float:left;
	text-align:left;
	border-color:#f38c00;
	padding:10px 10px;
	margin:15px 0 0 17px;
}

div#groot_content{
	width:960px;
	height:100%;
	float:left;
	text-align:left;
	background-color:#ffffff;
	border:solid 4px;
	border-color:#f38c00;
	padding:10px 10px;
	margin:15px 0 0 17px;
}

div#medium_content{
	width:600px;
	height:100%;
	float:left;
	text-align:left;
	background-color:#ffffff;
	border:solid 4px;
	border-color:#f38c00;
	padding:10px 10px;
	margin:15px 0 0 17px;
}


div#organisatie_content{
	width:280px;
	height:475px;
	float:left;
	text-align:center;
	background-color:#ffffff;
	border:solid 4px;
	border-color:#f38c00;
	padding:10px 10px;
	margin:15px 0 0 17px;
}

div#archief_content{
	width:620px;
	height:320px;
	float:left;
	text-align:left;
	background-color:#ffffff;
	border:solid 4px;
	border-color:#f38c00;
	padding:10px 10px;
	margin:15px 0 0 17px;
}

div#doemee_content{
	width:620px;
	height:100%;
	float:left;
	text-align:left;
	background-color:#ffffff;
	border:solid 4px;
	border-color:#f38c00;
	padding:10px 10px;
	margin:15px 0 0 17px;
}

div#doneren_content{
	width:620px;
	height:100%;
	float:left;
	text-align:left;
	background-color:#ffffff;
	border:solid 4px;
	border-color:#f38c00;
	padding:10px 10px;
	margin:15px 0 0 17px;
}

div#vrijwilligerswerk_content{
	width:620px;
	height:100%;
	float:left;
	text-align:left;
	background-color:#ffffff;
	border:solid 4px;
	border-color:#f38c00;
	padding:10px 10px;
	margin:15px 0 0 17px;
}

div#misie_visie_content{
	width:620px;
	height:475px;
	float:left;
	text-align:left;
	background-color:#ffffff;
	border:solid 4px;
	border-color:#f38c00;
	padding:10px 10px;
	margin:15px 0 0 17px;
}

div#archief_oud_content{
	width:620px;
	height:120px;
	float:left;
	text-align:left;
	background-color:#ffffff;
	border:solid 4px;
	border-color:#f38c00;
	padding:10px 10px;
	margin:15px 0 0 17px;
}

div#actueel_content{
	width:250px;
	height:240px;
	float:left;
	text-align:left;
	background-color:#ffffff;
	border:solid 4px;
	border-color:#f38c00;
	padding:10px 25px;
	margin:15px 0 0 17px;
}

div#spotlight_content{
	width:250px;
	height:330px;
	float:left;
	text-align:left;
	background-color:#ffffff;
	border:solid 4px;
	border-color:#f38c00;
	padding:10px 25px;
	margin:15px 0 0 17px;
}

div#woord_vrijwilliger_content{
	width:280px;
	float:left;
	text-align:left;
	background-color:#ffffff;
	border:solid 4px;
	border-color:#f38c00;
	padding:10px 10px;
	margin:15px 0 0 17px;
}

div#afbeelding_content{
	width:250px;
	height:200px;
	float:left;
	text-align:left;
	background-color:#ffffff;
	border:solid 4px;
	border-color:#f38c00;
	padding:10px 25px;
	margin:15px 0 0 17px;
}

div#box_ambassadeurs{
	width:300px;
	height:180px;
	float:left;
	text-align:center;
	background-color:#ffffff;
	border:solid 4px;
	border-color:#f38c00;
	margin:15px 0 0 17px;
}

div#box_nieuwsbrief{
	width:340px;
	height:100%;
	float:left;
	text-align:left;
	margin:1px 0 25px 0;
	
}

div#box_youtube{
	width:340px;
	height:100%;
	float:left;
	text-align:left;
	margin-top:5px;
	
}

div#kominactie_content{
	width:280px;
	height:430px;
	float:left;
	text-align:center;
	background-color:#ffffff;
	border:solid 4px;
	border-color:#f38c00;
	padding:10px 10px;
	margin:15px 0 0 17px;
}

div#webshop_content{
	width:300px;
	height:165px;
	float:left;
	text-align:center;
	background-color:#ffffff;
	border:solid 4px;
	border-color:#f38c00;
	margin:15px 0 0 17px;
}

div#doe_mee_1{
	width:300px;
	height:215px;
	float:left;
	text-align:center;
	background-color:#ffffff;
	border:solid 4px;
	border-color:#f38c00;
	margin:15px 0 0 17px;
}

div#doe_mee_2{
	width:300px;
	height:215px;
	float:left;
	text-align:center;
	background-color:#ffffff;
	border:solid 4px;
	border-color:#f38c00;
	margin:15px 0 0 17px;
}

div#sponsors{
	width:300px;
	height:298px;
	float:left;
	text-align:center;
	background-color:#FFF;
	border:solid 4px;
	border-color:#f38c00;
	margin:15px 0 0 17px;
}

div#nieuwsbrief_content{
	width:280px;
	height:100%;
	float:left;
	text-align:left;
	background-color:#ffffff;
	border:solid 4px;
	border-color:#f38c00;
	padding:5px 10px;
	margin:15px 0 0 17px;
}

div#youtube_content{
	width:280px;
	height:100%;
	float:left;
	text-align:left;
	background-color:#ffffff;
	border:solid 4px;
	border-color:#f38c00;
	padding:10px 10px;
	margin:15px 0 0 17px;
}

div#bordje_benieuwd{
	width:207px;
	height:158px;
	float:left;
	margin:0 0 0 20px;
}

div#snelknoppen{
	width:990px;
	height:160px;
	text-align:center;
	float:left;
}

div#footer_dodo{
	width:122px;
	height:206px;
	float:left;
	position:relative;
	z-index:2;
}

div#footer{
	width:1024px;
	height:86px;
	background-image:url(/images/footer.jpg);
	background-repeat:no-repeat;
	text-align:center;
	float:left;
	position:relative;
	z-index:1;
	margin:0 0 0 9px;
}

div#footer_links{
	width:1024px;
	height:40px;
	text-align:center;
	float:left;
	position:relative;
	z-index:1;
	margin:100px 0 0 0px;
}

div#footer_news{
	margin-left:auto;
	margin-right:auto;
	width:990px;
	height:20px;
	margin-top:6px;
}

ul#image_slide{padding:0; margin:0px; list-style:none; width:280px; float:left;}
ul#image_slide li{width:80px; height:80px; margin:5px 10px 5px 5px;
}

/* Onderstaande code voor het mouseover effect bij het menu */

#home, #home:visited {
	background-image:url(/images/home.jpg);
}
#actueel, #actueel:visited {
	background-image:url(/images/actueel.jpg);
}
#overons, #overons:visited {
	background-image:url(/images/overons.jpg);
}
#projecten, #projecten:visited {
	background-image:url(/images/projecten.jpg);
}
#doemee, #doemee:visited {
	background-image:url(/images/doemee.jpg);
}
#wordvrijwilliger, #wordvrijwilliger:visited {
	background-image:url(/images/word-vrijwilliger.jpg);
}
#worddonateur, #worddonateur:visited {
	background-image:url(/images/word-donateur.jpg);
}
#contact, #contact:visited {
	background-image:url(/images/contact.jpg);
}

.rollover span.alt {
	display:none;
}
.rollover img {
	border:none;
}
.root .rollover img {
	display:block;
}

.rollover {
	background-color:transparent !important; /* needed for Opera5/6 */
	background-repeat:no-repeat;
	background-position:0 0;
}
.rollover:hover, .rollover:focus, .rollover.MMO {
	background-position:0 bottom;
}

a#berekendirect{width:146px; height:26px; float:right;margin:140px 300px 0 0; background:url(/images/bereken_direct.jpg); text-indent:-9999px;}
a#berekendirect:hover{background:url(/images/bereken_direct.jpg) bottom left;}
div.wolk_top{float:left; background-image:url(/muziekpaleis/images/wolk_top.gif); width:706px; height:9px; font-size:1px;}
div.wolk_middle{float:left; background-color:#78b947; width:706px;}
div.wolk_bottom{float:left; background-image:url(/muziekpaleis/images/wolk_bottom.gif); width:706px; height:53px;}
div.wolk_content{padding:15px; border-bottom:0px;}
div.wolk_content h2{color:#FFF; border-bottom:#FFF solid 1px;}
div.wolk_content p{color:#FFF;}
div.wolk_content img{margin:7px;}

div#wolk1{
	width:400px;
	height:220px;
	background-image:url(/marionettentheater/images/wolk2.png);
	background-repeat:no-repeat;
	padding:50px 0 0 60px;
	float:left;
	display:inline;
}

div#wolk2{
	width:400px;
	height:220px;
	background-image:url(/marionettentheater/images/wolk1.png);
	background-repeat:no-repeat;
	margin:-80px 0 0 200px;
	padding:55px 0 0 55px;
	float:left;
	display:inline;
}

div#actueel ul{
	line-height:25px;
}

blockquote {
	background-image:url(/muziekpaleis/images/qoutes.png);
	background-repeat:no-repeat;
	font-family:Georgia, Bitstream Vera Serif ,serif;
	font-size:1em;
	font-style:italic;
	font-weight:normal;
	line-height:1.5em;
	margin:15px 0 10px;
	padding:6px 0 0 55px;
}

p, ul, ol, blockquote {
margin-bottom:8px;
}