*{
margin: 0;
border: 0;
padding: 0; 
}
img{
margin: 0;
border: 0;
padding: 0;
}
.clear{
clear:both;
}
body{
font: 11px "Trebuchet MS", "Bitstream Vera Sans", Verdana, Lucida, Arial, Helvetica, sans-serif;
background: #fff;
padding:0px;
margin:0px;
color: #000;
}
a {
color: #747171;
font: 11px "Trebuchet MS", "Bitstream Vera Sans", Verdana, Lucida, Arial, Helvetica, sans-serif;
text-decoration:underline;
}
ul{
list-style-type: square;
list-style-position:inside;
color:#747171;
}
li{
font: 12px "Trebuchet MS", "Bitstream Vera Sans", Verdana, Lucida, Arial, Helvetica, sans-serif;
color: #747171;
padding: 3px;
}
#basecontainer {
width: 1250px;
height: auto;
text-align:justify;
border:none;
margin: 0 auto;
overflow:hidden;
}

#skyscraper {
float:left;
width: 130px;
overflow: hidden;
margin-right:55px;
margin-top:575px;
}

#container{
width:902px;
height:auto;
text-align:justify;
border:none;
/*margin: 0 auto;*/
overflow: hidden;
}
#header{
width:902px;
height:114px;
overflow:hidden;
background:url(../img/lr_header.gif) no-repeat;
}
#header a{
color:#747171;
font:bold 12px "Trebuchet MS", "Bitstream Vera Sans", Verdana, Lucida, Arial, Helvetica, sans-serif;
text-decoration:none;
}
#header a:hover{
color:#747171;
font:bold 12px "Trebuchet MS", "Bitstream Vera Sans", Verdana, Lucida, Arial, Helvetica, sans-serif;
text-decoration:underline;
}
p.header_tekst
{
color:#747171;
font:bold 12px "Trebuchet MS", "Bitstream Vera Sans", Verdana, Lucida, Arial, Helvetica, sans-serif;
float:right;
text-align:right;
display:inline;
margin: 50px 30px 0 0;
}
p.zoek_tekst
{
color:#747171;
font:bold 12px "Trebuchet MS", "Bitstream Vera Sans", Verdana, Lucida, Arial, Helvetica, sans-serif;
float:right;
display:inline;
text-align:right;
margin: 35px 30px 0 0;
word-spacing: 14px;
}
#header_boxes{
width:902px;
background:url(../img/lr_header_boxes_background.gif) repeat-y;
overflow: hidden;
}
#header_boxes_c{
width:870px;
text-align:center;
margin: 3px 0 3px auto;
}
#header_boxes_c .left{
float:left;
background:url(../img/lr_box_border_background.gif) repeat-y;
width:250px;
text-align:left;
}
#header_boxes_c .center{
float:left;
background:url(../img/lr_box_border_background.gif) repeat-y;
width:250px;
text-align:left;
height: 154px;
overflow:auto;
}
#header_boxes_c .right{
float:left;
width:350px;
text-align:left;
}
h1.header{
font: bold 16px "Trebuchet MS", "Bitstream Vera Sans", Verdana, Lucida, Arial, Helvetica, sans-serif;
margin: 0 0 0 6px;
padding: 0;
color:#000000;
}
h1.content_white{
font: bold 12px "Trebuchet MS", "Bitstream Vera Sans", Verdana, Lucida, Arial, Helvetica, sans-serif;
margin: 0 0 0 6px;
padding: 0;
color:#000000;
text-align:left;
}
h2.header{
font: bold 16px "Trebuchet MS", "Bitstream Vera Sans", Verdana, Lucida, Arial, Helvetica, sans-serif;
margin: 0 0 0 12px;
padding: 0;
color:#000000;
}
h1.promoright{
font: bold 16px "Trebuchet MS", "Bitstream Vera Sans", Verdana, Lucida, Arial, Helvetica, sans-serif;
color:#000000;
}
ul.header{
list-style-type: disc;
list-style-position: inside;
float:left;
}
li.header{
font: bold 11px "Trebuchet MS", "Bitstream Vera Sans", Verdana, Lucida, Arial, Helvetica, sans-serif;
color: #000000;
padding: 6px 0 0 6px;
text-align:left;
}
ul.header2{
list-style-type: disc;
list-style-position: inside;
float:left;
}
li.header2{
font: bold 11px "Trebuchet MS", "Bitstream Vera Sans", Verdana, Lucida, Arial, Helvetica, sans-serif;
color: #000000;
padding: 6px 0 0 12px;
text-align:left;
}
img.radio_logo{
width:77px;
height:77px;
border: 1px solid #c4c4c4;
float:left;
margin: 0 6px 6px 0;
}
h2.radio_titel{
font: bold 11px "Trebuchet MS", "Bitstream Vera Sans", Verdana, Lucida, Arial, Helvetica, sans-serif;
text-decoration:underline;
color: #000000;
}
span.radio_titel{
font: bold 11px "Trebuchet MS", "Bitstream Vera Sans", Verdana, Lucida, Arial, Helvetica, sans-serif;
text-decoration:underline;
color: #000000;
}
p.radio_omschrijving{
font: 11px "Trebuchet MS", "Bitstream Vera Sans", Verdana, Lucida, Arial, Helvetica, sans-serif;
color: #000000;
text-align:justify;
margin: 0 0 0 6px;
}
.header_wmp
{
width:345px;
height:40px;
margin: 0 0 0 6px;
}
#menu{
width:902px;
height:35px;
background:url(../img/lr_menu_background.gif) repeat-x;
overflow: hidden;
}
#menu .left{
width:18px;
float:left;
}
/* ingelogd menu */
#menu .log_center{
width:749px;
height:35px;
text-align:center;
float:left;
background:url(../img/lr_menu_center_background.gif) repeat-x;
padding: 9px 0 0 0;
color:#747171;
font:bold 12px "Trebuchet MS", "Bitstream Vera Sans", Verdana, Lucida, Arial, Helvetica, sans-serif;
word-spacing: 10pt;
}
/* niet ingelogd menu */
#menu .center{
width:749px;
height:35px;
text-align:center;
float:left;
background:url(../img/lr_menu_center_background.gif) repeat-x;
padding: 9px 0 0 0;
color:#747171;
font:bold 12px "Trebuchet MS", "Bitstream Vera Sans", Verdana, Lucida, Arial, Helvetica, sans-serif;
word-spacing: 20pt;
}
#menu .right{
width:7px;
float:left;
}
#menu .login{
width:128px;
float:right;
}
#menu a{
text-decoration:none;
color:#747171;
}
#menu a:hover{
text-decoration:underline;
color:#ffa200;
}
#content_container{
width:902px;
background:url(../img/lr_content_background.gif) repeat-y;
text-align:justify;
}
#content{
width:880px;
margin: 0 auto;
text-align:center;
}
#content .left{
width:500px;
float:left;
text-align:left;
}
#content .right{
width:367px;
text-align:left;
float:left;
padding-left:5px;
}
#tvdd{
width:496px;
text-align:left;
margin: 17px 0 0 0;
}
h1.tvdd
{
color:#747171;
font:bold 12px "Trebuchet MS", "Bitstream Vera Sans", Verdana, Lucida, Arial, Helvetica, sans-serif;
margin: 2px 0 0 26px;
}
#tvdd .header{
background:url(../img/lr_tvdd_header.gif) no-repeat;
width:496px;
height:22px;
border:none;
overflow:hidden;
}
#tvdd .content{
background:url(../img/lr_tvdd_background.gif) repeat-y;
width:496px;
border:none;
overflow:hidden;
padding: 3px 3px 3px 6px;
}
#tvdd .footer{
background:url(../img/lr_tvdd_bottom.gif) no-repeat;
width:496px;
height:7px;
}
#promo_right{
width:367px;
text-align: left;
}
#promo_right .left{
width: 180px;
float: left;
text-align: left;
}
#promo_right .right{
width: 180px;
float: right;
text-align: left;
}
#nieuws_header
{
background:url(../img/lr_nieuws_header.gif) no-repeat;
width: 497px;
height: 30px;
font: bold 12px "Trebuchet MS", "Bitstream Vera Sans", Verdana, Lucida, Arial, Helvetica, sans-serif;
color: #747171;
}
#nieuws_header .left{
width:244px;
float:left;
text-align:left;
padding: 6px 0 0 6px;
}
#nieuws_header .right{
width:244px;
float:right;
text-align:left;
padding: 6px 0 0 0;
}
#nieuws_list{
width: 497px;
margin: 6px 0 0 0;
}
#nieuws_list .left{
width:244px;
float:left;
text-align:left;
}
#nieuws_list .right{
width:244px;
float:right;
text-align:left;
}
#nieuws_list ul{
list-style-type: square;
list-style-position:inside;
color:#747171;
}
#nieuws_list li{
font: 12px "Trebuchet MS", "Bitstream Vera Sans", Verdana, Lucida, Arial, Helvetica, sans-serif;
color: #747171;
}
#footer{
width:873px;
height:33px;
border: 1px solid #c4c4c4;
margin: 0 auto;
padding-top: 12px;
text-align:center;
color:#000000;
font: 11px "Trebuchet MS", "Bitstream Vera Sans", Verdana, Lucida, Arial, Helvetica, sans-serif;
word-spacing: 8px;
}
#footer a{
text-decoration: none;
color:#000000;
font: 11px "Trebuchet MS", "Bitstream Vera Sans", Verdana, Lucida, Arial, Helvetica, sans-serif;
}
#footer a:hover{
text-decoration: underline;
color:#000000;
font: 11px "Trebuchet MS", "Bitstream Vera Sans", Verdana, Lucida, Arial, Helvetica, sans-serif;
}
#banner{
width:497px;
padding: 10px 0 0 0;
}
#banner .left{
float: left;
text-align:left;
width:234px;
}
#banner .right{
float:right;
text-align:right;
width:234px;
}
h1.banner
{
color:#747171;
font: 11px "Trebuchet MS", "Bitstream Vera Sans", Verdana, Lucida, Arial, Helvetica, sans-serif;
margin: 0 0 2px 0;
}
h2.banner
{
color:#747171;
font: 11px "Trebuchet MS", "Bitstream Vera Sans", Verdana, Lucida, Arial, Helvetica, sans-serif;
margin: 0 0 2px 0;
}
h1.aanmelden{
font: bold 12px "Trebuchet MS", "Bitstream Vera Sans", Verdana, Lucida, Arial, Helvetica, sans-serif;
color: #747171;
margin: 6px 0 6px 6px;
}
h2.aanmelden{
font: bold 12px "Trebuchet MS", "Bitstream Vera Sans", Verdana, Lucida, Arial, Helvetica, sans-serif;
color: #747171;
margin: 6px 0 6px 6px;
text-align:left;
}
h2.webmasters{
font: bold 12px "Trebuchet MS", "Bitstream Vera Sans", Verdana, Lucida, Arial, Helvetica, sans-serif;
color: #747171;
margin: 6px 0 6px 6px;
text-align:left;
text-decoration:underline;
}
input.aanmelden{
width: 178px;
height: 18px;
background-color: #fff;
border: 1px #747171 solid;
font: 12px "Trebuchet MS", "Bitstream Vera Sans", Verdana, Lucida, Arial, Helvetica, sans-serif;
color: #747171;
margin: 0 0 0 6px;
padding: 3px 2px 2px 2px;
text-align:left;
}
input.zoek{
width: 140px;
height: 18px;
background-color: #fff;
border: 1px #747171 solid;
font: 12px "Trebuchet MS", "Bitstream Vera Sans", Verdana, Lucida, Arial, Helvetica, sans-serif;
color: #747171;
margin: 0 0 0 6px;
padding: 3px 2px 2px 2px;
text-align:left;
}
select.aanmelden{
width: 178px;
height: 18px;
background-color: #fff;
border: 1px #747171 solid;
font: 12px "Trebuchet MS", "Bitstream Vera Sans", Verdana, Lucida, Arial, Helvetica, sans-serif;
color: #747171;
margin: 0 0 0 6px;
padding: 3px 2px 2px 2px;
text-align:left;
}
input.radio_aanmelden{
width: 18px;
height: 18px;
background-color: #fff;
border: 1px #747171 solid;
font: 12px verdana;
color: #747171;
margin: 2px 0 2px 6px;
padding: 3px 2px 2px 2px;
}
textarea.aanmelden{
width: 440px;
height: 100px;
background-color: #fff;
border: 1px #747171 solid;
font: 12px "Trebuchet MS", "Bitstream Vera Sans", Verdana, Lucida, Arial, Helvetica, sans-serif;
color: #747171;
margin: 2px 0 2px 6px;
padding: 3px 2px 2px 2px;
}
p.aanmelden
{
font: 11px "Trebuchet MS", "Bitstream Vera Sans", Verdana, Lucida, Arial, Helvetica, sans-serif;
color: #747171;
margin: 0 0 0 6px;
}
p.webmasters
{
font: 11px "Trebuchet MS", "Bitstream Vera Sans", Verdana, Lucida, Arial, Helvetica, sans-serif;
color: #000;
margin: 0 0 0 6px;
}
select.aanmelden
{
width: 178px;
height: 24px;
background-color: #fff;
border: 1px #747171 solid;
font: 12px "Trebuchet MS", "Bitstream Vera Sans", Verdana, Lucida, Arial, Helvetica, sans-serif;
color: #747171;
margin: 0 0 0 6px;
padding: 3px 2px 2px 2px;
text-align:left;
}
.submitaanmelden{
cursor:pointer;
border:outset 1px #ccc;
background:#999;
font: 13px "Trebuchet MS", "Bitstream Vera Sans", Verdana, Lucida, Arial, Helvetica, sans-serif;
color: #747171;
font-weight:bold;
padding: 1px 2px;
margin: 3px 0 0 7px;
background:url(../img/formbg.gif) repeat-x left top;
}
#left_aanmelden{
float:left;
width:240px;
}
#right_aanmelden{
float:right;
width:240px;
text-align:left;
}
#stream{
width:227px;
text-align:left;
margin: 17px 0 0 17px;
}
#streammm{
width:484px;
text-align:center;
margin: 17px 0 0 0;
padding: 0 3px 0 0;
}
#suggestie{
background-color: #f5f6f1;
height: 15px;
width: 98%;
float: left;
text-align:justify;
overflow:hidden;
border:solid;
padding: 1px 6px 1px 6px;
margin-bottom: 1px;
font: 11px "Trebuchet MS", "Bitstream Vera Sans", Verdana, Lucida, Arial, Helvetica, sans-serif;
color: #747171;
}
#stream .titel{
background-color: #f5f6f1;
height: 80px;
width: 200px;
float: left;
text-align:justify;
overflow:hidden;
border:none;
padding: 0 0 0 6px;
margin-bottom: 1px;
font: bold 13px "Trebuchet MS", "Bitstream Vera Sans", Verdana, Lucida, Arial, Helvetica, sans-serif;
color: #747171;
}
#streammm .titel{
background-color: #f5f6f1;
height: 22px;
width: 124px;
float: left;
text-align:left;
overflow:hidden;
border:none;
padding: 0 0 0 6px;
margin-bottom: 1px;
font: bold 13px "Trebuchet MS", "Bitstream Vera Sans", Verdana, Lucida, Arial, Helvetica, sans-serif;
color: #747171;
}
#stream .omschrijving{
background-color: #f5f6f1;
width: 286px;
height: 22px;
text-align:justify;
float: left;
overflow:hidden;
border:none;
padding: 0 0 0 6px;
margin: 0 1px 1px 1px;
font: bold 13px "Trebuchet MS", "Bitstream Vera Sans", Verdana, Lucida, Arial, Helvetica, sans-serif;
color: #747171;
}
#streammm .omschrijving{
background-color: #f5f6f1;
width: 249px;
height: 22px;
text-align:justify;
float: left;
overflow:hidden;
border:none;
padding: 0 0 0 6px;
margin: 0 1px 1px 1px;
font: bold 13px "Trebuchet MS", "Bitstream Vera Sans", Verdana, Lucida, Arial, Helvetica, sans-serif;
color: #747171;
}
/* tabbladen pictures */
#pict_tab{
height: 22px;
width: 70px;
float: right;
text-align:right;
overflow:hidden;
border:none;
margin-bottom: 1px;
margin-top: 1px;
}
/* favorieten pictures */
#pict_favo{
height: 70px;
width: 22px;
float: left;
text-align:left;
overflow:hidden;
border:none;
margin-bottom: 1px;
margin-top: 1px;
}
/* legenda naast radio in de header */
#pict_radio_player{
height: 80px;
width: 22px;
float: left;
text-align:left;
overflow:hidden;
border: solid;
margin-right: 3px;
margin-left: 7px;
}

