
/* NIEUWSPAGINA -----------------------------------------------------------*/

.widecolumn{
 margin: 0px;
 padding: 9px;
 width: 882px;

 border: 1px solid #ddd;
 background: #fff;
		
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
	    
 overflow: hidden;
 
 /*
 background-image: url('../img/achtergrond_widget.jpg'); 
 background-repeat: repeat-x; 
 background-position: bottom center;*/
}

.navigation{
 margin: 0px;
 padding: 0px;
 width: 902px;
 height: 14px;  /*
 border: 1px solid #555;
 background: #555;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;*/
 margin-bottom: 8px;
 padding-bottom: 5px;
}
.navigation .alignleft{  float: left; }
.navigation .alignright{ float: right; text-align: right;}
.navigation a{ 
 display: block;
 padding: 4px;
 padding-left: 10px;
 padding-right: 10px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 background: #222;
 color: #fff;
 background-image: url('../img/normal/menu3.gif');
 background-repeat: repeat-x;
 background-position: center center;  
}

.navigation a:hover{
 background-image: url('../img/normal/menu1.gif');
 background-repeat: repeat-x;
 background-position: center center; 	
}

h2.storytitle{
 font-size: 40px;
 color: #444;
 font-weight: normal;
 font-family: georgia;
 margin-top: 5px;
 margin-bottom: 20px;
}

.entry{
 margin-right: 3px;
 color: #444;
 line-height: 155%;
}

.col{
 width: 419px; 
 float: left;
 padding: 0px;
 margin: 0px;
 margin-left: 0px; margin-right: 20px;
}

.sharesocial{
 text-align: left;
 float: right;
 width: 330px;
 
  border-left: 1px solid #ddd;
  padding-left: 20px;
  margin-right: 20px;
}

.sharesocial ul, .sharesocial ul li{ margin: 0px; padding: 0px; float: left; list-style-type: none; padding: 2px; }
.multiline{ margin: 0px; padding: 0px; border-top: 1px solid #ddd; margin-top: 20px; margin-bottom: 20px; }
.leesmeer{
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 background-image: url('../img/normal/menu6.gif');
 background-repeat: repeat-x;
 background-position: center center; 
 display: block;
 padding: 3px;
 text-align: center;
 margin-left: 100px;
 margin-right: 100px;
 font-weight: bold;
 color: #fff;
 
}

/* fotoslider bij nieuws */

.artikel-foto-viewer{
 width: 430px;
 height: 310px;
 padding: 4px;
 
 float: right;
 margin: 0px;
 background: #fff;
 overflow: hidden;
 margin-bottom: 19px;

 border: 1px solid #ddd;
		
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;

}

.fotos-bij-artikel{
 margin: 0px;
 width: 430px;
 height: 280px;
 overflow: hidden;
}

.artikel-foto-viewer .nav{
 margin: 0px; 
 padding: 0px;
 height: 24px;
 margin-top: 5px;
}

#prev2, #next2{
 padding: 3px;
 padding-left: 7px;
 padding-right: 7px;
 color: #444;
 background-image: url('../img/normal/menu2.gif');
 background-repeat: repeat-x;
 background-position: center center; 
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;

}

#prev2:hover, #next2:hover{
 color: #fff;
 background-image: url('../img/normal/menu3.gif');
 background-repeat: repeat-x;
 background-position: center center; 
}

#next2{ float: right; }
#prev2{ float: left; }


.fotobox-slider{
 width: 450px;
 height: 280px;
 border: 1px;
 text-align: center;
 overflow: hidden;
 background: #eee;
}

.fotobox-slider img{
 max-width: 450px;
 min-width: 450px;
 max-height: 280px;
 min-height: 280px;
}
/* end fotoslider bij nieuws */


/* fotoslider GROOT */

.artikel-foto-viewer-groot{
 width: 870px;
 height: 610px;
 padding: 4px;
 
 float: left;
 margin: 0px;
 background: #fff;
 overflow: hidden;
 margin-bottom: 19px;

 border: 1px solid #ddd;
		
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;

}

.fotos-bij-artikel-groot{
 margin: 0px;
 width: 900px;
 height: 580px;
 overflow: hidden;
}

.artikel-foto-viewer-groot .nav{
 margin: 0px; 
 padding: 0px;
 height: 24px;
 margin-top: 5px;
}


.fotos-bij-artikel-groot .fotobox-slider{
 width: 870px;
 height: 580px;
 border: 1px;
 text-align: center;
 overflow: hidden;
 background: #eee;
}

