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

html {margin: 0; padding: 0;}
body {background: url(../images/background.png) no-repeat #333333; margin: 0; padding: 0; font-family: Arial, Verdana, sans-serif; font-size: 12px;}


/* Overzicht */

#overall {width: 905px; margin: 0 auto;}
#top {width: 905px; margin: 0 auto; padding: 0;}
#top-image {background: url(../images/overall-top-bg.png) no-repeat; height: 15px; width: 905px; margin: 0 auto; padding: 0;}
#container {background: url(../images/overall-bg.png) repeat-y; width: 906px; padding: 0; margin: 0;}


/* Header */

#header {height: 100px; margin: 0; padding: 0;}
div.logo {float: left; width: 283px; height: 86px; padding: 0; margin: 5px 0 0 10px;}
div.header-image {float: right; background: url(../images/header-image.png) no-repeat; height: 100px; width: 315px;}


/* Topmenu */

#topmenu {float: left; background: url(../images/topmenu-bg.png) no-repeat; height: 47px; width: 905px; margin: 0; padding: 0;}
#topmenu ul {list-style: none; width: 600px; padding: 0; margin: 15px 0 0 25px;}
#topmenu li {display: inline; margin: 0 30px 0 0; padding: 0;}


/* Left */

#left {float: left; width: 180px; padding: 0 0 0 15px; }

div.now-playing {margin: 0 0 15px 0;}
div.now-playing-bg {background: url(../images/now-playing-bg.png) no-repeat; height: 118px; width: 160px; padding: 10px;}

div.luister-live {margin: 0 0 15px 0;}
div.luister-live-bg {background: url(../images/luister-live-bg.png) no-repeat; height: 127px; width: 180px; padding: 3px 0 10px 0;}

div.advertentie {margin: 0 0 15px 0;}
div.advertentie-bg {background: url(../images/advertentie-bg.png) no-repeat; height: 120px; width: 160px; padding: 10px;}


/* Content */

#content {float: right; margin: 0 0 0 15px;}

#image-rotator {background: url(../images/image-rotator-bg.png) no-repeat; height: 160px; width: 425px; margin: 0 0 15px 0; padding: 10px;}

div.welkom {margin: 0 0 15px 0;}
div.welkom-bg {background: url(../images/welkom-bg.png) no-repeat; height: 90px; width: 410px; padding: 10px;}

div.text {margin: 0 0 15px 0;}
div.text-middle {background: url(../images/text-middle.png) repeat-y; width: 410px; padding: 10px 10px 0 10px;}
div.text-footer {background: url(../images/text-footer.png) no-repeat; height: 10px; width: 430px;}

div.nieuws {margin: 0 0 15px 0;}
div.nieuws-bg {background: url(../images/nieuws-bg.png) no-repeat; height: 230px; width: 418px; padding: 0 10px 0 2px;}


/* Right */

#right {float: right;}

div.right-top {background: url(../images/right-top-bg.png) no-repeat; height: 51px; width: 249px;}

div.poll {margin: 0 0 15px 0;}
div.poll-bg {background: url(../images/poll-bg.png) no-repeat; height: 155px; width: 160px; padding: 10px;}

div.gezocht {}
div.gezocht-bg {background: url(../images/gezocht-bg.png) no-repeat; height: 120px; width: 160px; padding: 10px;}


/* Footer */

#footer {background: url(../images/footer-bg.png) no-repeat; height: 30px; width: 837px; padding: 15px 15px 0 0; margin: 0; text-align: right;}


/* Links */

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

a.more:link, a.more:visited {color: #020202; text-decoration: underline;}
a.more:hover {text-decoration: none;}


/* Tekst */

h1 {font-size: 14px; color: #ffffff; font-weight: normal; padding: 12px 0 0 10px; margin: 0;}
h2 {}
h3 {}

div.heading {background: url(../images/heading.png) no-repeat; height: 42px; width: 180px; margin: 0; padding: 0;}
div.heading-poll {background: url(../images/heading-poll.png) no-repeat; height: 42px; width: 180px; margin: 0; padding: 0;}
div.heading-large {background: url(../images/heading-large.png) no-repeat; height: 42px; width: 430px; margin: 0; padding: 0;}


/* Overig */

p {padding: 0 0 10px 0; margin: 0;}