@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	background: #600038 url(../img/bg.jpg) center top repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
	scrollbar-arrow-color: #FFFFFF;
    scrollbar-base-color: #FFFFFF;
    scrollbar-dark-shadow-color: #ffffff;
    scrollbar-track-color: #9f9f9f;
    scrollbar-face-color: #e50085;
    scrollbar-shadow-color: #ffffff;
    scrollbar-highlight-color: #e50085;
    scrollbar-3d-light-color: #fffffff;
}
#container {
background: #970058;
margin: auto;
width: 900px;
height: 604px;
}
#menu {
background: #000 url(../img/menu.jpg) no-repeat;
height: 46px;
}
#navcontainer {
padding-top: 15px;
padding-left: 20px;
}

 ul#navlist { 
 font-family: Arial, Helvetica, sans-serif;
 font-weight: bold;
 font-size:12px;
 }

ul#navlist a
{
font-weight: bold;
text-decoration: none;
}

ul#navlist, ul#navlist ul, ul#navlist li
{
margin: 0px;
padding: 0px;
list-style-type: none;
}

ul#navlist li { 
float: left; 
}

ul#navlist li a
{
color: #e50085;
padding: 3px;
}

ul#navlist li a:hover
{
color: #FFF;
}

ul#navlist li a:active
{
color: #FFF;
}

ul#subnavlist { 

display: none; 
}
ul#subnavlist li { 

float: none; 

}

ul#subnavlist li a
{
padding: 0px;
margin: 0px;
}

ul#navlist li:hover ul#subnavlist
{
display: block;
position: absolute;
font-size: 8pt;
padding-top: 5px;
}

ul#navlist li:hover ul#subnavlist li a
{
display: block;
width: 10em;
border: none;
padding: 2px;
}

ul#navlist li:hover ul#subnavlist li a:before { content: " >> "; }


#header1 {
background: url(../img/header.jpg) no-repeat;
height: 44px;
}
#header2 {
background: url(../img/header2.jpg) no-repeat;
height: 137px;
}
#main {
background: url(../img/beeld1.jpg) no-repeat;
height: 292px;
}
#contentleft {
float:left;
height: 292px;
width: 312px;
}
#content {
font-family: Arial, Helvetica, sans-serif;
color: #000000;
float: left;
height: 255px;
width: 540px;
padding-left: 15px;
margin-top: 15px;
}
.bodytextwhite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	text-align:left;
}
#titel {
color: #e50085;
font-weight: bold;
font-size: 14px;
}
#tekst {
overflow: auto;
height: 200px;
width: 540px;
color: #000000;
font-size: 12px;
margin-top: 10px;
margin-bottom: 10px;
}
#line {
background: url(../img/line.jpg) no-repeat;
width: 540px;
height: 3px;
}

#bottom {
background: url(../img/bottom.jpg) no-repeat;
height: 24px;
}
#banners {
padding-left: 2px;
margin-top: 5px;
padding-top: 5px;
background: url(../img/bannersbg.jpg) no-repeat;
height: 56px;
}
#inschrijven {

margin-left: 20px;
margin-top: 0px;
}
#deelname {

margin-left: 20px;
margin-top: 10px;
z-index: 1000;
}

#aanmelden{
	margin: 20px 0 0 24px;	
}


#fotos {
margin-right: 15px;
float: right; 
z-index: 2;
}
 #foto1 {
 float: left; 
 margin-right: 20px; 
 }
 #foto2 {
 float: left;
 margin-right: 20px; 
 }
 #foto3 {
 float: left; 
 }

a:link {
	color: #e50085;
}
a:visited {
	color: #e50085;
}
a:hover {
	color: #FFF;
}
a:active {
	color: #e50085;
}
#credit {
color: #FFF;
font-size: 10px;
text-align: center;
}