html{
  font-family:Verdana;
}

form{
  padding: 0;
  margin: 0;
}
body{
  margin:10 70 0 0;
  background:url('/interface/images/nieuwe_bck.jpg') center top repeat-x;
  background: #000;
  text-align:center;
  font-size:12px;
  line-height:20px;  
  overflow-x: hidden ! important;    
  overflow: -moz-scrollbars-vertical ! important;      
}
h1
{
    font-size:14px;
    line-height:16px;
    background:url('/interface/images/kop_bg.gif') repeat-x;
    background-position:right;
    color:#3c56a5;
    margin:-6 -6 -6 -6;
    padding:6 6 6 6;    
    height: 29px;
    
    /* EXTRA WK STYLE */
    /* background:url('/interface/images/kop_bg_oranje.gif') repeat-x; */
}
h2
{
    font-size:13px;
    margin:0 0 0 0;
    line-height:15px;
}
h3
{
    font-size:14px;
    line-height:16px;
    background:url('/interface/images/kop_bg.gif');
    color:#3c56a5;
    margin:-6 -6 -6 -6;
    padding:6 6 6 6;    
    height: 29px;
    
    /* EXTRA WK STYLE */
    /*background:url('/interface/images/kop_bg_oranje.gif') repeat-x;*/
}

.info h3
{
    font-size:14px;
    line-height:16px;
    background:url(/interface/images/kop_bg.gif) repeat-x;
    color:#3c56a5;
    margin:-6 -6 -6 -6;
    padding:6 6 6 6;   
    height: 29px;
    
    /* EXTRA WK STYLE */
    /*background:url('/interface/images/kop_bg_oranje.gif') repeat-x;*/
}

