* {
margin:0;
padding:0;
}

body,html {
color:#333;
font-size:11px;
background-color:#333;
font-family:Verdana;
line-height:16px;
}

h1 {
color: #01477A;
font-size:12px;
}

h2 {
padding-top:20px;
font-size:12px;
text-transform : uppercase;
}

h3 {
font-size:8pt;
text-transform : uppercase;
}

p {
margin-top:12px;
}

a {
font-weight:700;
text-decoration:none;
color:#777;
}
a:hover{
text-decoration: underline;
color: #333;
}

#container {
position:relative;
width:866px;
margin-left:auto;
margin-right:auto;
}

#header {
background-image:url(images/header.png);
background-repeat:no-repeat;
height:247px;
text-align:right;
padding-top:3px;
padding-right:11px;
}

.search_input {
width:135px;
height:15px;
background-color: white;
border:#333 1px solid;
}

.search_submit {
width:50px;
height:16px;
background:transparent url(images/zoek.png) no-repeat;
outline:none;
border:none;
cursor:pointer;
}

#content {
overflow:hidden;
background:white url(images/bg.png) no-repeat top left;
padding-top:9px;
padding-bottom:10px;
width:866px;
min-height: 1000px;
position: relative;
}

#content-left {
background-color:transparent;
width:598px;
float:left;
}

#content-right {
background-color: transparent;
width:268px;
float:right;
padding-top: 11px;
}

#footer {
background-image:url(images/footer.png);
height:98px;
clear:both;
}

.align {
margin-left:auto;
margin-right:auto;
}

.left_groot {
background: url('images/content_bg_middle.png') repeat-y top left;
width:570px;
clear:both;
position:relative;
margin:7px auto 9px 15px;
z-index:0;
}
.left_groot_spacer {
    background: url('images/content_bg.png') no-repeat top left;
    min-height: 868px;
}
.left_groot_bottom {
    background: url('images/content_bg_bottom.png') no-repeat top left;
    height: 14px;
}
.left_groot_content {
    padding:14px 20px;
}
.round_corner_top {
height:5px;
display:block;
background:#FFFFFF url('images/nieuwspagina_top.png') repeat-x top;
position:absolute;
top:0;
left:19px;
z-index:1;
}

.round_corner_left {
width:19px;
height:100%;
background:transparent url('images/nieuwspagina_topleft.png') no-repeat;
position:absolute;
left:0;
top:0;
z-index:2;
overflow:auto;
}

.round_corner_right {
width:19px;
height:100%;
display:block;
background:transparent url('images/nieuwspagina_topright.png') no-repeat;
position:absolute;
right:0;
top:0;
z-index:2;
}

.round_corner_bottom {
width:577px;
height:10px;
display:block;
background: white url('images/nieuwspagina_bottom.png') no-repeat;
position:absolute;
left:0;
bottom:0;
z-index:3;
}

.round_corner_nieuws {
width:287px;
height:27px;
display:block;
position:absolute;
left:0;
bottom:0;
z-index:3;
}

.round_corner_magazine {
width:170px;
height:27px;
display:block;
position:absolute;
left:0;
bottom:0;
z-index:3;
}

.klein_container {
width:577px;
margin-left:auto;
margin-right:auto;
}

.left_klein {
margin-top:10px;
background: white url('images/nieuws_background.png') repeat-y top center;
width:267px;
margin-bottom:9px;
position:relative;
padding:11px 10px 28px 10px;
}

.left {
float:left;
}

.right {
float:right;
}

img.newsimage {
z-index:6;
display:block;
position:relative;
}

#frontnews{
width:286px;
float:left;
}

#frontnewsrow{
width:286px;
}

#frontnews-top-left-corner{
float:left;
background-image:url('images/frontnews-top-left-corner.png');
height:17px;
width:16px;
}

#frontnews_top{
float:left;background-image:url('images/frontnews_top.png');
height:17px;
width:286px;
}

#frontnews-top-right-corner{
float:left;
background-image:url('images/frontnews-top-right-corner.png');
height:17px;
width:19px;
}

#frontnews-image{
width:278px;
background-image:url('images/frontnews-image.png');
padding-left:8px;
}

