body{
text-align: left;
margin: 0;
background-color: #cc99ff;
}

div#container{
width: 1024px;
height: auto;
margin: 0 auto 0 0;
text-align: left;
background-color: #cc99ff;
}

div#header{
background-image:url(images/compila.jpg);
background-position:right;
background-repeat:no-repeat;
width: 974px;
height: 90px;
background-color: #9933cc;
padding: 3px;
}

a.header{
	text-decoration: none;
	color:#fff;
}

a.logo{
	text-decoration: none;
	color:#9933cc;
}
	
div#nav{
width: 180px;
height: 207px;
float: left;
background-color: #9933cc;
/*background-image:url(images/rood.jpg);
background-repeat:repeat-y;*/
}

div#kop{
	color: #fff;
	background-color: #9933cc;
	text-align: center;
	line-height: 45px;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 14px;
	letter-spacing: 1.3px;
	font-weight: bold;
	border: 1px solid white;
}

div#totaal{
	width: 180px;
	height: 20px;
	position: absolute;
	color: #fff;
	top: 265px;
	left: 35px
}

div#content{
width: 600px;
height: 400px;
float: left;
background-color: #cc99ff;
padding: 20px;
background-image: url(images/hoek.jpg);
background-repeat: no-repeat;
}

div#drieluik {
width: 200px;
height: 200px;
float: left;
background-image: url(images/drieluik.png);
/*background-color: #cc99ff;*/
/*padding: 10px;*/
/*border: 1px solid white;*/
margin: 0px 12px 0px 20px;
text-align: center;
}

div#foto {
float: right;
width: 144px;
Height: 144px;
border: 3px solid #9933cc;
text-align:center;
position: absolute;
left:830px;
top:160px;
}
div#home{
	background-image:url(images/bg-home.jpg);
	/*background-position:right;*/
	background-repeat:no-repeat;
	/*border-right:3px solid #cc3366;
	border-bottom:3px solid #cc3366;*/
	width: 800px;
	height: 210px;
	position: absolute;
	left:180px;
top:93px;
}

div#footer{
	width: 790px;
	height: 22px;
	text-align: center;
	font-size: 15px;
	margin: 50px 0 30px 0;
	background-color: #66ff33;
	/*background-image:url(images/rood.jpg);
	background-repeat:repeat-x;*/
	border: 1px solid white;
	}

span#kop{
	color: #000;
	background-color: #66ff33;
	/*background-color: #9933cc;*/
	text-align: center;
	line-height: 22px;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 12px;
	letter-spacing: 1.3px;
	font-weight: bold;
	border: 1px solid #fff;
}

#menu {
	width:150px;
	background-image:url(img/bg-menu.gif);
	background-repeat:no-repeat;
	background-position:left top;
	text-align:left;
	vertical-align:top;
	height:459px;
	position:absolute;
	left:0px;
	top:85px;
}
#menu p{
	margin:0px;
	padding:0px;
}
#menu a{
	background-color:#66ff33;
	display:block;
	position:absolute;
	width:130px;
	height:18px;
	border:1px solid #fff; /*#ffff00;*/
	color:#000;
	text-align:center;
	line-height:19px;
	text-transform:uppercase;
	text-decoration:none;
	font-size:10px;
	letter-spacing:1.5px;
	font-weight:bold;
	left:15px;
}
#menu a:hover{
	
	background-color:#33cc00;
	/*text-align:right;*/
	color:#fff;
}
#menu .home{
	top:40px;
}
#menu .workshops{
	top:65px;
}
#menu .agenda{
	top:90px;
}
#menu .overmij{
	top:115px;
}
#menu .contact{
	top:140px;
}
ul#footer{
list-style: none;
}

li#footer{
display: inline;
margin: 0 30px 0 0;
}
a.footer:link{
	color:#000;
}
a.footer:hover{
	color:#000;
	/*color:#66ff33*/
	}
p.groot{
font-family: verdana, arial, helvetica, sans-serif;
font-size: 200%;
}

p.kleiner{
font-family: verdana, arial, helvetica, sans-serif;
font-size: 80%;
}

/*Begin DROP DOWN menu*/

#dropdown, #dropdown ul{
	padding: 0;
	margin: 0;
	list-style: none;
	text-transform: uppercase;	
}

#dropdown li {
	float: left;
	width: 200px;
}

#dropdown ul {
	position: absolute;
	width: 200px;
	left: -1000px;
	} 

#dropdown li:hover ul, #dropdown li.ie_does_hover ul {
	left: auto;
} 
#dropdown a {
	display: block;
	margin: 2px 5px 3px 5px;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}

ul a {
	font-weight: bold;
	color: #fff;
	cursor: pointer;
	background-color: #9933cc;
}

ul ul a:link, ul ul a:visited{
	font-weight: normal;
	color: #000;
	cursor: pointer;
	background-color: #66ff33;
}
ul ul a:hover, ul ul a:active{
font-weight: normal;
color: #FFF;
cursor: pointer;
background-color: #33cc00;
}

#dropdown ul li{
background-color: #cc99ff;
}

ul ul li{
background-color: #000;
}
/* EINDE DROP DOWN MENU */