input{font-family:Trebuchet MS,Arial,Helvetica,sans-serif;}
a{color:#333;}
a:hover{color:#CC3366;}
h6{color:#CC3366;}
.headline{line-height:1;padding:0; border:none;}
.field:focus{background:#E7E8F8;border-top:1px solid #CC3366;border-left:1px solid #CC3366;border-right:1px solid #C2C5EF;border-bottom:1px solid #C2C5EF;}
.submit, .forumBtn, .forumBtn2, .forumBtn3, .votePoll {background:#AD2C56;color:#FFF;}
.submit:hover, .forumBtn:hover, .forumBtn2:hover, .forumBtn3:hover, .votePoll:hover{background:#D75B84;color:#FFF;}
a.submit { padding: 2px 10px; text-decoration:none;}
.dashedLine{clear:both;border-bottom:1px dashed #b8c6b2; height:10px; margin-bottom:10px;}

/* ******************* BOF: Channel menu and 24 logo ******************* */
.channelMenu .current{background:#CC3366;color:white;}
.channelMenu .current:hover{background:#CC3366;color:white;}

/* ******************* BOF: Border layout ******************* */
.borderLayout{background:url(../_img/nboBorderLayout_bg.png) repeat-y;}

/* ******************* BOF: Header ******************* */
.headerLayout{background:url(../_img/fun_rose.png) no-repeat; color:#fff;}
.headerLayout .channelLogo{position:absolute;top:22px;left:28px;width:122px;height:70px;display:block;background-color:transparent;}
.headerLayout a, .headerLayout a:hover{color:#fff;text-decoration:underline;}
.headerLayout h1 { text-transform: none;}
.headerLayout .gemLogo{ position:absolute;top:30px;left:20px;display:block;  text-decoration:none; }
.headerLayout .gemLogo span { font-size:50px; font-family: Impact, Helvetica, sans-serif; color:#fff;   font-weight:normal}
.headerLayout .citySearch {
background:#C53061;
}


.headerLayout .dateTime h3{color:#ccc;}
.weatherIconSunClouds{background:url(../_img/nboWeather_sunclouds.png) no-repeat;}
.weatherIconSun{background:url(../_img/nboWeather_sun.png) no-repeat;}
.weatherIconClouds{background:url(../_img/nboWeather_clouds.png) no-repeat;}
.weatherIconSnow{background:url(../_img/nboWeather_snow.png) no-repeat;}
.weatherIconRain{background:url(../_img/nboWeather_rain.png) no-repeat;}
.weatherIconSunRain{background:url(../_img/nboWeather_sunrain.png) no-repeat;}
.weatherIconThunder{background:url(../_img/nboWeather_thunder.png) no-repeat;}

/* ******************* BOF: Submenu ******************* */
.subMenu{background:#BEC1F1 url(../_img/SubMenu_fun.png) left bottom no-repeat;}
.subMenu li{background:url(../_img/funSubMenuDivider_bg.png) 100% 50% no-repeat;}
.subMenu li.current{background:url(../_img/SubMenuTab_bg.png) 50% 100% no-repeat;}
.subMenu li.current a{border-top:1px solid #CFCECE;border-right:1px solid #B7B6B6;border-left:1px solid #CFCECE;padding:4px 8px 5px 8px;}

/* ******************* BOF: Sub2menu ******************* */
.sub2Menu{width:997px;position:relative;clear:both;display:block;z-index:999;background:#F5F5F5 url(../_img/swSubMenu2_bg.png) left bottom no-repeat;}
.sub2Menu li{float:left;background:url(../_img/swSubMenuDivider_bg.png) 100% 50% no-repeat;}
.sub2Menu a{margin:2px 0 2px 0;display:block;padding:3px 9px 5px 7px;font-size:13px;font-weight:bold;text-decoration:none;}
.sub2Menu a:hover{text-decoration:underline;}
.sub2Menu .noDivider{background:none;}
/*.sub2Menu li.current{background:url(../_img/swSubMenuTab_bg.png) 50% 100% no-repeat;}
.sub2Menu li.current a{margin:4px 0 6px 0;padding:4px 8px 5px 8px;background:#FFF;border-top:1px solid #CFCECE;border-right:1px solid #B7B6B6;border-left:1px solid #CFCECE;padding:4px 8px 5px 8px;}*/

.sub2Menu #nav{margin-left:14px;}


.sub2Menu li.current a {
color:#CC3366;
}

/* ******************* BOF: Column Wrappers ******************* */
.abcColumnWrapper h2{ color:#CC3366;}
.abcColumnWrapper h2.headline{ color:#313131;}
.abcColumnWrapper ul li{list-style:outside url(../_img/funNormalIcon.png); line-height:1.1;}
.abcColumnWrapper li.video{list-style:outside url(../_img/funVideoIcon.png);}
.abcColumnWrapper li.comment{list-style:outside url(../_img/funCommentIcon.png);}
.abcColumnWrapper li.photo{list-style:outside url(../_img/funPhotoIcon.png);}
.abcColumnWrapper li span{font-weight:bold;color:#CC3366;}
/* kleine toevoeging fho */
.abcColumnWrapper .title{background:#CC3366 url(../_img/funTabsBg.png) 0% 80% repeat-x;}
/* kleine toevoeging fho */
#logIn .tabs, #logUit .tabs, .abcColumnWrapper .tabs{background:#CC3366 url(../_img/funTabsBg.png) 0% 80% repeat-x;}
.abcColumnWrapper .tabs li{background:url(../_img/funSubMenuDivider_bg.png) 100% 50% no-repeat;}
.abcColumnWrapper .tabs li.current{background:url(../_img/funSubMenuTab_bg.png) 50% 100% no-repeat;}
.abcColumnWrapper .tabs li.current a{border-top:1px solid #CFCECE;border-right:1px solid #B7B6B6;border-left:1px solid #CFCECE;background:#FFF;}
.label{font-family:Impact,Arial,Helvetica;font-size:14px;font-weight:normal;text-transform:uppercase;text-decoration:none; color:#CC3366;  }
.labelSmall{font-family:Impact,Arial,Helvetica;font-size:12px;font-weight:normal;text-transform:uppercase;text-decoration:none }

/* ******************* BOF: colors for labels ******************* */
.nieuwsLabel{color:#CC3366;}
.sportLabel{color:#BC0000;}
.gemeenteLabel{color:#CC3366;}
.gezondheidLabel{color:#99CC00;}
.lifestyleLabel{color:#8E0360;}
.multimediaLabel{color:#039FC8;}
.funLabel{color:#D20395;}

/* ******************* BOF: Middle Column  ******************* */
.mediumColumnborder{border:1px solid #CC3366;}
.mediumColumnborderSimple{border:1px solid #CC3366;}
.ColumnSubtitle {background: #F4D5DF;text-align: center; padding: 3px 0;font-weight: normal}
.horLineDivider{background:url(../_img/funHorLineDivider.png) repeat-x;}
.notactive {background:url(../_img/funTabsBg.png) 0% 80% repeat-x;}
.bigArrowScrollLeft{background:url(../_img/funBigArrowScrollLeft.png) no-repeat; }
.bigArrowScrollRight{background:url(../_img/funBigArrowScrollRight.png) no-repeat; }

/* ******************* BOF: thumbDetails - to display thumb type (photobook, video) ******************* */
.thumbDetails span.photo{background:url(../_img/funThumbPhotoBook.png) no-repeat;}
.thumbDetails span.video{background:url(../_img/funThumbVideo.png) no-repeat;}

/* ******************* BOF: Article Elements ******************* */
p.article_pub{color:#CC3366;}
.smallcoloredtext {color:#CC3366; font-size:10px;}
a.coloredlink {color:#CC3366;}
.articleColumn .cat{color:#CC3366;font-family:Impact,Arial,Helvetica;font-weight:normal;font-size:14px;text-transform:uppercase;}
.controls{background-color:#CC3366;}
.intext_block_top_left, .intext_block_top_right, .intext_block_left_300, .intext_block_right_300, .intext_block_left_160, .intext_block_right_160{border:1px solid #CC3366;}
.photo_video_block{background:#b2b4de;}
.subarticle { background:#edf6fb;}
.subarticle ul {padding: 10px 10px 10px 30px;}
.subarticle ul li {padding: 0 0 0 5px;}
span.value { float:right; color:#CC3366;}
span.value img{ border:none; position:relative; top:3px;}
.highlight { background:#FFFF99;}

/* ******************* BOF: sendtofriend, print, rss ******************* */
ul.article_actions li{list-style:none;}

/* ******************* BOF: Comments ******************* */
.comments_block{background:#e6e9f2;border-top:1px solid #6e8cd4;}
.comment_block{background:url(../_img/nboComment_bg.png) no-repeat;}
.comment_footer{background:url(../_img/nboComment_bg_bottom.png) no-repeat;}

/* ******************* BOF: Vote ******************* */
#userscore div.average, #userscore div.users{font-family:Arial,Helvetica,sans-serif;font-size:9px;}
div.uccgrey{color:#999;font-size:9px;font-family:tahoma, verdana, arial;}

/* ******************* BOF: Footer ******************* */


/* ******************* BOF: cultuuragenda ******************* */
p.theme {color:#CC3366; font-size:10px; margin:0 0 5px 0;}


/* ******************* BOF: Forum ******************* */
.roundedblocktop { width:475px; height:12px; background: url(../_img/fun_rounded_block_475_top.png) no-repeat;}
.roundedblock { width:475px; background: #fdf1f7;}
.roundedblockbottom { width:475px; height:12px; background: url(../_img/fun_specialbox_475_bottom.png) no-repeat;}
.roundedblock .padding {padding: 0px 20px;}
h3.forumcat {border-bottom:none; font-size:22px; text-transform:none;}

/* ******************* BOF: specialbox ******************* */
/* in the a-column, the specialbox should have a width of 475px */
.aColumnWrapper .specialboxTop { width:475px; height:22px; background:url(../_img/fun_specialbox_475_top.png) no-repeat;}
.aColumnWrapper .specialboxTop span { position:relative; top:2px; left:15px; font-weight:bold; color:#fff;}
.aColumnWrapper .specialboxTop span a {color:#fff; }
.aColumnWrapper .specialbox { background:#edf6fb;}
.aColumnWrapper .specialbox .padding { padding:15px 15px 5px 15px;}
.aColumnWrapper .specialboxBottom { width:475px; height:10px; background:url(../_img/fun_specialbox_475_bottom.png) no-repeat;}

/* in the b-column, the specialbox should have a width of 300px */
.bColumnWrapper .specialboxTop { width:300px; height:22px; background:url(../_img/fun_specialbox_300_top.png) no-repeat;}
.bColumnWrapper .specialboxTop span { position:relative; top:2px; left:15px; font-weight:bold; color:#fff;}
.bColumnWrapper .specialboxTop span a {color:#fff; }
.bColumnWrapper .specialbox { background:#edf6fb;}
.bColumnWrapper .specialbox .padding { padding:15px 15px 5px 15px;}
.bColumnWrapper .specialboxBottom { width:300px; height:10px; background:url(../_img/fun_specialbox_300_bottom.png) no-repeat;}

/* also in the a-column in the mediumColumn, the specialbox should have a width of 300px */
.bColumnWrapper .mediumColumn .specialboxTop { width:300px; height:22px; background:url(../_img/fun_specialbox_300_top.png) no-repeat;}
.bColumnWrapper .mediumColumn .specialboxTop span { position:relative; top:2px; left:15px; font-weight:bold; color:#fff;}
.bColumnWrapper .mediumColumn .specialboxTop span a {color:#fff; }
.bColumnWrapper .mediumColumn .specialbox { background:#edf6fb;}
.bColumnWrapper .mediumColumn .specialbox .padding { padding:15px 15px 5px 15px;}
.bColumnWrapper .mediumColumn .specialboxBottom { width:300px; height:10px; background:url(../_img/fun_specialbox_300_bottom.png) no-repeat;}

/***************** Subheader - added by fho *************** */
.subheader {background: #CC3366 url(../_img/fun-subhead-r.gif) no-repeat top right;}
.subheaderTitle {background: url(../_img/fun-subhead-l.gif) no-repeat top left;}


/* added by mke*/
.abcColumnWrapper ul.nobullets li {color:#CC3366;} /*color setting for snelnieuwsticker */
.author {color:#CC3366;}
/*** EXTRA TIME ****/
.etTitle{background:#CC3366 url(../_img/funTabsBg.png) 0% 60% repeat-x;height:43px;display:block;}
.etContent{border:1px solid #CC3366;padding:10px;font-family:Trebuchet MS,Arial,Helvetica,sans-serif;font-size:12px;background:#fff url(../_img/etContent_bg.gif) repeat-x top left;}
/**** REACTIE ****/
#reactie span{border:1px solid #CC3366;padding:1px 5px 1px 2px;font-size:12px;position:relative;}

/*** added by fho - 03/09/2009 ***/
span.artMore {
background:transparent url(../_img/icon_artMore_fun.gif) no-repeat scroll left top;
padding-left:17px;
text-decoration:underline;
}