#frontnews-image p{
	font-weight:700;
	padding-left: 5px;
	font-size:12px;
}

#frontnews-text{
width:266px;
background-image:url('images/frontnews-textkopie.png');
padding: 5px 10px;
min-height: 64px;
}

#frontnews-bottom-left-corner{
float:left;background-image:url('images/frontnews-bottom-left-corner.png');
height:37px;
width:124px;
}

#frontnews-bottom-right-corner{
float:left;
background-image:url('images/frontnews-bottom-right-corner.png');
height:37px;
width:162px;
}

#frontnews-link{
display:block;
height:37px;
width:162px;
margin:0;
padding:0;
position:absolute;
}



img.magimage {
margin-left: 1px;
z-index:6;
display:block;
position:relative;
}

.newsoverlay {
position:absolute;
top:146px;
background-color:#5AA3D5;
font-size:11px;
font-weight:700;
filter:alpha(opacity=80);
-moz-opacity:.80;
opacity:.80;
display:block;
width:268px;
z-index:7;
padding:0;
height:44px;
padding-top: 4px;
color:white;
}

.newsoverlaytext {
padding-left:13px;
display:block;
}

.newstext {
display:block;
padding-left:10px;
padding-top:5px;
padding-bottom:5px;
}

h2.news {
font-size: 10px;
}

h2.latest_news {
font-size: 10px;
margin-bottom:0;
margin-top:-4px;
}

h2.contractspeler {
padding-left:10px;
font-size: 10px;
margin-bottom:5px;
margin-top:-3px;
}

#sub ,#news_search{
background:url(images/submenu_background.png);
background-color:#fff;
width:207px;
position:relative;
padding:10px 20px;
margin-bottom: 10px;
}

#news_search{
margin-top: 11px;
}

#sub ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
width:229px;
position:relative;
display:block;
z-index:5;
margin-left:-11px;
margin-right:-11px;
margin-top:5px;
}

#sub li {
padding-left:5px;
padding-top:3px;
padding-bottom:3px;
font-weight:700;
text-transform : uppercase;
font-size: 10px;
}

#sub li:hover{
background : #a8d391 ;
}

.l_magazine {
margin-top:10px;
background: white url('images/magazine_background.png') repeat-y top center;
width:154px;
margin-bottom:9px;
position:relative;
padding:14px 10px 28px;
margin-left: 9px;
}

#sub li a {
color:#fff;
text-decoration:none;
}

.round_sub_top {
width:209px;
height:5px;
display:block;
background:#FFFFFF url('images/submenu_top.png') no-repeat top center;
position:absolute;
top:0;
left:19px;
z-index:1;
}

.round_sub_left {
width:19px;
height:100%;
background:transparent url('images/submenu_topleft.png') no-repeat;
position:absolute;
left:0;
top:0;
z-index:2;
}

.round_sub_right {
width:19px;
height:100%;
display:block;
background:transparent url('images/submenu_topright.png') no-repeat;
position:absolute;
right:0;
top:0;
z-index:2;
}

.round_sub_bottom {
width:247px;
height:10px;
display:block;
background: transparent url('images/submenu_bottom.png') no-repeat;
position:absolute;
left:0;
bottom:-1px;
z-index:3;
}

#latestnews {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
width:553px;
margin-left:-11px;
margin-right:-11px;
z-index:5;
display:block;
position:relative;
margin-top:4px;
}

#latestnews li {
padding-left:11px;
height:18px;
font-weight:700;
padding-top:3px;
}

#latestnews li a {
color:#333;
text-decoration:none;
}

.subrow1 {
background-color:#329900;
z-index:5;
}

.subrow2 {
background-color:#50a725;
z-index:5;
}

.date {
font-size:10px;
font-style:italic;
font-weight:400;
}

.date_h2 {
text-transform: lowercase;
}

.row1 {
background-color:#CAE1F2;
}

.row2 {
background-color:#4797D1;
}

#news {
font-size:10px;
}

#banners {
width:247px;
margin-left:auto;
margin-right:auto;
position:relative;
padding-left:1px;
}

.search {
background-color:#EEE;
}

