/* ==================================== BASIS ==================================== */

html { height: 99%; }
body {
	background	: url(../img/bg_main.gif) top center repeat;
	margin		: 0px;
	padding		: 0px;
	font-family	: Verdana, Arial, Helvetica, sans-serif;
	font-size 	: 0.7em;
	color 		: #000;
	height		: 100%;
}

h1{
	font-family	: Arial, Helvetica, sans-serif;
	font-size 	: 1.6em;
	font-weight	: bold;
	color		: #fff;
	margin		: 0px 0px 0px 25px;
	line-height	: 23px;
}

h2{
	font-family	: Verdana, Arial, Helvetica, sans-serif;
	font-size 	: 1em;
	font-weight	: bold;
	color		: #000;
	margin		: 0px;
	background-color: #ccc;
	line-height : 21px;
	padding 	: 0px 0px 0px 7px;
}

h3{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size 	: 1em;
	font-weight	: bold;
	color		: #ccc;
	margin		: 0px;
}

table{ border	: 0px solid #000; }

a,a:link,a:active,a:visited{
	color 		: #939;
	text-decoration	: none;
}

a:hover{ text-decoration	: underline; }
p.noError{ color: #483; }
p.error{ color	: #883333;}
img{ border : 0px solid #000;}
div{ border	: 0px solid #000;}
table{ border: 0px solid #000;}
/* ================================== STRUCTUUR ================================== */

#main{
	width 	: 994px;
	margin	: 0 auto;
	padding	: 0px;
	height 	: 100%;
}

#wrapper{
	margin	: 3px 5px 0px 5px;
	width 	: 984px;
}

#wrapper2{
	margin	: 0px 5px;
	width 	: 984px;
}

#wrapper2 div{ 
	float: left;
	display: inline; 
}

#flash{
	background	: url(../img/bg_flash.jpg) top left repeat;
	width 		: 984px;
	height		: 160px;
	margin		: 0px;
	padding 	: 0px;
}

#menubalk{
	background	: url(../img/bg_menu.gif) top left no-repeat;
	height 		: 28px;
	margin 		: 0px;
	padding 	: 0px 0px 0px 25px;
	z-index		: 3;
}

#swf_video{	z-index	: 2;}
#menubalk div{ float : left;display: inline;  }
#menuextra{ width : 984px; }

#footerHolder{
	position : fixed;
	bottom	: 0px;
}

#footer{
	margin		: 0px 5px;
	background 	: url(../img/bg_footer.gif) bottom left no-repeat;
	width 		: 984px;
	height		: 35px; /* was 44 */
}

#links{ width 	: 241px; }

#midden{
	width		: 481px;
	margin 		: 0px 10px;
}

#rechts{
	width		: 241px;
}

#rechts_menu{
	/*float: left;*/
	display			: inline; 
	width			: 239px;
	margin			: 0 0 10px 0;
	background-color: #dedede;
	border 			: 1px solid #ccc;
}

div#banner_skyscraper
{
	position: relative;
	margin: 10px 0px;
	padding: 10px 0 10px 40px;
	background-color: #efefef;
	border: 1px solid #dedede;
	width: 199px;
}

#programma_titel{
	padding			: 0px 0px 0px 15px;
	font-weight		: bold;
	height			: 30px;
}
/* ===================================== MENU ==================================== */
div.m0{ width	: 47px;}
div.m1{	width	: 104px;}
div.m2{	width	: 81px;}
div.m3{	width	: 149px;}

.verstuur{
	background	: url( ../img/verstuur.jpg ) top left no-repeat;
	width		: 86px;
	height		: 29px;
	border		: 0px solid #000;
	cursor		: pointer;
}

#drop_down_menu{
	margin	: 0px;
	padding	: 0px;
	z-index	: 400;
}

#drop_down_menu div{	
	overflow	: visible;
	position	: absolute;
	visibility	: hidden;
	margin		: 0px;
	padding		: 0px 15px;
	white-space	: nowrap;
	background	: url(../img/submenu.jpg) top left repeat;
	border		: 1px solid #939;
	line-height	: 22px;
	z-index		: 1000;
}

#drop_down_menu a{
	color	: #AAAAAA;
	padding	: 0px;
	z-index	: 10000;
}

#drop_down_menu div a:hover{	
	width		:	auto;
	color		:	#FFFFFF;
	background	: 	url(../img/submenu_hover.jpg);
	font-weight	: 	bold;
	z-index		: 	1999;
}

.menubalk{ width: 670px;}

.menu{
	list-style-type	: none;
	margin 			: 0px;
	padding			: 0px;
	height 			: 28px;
	z-index			: 5000;
}