/* legenda naast radio niet ingelogd stream */
#pict_radio{
height: 80px;
width: 22px;
float: left;
text-align:left;
overflow:hidden;
border: solid;
margin-right: 2px;
}
img.pictradio
{
height: 20px;
width: 20px;
margin: 0 2px -4px 0px;
}

#stream .pict{
height: 20px;
width: 124px;
float: left;
text-align:left;
overflow:hidden;
border:none;
margin-bottom: 1px;
}
#streammm .pict{
height: 20px;
width: 90px;
float: right;
text-align:left;
overflow:hidden;
border:none;
margin-bottom: 1px;
margin-left: 1px;
margin-top: 1px;
}
img.pictimg
{
height: 20px;
width: 20px;
margin: 0px 0px -4px 0px;
}
img.pictlegenda
{
margin: 2px 2px 0 2px;
}
span.txtlegenda
{
margin: 2px 2px 4px 2px;
}
#legenda{
width:476px;
margin: 17px 0 0 0;
border: 1px solid #c4c4c4;
text-align:center;
padding: 6px;
font: 10px "Trebuchet MS", "Bitstream Vera Sans", Verdana, Lucida, Arial, Helvetica, sans-serif;
color: #000;
}
#legenda .left{
width:232px;
float:left;
text-align:left;
}
#legenda .right{
width:228px;
float:right;
text-align:left;
}
#content_new{
width:470px;
text-align:left;
margin: 17px 0 0 0;
border: 1px solid #c4c4c4;
padding: 6px;
font: 12px "Trebuchet MS", "Bitstream Vera Sans", Verdana, Lucida, Arial, Helvetica, sans-serif;
color: #000;
}
#content_tab{
width: 496px;
text-align:left;
overflow: hidden;
margin-top: 10px;
}
h1.content_tab
{
color:#000000;
font:bold 12px "Trebuchet MS", "Bitstream Vera Sans", Verdana, Lucida, Arial, Helvetica, sans-serif;
margin:8px 0 0 20px;
}
#content_tab .header{
background: url(../img/header_content_tab.gif) no-repeat;
width:496px;
height:30px;
border:none;
overflow:hidden;
}