.fotos-bij-artikel-groot .fotobox-slider img{
 max-width: 870px;
 min-width: 870px;
 max-height: 610px;
 min-height: 610px;
}
/* end fotoslider GROOT */

.nieuwswidgets{
 width: 457px;
 float: right;
 margin-left: -5px;
}

.widewidgets{
 margin: 0px;
 width: 920px;
 float: left;
 margin-left: -10px;
}


.commentsbar{
 float: left;
 width: 445px;
 padding-top: 10px;
} 

.commentsbar .navigation{
 width: 433px;
 border: 1px #ddd dashed;
 background: none;
 color: #555;
}
 
#respond{
 margin: 0px;
 padding: 9px;
/* min-height: 250px;*/
 list-style-type: none;
 border: 1px solid #ddd;
 background: #fff;
 float: left;
 margin-right: 5px;
 margin-bottom: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;	
 width: 425px;
	
}

#respond textarea{
 width: 415px;
}

ol.commentlist, ol.commentlist li{
 margin: 0px; padding: 0px;	
}

ol.commentlist li{ 
 margin: 0px;
 padding: 9px;
 width: 425px;
 list-style-type: none;
 border: 1px solid #ddd;
 background: #fff;
 margin-right: 5px;
 margin-bottom: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;	
}

/* spotlicht opmaak */

.spotlicht-box{
 margin: 0px; padding: 0px;
 margin-top: 10px;
 margin-bottom: 10px;
}

.spotlicht-box .spotlicht-textarea{
 float: right;
 width: 400px;
 border-left: 1px dashed #aaaaaa;
 padding-left: 20px;
}

.spotlicht-box .spotlicht-textarea textarea{
 width: 380px;	
 font-size: 11px;
 font-family: trebuchet ms;
 color: #666666;
 height: 130px;
}

/* wup on tour opmaak */

table.wupot{
 width: 870px;
 border: 0px;
 border-collapse: collapse;
 margin: 0px;
 padding: 0px;
}

table.wupot tr{
 margin: 0px;
 padding: 0px;
}

table.wupot td{
 margin: 0px;
 padding: 0px;
 vertical-align: top;
}

table.wupot td img{
 margin: 2px;
 border: 1px solid #444;
 margin-top: 10px;
}


/* --------------------------------------------------------------------------*/
/* ARCHIVES -----------------------------------------------------------------*/
.arch_items{
 width: 910px;
 margin-right: -6px;
}
.arch_items .hentry{
 border: 1px solid #ddd;	
 width: 285px;
 height: 275px;
 float: left;
 padding: 5px;
 
 overflow: hidden;
 margin: 0px;
 margin-right: 5px;
 margin-bottom: 5px;

 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 
 background-image: url('../img/achtergrond_widget.jpg'); 
 background-repeat: repeat-x; 
 background-position: bottom center;
 
}

.arch_items .hentry .art-image{
 margin: 0px;
 padding: 0px;
 height: 100px;
 background-position: center center;
}

.arch_items .hentry .art-image .art-empty{
 height: 98px;
 width: 280px;
 border: 1px solid #888;
}

.arch_items h3{
 height: 43px;
 overflow: hidden;
 margin: 0px;
 padding: 0px;
 padding-top: 3px;
 padding-bottom: 2px;
 font-size: 15px;
}

