html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {  
	margin: 0; 
	padding: 0; 
	border: 0; 
}

/* hide from IE mac \*/ 
html {
	min-height: 100%;
	margin-bottom: 1px;
}
/* end hiding from IE5 mac */

body {
	font-size: 100.01%;
	font-family:  "Trebuchet MS", verdana, sans-serif;
	color: #FFF2D9;
	background-color: #000000;
	
}
#skiptonav {
	position: absolute;
	right: 0;
	margin-top:-50px;
	}
.transparency {
  filter: Alpha(Opacity=80);
  -moz-opacity: 0.80;
}

#wrapper {
	width: 800px;
	margin: 0 auto 0 auto;
	background: #000 url(afbeeldingen/muzen-bg.gif) right top no-repeat;
	font-size: 90%;
	text-align: left;
}	

#header {
	background: url(afbeeldingen/muzen.gif) no-repeat 20px;
	height: 110px;
}

#strap {
	background-image: url(afbeeldingen/festival-header.jpg);
	background-repeat: no-repeat;
	height: 91px;
	
}

#innerwrapper {
	background: url(afbeeldingen/festival-bg.jpg) repeat-y;
	margin: 0 0 0 0px;
	
}


 /* common styling */
.menu2 {
float:left; 
width:100%; 
font-family: "Trebuchet MS", verdana, sans-serif;font-size:12px/18;font-weight: bold;color:#fff; 
background-image: url(afbeeldingen/navbalk-bg.png);
	height: 34px;
	background-repeat: no-repeat;
	margin-left: 120px;
	
}
.menu2 ul {
padding:0;margin:0;list-style-type:none;
}
.menu2 ul li {
float:left; position:relative;
}
.menu2 ul li.group {display:block; text-indent:10px; background:#ECC24E; color:#fff; width:132px; padding:4px 0;}

.menu2 ul li a, .menu2 ul li a:visited {
float:left; display:block; text-decoration:none; color:#fff; padding:0px 14px; line-height:30px; height:34px;
}

.menu2 ul li:hover {width:auto;}

.menu2 ul li a:hover {background: url(afbeeldingen/btn-down.png) repeat-x 0px; color:#fff;}

.menu2 ul li:hover a { background: url(afbeeldingen/btn-over.png) repeat-x 0px;color:#fff; }

.menu2 ul li ul {
display: none;
}
.menu2 table {
margin:0; border-collapse:collapse; font-size:12px; position:absolute; top:0; left:0;
}

/* specific to non IE browsers */
.menu2 ul li:hover ul {
display:block; position:absolute;top:29px; background:#EABB39; margin-top:4px; left:0; width:100px;
}

.menu2 ul li:hover ul.scroller {
height:138px; width:172px; overflow:auto;}

.menu2 ul li:hover ul.endstop {
left:-80px;
}
.menu2 ul li:hover ul li ul {
display: none;
}
.menu2 ul li:hover ul li a {
display:block; background:#EABB39; color:#fff;height:auto;line-height:15px;padding:4px 16px; width:120px;
}
.menu2 ul li:hover ul li a.drop {
background:#EABB39;
}
.menu2 ul li:hover ul li a:hover {
color:#ff0; background: #EABB39;
}
.menu2 ul li:hover ul li a:hover.drop {
background: #EABB39; color:#ff0;
}
.menu2 ul li:hover ul li:hover ul {
display:block; position:absolute; left:153px; top:-60px; color:#000; left:152px; height:138px; width:172px; overflow:auto; background:#EABB39;
}
.menu2 ul li:hover ul li:hover ul li a {background:#EABB39;}
.menu2 ul li:hover ul li:hover ul li.group {width:152px; padding:5px 0;}


.menu2 ul li:hover ul li:hover ul.left {
left:-172px;
}
.menu2 ul li:hover ul li:hover ul li a:hover {background:#EABB39; color:#0ff;}



/* specific to IE5.5 and IE6 browsers */
.menu2 ul li a:hover ul {
display:block;position:absolute;top:30px; t\op:29px; background:#EABB39;left:0; marg\in-top:1px;
}
.menu2 ul li a:hover ul.scroller {
height:138px; overflow:auto;}

.menu2 ul li a:hover ul.endstop {
left: -80px;
}
.menu2 ul li a:hover ul li a {
display:block; color:#fff; height:1px; line-height:15px; padding:4px 14px; width:132px; w\idth:120px;
}
.menu2 ul li a:hover ul li a.drop {
background:#EABB39; padding-bottom:5px;
}
.menu2 ul li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; width:0;
}
.menu2 ul li a:hover ul li a:hover {
color:#ff0; background: #EABB39;
}
.menu2 ul li a:hover ul li a:hover.drop {
 background: #EABB39; color:#ff0;
}
.menu2 ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:-69px; t\op:-70px; color:#000; left:152px; height:138px; width:170px; overflow:auto; background:#EABB39;
}
.menu2 ul li a:hover ul li a:hover ul.left {
left:-170px;
}
.menu2 ul li a:hover ul li a:hover ul li a:hover {background:#EABB39; color:#0ff;}


.left {clear:both;}

#movie{
 margin-left:100px;
 }	

#navcontainer{
background-image: url(afbeeldingen/navbalk-bg.png);
	background-repeat: no-repeat;

margin-left:120px;
	height: 34px;
}


#navcontainer ul li
{
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	font: 12px/30px "Trebuchet MS", verdana, sans-serif;
	text-align: center;
	font-weight: bold;
}
#navcontainer a
{
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	width: 90px;
	
	height: 34px;
	margin-left:2px;
}
#navcontainer li#active { background: url(afbeeldingen/btn-down.png) repeat-x 0px; }
#navcontainer a:hover { background: url(afbeeldingen/btn-over.png) repeat-x 0px; }

#content {

	width: 600px;
	margin-left: 100px;
	
}

#veld {
    width: 600px;
	margin-left: 100px;
	min-height:25em;
}
#amer {
width: 600px;
	margin-left: 100px;
}
#amer h3 {
            font-size:1.1em;
			color:#B16B02;
			text-transform:uppercase;
			font-family:"Trebuchet MS",Arial,Sans-Serif;
			text-align:center;
}
#festival-bottom {

    background: url(afbeeldingen/festival-bottom.jpg) no-repeat;
	height: 22px;
	margin-top: 0px;
	
	}
