/* ************************
 Lajos.nl, 2009 			
 ************************ */

body{
	background-color:#f3f3f3;
	color:#fff;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	font-size:16px;
	line-height:21px;
}

a{
	color:#3399CC;
	text-decoration:none;
	font-weight:bold;
}

a:hover{
	color:#3399CC;
	text-decoration:underline;
	font-weight:bold;
}

#content-right ul.hoverlinks a:hover {
	color:#3399CC;
	text-decoration:underline;
	font-weight:bold;
}

.clear{
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* sIFR */
.sifr-30-blue, .sifr-30-lightblue, .sifr-30-white{
	font:normal normal 32px/30px arial;
	letter-spacing:-0.04em;
	font-weight:normal;
}
.sifr-24-blue, .sifr-24-lightblue, .sifr-24-white{
	font:normal normal 26px/24px arial;
	letter-spacing:-0.025em;
	font-weight:normal;
}
.sifr-30-blue, .sifr-24-blue{color:#07b2e6;}
.sifr-30-lightblue, .sifr-24-lightblue{color:#8fdcf4;}
.sifr-30-white, .sifr-24-white{color:#fff;}

#static-page {
	color: #000;
	font-size: 90%;
	padding: 10px;	
}

#static-page h4 {
	font-size: 150%;
	font-weight: bold;
	margin-bottom: 12px;
}

div#content-left div.result-block ul {
	list-style-type: circle;
	font-size: 12px;
	margin: 0px;
	margin-left: 30px;
	color: #006699;
}

div#content-left div.result-block ul li {
	width: 150px;
	height: 14px;
	padding-left: 10px;
}

/* STRUCTURE */
#container{
	position:relative;
	background:#fff url('/images/container-grad.gif') repeat-y top right;
	width:982px;
	padding-right:7px;
	margin:10px auto 0px;
	border-left:1px solid #ececec;
}

#container-top-left{
	background:#fff url('/images/container-top-left.gif') no-repeat top left;
	width:1px;
	height:21px;
	position:absolute;
	top:0;
	left:-1px;
}	

#container-top-right{
	background:#fff url('/images/container-top-right.gif') no-repeat top left;
	position:absolute;
	top:0;
	right:0;
	height:21px;
	width:7px;
}

.ie6 #container-top-right{
	right:-1px;
}

#container-bottom{
	background:#f3f3f3 url('/images/container-bottom-grad.gif') repeat-x top left;
	border-left:1px solid #ececec;
	height:9px;
	margin:0 auto;
	padding-right:7px;
	position:relative;
	width:982px;
}

#container-bottom-left{
	background:#f3f3f3 url('/images/container-bottom-left.gif') no-repeat top left;
	width:8px;
	height:9px;
	position:absolute;
	top:0;
	left:-1px;
}	

#container-bottom-right{
	background:#f3f3f3 url('/images/container-bottom-right.gif') no-repeat top right;
	position:absolute;
	top:0;
	right:0px;
	height:9px;
	width:14px;
}

.ie6 #container-bottom-right{
	right:-1px;
}

.content-block{
	margin:10px 0 0 10px;
}

#menu{
	position:relative;
	background:#fff url('/images/menu-grad.jpg') repeat-x top left;
	height:120px;
	width:100%;
}

#menu-logo{
	position:absolute;
	top:8px;
	left:20px;
}

#menu-logo img{
	background: url('/images/g24-logo.png') no-repeat top left;
	width:222px;
	height:69px;
}

.ie6 #menu-logo img{
	background-image:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/g24-logo.png', sizingMethod='scale');
	position:relative;
	background-color: transparent;
}

#menu-links{
	height:25px;
	position:absolute;
	right:10px;
	top:15px;
	width:381px;
}

.ie6 #menu-links{
	right:20px;
}

#menu-links li{
	display:block;
	float:left;
	margin-left:7px;
}

#menu-links, #menu-links a{
	color:#fff;
	font-size:11px;
	font-style:normal;
	font-weight:normal;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	text-decoration:none;
}

#menu-links a:hover{
	text-decoration:underline;
}

#npo_button_container{
	height:29px;
	position:absolute !important;
	top:10px;
	right:10px;
	width:80px;
	z-index:1;
}