a
{
    text-decoration:none;
    color:#01227F;
}
a:hover
{
    color:#97B1FF;
}
a.n_link:link{font-size: 12px; font-weight: none; text-decoration: none; color: #000;}
a.n_link:active{font-size: 12px; font-weight: none; text-decoration: none; color: #C5FFB3;}
a.n_link:visited{font-size: 12px; font-weight: none; text-decoration: none; color: #5F5F5F;}
a.n_link:hover{font-size: 12px; font-weight: none; text-decoration: none; color: #97B1FF;}
div
{
    position:relative;        
}
a.klipkarstim
{
  width:97px;
  height:85px;
  display:block;
  font-size:0px;
  color:#fff;
  background:url('/interface/images/stimhjir.gif') left top no-repeat;
}
p,td,li
{
  font-size:12px;
  line-height:20px;
}
div.skyscraper
{
    position:absolute;
    width:120px;
}
#mainsite
{
  /*z-index:11;*/
  position:relative;
  margin: 0 auto 0 auto;
  width:819px;
  text-align:left;
  border:0px solid #ff0000;/*#202020;*/
  background:#fff;/*url('/interface/images/bg_gradient.jpg') bottom repeat-x #F5F5F5;*/
  top: -10px;
}

#main777
{
  margin:0px 10px 10px 10px;
  width:777px;
  position:relative;  
  background:#dbdbdb;
  border-left: 10px solid #dbdbdb;
  border-right: 10px solid #dbdbdb;
  /*z-index:50;    */
  
  /* EXTRA WK STYLE */
  /* background-color: #e17f01; */    
  /* border-left-color: #e17f01; */
  /* border-right-color: #e17f01; */
}

#main797
{
  margin:0px 10px 0 10px;
  width:797px;
  position:relative;  
  background:#dbdbdb;
  z-index:150;
}

#mainmenu
{
    position:relative;
    z-index:99;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    width: 797px;
}
#navbar
{
  position:relative;        
  width:797px;
  height:39px;
  font-size:10px;
  color:#5F5F5F;
  background: url('/interface/images/bg_navbar.jpg') bottom repeat-x;
}
#breadcrumb
{
  position:relative;        
  width:420px;
  float:left;
  margin:12 0 0 15;
}

#no_op
{
  position:absolute;        
  float:right;
  width:270px;
  line-height:18px;
  top: 105px;
  right: 10px;
  z-index: 160;
  text-align: right;
  color: #fff;
}
#no_op td
{
  font-size:10px;
  color: #fff;
}

#no_op td a
{
  font-size:10px;
  color: #fff;
  text-decoration: none;
}

#no_op td a:hover
{
  font-size:10px;
  color: #fff;
  text-decoration: underline;
}

#zoeken{
  height: 22px;
  float: right;
  margin-top: 9px;
  right: 50px;
  position: absolute;
}

#faq{
  height: 22px;
  float: right;
  margin-top: 9px;
  right: 10px;
  position: absolute;
}

#zoeken .zoekbox
{
  border:1px solid #dbdbdb;
  width:170px;
  height:22px;
  margin-right: 10px;
}

#rss
{
  position:relative;        
  float:right;
  left:312px;  
  top: 11px;   
}

div.leftcolumn
{
  position:relative;        
  margin:10 10 10 0;
  float:left;
}
div.rightcolumn
{
  position:relative;        
  margin:10 0 10 0;
  float:left;
  overflow:hidden;
}
#content
{
    margin:10px;
}
#placeholdercontent
{
  position:relative;        
  width:777px;   
  padding: 1px 0;     
}
#placeholdercontent:after 
{
    content: "";
    display: block;
    height: 0;
    clear: both; 
}
.clearafter:after
{
    content: "";
    display: block;
    height: 0;
    clear: both; 
}
.DynamicMenuStyle
{
    width:200px;
    border-bottom:1px solid #4A4A4A;
    background:#F0F0F0;
}

.DynamicMenuItemStyle {
  color:#5F5F5F;
  padding-left:3px;
  width:200px;
  height:22px;
  font-weight:bold;
  font-size:12px;
  line-height:22px;
  border-left:1px solid #4A4A4A;
  border-right:1px solid #4A4A4A;
  border-top:1px solid #4A4A4A;
}

.DynamicHoverStyle {
  background:#AAACAE;
  color:#F0F0F0;    
}

.DynamicHoverStyle a:hover {
  color:#F0F0F0;
}

.calendar {
  width:175px;
  font-size:9px;
}

div.fotobijschrift {
  font-style:italic;
  text-align:right;
  color:#202020;
  position:relative;
  font-size:10px;
  padding-right:5px;
}

div.contentblokje {
  background:#fff;
  margin:0 0 10 0;
  position:relative;        
}

div.nijsdatum {
  color:#AAACAE;
  font-size:10px;
  position:relative;        
}

div.nijstekst {
  position:relative;
}

table.kalinder {
  background:#fff;
}

table.kalinder td.kalindermaand {
  padding:4px;
  color:#AAACAE;
  font-weight:bold;
}

table.kalinderHeader td,table.kalinderdagen a {
  font-size:xx-small;
  line-height:13px;
}

table.kalindernavigatie a {
  font-size:xx-small;
  line-height:13px;
  color:#5F5F5F;   
}

#tooltip {
  position:absolute;
  background:#E8F0FC;
  border:1px solid #CCCCCC;
  z-index:99;
  padding:3px;
}

#tooltip td {
  font-size:xx-small;
  line-height:10px;
  white-space:nowrap;
}

a.wurdlist {
  border-bottom:1px dashed #CCCCCC;
  cursor:default;
}

#waar {
  background: url(/interface/images/ItWaar_home_buienradar.jpg);  
  width: 175px;
  height: 222px;
  margin: 0;
  position: relative;
  font-family: Arial, sans-serif;
 color: #fff;
}

#waar h3 {
  position: absolute;
  left: 7px;
  top: 5px;
  font-size: 18px;
  line-height: 18px;
  background: none;
  color: #fff;
  margin:0;
  padding: 0;    
  height: auto;
}

#waar_kust {
  position: absolute;
  left: 10px; 
  top: 48px;
  width: 50px;
  text-align: center;
  font-size: 10px;
  line-height: 12px;
}

#waar_kust strong {
  display: block;
  font-size: 18px;
  line-height: 17px;
  font-weight: bold;
}

#waar_vaan_kust {
  position: absolute;
  left: 2px; 
  top: 2px;
}

#waar_icoon {
  position: absolute;
  right: 12px;
  top: 30px;
}

#waar_temp {
  position: absolute;
  right: 10px;
  top: 58px;
  font-size: 18px;
  font-weight: bold;
}

