/* ==================================== algemene zaken ========================================= */





/* ==================================== invulling linkerkolom ========================================= */


#r2site_leftcol img{
margin-right: 8px;
margin-top: 25px;
border:none;
}








/* ==================================== contentnav ========================================= */

#contentnav{
	margin:0px;
	margin-bottom: 10px;
	padding:0px;
	width: 190px;
	float:left;
	clear:left;
}	
/* Commented Backslash Hack
hides rule from IE5-Mac \*/
#contentnav {
	float:none;
	}
/* End IE5-Mac hack */


	
#contentnav ul{
	margin:0px;
	padding:0px;
	padding-top: 8px;
	padding-bottom: 6px;
	border: none;
}	

#contentnav ul li{
	list-style: none;
	padding:0px;
	margin:0px;
}	

#contentnav ul li a img{
	border:none;
	padding:0px;
	margin:0px;
	vertical-align: bottom;
	margin-top:0px;
	margin-bottom:0px;
	
}	









/* ==================================== contentnav menu ========================================= */





#contentnav_1{
	position: absolute;
	left:190px;
	top:157px;
	width: 205px;
	margin:0px;
	padding:0px;
	display:none;
	z-index: 99;
}


#contentnav_2{
	position: absolute;
	left:190px;
	top:181px;
	width: 205px;
	margin:0px;
	padding:0px;
	display:none;
	z-index: 99;
}

#contentnav_3{
	position: absolute;
	left:190px;
	top:205px;
	width: 205px;
	margin:0px;
	padding:0px;
	display:none;
	z-index: 99;
}

#contentnav_4{
	position: absolute;
	left:190px;
	top:229px;
	width: 205px;
	margin:0px;
	padding:0px;
	display:none;
	z-index: 99;
}

#contentnav_5{
	position: absolute;
	left:190px;
	top:253px;
	width: 205px;
	margin:0px;
	padding:0px;
	display:none;
	z-index: 99;
}

#contentnav_6{
	position: absolute;
	left:190px;
	top:277px;
	width: 205px;
	margin:0px;
	padding:0px;
	display:none;
	z-index: 99;
}


#contentnav_1 .clear, #contentnav_2 .clear, #contentnav_3 .clear, #contentnav_4 .clear, #contentnav_5 .clear, #contentnav_6 .clear, #contentnav_7 .clear, #contentnav_8 .clear{
	background: url('../images/r2_contnav_menu_bg.gif') bottom left;
	height:14px;
}

.menu{
	background: url('../images/r2_contnav_menu_bg.gif') top left;
	margin:0px;
	padding:7px;
	padding-bottom:0px;
	/*height: 400px;*/
	z-index: 1;
	text-align:left;
	
}

.menu p{
	padding:0px;
	margin:0px;
}

.menu ul{
	padding:0px;
	margin:0px;
	margin-left:30px;
	color: #FFD62F;
	font-size: 0.8em;
	
}

.menu ul li a{
	padding:0px;
	margin:0px;
	color: #6A3E00;
	font-size: 0.86em;
	text-decoration:none;
}

.menu ul li a:hover{
	text-decoration:underline;
}











/* ==================================== top ========================================= */


#r2site_top {
text-align: left;
padding:0px;
margin:0px;
background: url(../images/r2site_top_titelbalk.png) no-repeat;
border: none;
width: 605px;
height:30px;
}

#r2site_top_nobanner {
text-align: left;
padding:0px;
margin:0px;
background: url(../images/r2site_top_titelbalk.jpg) no-repeat;
border: none;
width: 605px;
height:30px;
}






/*  =========================== topnavigatie met search  =====================  */


#r2site_top_nav  {
padding:0px;
margin:0px;
border: none;
float:left;
height:30px;
font-family: verdana, helvetica, arial, sans-serif;
text-decoration:none;
color:#333; /*333333;*/
font-size:11px;
}


#r2site_top_form{
	position:relative;
	/*float:left;
	width: 605px;
	*/
	left: 0px;
	width: 605px;
	height:30px;
	
}


