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

body
{
	background-color:#c2c2c2;
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

#container
{
	width:952px;
	margin-left:auto;
	margin-right:auto;
}

#header
{
	background-color:#ffd704;
}

#header1
{
	vertical-align:top;
	background-image:url(../images/top1.gif);
	height:23px;
	padding:3px;
}

#header2
{
	height:109px;
}

#newsflash
{
	font-size:14px;
	color:#FFFFFF;
	height:38px;
	background-color:#ff0505;
	background-image:url(../images/topflash.gif);
	text-align: center ;
}

#header_date
{
	float:left;
	font-size:11px;
	color:#007c0c;
	margin-top:4px;
}

#header_menu
{
	float:right;
	font-size:11px;
	color:#007c0c;
	vertical-align:top;
}

ul.navigation
{
	white-space:nowrap;
	list-style-type:none;
	padding:0px;
	margin:0px;
}

ul.navigation li
{
	float:left;
	padding-left:10px;
}

ul.navigation li a
{
	color:#564800;
	text-decoration:none;
	line-height:28px;
	padding:4px;
	font-weight:normal;	
}

ul.navigation li a:hover
{
	color:#564800;
	text-decoration:none;
	border:1px solid #564800;
	padding:3px;
}

#logobox
{
	float:left;
}

#search
{
	width:auto;
	height:21px;
	position:relative;
	padding:10px;
	text-align:center;
}

#search p, #search form
{
	padding:0px;
	margin:0px;
}

#search input
{
	vertical-align:middle;
}

#search img
{
	vertical-align:middle;
}

#topmenu
{
	width:auto;
	height:20px;
	position:static;
	padding:3px;
	text-transform:uppercase;
	font-size:11px;
}

#topmenu ul li img
{
	padding:0px;
	margin:0px;
}

#topmenu ul.navigation
{
	white-space:nowrap;
	list-style-type:none;
	padding:0px;
	margin:0px;
}

#topmenu ul.navigation li
{
	float:left;
	padding-left:10px;
}

#topmenu ul.navigation li a
{
	color:#564800;
	text-decoration:none;
	line-height:28px;
	padding:4px;
	font-weight:normal;
}

#topmenu ul.navigation li.selected a
{
	color:#564800;
	text-decoration:none;
	line-height:28px;
	background-color:#ffffff;
	padding:4px;
}

#topmenu ul.navigation li a:hover
{
	color:#564800;
	text-decoration:none;
	border:1px solid #564800;
	padding:3px;
}

#media_menu
{
	float:right;
	margin-top:8px;
	text-transform:uppercase;
}

#media_menu img
{
	border:0px;
	vertical-align:middle;
}

#media_menu a
{
	color:#564800;
	text-decoration:none;
	font-weight:normal;	
}

#media_menu a:hover
{
	color:#ff0000;
	text-decoration:none;
}

#content
{
	margin-top:15px;
	background-color:#ffffff;
	background-image:url(../images/cback.gif);
	height:auto;
}

#content2
{
	margin-top:15px;
	background-color:#ffffff;
	background-image:url(../images/cback2.gif);
	height:auto;
}

#content_bottom
{
	position:relative;
	background-image:url(../images/cbottom.gif);
	height:10px;
	width:952px;
	clear:both;
}

#content_bottom2
{
	position:relative;
	background-image:url(../images/cbottom2.gif);
	height:10px;
	width:952px;
	clear:both;
}

#pctop
{
	height:10px;
	background-image:url(../images/ctop.gif);
}

#content_header,#overig_nieuws
{
	padding:10px;
	padding-top:0px;
	border-bottom:#c2c2c2 1px solid;
}

#content_header_info
{
	padding:4px;
	border-bottom:#c2c2c2 1px solid;
	font-size:10px;
	background-color:#CCCCCC;
	color:#333333;
}

#content_header_section
{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:20px;
	letter-spacing:-1px;
	color:#007c3d;
	float:left;
	padding-right:10px;
}

#content_header_title
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#333333;
	float:left;
}

#content_text
{
	padding:10px;
	font-family:Arial, Helvetica, sans-serif;
}

img.content
{
	margin:10px;
	border:#CCCCCC 4px solid;
	float:right;
}

a
{
	color:#ff0000;
	font-weight:bold;
}

#pagecontent
{
	float:left;
	width:652px;
	height:100%;
	background-color:#ffffff;
}

#topstory
{
	float:left;
	width:250px;
	height:100%;
	background-color:#eae7d9;
	background-image:url(../images/topback.gif);
	background-repeat:no-repeat;
}

.topstory_headline
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#007c3d;
	padding:10px;
	padding-top:0px;	
}

.topstory_content
{
	font-size:11px;
	padding:10px;
	padding-top:0px;
}

#headlines
{
	float:left;	
	width:380px;
	height:100%;
	background-color:#ffffff;
}

#headlines_header
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#244e06;
	padding:15px;
}

.headlines_content
{
	padding:15px;
	padding-top:0px;
	font-size:11px;
}

.headlines_content ul
{
	margin:0px;
	padding:0px;
	padding-left:20px;
	list-style-image:url(../images/bullet1.gif);
}