#waar_land {
  position: absolute;
  right: 10px; 
  top: 160px;
  width: 50px;
  text-align: center;
  font-size: 10px;
  line-height: 12px;
}

#waar_land strong {
  display: block;
  font-size: 18px;
  line-height: 17px;
  font-weight: bold;
}

#waar_vaan_land {
  position: absolute;
  left: 105px; 
  top: 110px;
}

#waar a {
  position: absolute;
  left: 8px;
  bottom: 1px;
  font-size: 11px;
  text-decoration: none;
  color: #fff;
}

#waar:hover a { text-decoration: underline; }

table.Taalkeuze th {
  font-size:14px;
  line-height:16px;
  color:#3c56a5;
  text-align:left;
  padding:6px;
  background:url('/interface/images/kop_bg.gif') repeat-x;
}

table.Taalkeuze {
  background:url('/interface/images/kop_bg.gif') repeat-x;
  width:175px;
  height:29px;
  margin:0 0 10 0;
}

table.harkjesjoch {
  background:url('/interface/images/kop_bg.gif') repeat-x;
  width:175px;
  margin:0 0 10 0;
  padding: 3px 0;
}

table.harkjesjoch td {
  height:23px;
  font-size: 10px;
  font-weight: bold;
}

table.harkjesjoch td a img { border: 0 none; }

select.ZoekSelect { width: 100%; }

.rblPoll td { padding-left:20px; }

.rblPoll input { margin-left:-20px; }

table.uploadform th {
  text-align:left;
  font-size:11px;
}

div.fotoboekfoto {
  float:left;
  border:1px solid silver;
  margin:4px;
  padding:2px;
  width:100px;
  height:75px;
  text-align:center;
}

div.fotoboekfoto a img {
	filter: alpha(opacity=66);
	opacity: .66;
}

div.fotoboekfoto a:hover img {
	filter: alpha(opacity=100);
	opacity: 1;
}

.fotoboekfotofolder {
  float: left;
  width: 100px;
  *width: 110px;
  height: 90px;
  *height: 114px;
  overflow: hidden;
  padding: 20px 5px 5px 5px;
  margin: 0 6px 6px 0;
  background: url(/interface/images/fotoboek_folder.jpg) no-repeat center top;
  text-align: center;
  position: relative;
  font-size:10px;
  line-height: 13px;
}

.fotoboekfotofolder img {
  display: block;
  margin: 0 auto 8px auto;
  border: 0 solid #fff;
}

.fotoboekfotofolder span {
  display: block;
}

.fotoboekfotofolder .datum {
  font-weight: bold;
}

table.countdown
{
  cursor:hand;
  cursor:pointer;
}
table.countdown #cd_dagen
{
  font-size:18px;
  height:22px;
}

table.countdown #cd_timer
{
  font-size:22px;
  height:26px;
}

table.top100list td
{
  font-size:11px;
  vertical-align:top;
}
#mainmenu
{
  height:25px;
  display:block;
}
#nav {
  float: right;
  display: inline;
}

#nav, #nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
  line-height: 24px;
  background: #4A4A4A;
  font-size: 13px;
  position:absolute;
}

#nav a {
  display: block;
  text-decoration: none;
  color: #5F5F5F;
  height:27px;
  padding-left: 5px;
  padding-right: 5px;
  line-height:2;
}

#nav li {
  float: left;
  display: block;
  width:112px;
  height:27px;
  position:relative;
  background-repeat:no-repeat;
}
#nav li li a
{
  height:24px;
  width:190px;
  border-bottom: 1px solid #4A4A4A;
  display:block;
  font-weight:bold;
}
#nav li li
{
  background: #fff;
}
#nav li li.sfhover, #nav li li:hover
{
  background: #AAACAE;
}
#nav li li:hover,#nav li li.sfhover
{
  background-color: #AAACAE;
  
}
#nav li li a:hover
{
  color:#F0F0F0;
}
#nav li li
{
  width:auto;
  height:auto;
  background: #fff;
}

#nav li ul {
  position: absolute;
  width: auto;
  left: -9000px;
  border: 0 solid #fff;
  padding: 1px 1px 0 1px;
}

#nav li ul ul {
  margin: -26px 0 0 200px;    
  #margin: -26px 0 0 190px;    
}

