/**
 * 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;
}



div#frame { 
		background-color: #fff;
		border-right:1px solid #ffffff;	 
        width: 773px;
        height: 1045px;
		position: absolute;
        margin: 0px auto;
z-index: 4;
		/* for IE */
		filter:alpha(opacity=80);
		/* CSS3 standard */
		opacity:0.8;

}
div#fram {
        width: 773px;
        height: 1045px;
		position: absolute;
        margin: 0px auto;
z-index: 5;

}





/**    width: 819px;
        height: 216px;
 * Header
**/
h1#header {
        background: url('images/mtvlogo.gif') no-repeat top left;
        width: 774px;
		z-index: 1;
        height: 216px;
        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: -170px;
		margin: center;
		margin-left:20px;
		z-index: 2;
        background: url('images/playerbg.gif') no-repeat top left;
        width: 264px;
        height: 162px;
        float: left;
        padding: 2px;
}
div#player p.img {
        text-align: center;
        height: 75px;
        padding-top: 8px;
}
div#player p.img img {
        border: 1px solid #000000;
        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 {

        border: 1px solid #ffffff;
        background-color: #d20d22;
        padding: 1px;
        margin-bottom: 2px;
}
div#introductie p {
        border: 1px solid #810a16;
        background-color: #d20d22;
        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/ulgroenbg.gif') no-repeat top left;
}
ul.groen li {
        background: url('images/ulgroenlibg.gif') no-repeat top left;
}
ul.groen li img {
        border: 1px solid #244a00;
        background-color: #fff;
        padding: 1px;
}
ul.paars {
        background: url('images/ulpaarsbg.gif') no-repeat top left;
}
ul.paars li {
        background: url('images/ulpaarslibg.gif') no-repeat top left;
}
ul.paars li img {
        border: 1px solid #0a3059;
        background-color: #fff;
        padding: 1px;
}
/**
 * Footer
**/
div#footer {
        background: url('images/footertopmenubg.gif') no-repeat top left;
        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:#000;
        text-decoration:none;
        font-size:11px;
        font-weight:700;
        }

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

}