.arch_items h3 a{ color: #444; }
.arch_items h3 a:hover{ color: #666; }

.arch_items .art-tekst{
 margin: 0px;
 padding: 0px;
 height: 85px;
 margin-top: 3px;
 margin-botton: 2px;
 overflow: hidden;
}

.arch_items p.postmetadata{
 margin: 0px;
 padding: 0px;
 margin-top: 12px;
 text-align: right;
}


.arch_items .hentry div.datetime{
 padding: 2px;
 margin: 0px;
 background: #fff;
 color: #777;
 text-align: center;
 -moz-border-radius: 4px 4px 0px 0px;
 -webkit-border-radius: 4px 4px 0px 0px;
 margin-top: -5px;
 margin-left: -5px;
 margin-right: -5px;
 
 background-image: url('../img/normal/menu2.gif');
 background-repeat: repeat-x;
 background-position: center center; 
}

/* --------------------------------------------------------------------------*/
/* PAGES --------------------------------------------------------------------*/

/* WEBSHOP ------------------------------------------------------------------*/

#webshop{
 width: 1028px;
 border: 1px solid #ddd;
 height: 1220px;
}


/* ADVERTEREN ---------------------------------------------------------------*/

.bannerbox{
 margin: 0px;
 border-top: 1px solid #eee;
}

.bannerbox textarea{ float: right; width: 250px; height: 100px; }

/* NOVUM TV -----------------------------------------------------------------*/

.novumtv-list{
 float: left;
 width: 237px;	
 margin: 0px;
 padding: 0px;
 margin-right: 10px;
 height: auto;
}

.novumtv-list .widget-novumtv{
 width: 217px;	
 height: auto;
}

/* @YOUTUBE -----------------------------------------------------------------*/

.youtube-vid{
 width: 640px;
 float: right;
}

.youtube-channel{
 width: 230px;
 height: 365px;
 float: left;
 margin: 0px;
 padding: 10px;
 background: #272727;
 background-image: url('../img/achtergrond_blikvanger.jpg');
 background-repeat: no-repeat;
 background-position: center center;
 color: #fff;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 overflow: hidden;
}

.youtube-channel ul, .youtube-channel ul li{ margin: 0px; padding: 0px; list-style-type: none; }
.youtube-channel ul li{
 padding: 9px;
 border: 1px solid #555;
 margin-bottom: 1px;
 background-image: url('../img/verloop-youtube.png');
 background-position: bottom center;
 background-repeat: repeat-x;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 color: #888;
}
.youtube-channel ul li:hover{
 background-image: url('../img/verloop-youtube2.png');
 color: #aaa;
}

.youtube-channel div.datum{
 border-top: 1px solid #666;
 text-align: right;
}

.youtube-channel ul li a, .youtube-channel ul li a:hover{ color: #aaa; font-weight: bold; }
.youtube-channel ul li:hover a, .youtube-channel ul li:hover a:hover{ color: #fff; font-weight: bold; }


.youtube-channel h2, .youtube-channel h2 a, .youtube-channel h2 a:hover{ color: #fff; font-size: 15px; }
.youtube-channel a:hover{ color: #fff; }
.youtube-channel .youtube-logo{ float: right; border: 0px; width: 80px; }

/* ABONNEMENTEN ---------------------------------------------------------------*/

#geschenken{
 width: 350px;
 float: right;
 border: 1px solid #eee;
 padding: 10px;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
}

.abo-tekst{
 width: 500px;
 color: #222;
}

.abo-blok{
 width: 480px;
 padding: 10px;
 background: #f9f9f9;
 border: 1px solid #ddd;
 margin-bottom: 5px;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
}

.abo-blok:hover{
 background: #f9f1dc;
 border: 1px solid #eee2c1;
}

.abo-blok h4{
 color: #ff6600;
 font-size: 15px;
 letter-spacing: 1px;
}

.abo-blok tr, .abo-blok td{ margin: 0px; padding: 0px; }
.abo-tabel{ width: 470px; margin: 0px; padding: 0px; border-collapse: collapse; }
.abo-tabel-info{ width: 140px; }
.abo-tabel-veld input{ width: 310px; }
.abo-tabel-veld input.radio{ width: 20px; float: left; }
.abo-tabel-veld div.meerinfo{ margin-left: 30px; }

.abo-cover{
 float: right;
 margin: 0px;
 margin-left: 10px;
 border: 1px solid #aaa;
}

.abo-cover-groot{
 float: right;
 margin: 0px;
 margin-right: 10px;
 border: 1px solid #aaa;
}

#abo-home{}

#abo-voetbal{ height: 500px; }

#abo-voetbal img{ border: 0px;	}

.abo-voetbal-right{
 width: 260px;
 height: 500px;
 float: right;
 margin: 0px;
 padding: 0px;
}

#faq{
 margin: 0px;
 margin-top: 30px;
}

#faq h3{
 width: 50px;
 float: left;
 margin: 0px; padding: 0px;
}

#faq ul{
 margin-left: 60px;	
}

#faq ul li{
 line-height: 160%;
 margin: 1px;
 padding: 10px;
 border: 1px solid #eee;
 list-style-type: none;
 color: #444;
 padding-right: 100px;
 padding-left: 20px;
}

#faq ul li b{
 color: #f60;	
}


.nieuwsbriefpagina{
 margin: 0px;
 padding: 9px;
 width: 882px;

 border: 1px solid #ddd;
		
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
	    
 overflow: hidden;
 height: 780px; 
 
 background-image: url('../img/nieuwsbriefpagina.jpg');	
 background-position: center center;
 background-repeat: no-repeat;
}

.nieuwsbriefform{
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 width: 350px;
 padding: 20px;
 padding-bottom: 10px;
 background-color: #fff;
 margin-top: 360px;
 margin-left: 400px;
}

.widget_newsletter-info{
 width: 200px;
 float: right;
 font-size: 14px;
} 