/**
 * Standaard waarden
**/
* {
        margin: 0;
        padding: 0;
        list-style: none;
        border: 0px;
        text-decoration: none;
}
html {
        background: #74bbf3 url('images/htmlbg.gif') repeat-x top left;
}
body {
        width: 774px;
        margin: 0px auto;
        font: 11px "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
        color: #fff;
}
/**
 * Header
**/
h1#header {
        background: url('images/header.png') no-repeat top left;
        width: 270px;
        height: 71px;
        margin-left: 236px;
        _margin-left: 118px;
        margin-top: 100px;
        float: left;
        behavior: url('iepngfix.htc');
}
h1#header a {
        display: block;
        width: 100%;
        height: 100%;
        text-indent: -9999px;
        overflow: hidden;
}
/**
 * Player
**/
div#player {
        margin-top: 50px;
        background: url('images/playerbg.gif') no-repeat top left;
        width: 264px;
        height: 132px;
        float: left;
        padding: 2px;
}
div#player p.img {
        text-align: center;
        height: 75px;
        padding-top: 15px;
}
div#player p.img img {
        border: 1px solid #306201;
        background-color: #fff;
        padding: 1px;
}
div#player p.adverteren {
        background-color: #000;
        color: #fff;
        margin-top: -4px;
        padding-left: 2px;
}
div#player embed, div#player object {
        _height: 30px;
}
/**
 * Topmenu
**/
ul#topmenu {
        clear: both;
        background: url('images/footertopmenubg.gif') no-repeat top left;
        height: 36px;
        margin-bottom: 2px;
        padding: 3px 3px 3px 51px;
}
ul#topmenu li {
        float: left;
        height: 32px;
}
ul#topmenu li a {
        display: block;
        height: 100%;
        text-indent: -9999px;
        overflow: hidden;
}
ul#topmenu li a.beginpagina { background: url('images/topmenubeginpagina.gif') no-repeat top left; width: 113px; }
ul#topmenu li a.linkpartners { background: url('images/topmenulinkpartners.gif') no-repeat top left; width: 119px; }
ul#topmenu li a.vertelvriend { background: url('images/topmenuvertelvriend.gif') no-repeat top left; width: 157px; }
ul#topmenu li a.helpmij { background: url('images/topmenuhelpmij.gif') no-repeat top left; width: 82px; }
ul#topmenu li a.adverteren { background: url('images/topmenuadverteren.gif') no-repeat top left; width: 111px; }
ul#topmenu li a.contact { background: url('images/topmenucontact.gif') no-repeat top left; width: 83px; }
/**
 * Introductie
**/
div#introductie {
		background:url(images/intro.png) no-repeat #4197ee;
        padding: 1px;
        margin-bottom: 2px;
		width:770px;
		border:solid 1px #2d83da;
}
div#introductie p {
        padding: 5px;
}
/**
 * Radio lijst
**/
ul.lijst {
        height: 96px;
        margin-bottom: 2px;
        padding-left: 59px;
        padding-top: 18px;
}
ul.lijst li {
        float: left;
        padding-right: 31px;
        width: 141px;
        height: 82px;
}
ul.lijst li a {
        display: block;
        width: 129px;
        height: 70px;
        padding: 6px;
}
ul.lijst li span {
        display: none;
}
/**
 * Kleuren
**/
ul.groen {
        background: url('images/ulpaarsbg.gif') no-repeat top center;
}
ul.groen li {
        background: url('images/ulgroenlibg.gif') no-repeat top left;
}
ul.groen li img {
        border: 1px solid #0a3059;
        background-color: #fff;
        padding: 1px;
}
ul.paars {
        background: url('images/ulblauw.png') no-repeat top center;
}
ul.paars li {
        background: url('images/ulpaarslibg.gif') no-repeat top left;
}
ul.paars li img {
        border: 1px solid #1293ef;
        background-color: #fff;
        padding: 1px;
}
/**
 * Footer
**/
div#footer {
        background: url('images/footer_bg.png') no-repeat top center;
        height: 38px;
        position: relative;
        font-weight: bold;
}
div#footer p {
        color: #fff;
        text-align: center;
        padding-top: 10px;
}
div#footer p span {
        padding-top: 10px;
        display: block;
        position: absolute;
        top: -1px;
        left: 0;
        text-align: center;
        width: 100%;
        color: #4b453a;
}


a:link,a:visited  {
        color:#ffffff;
        text-decoration:underline;
        font-size:11px;
        font-weight:700;
        }

a:hover,a:active    {
        color:#000000;
        text-decoration:none;
        font-size:11px;
        font-weight:700;
        }

#dropmenudiv{
        position:absolute;
        border:1px solid black;
        border-bottom-width: 0;
        font:normal 12px Verdana;
        line-height:18px;
        z-index:100;
}

#dropmenudiv a{
        width: 100%;
        display: block;
        text-indent: 3px;
        border-bottom: 1px solid black;
        padding: 1px 0;
        text-decoration: none;
        font-weight: bold;
        color: #ffffff;
}

#dropmenudiv a:hover{
        /*hover background color*/
        background: #FFFFFF;
        color: #1ba4d4;  
}

div.test {
border: 1px #000000;
color: #000000;
text-align: center;
width: 200px;
height:100px;
margin: 4px;
position:absolute;
right:0px;
bottom:0px;

}