.menu li{	
	float		: left;
	display: inline; 
	padding		: 0px;
	margin 		: 0px;
	line-height	: 28px;
}

.menu li a,.menu li a:link,.menu li a:active,.menu li a:visited{
	text-decoration	: none;
	font-size 		: 10px;
	width 			: 100%;
	display			: block;
}

/*
* Tabs
*/
/*
#tabWrapper{
	width	: 462px;
	height	: 156px;
	margin	: 0px;
	padding	: 0px;
	border	: 0px;	
}

#tabHolder{
	margin	: 0px;
	padding	: 0px;
	border	: 0px;
	height	: 18px;
	width	: 462px;
}

div.tabContent{
	background	: url( ../img/tab_content.jpg ) top left no-repeat;
	width 		: 462px;
	height		: 156px;
	margin		: 0px;
	border		: 0px;
}

li.ma				{	width	: 66px; height	: 18px;	background	: url(../img/tabs/tabs_ma_ns.jpg) top left no-repeat;	margin	: 0px;	}
li.di				{	width	: 66px; height	: 18px;	background	: url(../img/tabs/tabs_di_ns.jpg) top left no-repeat;	margin	: 0px;	}
li.wo				{	width	: 66px; height	: 18px;	background	: url(../img/tabs/tabs_wo_ns.jpg) top left no-repeat;	margin	: 0px;	}
li.do				{	width	: 66px; height	: 18px;	background	: url(../img/tabs/tabs_do_ns.jpg) top left no-repeat;	margin	: 0px;	}
li.vr				{	width	: 66px; height	: 18px;	background	: url(../img/tabs/tabs_vr_ns.jpg) top left no-repeat;	margin	: 0px;	}
li.za				{	width	: 66px; height	: 18px;	background	: url(../img/tabs/tabs_za_ns.jpg) top left no-repeat;	margin	: 0px;	}
li.zo				{ 	width	: 66px; height	: 18px;	background	: url(../img/tabs/tabs_zo_ns.jpg) top left no-repeat;	margin	: 0px;	}

li.ma a:hover		{	background	: url(../img/tabs/tabs_ma_s.jpg) top left no-repeat;	margin	: 0px;	}
li.di a:hover		{	background	: url(../img/tabs/tabs_di_s.jpg) top left no-repeat;	margin	: 0px;	}
li.wo a:hover		{	background	: url(../img/tabs/tabs_wo_s.jpg) top left no-repeat;	margin	: 0px;	}
li.do a:hover		{	background	: url(../img/tabs/tabs_do_s.jpg) top left no-repeat;	margin	: 0px;	}
li.vr a:hover		{	background  : url(../img/tabs/tabs_vr_s.jpg) top left no-repeat;	margin	: 0px;	}
li.za a:hover		{	background	: url(../img/tabs/tabs_za_s.jpg) top left no-repeat;	margin	: 0px;	}
li.zo a:hover		{ 	background	: url(../img/tabs/tabs_zo_s.jpg) top left no-repeat;	margin	: 0px;	}

li.ma_				{	width	: 66px; background: url(../img/tabs/tabs_ma_s.jpg) top left no-repeat;	margin	: 0px;	}
li.di_				{	width	: 66px; background: url(../img/tabs/tabs_di_s.jpg) top left no-repeat;	margin	: 0px;	}
li.wo_				{	width	: 66px; background: url(../img/tabs/tabs_wo_s.jpg) top left no-repeat;	margin	: 0px;	}
li.do_				{	width	: 66px; background: url(../img/tabs/tabs_do_s.jpg) top left no-repeat;	margin	: 0px;	}
li.vr_				{	width	: 66px; background: url(../img/tabs/tabs_vr_s.jpg) top left no-repeat;	margin	: 0px;	}
li.za_				{	width	: 66px; background: url(../img/tabs/tabs_za_s.jpg) top left no-repeat;	margin	: 0px;	}
li.zo_				{	width	: 66px; background: url(../img/tabs/tabs_zo_s.jpg) top left no-repeat;	margin	: 0px;	}

*/
/*
* Submenu aan de rechterkant
*/
.wwkwijt{
	width		: 100px;
	height		: 22px;
	background	: url(../img/HaalTerug.jpg) top left no-repeat;
	border		: 0px solid black;
}

input.stemknop{
	border 		: 0px solid #000;
	margin 		: 1px 0px 0px 1px;
	padding		: 0px;
	height 		: 22px;
	width 		: 58px;
	cursor		: pointer;
	background	: url(../img/icons/stem.jpg) top left no-repeat;
}

