body{
margin:0px;
padding:0px;
font-family: "AvantGarde Bk BT", "Verdana", "Times New Roman";
font-style: oblique;
font-weight:normal;
background-color: #FF6600;
background-image: url(../images/speler_2.jpg);
background-position:0px 180px;
background-repeat:no-repeat;
color:#800080;
}
#container{
width:800px;
height:auto;
}
#header{
margin-top:10px;
width:800px;
height:150px;
}
#menu{
width:800px;
height:auto;
}
#left-content{
margin-top:10px;
width:300px;
height:auto;
float:left;
}
#pagina{
padding-left:70px;
width:800px;
height:10px;
text-align:left;
}
#mediaplayer{
text-align:justify;
width:450px;
height: auto;
float: none;
padding-left:20px;
margin-top:30px;
}
#content{
text-align:justify;
width:450px;
height: auto;
float: right;
padding-left:80px;
margin-top:10px;
}
#webdesign {
float:right;
background-attachment: scroll;
background-position:center;
background-repeat:no-repeat;
width: 800px;
text-align:center;
font-size: x-small;
color: #800080;
padding-bottom:1px;
padding-top:1px;
}
/*Gebruiket classes*/
.left{
text-align:left;
color:#800080;
}
.right{
text-align:right;
}
.center{
text-align:center;
}
hr{
color:#800080;
height:2px;
}
/*Tekst groote*/
h1{
color:#800080;
font-size: xx-large;
font-weight:normal;
}
h2{
color:#800080;
font-size:x-large;
}
h3{
color:#800080;
font-size:large;
font-weight:normal;
}
h4{
color:#800080;
font-size:medium;
font-weight:normal;
}
h5{
color:#800080;
font-size: small;
font-weight:normal;
}
h6{
color:#800080;
font-size: smaller ;
font-weight:normal;
}
img{
border-color:#ff6600;
}
a:hover img{
border:solid 2px #ff6600;
}
/*Style for menu*/
.horizontalcssmenu ul{
margin-left:70px;
padding: 0;
list-style-type: none;
}
/*Top level list items*/
.horizontalcssmenu ul li{
position: relative;
display: inline;
float: left;
}
/*Top level menu link items style*/
.horizontalcssmenu ul li a{
	border-left: 0 solid #800080;
	border-right: 1px solid #800080;
	border-top: 3px solid #800080;
	border-bottom: 1px solid #800080;
	display: block;
	width:80px; /*Width of top level menu link items*/;
	padding: 2px 8px;
	text-decoration: none ;
	background: url('images/menubg.jpg') repeat-x center;
	color:#800080;
	font: bold 12px Tahoma;
}
/*Sub level menu*/
.horizontalcssmenu ul li ul{
left: 0;
top: 0;
border-top: 1px solid #FF6600;
position: absolute;
display: block;
visibility: hidden;
z-index: 100;
}

/*Sub level menu list items*/
.horizontalcssmenu ul li ul li{
display: inline;
float:none;
}
/* Sub level menu links style */
.horizontalcssmenu ul li ul li a{
width: 120px; /*width of sub menu levels*/
font-weight: normal;
padding: 2px 5px;
background: #e3f1bd;
border-width: 0 1px 1px 1px;
}
.horizontalcssmenu ul li a:hover{
background: url('images/menubgover.jpg') repeat-x center;
}
.horizontalcssmenu ul li ul li a:hover{
background:#FF6600;
}
.horizontalcssmenu .arrowdiv{
position: absolute;
right: 0;
background: url('images/menuarrow.gif') no-repeat left 50%;
}
* html p#iepara{ /*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}

/* Holly Hack for IE \*/
* html .horizontalcssmenu ul li { float: left; height: 1%; }
* html .horizontalcssmenu ul li a { height: 1%; }
/* End */