#content_tab .content_container{
background:url(../img/background_content_tab.gif) repeat-y;
width:481px;
border:none;
overflow:hidden;
padding: 0 10px 0 5px;
}
#content_tab .bottom{
background: url(../img/bottom_content_tab.gif) no-repeat;
width:496px;
height:15px;
}
#content_tab_banner300x250{
width: 350px;
overflow: hidden;
margin-top: 10px;
margin-bottom:10px;
margin-left:0px;
}
h1.content_tab_banner300x250
{
color:#000000;
font:bold 10px "Trebuchet MS", "Bitstream Vera Sans", Verdana, Lucida, Arial, Helvetica, sans-serif;
margin:1px 0 0 20px;
}
#content_tab_banner300x250 .header{
background: url(../img/header_content_tab_banner350x250.gif) no-repeat;
width:350px;
height:23px;
border:none;
overflow:hidden;
}

#content_tab_banner300x250 .content_container_t{
background:url(../img/background_content_tab_banner350x250.gif) repeat-y;
width:350px;
border:none;
overflow:hidden;
padding: 0px 0px 0px 0px;
}
#content_tab_banner300x250 .bottom{
background: url(../img/bottom_content_tab_banner350x250.gif) no-repeat;
width:350px;
height:9px;
}
/* index stream var */
#stream_container{
width:496px;
text-align:left;
overflow: hidden;
}
#stream_container .style{
width:230px;
float:justify;
border:1px solid black;
background-color: grey;
}
/* index stream overvieuw left */
#stream_container .left{
width:235px;
float:justify;
}
/* index stream overvieuw right */
#stream_container .right{
width:235px;
float:justify;
}