.programma_list	{	list-style-type	: none; width	: 239px; margin :	0px 0px 0px 0px; padding:	0px 0px 0px 0px;	}
.programma_list li{
	width 	: 239px;
	height	: 22px;
	background	: url(../img/programma.jpg) top left no-repeat;
}

.programma_list li a,.programma_list li a:link,.programma_list li a:active.programma_list li a:visited{
	display : block;
	width 	: 224px;
	height	: 18px;
	color 	: #939;
	padding	: 4px 0px 0px 15px;
}

.programma_list li a:hover{
	background	: url(../img/programma_.jpg) top left no-repeat;
	color		: #000000;
	text-decoration	: none;
}

li.programma_{		
	background	: url(../img/programma_.jpg) top left no-repeat;
	color		: #000000;
	text-decoration	: none;
}

li.programma_ a, li.programma_ a:link, li.programma_ a:active, li.programma_ a:visited{ color: #000000;}	
.menu li a span		{	visibility 		: hidden;	margin	: 0px;	}

li.link1	{	width: 65px;	}
li.link2	{	width: 79px;	}
li.link3	{	width: 136px;	}
li.link4	{	width: 113px;	}
li.link5	{	width: 181px;	}
li.link6	{	width: 96px;	}

li.link1 a:hover{	background	: url(../img/link1_.gif) top left no-repeat;}
li.link2 a:hover{	background	: url(../img/link2_.gif) top left no-repeat;}
li.link3 a:hover{	background	: url(../img/link3_.gif) top left no-repeat;}
li.link4 a:hover{	background	: url(../img/link4_.gif) top left no-repeat;}
li.link5 a:hover{	background	: url(../img/link5_.gif) top left no-repeat;}
li.link6 a:hover{	background	: url(../img/link6_.gif) top left no-repeat;}

li.link1_{	width: 65px; background: url(../img/link1_.gif) top left no-repeat;	}
li.link2_{	width: 79px; background: url(../img/link2_.gif) top left no-repeat;	}
li.link3_{	width: 136px; background: url(../img/link3_.gif) top left no-repeat;}
li.link4_{	width: 113px; background: url(../img/link4_.gif) top left no-repeat;}
li.link5_{	width: 181px; background: url(../img/link5_.gif) top left no-repeat;}
li.link6_{	width: 96px; background: url(../img/link6_.gif) top left no-repeat;	}

/* ================================== ELEMENTEN ================================== */
/* =============== contentkaders ============== */

.logoFlashplayer{
	position: absolute;
	z-index	: 500;
	width	: 800px;
	height	: 800px;
	border	: 4px solid black;
}

.poll_grafiek{
	background-color: purple; 
	color	: #FFF;
}

.title{	width 	: 241px;}
.sub_titel{	width: 481px;}

.title_buiten{	
	background	: url(../img/bg_titelb.gif) top left no-repeat;  
	width		: 241px;
	height		: 23px;
}

.content_buiten{
	border 		: 1px solid #ccc;
	width 		: 225px;
	background	: url(../img/bg_content.gif) top left repeat;
	padding 	: 4px 7px;
}

.title_midden{	
	background: url(../img/bg_titelm.gif) top left no-repeat; 
	width	: 481px;
	height	: 23px;
}

div.spacing{margin	: 0px 0px 10px 0px;}

#videoDIV{
	z-index : 2;
	overflow: visible;
}

.content_midden{
	border 		: 1px solid #ccc;
	width 		: 465px;
	background	: url(../img/bg_content.gif) top left repeat;
	padding 	: 4px 7px;
}

.meer_info{
	text-align	: right;
	width 	: 100%;
	margin	: 0px;
	padding	: 0px;
}

table.nieuws_footer{width	: 481px;}
.nieuws_footer_img{width	: 67px;}

.nieuws_footer_text{
	width	: 173px;
	text-align	: left;
}

.knop_bg_main_video{
	width 	: 481px;
	background-color: #ccc;
	margin 	: 0px 0px 7px 0px;
	vertical-align	: middle;
}

.middle_align{vertical-align: middle;}

.aanmeldingsknop{
	background	: url(../img/btn_aanmelden.jpg) top left no-repeat;
	width	: 106px;
	height	: 22px;
	border	: 0px solid black;
}

.knop_bg{
	width	: 241px;
	background-color: #ccc;
	margin 	: 0px 0px 7px 0px;
}

.knop_bg img{
	float 	: left;
	display: inline; 
	margin	: 0px 2px;
}

.tijd_informatie{font-weight: bold;}

.video_midden_titel{
	font-weight	: bold;
	background-color: #e1e1e1;	
}