.magazine_text {
padding-left:20px;
padding-top:10px;
height:20px;
width:224px;
background:white url('images/banners/tijdschrift_header.jpg') no-repeat top center;
font-size:10px;
font-weight:bold;
position:relative;
}

.magazine_image {
margin:0;
padding:0;
cursor:pointer;
}

img a,img {
border:0;
}

.banner,.banner_large {
float:left;
margin:0;
}

.search_news{
width: 200px;
height: 21px;
border: 1px #b5d9a2 solid;
}

.subheader{
font-size: 10px;
font-weight: bold;
text-transform : uppercase;
}

.subheader a{
color: #777;
}
.subheader a:hover{
color: #333;
text-decoration: underline;
}

div#home-items {
   background: url(images/home_items.png) top left no-repeat;
   width: 582px;
   margin-left: 12px;
   margin-top: 5px;
}

div#home-items div.home-item {
    width: 268px;
    height: 120px;
    margin-left: 9px;
    margin-right: 14px;
    margin-top: 202px;
    float: left;
}
div#home-items div.home-item p {
    height: 90px;
    margin-top: 5px;
    padding-left: 15px;
    padding-right: 10px;
}
div#home-items div.home-item div.home-lees-meer {
    text-align: right;
    vertical-align: bottom;
    padding-right: 7px;
    padding-top: 5px;
}
div#home-text {
    margin-left: 15px;
    width: 582px;
	font-size: 10px;
}
    div#home-text div#home-player-spacer {
        float: right;
        width: 190px;
        height: 380px;
		background-image:url('images/speler.png');
		background-repeat:no-repeat;
		background-position:left;
    }
    div#home-text h1 {
        padding-top: 30px;
        padding-bottom: 10px;
        color: #01477A;
        font-size: 2.8em;
    }
    div#home-text h2 {
        margin-top: 25px;
        color: #01477A;
        font-size: 1.2em;
        text-transform: none;
    }
    div#home-text p {
        margin-top: 0px;
        padding: 5px;
        font-size: 1.3em;
	line-height: 130%;

    }

/*
    Start news box
*/
div.right-box {
    position: absolute;
    top: 668px;
    right: 10px;
    
    color: black;
    width: 234px;
}
    div.right-box a {
        color: white;
    }
    div.right-box h2 {
        text-transform: none;
        color: white;
    }
    div.right-box h3 {
        text-transform: none;
        color: white;
    }
    div.right-box p {
        padding: 4px 10px;
    }
    div.right-box-top {
        background: url(images/news_bg_top.png) no-repeat;
        height: 31px;
    }
    div.right-box-top h2 {
        font-size: 1.5em;
        padding-top: 12px;
        padding-left: 30px;
        font-weight: bold;
    }
    div.right-box-middle {
        background: url(images/news_bg_top.png) 0 -31px no-repeat;
    }
/*
    // Scrollable news items!
*/

#scrollable {
    /* required settings */
    position:relative;
    overflow:hidden;
    width: 214px;
    margin: 0px 10px;
    height: 166px;
}


/*
    root element for scrollable items. Must be absolutely positioned
    and it should have a super large width to accomodate scrollable items.
    it's enough that you set width and height for the root element and
    not for this element.
*/
#scrollableItems{
    /* this cannot be too large */
    width: 214px;
	height:166px;
	overflow:hidden;
    position:absolute;
}

/*
    a single item. must be floated on horizontal scrolling
    typically this element is the one that *you* will style
    the most.
*/
#scrollableItems div {
    float:left;
    width: 214px;
    height: 166px;
    padding: 0px;
}
#scrollableItems p,
#scrollableItems h3 {
    margin: 5px 0px;
    padding: 0px;
}

div.navi {
    height: 31px;
    width: 234px;
    padding: 0px 17px;
    background: url(images/news_bg_bottom.png) no-repeat;
}

div.navi div {
    float: left;
    width: 22px;
    text-align: center;
    cursor: pointer;
    color: white;
    font-weight: bold;
    margin-top: 4px;
}

/* Homepage videos */
.right-video {
    position: absolute;
    right: 15px;
    text-align: right;
}

#video1 {
    top: 234px;
}

#video2 {
    top: 434px;
}