#footer {
	clear: both;
}

#footer p {
	font-size:80%;

	color: #FFF2D9;
	padding: 10px 30px 10px 30px;
}
h3 {font-size:1.1em;
			color:#B16B02;
			text-transform:uppercase;
			font-family:"Trebuchet MS",Arial,Sans-Serif;
			text-align:left;}
		h2{
			font-size:1.3em;
			color:#B16B02;
			text-transform:uppercase;
			font-family:"Trebuchet MS",Arial,Sans-Serif;
			text-align:center;
		}
		h1{
			font-size:2em;
			text-align:center;
			font-weight:normal;
			text-transform:uppercase;
			font-family:"Trebuchet MS",Arial,Sans-Serif;
			padding:.5em 0;
			background:#000;
			border-bottom:1px solid #666;
		}
.left {
	float: left;
	border: 1px solid #000;
	margin: 5px 10px 2px 0;
	clear: left;
}	
 .right {
 float: right;
 margin: 0 10px 10px 15px;
 border: 1px solid #000;
}
.brclear { /* Use a break with this class to clear float containers on both sides */ 
clear:both; 
height:0; 
margin:0; 
font-size: 1px; 
line-height: 0; 
} 
.clearrt { /* Use a break with this class to clear float containers only on the right */ 
clear:right; 
height:0; 
margin:0; 
font-size: 1px; 
line-height: 0; 
} 
#imap {
	display:block;
	width:558px;
	height:106px;
	background: url(afbeeldingen/artiesten170/vrijdag.jpg) no-repeat;
	position:relative;
	margin:10px 0 10px 90px;
	background-image: url(afbeeldingen/artiesten170/vrijdag.jpg);
}

#imap a#painting {
    display:block; width:556px; 
	height:0; padding-top:339px; 
	overflow:hidden; 
	position:absolute; left:1px; top:0; 
	background: url((afbeeldingen/artiesten170/vrijdag.jpg) no-repeat 556px 339px; 
	cursor:default;}
* html #imap a#painting {height:106px; height:0;}

#imap a#painting:hover {background-position: 0 0; z-index:10;}

#imap dd {position:absolute; padding:0; margin:0;}
#imap #man {left:0px; top:0px; z-index:20;}
#imap #donkey {left:57px; top:0px; z-index:20;}
#imap #child {left:123px; top:0px; z-index:20;}

#imap a#link_man {display:block; width:60px; height:100px; text-decoration:none; z-index:20;}
#imap a#link_donkey {display:block; width:70px; height:100px; text-decoration:none; z-index:20;}
#imap a#link_child {display:block; width:70px; height:100px; text-decoration:none; z-index:20;}

#imap a em {display:none;}

#imap a span, #imap a:visited span {display:none;}

#imap a#link_man:hover, #imap a#link_donkey:hover, #imap a#link_child:hover {border:1px solid #fc0;}

#imap a:hover span {position:absolute; display:block;background:#242424; color:#FFF; width:556px; height:170px; line-height:1.8em; font-size:0.9em; text-align:justify;}

#imap a#link_man:hover span {left:0px; top:110px;}
#imap a#link_man:hover em {position:absolute; display:block; left:160px; top:30px; width:250px; height:1px; overflow:hidden; font-size:1px;  background:#660000;}
#imap a#link_donkey:hover span {left:200px; top:-80px;}
#imap a#link_donkey:hover em {position:absolute; display:block; left:60px; top:35px; width:140px; height:1px; overflow:hidden; font-size:1px; background:#999;}
#imap a#link_child:hover span {left:130px; top:-20px;}
#imap a#link_child:hover em {position:absolute; display:block; left:50px; top:45px; width:80px; height:1px; overflow:hidden; font-size:1px; background:#333;}

#imap a:hover span img {float:left; margin-right:1em; margin-bottom:0.5em; border:1px solid #000;}

#imap a span:first-line {font-weight:bold; font-style:italic;}
#info h3 {margin:0 0 0 75px; font-size:1.2em; font-weight:normal; font-family:georgia, "times new roman", serif; letter-spacing:0.1em; padding-bottom:5px; border-bottom:1px solid #aaa; width:650px;}
#info .para {width:500px; margin:0 0 0 90px;}