#r2site_top_form ul li img{
	margin:4px;
	margin-left:5px;
	margin-right:5px;

}


#r2site_top_form ul{
	position:absolute;
	left:120px;
	margin-left:0px;
	padding-left:0px;
	margin-top:4px;
}


#r2site_top_form ul li{
	display:inline;
	float:left;
	list-style:none;
	margin:2px;
	margin-left:0px;
	padding-left:0px;
	font-family: verdana,helvetica, arial, sans-serif;
	font-size: 11px;
}

#frmZoek{
	position:absolute;
	top: 5px;
	left:380px;
	margin:0px;
	padding:0px;
}

#frmZoek .button{
	padding-left: 4px;
	padding-top: 2px;
	_padding-top: 0px;
}

#frmZoek .r2site_form_veld {
	font-family: verdana, arial, sans-serif; /* nodig voor textarea */
	font-size:11px; /* nodig voor textarea */
	width:153px;
	height:18px;
	border: none; 
	color:#333; 	
	background:url(../images/r2site_top_bgform.gif) no-repeat;
}


/*  =========================== now onair  =====================  */


#r2site_now {
	width:605px;
	height:148px;
	padding-left: 10px;	
	background:url(../images/r2_bg_kader_rechts.gif) top right repeat-y;
	voice-family: "\"}\"";   
	voice-family: inherit; 
	width: 595px;
}



/*  =========================== banner  =====================  */


#r2site_banner {
	padding-left: 116px;
	padding-top: 3px;
	width:605px;
	height:68px;
	vertical-align: top;
	background:url(../images/r2_bg_banner.png) no-repeat;  /* hier moet background image in komen met lichte grijswaarde en bochtje in linker bovenhoek */
	voice-family: "\"}\"";   
	voice-family: inherit; 
	width: 489px;
	height: 65px;
}




/*  =========================== pagina inhoud  =====================  */

#r2page_contents {
	padding:0px;
	padding-left:12px;
	margin:0px;
	width:605px;
	voice-family: "\"}\"";   
	voice-family: inherit; 
	width:593px;
}

#r2page_content_left{
	width:300px;
	margin:0px;
	padding:0px;
	float:left;
}

#r2page_content_right{
	width:280px;
	margin:0px;
	padding:0px;
	float:right;
}



#r2page_contents h2{
	margin:0px;
	padding:0px;
}

.r2page_content_banner{
	margin-bottom:10px;
}


/*  =========================== opbouw 2 kolommen pagina ================= */


#r2page_contents {
	background: #fff url('../images/r2_bg_kader_rechts.gif') top right repeat-y;
	padding-bottom: 8px;
}

#r2page_contents_block{
	padding-bottom: 0px;	
	background: #fff url('../images/r2_bg_kolom_rechts.gif') 450px top repeat-y;
}

#r2page_contents_block1{
	float: left;
	width: 450px;
	padding-left: 11px;
	voice-family: "\"}\"";   
	voice-family: inherit; 
	width: 439px;
}



#r2page_contents_block2{
	float: left;
}

#r2page_contents_block2 .extrablok{
	width: 155px;
	padding-right: 9px;
	background: url('../images/r2_bg_kader_rechts.gif') top right repeat-y;
	background-color: #fff;
	voice-family: "\"}\"";   
	voice-family: inherit; 
	width: 146px;				
}

#r2page_contents_block2 .teaserkrul{
	background: url('../images/r2_bg_kader_rechts_overgang.gif') top left no-repeat;
	width: 155px;
	height: 20px;
}

#r2page_contents_block2 .teaserblok{
	background: url('../images/r2_bg_kolom_rechts.gif') top left repeat-y;
	width: 155px;
	padding-left: 11px;
	padding-right: 4px;
	text-align: center;
	voice-family: "\"}\"";   
	voice-family: inherit; 
	width: 140px;
}

#r2page_contents_block2 .teaser{
	padding-top: 16px;
}




/*  =========================== specifieke elementen =====================  */