#nav li:hover ul ul {
  left: -9000px;
}
#nav li.sfhover ul.niveau2,#nav li:hover ul.niveau2
{
  left: auto;
  min-height: 1%; 
}
#nav ul.niveau2 li.sfhover ul.niveau3,#nav ul.niveau2 li:hover ul.niveau3
{
  left: auto;
  min-height: 1%; 
}
#nav li
{
  background-repeat:no-repeat;
  background-position:left top;
}
#nav li:hover,#nav li.sfhover
{
  background-position:left bottom;
}
#nav li.hitem1{ background-image:url(/interface/images/nijs1.jpg);width:109px;}

#nav li.hitem2{ background-image:url(/interface/images/tv1.jpg);width:112px;}

#nav li.hitem3{ background-image:url(/interface/images/radio1.jpg);width:111px;}

#nav li.hitem4{ background-image:url(/interface/images/utstjoering_mist1.jpg);width:112px;}

#nav li.hitem5{ background-image:url(/interface/images/omrop1.jpg);width:111px;}

#nav li.hitem6{ background-image:url(/interface/images/ekstra1.jpg);width:112px;}

#nav li.hitem7{ background-image:url(/interface/images/kontakt1.jpg);width:110px;}

.nijsItem {padding:2px 0 2px 6px;}

.leftcolumn.linker_tip a{color: #064482;}

.leftcolumn.linker_tip a:hover{color: #97B1FF;}

.sitemap_rad div {
  zoom: 1;
}


/** faq **/

.faq li
{
 list-style-image: url(/interface/images/SinglePlus.gif);
 margin-left: 15px;
 font-weight: bold;
}

.faq_rubriek {
 background: url(/interface/images/bg_faq_rubriek.gif) repeat-x;
 width: 100%;
 padding-left: 5px;
 height: 25px;
 /*padding-left: 5px;*/
 /*font-weight: bold;*/
}
  
.faq_rubriek span{
  background: url(/interface/images/bg_faq_rubriek.gif) repeat-x;
  width: 100%;
  padding-left: 5px;
  height: 25px;
  /*padding-left: 5px;*/
  font-weight: bold;
}

.faq_vraag span
{ 
  line-height:normal;
  margin-top:10px;
  background: #F0EEEF;
  width: 280px;
  padding-left: 5px;
  font-weight: normal;
  display: block;
}  

.faq_formulier input{
  border: 1px solid;
  width: 300px;
}


/** harkje live **/

#main777 #main-radio {
  position: relative;
  overflow: hidden;
  width: 776px;
  min-height: 500px;
  background: url(/interface/images/main-bg.gif) left bottom no-repeat;
}

#main777 #wrapper-radio {
  position: relative;
  overflow: hidden;
  width: 776px;
  background: url(/interface/images/top.gif) left top no-repeat;
  padding: 18px 0 18px 0;
}

#main777 #wrapper-radio .selection {
  position: relative;
  float: left;
  width: 200px;
  margin: 0 10px 0 20px;
}

#main777 #wrapper-radio .selection img {
  display: block;
  margin: 0 auto 20px auto;
  border: none;
}

#main777 #wrapper-radio .selection .playlist {
  width: 180px;
  overflow: hidden;
  margin: 0 0 0 -10px;
  padding: 0 0 30px 10px;
  /*background: url(/interface/images/playlist-bottom.gif) center bottom no-repeat;*/
  list-style-type: none;
}

#main777 #wrapper-radio .selection .playlist li {
  float: left;
  margin: 0;
  padding: 5px 0 5px 0;
  width: 180px;
  font-size: 11px;
  line-height: 18px;
  letter-spacing: -1px;
  font-weight: normal;
  color: #a2b5da;
  text-decoration: none;
}

#main777 #wrapper-radio .selection .playlist li.active {
  position: relative;padding-left: 0;
  /*margin-left: -10px;*/  
  /*background: url(/interface/images/play-btn.gif) left 7px no-repeat; */
  color: #fff;text-decoration: underline;
}

#main777 #wrapper-radio .selection .playlist li.played {
  color: #6789cc;
}

#main777 #wrapper-radio .selection .playlist li {
  color: #a2b5da;
}
 
#main777 #wrapper-radio .frysk {
  float: left;
  width: 370px;
  overflow: hidden;
}