.headlines_content ul li a
{
	color:#333333;
	text-decoration:none;
	line-height:15px;
}

.headlines_content ul li a:hover
{
	color:#ff0202;
}

.headlines_content ul li img
{
	vertical-align:middle;
}

#sidebar
{
	float:left;	
	width:300px;
	height:100%;
	background-color:#ebebeb;
	text-align:center;
}

.topstory
{
	border:#ffffff 5px solid;
	margin:10px;
}

.center
{
	text-align:center;
}

#redbox
{
	width:268px;
	margin:auto;
	text-align:left;
	background-color:#FFFFFF;
}

#redbox_top
{
	background-image:url(../images/rboxtop.gif);
	height:9px;
}

#redbox_content
{
	background-image:url(../images/rboxback.gif);
	height:170px;
	padding:4px;
	padding-top:0px;
}

#redbox_bottom
{
	background-image:url(../images/rboxbottom.gif);
	height:17px;
	padding:5px;
	padding-right:10px;
	font-size:11px;
	text-align:right;
}

.redbox_header
{
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#ff0202;
	padding-left:4px;
}

.redbox_header img
{
	vertical-align:middle;
}

#adbox
{
	width:268px;
	margin:auto;
	margin-top:10px;
	text-align:center;
	background-color:#FFFFFF;
}

.adbox_top
{
	background-image:url(../images/adtop.gif);
	height:12px;
	font-size: 11px ;
	color: #BEBEBE ;
}

#adbox_content
{
	padding:4px;
}

.adbox_bottom
{
	background-image:url(../images/adbottom.gif);
	height:12px;
}

.video_box
{
	background-image:url(../images/videoback.gif);
	width:118px;
	height:125px;
	float:left;
	text-align:center;
	padding:6px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}

.video_box img
{
	padding:0px;
	margin:0px;
	border-color:#FFFFFF;
	float:none;
}

.video_box a
{
	color:#333333;
	text-decoration:none;
}

.video_box a:hover
{
	color:#ff0202;
	text-decoration:underline;
}

#footer
{
	margin-top:15px;
	margin-bottom:15px;
	background-color:#d3d1d1;
	width:952px;
	margin-left: auto ;
	margin-right: auto ;
}

#footertop
{
	width:952px;
	height:43px;
	background-image:url(../images/footertop.gif);
	text-align:center;
}

#footermenu
{
	padding:3px;
	padding-top:23px;
	text-transform:uppercase;
	font-size:10px;
}

#footer a
{
	padding-right:10px;
	color:#333333;
	text-decoration:none;
	font-weight:normal;
}

#footer a:hover
{
	padding-right:10px;
	color:#ff0202;
	text-decoration:underline;
}

#footerbottom
{
	height:12px;
	background-image:url(../images/footerbottom.gif);
}

#footercontent
{
	padding:10px;
	text-align:center;
	font-size:10px;
	background-image:url(../images/footercontent.gif);
	background-repeat:no-repeat;
}

div.moremovies
{
	text-align:center;
	padding-left:45px;
}

#movie
{
	height:auto;
	text-align:center;
	vertical-align:middle;
	padding-bottom:10px;
}

#movie_control
{
	height:300px;
	width:500px;
	margin:auto;
	background-color:#999999;
}


#moremovies_header
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#333333;
	padding-top:10px;
	padding-bottom:10px;
	border-top:#999999 1px dotted;
}

img.thumb
{
        border-width: 1px ;
        border-style: outset ;
        padding: 2px ;
        cursor: pointer ;
}

img.thumb:hover
{
        border-style: inset ;
}

div.shade
{
        position:               absolute ;
        background-color:       #C6A80B ;
        width:                  100% ;
        left:                   0px ;
        top:                    0px ;
        z-index:                1 ;
        visibility:             hidden ;
}

fieldset.zoomer
{
        position:               absolute ;
        background-color:       #FF2121 ;
        z-index:                2 ;
        padding:                0px ;
        visibility:             hidden ;
}

div.titel
{
        text-align:     center ;
}

p.titel
{
        padding:        0px ;
        margin:         0px ;
        color:          #FFFFFF ;
}

div.image
{
        padding:        0px ;
}

div.navigatie
{
        padding:        2px ;
}

td.next
{
        background-image: url('../images/rightarrow.png') ;
        background-repeat: no-repeat ;
        height: 33px ;
        width: 100px ;
        cursor: pointer
}

td.next:hover
{
        background-image: url('../images/rightarrow_onhover.png') ;
        background-repeat: no-repeat
}

td.previous
{
        background-image: url('../images/leftarrow.png') ;
        background-repeat: no-repeat ;
        height: 33px ;
        width: 120px ;
        cursor: pointer
}

td.previous:hover
{
        background-image: url('../images/leftarrow_onhover.png') ;
        background-repeat: no-repeat
}




/*^'^ Navigation Structure ^'^*/

.float-left
{
	float: left;
}

.float-right
{
	float: right;
}

.nav-container .item-secondary-title
{
	display:block;
	cursor:default;
	white-space:nowrap;
}