/*  ===== programma form ==== */
#programmaform{
	width: 280px;
	margin:0px;
	margin-top:10px;
	padding:0px;
	text-align:center;
}

#programmaform select{
	width:278px;
	border: #9495A2 1px solid;
	
}


/*  =========================== algemene settings =====================  */

#r2page_contents p{
	font-family: verdana,helvetica, arial, sans-serif;
	font-size: 11px;
}


#r2page_contents a{
	font-family: verdana,helvetica, arial, sans-serif;
	font-size: 11px;
	text-decoration: none;
}

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


/*#################################### extra blok #################################*/

.extraitems{ 
	padding-left: 5px;
	padding-right: 5px;
}

.extraitems p{
	margin: 0px;
	padding: 0px;
}

.extraitems a{
	font-family: verdana, helvetica, arial, sans-serif; 
	font-size:11px;
	color: #000;
	text-decoration: none;
}

.extraitems a:hover{
	text-decoration: underline;
}


/*///////////////////////////////////////////////////////// 
///=VRTBALK! v2 (cultuur én metriweb)
/////////////////////////////////////////////////////////*/
#vrtbalkContainer {
	width:100%;
	background-repeat:repeat-x;	
	overflow:hidden; 
	height:28px;
}
#vrtbalkMenu{
	width:600px; /* Aanpassen per site */
	text-align: center;
	margin: 0px auto;
	padding-left:85px;
	height:28px;
	font-size:0.69em; /* Aanpassen per site */
	font-family:Verdana, Arial, Helvetica, sans-serif; /* Aanpassen per site */
	color:#fff;
	position:relative;
}
#vrtbalkMenu ul {
	margin:0px;
	padding:0px;
}
#vrtbalkMenu ul li{
	float:left;
	display:inline;
}
#vrtbalkMenu ul li a{
	text-transform:uppercase;
	color:#fff;
	text-decoration:none;
	background:none;
	padding-left:15px;
	padding-right:15px;
	display:block;
	padding-top:6px;
}
#vrtbalkMenu ul li a:hover {
	background-repeat:repeat-x;
	background-position:0px 0px;
}
#vrtbalkMenu ul li.vrtbalkDivider {
	width:1px;
	height:28px;
	overflow:hidden;
	display:block;
	background-repeat:no-repeat;
	background-position:0px 0px;
}
#vrtbalkContainer {
	background-image:url(/html/images/vrtbalk/bgrepeat.jpg); /* Aanpassen per site */
}
#vrtbalkMenu ul li a:hover {
	background-image:url(/html/images/vrtbalk/bglinkhover.jpg); /* Aanpassen per site */
}
#vrtbalkMenu ul li {
	height:27px;
	border-right:1px solid #333333;
}
#vrtbalkMenu .vrtbalkNav-first-li {
	border-left:1px solid #333333;
}
#vrtbalkMenu ul li a {
	height:21px;
	display:inline-block;
}
#vrtbalkMenu .vrtbalkClear {
	clear:both;
	line-height: 0.0001em; /* Aanpassen per site */
	overflow: hidden;
}


/*///////////////////////////////////////////////////////// 
///=VRTFOOTER!
/////////////////////////////////////////////////////////*/
#vrtfooter_container, 
#vrtfooter_line1, #vrtfooter_line2, #vrtfooter_line3, 
#vrtfooter_line1 a, #vrtfooter_line2 a, 
#vrtfooter_line1 a:hover, #vrtfooter_line2 a:hover {
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	color:#959595;
}

#vrtfooter_container {
	height:118px;
	text-align:center;
}
#vrtfooter_line1, #vrtfooter_line2 {
	display:inline;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	text-align:center;
}
#vrtfooter_line1 a, #vrtfooter_line2 a {
	text-decoration:underline;
}

#vrtfooter_line1 {
	top: 30px;
	position:relative;
}
#vrtfooter_line2 {
	top: 35px;
	position:relative;
}
#vrtfooter_line3 {
	top: 45px;
	position:relative;
}