.mod1{background-color	: #efefef;}
.mod0{background-color	: #e1e1e1;}

.programma_item{
	background-image: url(../img/submnu_item.jpg);
	width	: 239px;
	height	: 22px;
}

.alignment{	margin	: 4px 15px 0px 15px;}
.programma_spacing{	width: 5px;}
/* ================ zoekscherm ================ */

.zoekscherm{
	height 	: 24px;
	width 	: 161px;
	background	: url(../img/bg_zoekscherm.gif) top right no-repeat;
	margin 	: 4px 0px 0px 40px;
	padding-right	: 1px;
	text-align	: right;
}

.zoekscherm form{
	height 	: 24px;
	width 	: 161px;
}

.zoekscherm input.zoekveld{
	border 	: 0px solid #000;
	margin 	: 0px;
	padding	: 0px;
	width 	: 120px;
}

.zoekscherm input.zoekknop{
	border 	: 0px solid #000;
	margin 	: 1px 0px 0px 1px;
	padding	: 0px;
	height 	: 18px;
	width 	: 22px;
	background	: url(../img/bg_zoekknop.gif) top left no-repeat;
}

table.zoektabel{
	width	: 100%;
	padding	: 0px 0px 0px 0px;
	
}
/* ================= navigatie ================ */

.navigatie{
	font-weight	: bold;
	color 	: #ccc;
	width 	: 675px;
	height	: 21px;
	float 	: left;
	display: inline; 
	padding : 7px 0px 0px 25px; 
	background	: url(../img/bg_nav.gif) top left repeat;								
}

.navigatie a,.navigatie a:link,.navigatie a:active,.navigatie a:visited{
	font-weight	: normal;
	color : #fff;
}

/* =================== login ================== */

.login{
	width	: 675px;
	height	: 48px;
	padding	: 7px 0px 0px 25px;
	font-weight	: bold;
	color 	: #ccc;
	float 	: left;
	display: inline; 
	background 	: url(../img/bg_login.gif) top left no-repeat;
}

.ingelogd{
	width	: 675px;
	height	: 48px;
	padding : 7px 0px 0px 25px;
	font-weight	: bold;
	color : #ccc;
	float : left;
	display: inline; 
	background	: url(../img/bg_login2.gif) top left no-repeat
}

.login form{height	: 24px}

.login input.emailveld{
	border 	: 0px solid #000;
	margin 	: 0px 16px 0px 2px;
	padding	: 0px;
	width 	: 140px;
}

.login input.wachtwoordveld{
	border 	: 0px solid #000;
	margin 	: 0px 0px 0px 2px;
	padding	: 0px;
	width 	: 88px;
}	

.login input.loginknop{
	border 	: 0px solid #000;
	margin 	: 1px 10px 0px 4px;
	padding	: 0px;
	height 	: 18px;
	width 	: 41px;
	background	: url(../img/bg_loginknop.gif) top left no-repeat;
}

.login a,.login a:link,.login a:active,.login a:visited{
	font-weight : normal;
	color 	: #fff;
}

/* ==================== weer ================== */

.weer{
	float	: right;
	width	: 284px;
	display: inline; 
	height	: 83px;
	background	: url(../img/bg_weer.gif) top left no-repeat;
}

.weer_tekst{
	width 	: 200px;
	height	: 75px;
	padding	: 8px 0px 0px 0px;
	text-align	: right;
	color 	: #fff;
	float 	: left;
	display: inline; 
}

.weer_icon{
	float : right;
	width : 84px;
	height: 65px;
	display: inline; 
	padding	: 9px 0px;
	text-align: center;
}

/* =================== footer ================= */

.footer_icon{	
	text-align	: left;
	height	: 24px;
	margin	: 6px 0px 0px 25px;
	display: inline; 
	float 	: left;
}

.footer_links{	
	text-align	: left;
	height	: 24px;
	margin	: 11px 0px 0px 7px;
	color 	: #ccc;
	font-weight	: bold;
	float : left;
	display: inline; 
	font-size: 10px;
}

.footer_rechts{	
	text-align 	: right;
	height	: 24px;
	font-size: 10px;
	margin	: 11px 25px 0px 0px;
	color 	: #ccc;
	font-weight	: bold;
	float 	: right;
	display: inline; 
}

.footer_rechts a,.footer_rechts a:link.footer_rechts a:active,.footer_rechts a:visited,.footer_links a,.footer_links a:link.footer_links a:active,.footer_links a:visited{
	color 	: #fff;
	font-weight	: normal;
}

.footer_rechts a:hover,.footer_links a:hover{text-decoration: underline;}