#npo_button_container a{
	color:#fff;
	text-decoration:none;
	font-size:11px;
}

#menu-search{
	background:#fff;
	border:1px solid #ccc;
	position:absolute;
	top:49px;
	right:10px;
	width:199px;
	height:26px;
}

#menu-search input{
	background:#fff;
	border:solid 0 #fff;
	color:#666;
	font:12px/18px Arial,Verdana,Helvetica,sans-serif;
	height:18px;
	left:4px;
	letter-spacing:-0.025em;
	margin:0;
	padding:0;
	position:absolute;
	top:5px;
	width:144px;
}

#menu-search a{
	background:url('/images/menu-search-submit.png') no-repeat left top;
	height:26px;
	position:absolute;
	right:0;
	text-indent:-9999px;
	vertical-align:middle;
	width:50px;
}

#menu-nav{
	position:absolute;
	bottom:0;
	left:43px;
}

#menu-nav li{
	background-image:url('/images/menu-nav.png');
	background-repeat: no-repeat;
	cursor:pointer;
	display:block;
	float:left;
	height:35px;
	list-style-type:none;
	margin:0;
	padding:0;
}

#menu-nav li a{
	display:block;
	height:35px;
	width:100%;
	text-indent:-9999px;
	outline:none;
}

#menu-nav-home{ background-position:0px 0px; width:140px; }

#menu-nav-home.selected, #menu-nav-home:hover{ background-position:0px -35px; }
			
#menu-nav-video{ background-position:-140px 0px; width:114px; }

#menu-nav-video.selected, #menu-nav-video:hover{ background-position:-140px -35px; }
		
#menu-nav-audio{ background-position:-254px 0px; width:114px; }
#menu-nav-audio.selected, #menu-nav-audio:hover{ background-position:-254px -35px; }
		
#menu-nav-dossiers{ background-position:-368px 0px;	width:114px; }
#menu-nav-dossiers.selected, #menu-nav-dossiers:hover{ background-position:-368px -35px; }

#menu-nav-programma{ background-position:-482px 0px; width:114px; }
#menu-nav-programma.selected, #menu-nav-programma:hover{ background-position:-482px -35px; }			

#menu-nav-agenda{ background-position:-596px 0px; width:114px; }
#menu-nav-agenda.selected, #menu-nav-agenda:hover{ background-position:-596px -35px; }
		
#menu-tabs{
	position:absolute;
	bottom:0;
	right:18px;
}

#menu-tabs li{
	cursor:pointer;
	display:block;
	float:left;
	height:25px;
	list-style-type:none;
	margin:0;
	padding:0;
}

#menu-tabs li a{
	display:block;
	height:25px;
	width:100%;
	text-indent:-9999px;
	outline:none;
                     
}

#menu-tabs li{ background-image:url('/images/menu-tabs-rss.png'); background-repeat:no-repeat; width:69px;}
		
		#menu-tabs-az{ background-position:0px 0px; }
		#menu-tabs-az.selected, #menu-tabs-az:hover{ background-position:0px -25px; }

		#menu-tabs-zoeken{ background-position:-69px 0px;}
		#menu-tabs-zoeken.selected, #menu-tabs-zoeken:hover{ background-position:-69px -25px; }	

                #menu-tabs-help{background-position:-138px 0px; width:72px; }
		#menu-tabs-help.selected, #menu-tabs-help:hover{ background-position:-138px -25px;  }


	
  .rss-list {margin-left: 50px; }
  .rss-list li { list-style-type: none; list-style-image: url(/images/icons/rss-icon2.png); margin-top: 4px;}

               
#sitemap{
	background:#19b7e8 url('/images/sitemap-grad.gif') repeat-x top left;
	position:relative;
	width:100%;
	height:334px;
	margin-top:10px;
	overflow:hidden;
}

#sitemap a{
	color:#fff;
}

#sitemap ul.highlight{
	float:left;
	list-style:none;
	margin-left:30px;
	margin-top:50px;
	width:210px;
	height:149px;
	overflow:hidden;
	margin-bottom:20px;
}

#sitemap ul.first{
	width:145px;
	margin-left:60px;
}