#main777 #wrapper-radio .frysk #player {
  /*background: url(/interface/images/frysk.jpg) left top no-repeat;*/
  margin: 0;
  float: left;
  width:  350px;
  height: 200px;
}

#main777 #wrapper-radio .frysk #content-player {
  float: left;
  width: 373px;
  height: 295px;
  overflow: hidden;
  margin: 0;
  background: url(/interface/images/glow.png) left top no-repeat;
}

#main777 #wrapper-radio .frysk #content-player #content-player-inner {
  width: 338px;
  height: 270px;
  margin: 25px 0 0 10px;
  overflow: hidden;
}

#main777 #wrapper-radio .frysk #content-player a {
   color:#fff;
   text-decoration: underline;
}

#main777 #wrapper-radio .frysk h2,
#main777 #wrapper-radio .selection h2,
#main777 #wrapper-radio .sidebar-radio h2{
  font-size: 18px;
  line-height: 20px;
  color: #fff;
  margin-bottom: 9px;
}

#main777 #wrapper-radio .selection h2 { padding: 0; }

#main777 #wrapper-radio .sidebar-radio h2 { 
  padding: 0; 
  margin-bottom: 20px;
 }

#main777 #wrapper-radio .frysk p {
  font-size: 11px;
  line-height: 18px;
  color: #fff;
  margin-top: 0;
}

#main777 #wrapper-radio .sidebar-radio {
  position: relative;
  float: right;
  width: 173px;
  height: 400px;
  overflow: hidden;
}

#main777 #wrapper-radio .sidebar-radio .taalselectie {
  float: left;
  width: 143px;
  height: 20px;
  margin: 0 0 10px 0;
  padding: 5px 0 5px 5px;
  background: url(/interface/images/taal-bg.gif) left top no-repeat; 
}

#main777 #wrapper-radio .sidebar-radio .taalselectie h3 {
  background: none;
  float: left;
  font-size: 12px;
  line-height: 12px;
  color: #fff;
  margin: 3px 0 0 0;
  padding: 0;
  height: 13px;
  margin-right: 5px;
}

#main777 #wrapper-radio .sidebar-radio .taalselectie .taal-keuzes {
  width: 105px;
  float: left;
  margin: 3px 0 0 0;
  padding: 0;
  list-style-type: none;
}

#main777 #wrapper-radio .sidebar-radio .taalselectie .taal-keuzes li {
  float: left;
  margin: 0 5px 0 0;
  padding: 0;
  width: 25px;
  height: 15px;
  display: inline;
}


#main777 #wrapper-radio .sidebar-radio .taalselectie .taal-keuzes li  img {
  float: left;
  border: none;
  width: 24px;
  height: 15px;
  margin: 0;
  padding: 0;
} 

#main777 #wrapper-radio .sidebar-radio a {
  float: left;
  width: 150px;
  height: 120px;
  display: block;
  text-indent: -9001px;
  margin-bottom: 10px;
  text-decoration: none;
}

#main777 #wrapper-radio .sidebar-radio a img {
  border: none;
  padding: 0;
  margin: 0;
  float: left;
}


/* Sportuitslagen */

#main777 .su-wrapper {
  width: 100%;
  margin: 10px 0;
  background: #27a406 url(/interface/images/sportuitslagen-bg.gif) no-repeat left bottom;
}

#main777 .su-wrapper-inner {
  width: 100%;
  padding: 28px 0;
  background: url(/interface/images/sportuitslagen-inner-bg.jpg) no-repeat;
}

#main777 .su {
  width: 100%;
  margin-bottom: 20px;
  color: #fff;
}

#main777 .su a {
  color: #fff;
}

#main777 .su td {
  padding: 0;
}

#main777 .su .su-left {
  width: 286px;
  vertical-align: top;
}

#main777 .su .su-left h2 {
  margin-bottom: 28px;
  padding: 4px 18px;
  background: #72d05d;
}

#main777 .su .su-left .nav-left {
  width: 100%;
}

#main777 .su .su-left .nav-left td {
  padding: 5px 20px 12px 140px;
  background: url(/interface/images/sportuitslagen-nav-item-bg.png) no-repeat right top;
  text-align: left;
}

#main777 .su .su-left .nav-left td.active { background-position: right -69px; }

