* {margin: 0; padding: 0;}

body {background-color: #FAFAFA; font-family: "Verdana"; font-size: 11px;}
table.tableoutside {background-color: #FAFAFA; border: 1px solid #000000; margin-left: auto; margin-right: auto;}

tr.trblackbar {background-color: #000000; color: #F5F5F5; height: 21px; width: 100%;}
a.ablackbar {color: #F5F5F5; text-decoration: none;}

tr.trheader {background-image: url(../images/header.jpg); color: #F5F5F5; height: 171px; width: 100%;}
td.tdzoeken1 {padding-top: 22px;}
td.tdzoeken2 {padding-top: 28px;}
a.aheader {color: #F5F5F5; font-weight: bold;}
input.inputzoeken {border: 1px solid #032644; height: 20px;}
td.tdmenu1 {background-color: #398C9E;}
td.tdmenu2 {background-color: #02364C;}
td.tdmenu3 {background-color: #FFFFFF; border-top: #02364C;}
a.amenu1 {color: #002246; font-weight: bold; border-bottom: #002246 1px solid;}
a.amenu2 {color: #F5F5F5; font-weight: bold; text-decoration: none;}
a.tdURLfooter {color: #FFFFFF;}
a.tdURLfooter:link { color: #FFFFFF;}
a.tdURLfooter:visited { color: #FFFFFF;}
a.tdURLfooter:active { color: #FFFFFF;}
a.tdURLfooter:hover { color: #FFFFFF;}
a.newsReadMore {color: #555555;}
a.newsReadMore:link {color: #555555;}
a.newsReadMore:visited {color: #555555;}
a.newsReadMore:active {color: #555555;}
a.zoekReadMore {color: #555555;}
a.zoekReadMore:link {color: #555555;}
a.zoekReadMore:visited {color: #555555;}
a.zoekReadMore:active {color: #555555;}

tr.trcontent {background-image: url(../images/content.png);}
td.tdcontent1 {padding-top: 28px;}
td.tdcontent2 {padding-top: 28px;}
h1 {border-bottom: #002246 3px solid; border-bottom-width: 3px; color: #002246; font-size: 16px; font-weight: bold;}
h1.aanbevolenvideo {margin-bottom: 10px; width: 200px;}
table.aanbevolenvideo {border: 1px solid #C9CBCA; font-family: "Arial"; font-size: 11px; width: 416px;}
td.aanbevolenvideo {font-size: 13px;}
h1.nieuws {margin-bottom: 10px; width: 75px;}
h1.overignieuws {margin-bottom: 21px; width: 155px;}
table.nieuws {font-family: "Arial"; font-size: 11px; width: 220px;}
td.nieuws1 {color: #777777; font-size: 10px;}
td.nieuws2 {color: #012447;}
td.nieuws3 {color: #555555;}
hr.nieuws {color: #D2D2D2;}
h1.meestbekeken {margin-bottom: 10px; width: 150px;}
table.meestbekeken {border: 1px solid #C9CBCA; font-family: "Arial"; font-size: 11px; width: 416px;}
h1.randombekeken {margin-bottom: 10px; width: 82px; border:0; margin-top:3px;}
table.randombekeken {border: 1px solid #C9CBCA; font-family: "Arial"; font-size: 11px; width: 40px;}
table.speciaalindeaandacht {border: 1px solid #C9CBCA; font-family: "Arial"; font-size: 11px; width: 416px;}
strong.speciaalindeaandacht {font-size: 13px;}
img.speciaalindeaandacht {padding-bottom: 10px;}
h1.advertenties {margin-bottom: 20px; width: 140px;}
table.advertenties {font-family: "Arial"; font-size: 11px; width: 158px;}
td.advertenties1 {color: #012447;}
td.advertenties2 {color: #555555;}
h1.videos {margin-bottom: 20px; width: 60px;}
table.videos {border: 1px solid #C9CBCA; font-family: "Arial"; font-size: 11px; width: 416px;}
strong.videos {font-size: 13px;}
img.videos {padding-bottom: 10px;}
h1.video {margin-bottom: 20px; width: 60px;}
table.video {border: 1px solid #C9CBCA; font-family: "Arial"; font-size: 11px; width: 660px;}
table.reacties {border: 1px solid #C9CBCA; font-family: "Arial"; font-size: 11px; width: 200px;}
img.video {padding-bottom: 10px;}
h1.live {margin-bottom: 20px; width: 43px;}
h1.zoekresultaten {margin-bottom: 20px; width: 167px;}
h1.inloggen {margin-bottom: 20px; width: 81px;}
h1.contact {margin-bottom: 20px; width: 87px;}
h1.disclaimer {margin-bottom: 20px; width: 116px;}
h1.privacy {margin-bottom: 20px; width: 81px;}

tr.trfooter {background-color: #212121; color: #F5F5F5; height: 88px; width: 100%;}
td.tdfooter1 {font-size: 12px; padding-top: 18px;}
td.tdfooter2 {font-size: 12px; padding-top: 25px;}
td.tdfooter3 {font-size: 9px; padding-top: 10px;}
a.afooter {color: #FFFFFF; font-size: 11px;}

#playlist { width:660px; height:140px; overflow-x:auto; overflow-y:hidden; border:1px solid #C9CBCA; background-color:#F4F4F4; margin-top:20px; }
#playlist a { display:block; width:300px; height:90px; padding:7px; background-color:#fff; border:1px solid #C9CBCA; font:11px "bitstream vera sans", "lucida grande",verdana; text-decoration:none; color:#666; }
#playlist a:hover { background-color:#ffc; }
#playlist a.progress { background-color:#efefef; }
#playlist a.playing { border:1px solid #666; background-color:#ffc; }
#playlist a.paused { border:1px solid #666; background-color:#ffc; }
#playlist a img { border:0; float:left; margin-right:10px; }
#playlist a strong { color: #000000; padding-bottom:5px; }
#playlist a em { border:0; float:left; margin-right:10px; background:url(../images/klok.gif) no-repeat 0 50%; padding-left:20px; color:#333; font-style:normal; margin-top:10px; }

.scrollable {float:left;}
a.browse { background:url(../images/hori_large.png) no-repeat; display:block; width:30px; height:30px; float:left; margin:35px 5px; cursor:pointer; font-size:1px;}
a.right 	{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover { background-position:-30px -30px; }
a.right:active { background-position:-60px -30px; } 
a.left{ margin-left: 5px; } 
a.left:hover  { background-position:-30px 0; }
a.left:active  { background-position:-60px 0; } 
a.disabled {visibility:hidden;} 	

.wrapper{border:1px solid #ccc;width:661px;}
.scrollable {position:relative;overflow:hidden;width: 581px;height:102px;border:1px solid #ccc;}
.scrollable .items {width:20000em;position:absolute;clear:both;border:0px;}
.scrollable div {float:left;margin:5px 3px 5px 0px;border:1px solid #ccc;width:286px;height:80px;overflow:auto	-moz-border-radius:4px;-webkit-border-radius:4px;}
.scrollable small { vertical-align: text-bottom;}
.scrollable a:link {color:#000;text-decoration: none; }
.scrollable a:visited {color: #000;text-decoration: none; }
.scrollable img {float:left;background-color:#fff;cursor:pointer;width:125px;height:70px;padding:0px;border:1px solid #ccc;}
.scrollable .active {border:1px solid #000;z-index:9999;position:relative;}

.scroll {position:relative;overflow:hidden;width:400px;height:140px;border:0px solid #ccc; margin-left:5px;}
.scroll .items {	width:20000em;position:absolute;clear:both;border:0px;}
.scroll div {max-width:130;float:left;margin:1px 3px 5px 0px;border:0px;padding:0px;width:130px;height:135px;	-moz-border-radius:4px; -webkit-border-radius:4px;}
.scroll img {float:left;background-color:#fff;cursor:pointer;width:125px;height:70px;border:0px;}
.scroll div.hover{background:url(../images/hoverbackground.bmp)repeat-x;}
.scroll a:hover  {background:url(../images/hoverbackground.bmp)repeat-x;}
.scroll .active {border:1px solid #000;z-index:9999;position:relative;}
.scroll {float:left;}