body{

margin: 0px;

font-family:Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;

background-color: #000000;
background-image: url('../images/bg.jpg');
background-repeat:no-repeat;
background-position:top;
}

img{
border:0;
}

a img{
border:0;
}

/* LAYOUT */

#container{
width: 886px;
margin: -1px auto 0 auto;
padding: 1px;
}

#toplogo{
width: 884px;
height: 90px;
argin: 0 0 0 -20px;
}

#top{
width: 884px;
height: 80px;
background-color: #4D83AF;
background-image: url('../images/top_bg.jpg');
background-repeat: repeat-x;

border-top: 1px solid #979998;
border-left: 1px solid #979998;
border-right: 1px solid #979998;
}

#menu1{
width: 884px;
height: 24px;
border-top: 1px solid #979998;
border-bottom: 1px solid #979998;
background-image: url('../images/menu1_bg.jpg');

border-left: 1px solid #979998;
border-right: 1px solid #979998;
}

#banner{
width: 884px;
height: 260px;
background-color:#061711;

border-left: 1px solid #979998;
border-right: 1px solid #979998;
}

#banner1{
width:882px;
height:260px;
float:left;
}

#banner2{
width:252px;
float:right;
position:relative; 
top:-258px;
*top:-260px;
}

#banner2 img{margin:2px 0 2px 0;}

#menu2{
width: 884px;
height: 24px;
border-top: 1px solid #979998;
border-bottom: 1px solid #979998;
background-image: url('../images/menu1_bg.jpg');

border-left: 1px solid #979998;
border-right: 1px solid #979998;
}

#content{
float:left;
width: 864px;
padding: 15px 10px 10px 10px;
background-color: #111111;

border-left: 1px solid #979998;
border-right: 1px solid #979998;
}

#contentleft{float:left;}

#contentright{float:right;}