.nav-container
{
	position:relative;
	zoom:1;
	margin: 0 auto;
}

.nav-container a, .nav-container li
{
	float:left;
	display:block;
	white-space:nowrap;
}

.nav-container div a, .nav-container ul a, .nav-container ul li
{
	float:none;
}

.nav-container ul{
	left:-10000px;
	position:absolute;
}

.nav-container, .nav-container ul{
	list-style:none;
	padding:0px;
	margin:0px;
}

.nav-container li a{
	float:none
}

.nav-container li{
	position:relative;
}

.nav-container ul{
	z-index:10;
}

.nav-container ul ul{
	z-index:20;
}

.nav-container ul ul ul{
	z-index:30;
}

.nav-container ul ul ul ul{
	z-index:40;
}

.nav-container ul ul ul ul ul{
	z-index:50;
}

li:hover>ul
{
	left:auto;
}

#nav-container ul {
	top:100%;
}

#nav-container ul li:hover>ul
{
	top:0px;
	left:100%;
}



/*^'^ Primary Items ^'^*/	

#nav-container a{	
	padding:7px 7px 7px 8px;
	color: #FFFFFF;
	font-family: Trebuchet MS, Arial, sans-serif, Helvetica;
	font-size:12px;
	text-decoration:none;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: top;
}



#nav-container a:hover
{
	color: #6C3600;
	background-repeat: no-repeat;
	background-position: center;
}



/*^'^ Secondary Items Container ^'^*/	

#nav-container div, #nav-container ul{	
	padding:10px 4px 10px 4px;
	margin:0px 0px 0px 0px;
	background: url(../images/item-secondary-container-bg.jpg);
	background-repeat: repeat-x;
	background-color: #ffda15;
	border-bottom: 1px solid #CA6500;
	border-left: 1px solid #CA6500;
	border-right: 1px solid #CA6500;
}



/*^'^ Secondary Items ^'^*/	

#nav-container div a, #nav-container ul a{	
	padding:3px 10px 3px 5px;
	background-color: #FFFFFF;
	background: url(../images/item-secondary-bg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 22px;
	font-size:11px;
	border-width:0px;
	border-style:none;
	margin: 0px 0px 0px 0px;
	width: 149px;
}



/*^'^ Secondary Items Hover State ^'^*/	

#nav-container div a:hover, #nav-container ul a:hover
{	
	background-color: #FFFFFF;
	background: url(../images/item-secondary-bg.jpg);
	background-repeat: no-repeat;
	color:#CC0000;
}



/*^'^ Secondary Item Titles ^'^*/	

#nav-container .item-secondary-title{	
	cursor:default;
	padding:4px 0px 3px 7px;
	color: #6C3600;
	font-family: Arial, Trebuchet MS, Arial, sans-serif, Helvetica;
	font-size:11px;
	/* background: url(images/item-secondary-title-bg.jpg); */
	background-repeat: no-repeat;
	font-weight:bold;
}


/* Begin Logo Animation */

#logobox
{
	float:left;
	position: relative;
	width: 200px;
	height: 109px;
	padding: 10px;
}

#rectangle, #star, #stars, #name {
	position: absolute;
	left: 10px;
	top: 10px;
	width: 180px;
	height: 90px;	
}

.starnormal, .starext, .starshine {
	position: absolute;
	left: 0;
	top: 0;
}

.smallstar {
	position: absolute;
	left: 0;
	top: 0;
	transform: scale(0.3,0.3);
}

#star1 {
	left: -40px;
	top: -30px;
}

#star2 {
	left: 40px;
	top: -30px;	
}

#star3 {
	left: 0;
	top: -40px;	
}

#star4 {
	left: -40px;
	top: 30px;
}

#star5 {
	left: 40px;
	top: 30px;		
}

#star6 {
	left: 0;
	top: 40px;		
}

#rectangle {
	animation: fadein 1.5s forwards;
}

#stars {
	opacity: 0;
	animation: fadeinrot 10s 0.5s infinite forwards;
}

#star {
	opacity: 0;
	animation: fadein 1.5s 0.5s forwards;
}

.starnormal {
	opacity: 0;
	animation: fadein 0.5s 1s forwards;
}

.starshine {
	opacity: 0;
	animation: fadeout 1.5s 1s forwards;
}

.starext {
	opacity: 0;
	animation: starext 10s 0.5s infinite forwards;
}

#name {
	opacity: 0;
	animation: fadein 1s 1.5s forwards;
}

@keyframes fadein {
  0% {
    opacity: 0;
	transform: scale(0.3,0.3);
  }
  100% {
    opacity: 1;
	transform: scale(1,1);
  }
}

@keyframes fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes fadeinrot {
  0% {
    opacity: 0;
	transform: scale(0.3,0.3) rotate(0);
  }
  10% {
    opacity: 1;
  }  
  20% {
    opacity: 0;
	transform: scale(1,1) rotate(360deg);
  }
}

@keyframes starext {
  0% {
    opacity: 1;
	transform: scale(1,1);
  }
  20% {
    opacity: 0;
	transform: scale(1.6,1.6);
  }
}

/* End Logo Animation */