#sitemap ul.highlight li.first{
	font-size:16px;
	font-weight:bold;
	height:42px;
	
}

#sitemap ul.highlight, #sitemap ul.highlight a{
	color:#fff;
	text-decoration:none;
	font-weight:normal;
}

#sitemap-copyright{
	clear:left;
	font-size:11px;
	line-height:15px;
	text-align:center;
	margin:75px auto 20px;
	width:770px;
	font-size:12px;
	color:#336699;
}

#sitemap ul.links{ text-align:center;}
#sitemap ul.links li{
	font-size:11px;
	display:inline;
	margin-left:7px;
	border-left:1px solid #fff;
	padding-left:7px;
}
#sitemap ul.links li.first{border-left:0; padding-left:0;}
#sitemap ul.links li a{
	color:#fff;
	text-decoration:none;
}
#sitemap ul.links li a:hover{ text-decoration:underline; }

/******* CRUMBS *******/
#crumbs p{
	background-color:#bfeafa;
	border-bottom:1px solid #fff;
	line-height:30px;
	padding-left:10px;
	height:30px;
}
#crumbs p, #crumbs p a{
	color:#1fa8d6;
	font-size:12px;
	text-decoration:none;
}
#crumbs p a:hover{
	text-decoration:underline;
}

/******* TWO COLUMNS LAYOUT *******/
#twocolumns-block-container{
	background: url('/images/twocolumns-block-container-line.gif') repeat-y top left;
	background-color:#08b2e6;
	padding-bottom:10px;
	margin-top:10px;
}

#twocolumns-left{
	float:left;
	margin-left:20px;
	width:620px;
}

#twocolumns-right{
	float:left;
	margin-left:20px;
	padding-left:20px;
	width:270px;
}

#twocolumns-right .suggesties-title{ margin-bottom:22px;}

.suggestie-block{
	border-bottom:1px solid #fff;
	padding-bottom:10px;
	margin-bottom:20px;
}

.suggestie-block .title{
	margin-bottom:10px;
}

.suggestie-block .title, .suggestie-block .title a{
	color:#fff;
	line-height:14px;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}

.suggestie-block .title a:hover{
	text-decoration:underline;
}