.kader1{width:415px;height:66px;margin:0 0 10px 0;padding:5px;background-color:#000000;border:1px solid #2E2D2D;}
.kader1 .foto{float:left;margin:0 5px 0 0;}
.kader1 .titel{padding:3px;float:left;font-size:11px;font-weight:bold;background-color:#2E2D2D;}
.kader1 .tekst{font-size:10px;color:#FFFFFF;}

.kader2{width:415px;height:110px;margin:0 0 10px 0;padding:5px;background-color:#000000;border:1px solid #2E2D2D;}
.kader2 .foto{float:left;margin:0 5px 0 0;}
.kader2 .titel{padding:3px;float:left;font-size:11px;font-weight:bold;background-color:#2E2D2D;}
.kader2 .tekst{font-size:10px;color:#FFFFFF;}

.kader3{float:left;width:852px;margin:0 0 10px 0;padding:5px;background-color:#000000;border:1px solid #2E2D2D;}
.kader3 .foto{float:left;margin:5px 5px 0 0;}
.kader3 .titel{width:99.5%;padding:3px;float:left;font-size:11px;font-weight:bold;background-color:#2E2D2D;}
.kader3 .tekst{margin:25px 0 0 0;*margin:5px 0 0 0;font-size:10px;color:#FFFFFF;}
.kader3 .extrainfo{width:100%;clear:left;font-style:italic;border-top:1px dashed #FFFFFF;margin-top:20px;*margin-top:5px;padding-top:5px;}

#footer{
float:left;
width: 884px;
height: 62px;
margin: 0 0 30px 0;
border-top: 1px solid #979998;
border-bottom: 1px solid #979998;
border-left: 1px solid #979998;
border-right: 1px solid #979998;

}

#footer img{float:left;}

/* IMAGES */

a img{border:2px solid #FFFFFF;}

.storypicture1{
float: left; 
clear: left; 
margin: 0 7px 0 0; 
padding: 0;
background-color: #EEEEEE;
}

img.storyimage{
float: left; 
border: 2px solid #FFFFFF;
margin:2px 5px 5px 0;
}

/* UL */

ul.playlist{margin:0;padding:0;float:left;list-style:none;padding:15px 0 0 10px;}
ul.playlist li{margin:0 0 5px 0;background-image: url('../images/pijl.png');background-repeat:no-repeat;padding:0 0 0 20px;}

ul.livestream{margin:0 0 0 150px;padding:0;float:left;list-style:none;padding:15px 0 0 10px;}
ul.livestream li{margin:0 0 5px 0;padding:0 0 0 20px;text-align:center;}

ul.playlist2{margin:0;padding:0;float:right;list-style:none;padding:15px 10px 0 10px;}
ul.playlist2 li{text-align:right;margin:0 0 5px 0;background-image: url('../images/pijl.png');background-position:right;background-repeat:no-repeat;padding:0 20px 0 0;}

ul.menu1{margin:5px 0 0 10px;padding:0;float:left;list-style:none;}
ul.menu1 li{float:left;margin:0 10px 0 0;font-weight:bold;background-image: url('../images/pijl.png');background-repeat:no-repeat;padding:0 0 0 20px;}

ul.menu2{margin:5px 0 0 10px;padding:0;float:left;list-style:none;}
ul.menu2 li{float:left;margin:0 10px 0 0;font-weight:bold;background-image: url('../images/pijl.png');background-repeat:no-repeat;padding:0 0 0 20px;}

ul.foto-horizontaal{margin:0;padding:0;list-style:none;}
ul.foto-horizontaal li{float:left;margin:0 10px 10px 0;}

ul.foto-verticaal{margin:0;padding:0;list-style-type:none;}
ul.foto-verticaal li{height:130px;	margin:0 5px 0 0;float:left;}

ul.lijst{margin:0;padding:0;list-style:none;}
ul.lijst li{margin:0 0 5px 0;background-image: url('../images/pijl.png');background-repeat:no-repeat;padding:0 0 0 20px;}

ul.lijst2{margin:0;padding:0;list-style:none;}
ul.lijst2 li{margin:0;padding:0;background-image:none;}

ul.foto{margin:0;padding:0;list-style:none;}
ul.foto li{margin:0 0 5px 0;background-image: none;padding:0 0 0 20px;}

/* LINK */

a:link, a:visited{
color: #FFFFFF;
text-decoration: none;
}

a:hover, a:active{
color:#999999;
text-decoration: none;
}

a.footerlink:link, a.footerlink:visited{
color: #FFFFFF;
text-decoration: none;
font-family:Arial;
font-size:8px;
}

a.footerlink:hover, a.footerlink:active{
color:#999999;
text-decoration: none;
font-family:Arial;
font-size:8px;
}


/* FORM OBJECTS */

.textfield{
	margin:0 0 2px 0;
	*margin:0;
	padding:2px;
	font-family:Arial;
	font-size:11px;
}

.textarea{
	margin:0 0 2px 0;
	*margin:0;
	padding:2px;
	font-family:Arial;
	font-size:11px;
	color: #000000;
	width:405px;
}

a.button:link, a.button:visited{
	width:95px;
	height:19px;
	padding:3px 0 0 5px;
	display:block;
	float:left;
	margin-right:10px;
	text-decoration:none;
	outline:none;
	
	color:#FFFFFF;
	background-image: url('../images/button.jpg');
	background-repeat: no-repeat;
	
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
}

/* BANNER SLIDESHOW */

#imageSlideshowHolder{

/* This is a CSS hack in order to get a nice look in IE 5.5 and lower 

In these versions of Internet Explorer, we need to add borders and padding to the width. In this example, we have a 3 pixel
border on all sides. This means that the width in IE5.5 should be 606 pixels(600 + border 3px on the left + border 3 px on the right). Height
should be set to 456 pixels(450 + 3 +3). IE 5.5 will ignore the width attributes below the first line. These will be applied to other browsers.

*/
/* CSS HACK */
width/* */:/**/882px;	/* Other browsers */
width: /**/882px;

/* CSS HACK */
height/* */:/**/260px;	/* Other browsers */
height: /**/260px;

position:relative;	/* Never change this value */

}
.imageInGallery{		
width:882px;
height:260px;
background-color:#000;

/* Never change these 3 value */
left:0px;
top:0px;
position:absolute;	
}

#imageSlideshowHolder img{
position:absolute;
}