#main777 .su .su-left .nav-left td a {
  display: block;
  color: #fff;
  text-decoration: none;
}

#main777 .su .su-left .nav-left td.sublinkjes{
  text-align:right;
  background:none;
  padding:5px 20px 12px 40px;
}

#main777 .su .su-left .nav-left td.sublinkjes a {
  text-decoration:underline;
  font-size:11px;
}


#main777 .su .su-left .nav-left td a:hover { text-decoration: underline; }

#main777 .su .su-main {
  padding: 0 9px 0 16px;
  font-size: 11px;
  vertical-align: top;
}

#main777 .su .su-main .su-header {
  position: relative;
  width: 100%;
  height: 75px;
  margin-bottom: 16px;
}

#main777 .su .su-main .su-header select {
  position: absolute;
  left: 0;
  top: 2px;
  width: 180px;
  font-size: 11px;
}

#main777 .su .su-main .su-header .button-favorite-team {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 124px;
  height: 75px;
  text-align: center;
  text-decoration: underline;
}

#main777 .su .su-main .su-header .button-favorite-team img {
  border: 0;
  text-align: center;
}

#main777 .su .su-main .su-header h1 {
  position: absolute;
  left: 0;
  bottom: 0;
  height: auto;
  margin: 0;
  padding: 0;
  background: none;
  font-size: 18px;
  line-height: 22px;
  color: #fff;
}

#main777 .su .su-main h2 {
  width: 100%;
  margin: 0 0 10px 0;
  padding: 4px 0;
  background: url(/interface/images/sportuitslagen-title-bg.png) repeat-y center top;
  text-align: center;
}

#main777 .su .su-main .info-table {
  width: 100%;
  color: #fff;
  font-size: 11px;
  margin-bottom: 20px;
}

#main777 .su .su-main .info-table td,
#main777 .su .su-main .info-table th { font-size: 11px; }

#main777 .su .su-main .info-table tr.highlight td
{
  color:Yellow;
  font-weight:bold;
}

#main777 .su .su-main .info-table tr td.highlight
{
  color:Yellow;
  font-weight:bold;
}

#main777 .su .su-main .info-table td {
  background: #338421;
  text-align: center;
  padding: 2px 0;
  border-right: 2px solid #25b106;
}

#main777 .su .su-main .info-table th {
  padding: 2px 2px 6px 0;
  text-align: center;
  font-weight: normal;
}

#main777 .su .su-main .info-table .light {
  background: none;
  border: 0;
}

#main777 .su .su-main .info-table .left { text-align: left; }
#main777 .su .su-main .info-table .narrow { width: 42px; }

#main777 .su .su-main .info-table .number {
  width: 21px;
  text-align: left;
}

/* Het Weer */
#weer {width:778px;height:776px;position:relative;background-image:url(/interface/images/weerbackground.jpg);}
#weer * {color:#fff;}
#kaart {position:absolute;width:339px; height:339px;top:329px; left:407px;}
#weersverwachting {position:absolute;width:256px;height:31px;top:30px;left:320px;}
#weersverwachting td {background-color:#7AACD2;width:55px;text-align:center;       }
#weersverwachting td div {width:65px;}
#weersverwachting td.description {width:100px;text-align:right;}
#weersverwachting td.description div {width:87px;}
#weersverwachting td.nacht {height:38px;}
#weersverwachting td.nacht img {margin-top:-24px;margin-left:0px;position:absolute;}
#weersverwachting td.blank {background-color:Transparent;}
#weersverwachting td.last {padding-bottom:10px;}
#weersverwachting td.border {border-top:2px solid #2172B3;}
#weer .title {color:#fff;position:absolute;font-weight:bold;font-size:14px;}
#boarne {position:absolute;font-style:italic;right:14px;bottom:4px;font-size:12px;}
#buienradar {left:408px;top:305px;}
#hjoed,#foarutsjoch {background-color:#87B6D8;width:284px;margin:5px 0;display:block;font-weight:bold;}
#tekst {position:absolute;left:2px;top:33px;width:284px;overflow:hidden;}
#tekst div {height:175px;width:272px;margin-left:6px;}
#tekst img {margin: 20px 0 20px 0;width: 264px;}
#tekst span {padding:1px 12px;display:block;}