.suggestie-block .preview{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

.suggestie-block .description{
	color:#fff;
	font-size:12px;
	line-height:13px;
	margin-bottom:10px;
}

.suggestie-block .source{
	color:#fff;
	font-size:11px;
	font-weight:bold;
	line-height:18px;
	clear:left;
}

.suggestie-block .tv{
	padding-left:20px;
	background:url('/images/zoeken-media-video-icon-white.gif') no-repeat center left;
}

.suggestie-block .radio{
	padding-left:20px;
	background:url('/images/zoeken-media-audio-icon-white.png') no-repeat center left;
}

/* pagination */
.pagination-wrapper{
	float:left;
	left:50%;
	position:relative;
	margin:0 0 10px 0;
}

.pagination-wrapper .last{ /* lowest item on page, add extra bottom white space */
	margin-bottom:10px;
}

.pagination{
	float:left;
	left:-50%;
	position:relative;
	margin:0;
}

.pagination p{
	color:#000;
	float:left;
	line-height:12px;
	position:relative;
	padding:2px 0;
}

.pagination p a{
	color:#09f;
	font-size:12px;
	margin:0 6px;
	padding:2px 5px;
	text-decoration:none;
}

.pagination p a.current{
	background-color:#8fdcf4;
	color:#fff;
}

.pagination-container .controller a{
	margin:0;
}

/* result-block */
.result-block{
	height:96px;
	margin-bottom:20px;
	width:540px;
	padding-right:10px;
	position:relative;
}

.result-block.programmas {
	width: 640px;
    margin-bottom: 30px;
	border: none;
}

.result-block .title, .result-block .title a{
	color:#39c;
	font:normal bold 14px/16px arial;
	text-decoration:none;
}

.result-block .title a:hover{
	text-decoration:underline;
}

.result-block .thumb{
	float:left;
	border:1px solid #2bbde9;
	margin-right:10px;
	vertical-align:text-top;
}

.result-block .thumb-play{
	position:absolute;
	left:65px;
	top:29px;
	width:39px;
	height:38px;
}

.result-block .description{
	color:#069;
	font-size:12px;
	line-height:14px;
	/*height:59px;*/
	height:57px;
/*	margin-bottom:14px;*/
	overflow:hidden;
}

.result-block.programmas .description{
   height : 70px;
}

.result-block .description ul{ list-style-position:inside;}

.result-block .source {
	position:relative;
	color:#069;
	font-size:12px;
	float:left;
	display:block;
	line-height:17px;
	height:24px;
	vertical-align:text-bottom;
}

.result-block .source a{
	color:#069;
	text-decoration:none;
}

.result-block .source img {
	margin-right : 5px;
	margin-left : 5px;
}

.result-block .source-img{
	vertical-align:text-bottom;
}

.result-block .date{
	color:#069;
	font-size:12px;
	float:right;
	line-height:17px;
	vertical-align:text-bottom;
}

/* basic page styling */
.simplepage{
	background-color:#08b2e6;
	width:962px;
	position:relative;
	height:100%;
	padding-bottom:10px;
}

.simplepage .title, .simplepage .content{
	margin-left:35px;
	width:500px;
}

.simplepage .title{
	margin-top:35px;
	margin-bottom:20px;
}

.simplepage .content{
	color:#fff;
	font:normal normal 12px/18px arial;
}

.simplepage .content a{
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}

.simplepage .content a:hover{
	text-decoration:underline;
}

.simplepage .content p{
	margin-bottom:14px;
}

.simplepage ul li {
	list-style-position: inside;
	text-indent:-13px;
	padding-left:13px
}

/* stuur door blok */
.stuur-door{
	margin:20px 0;
	font:normal normal 12px/18px arial;
	color:#0bb3e6;
}

.stuur-door a{
	font-weight:bold;
	cursor:pointer;
}

.stuur-door fieldset{
	/* display:none;*/
}

.stuur-door label, .stuur-door input, .stuur-door textarea{
	font:normal normal 12px/18px arial;
	display:block;
	float:left;
	width:100px;
	margin-top:20px;
}

.stuur-door input, .stuur-door textarea{
	border:1px solid #c0c0c0;
	width:140px;
}

.stuur-door .verstuur{
	border:1px solid #beebf9;
	color:#39c;
	background:#beebf9;
	padding:5px;
	width:142px;
}

.stuur-door .captcha{
	margin:10px 0;
	height:155px;
}

/* tags block */
div.tags{
	color:#39c;
	background-color:#beebf9;
	height:86px;
	margin-bottom:20px;
	padding:10px 10px 0 10px;
	width:100%;
	line-height:16px;
	font-size:12px;
	font-weight:bold;
}

div.tags ul{
	height:70px;
	overflow:hidden;
}

div.tags ul.short {
	height:54px;
	overflow:hidden;
}

div.tags li{
	background:transparent url('../images/list-style-type-disc-blue-short.gif') no-repeat center left;
	background-repeat:no-repeat;
	display:block;
	float:left;
	padding-left:17px;
	line-height:17px;
	white-space:nowrap;
}

div.tags, div.tags a{ color:#39c; text-decoration:none;}

div.tags a:hover{ text-decoration:underline;}

/* definition list(wymeditor classes) */
.definition-title{
	list-style-type:square;
	display:list-item;
	list-style-position:inside;
	font-weight:bold;
	margin-top:10px;
	cursor:pointer;
}

.definition-description{
	padding-left:30px;
	display:none;
	margin-bottom:10px;
}

.wrapper_left h2 {
	font-size: 150%;
	font-weight: bold;
	margin-bottom: 10px;
}
	
ul.footer-highlight li {
	text-align: left;
	display: block!important;
	float: none!important;
	clear: left;
	font-weight: bold;
}

ul.footer-highlight li a {
	font-size: 140%;
}

div#page-description {
	margin-bottom: 12px;
}

p.description {
	color: #006699;
}

#page-description .description{padding-right:10px;}

.agenda-text{
	color:#39c;
	font:normal normal 12px/18px helvetica, arial;
	text-align:left;
	margin-left:5px;
	/* margin-top:16px;*/
}

div.addthis_toolbox {
    padding: 20px 0;
}
