/* Algemeen */

a {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#677488;
	text-decoration:none;
}
a:visited {
	color:#677488;
}
a:hover {
	color:#3D4450;
}
a:active {
	color:#677488;
}
a:link {
	color:#677488;
}
html,body {
	height:100%;
	width:100%;
}
body,td,th,h1,h2,h3,h4,h5,h6,p {
	margin:0px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#677488;
	font-weight:normal;
}
body {
	background-image:url(/image/body.png);
	background-position:center;
}
.body_l {
	position:absolute; 
	left:0px;
	top:144px;
	width:50%;
	height:236px;
	background-image:url(/image/body_l.png);
	background-repeat:repeat-x;
	z-index:1;
}
.body_r {
	position:absolute; 
	left:50%;
	top:144px;
	width:50%;
	height:236px;
	background-image:url(/image/body_r.png);
	background-repeat:repeat-x;
	z-index:1;
}
.body_r_6 {
	background-image:url(/image/body_r_6.png);
}
.body_f {
	position:absolute; 
	left:0px;
	bottom:0px;
	width:100%;
	height:32px;
	background-image:url(/image/body_f.png);
	background-repeat:repeat-x;
	z-index:2;
}
.footer {
	position:absolute;  	
	left:0px;
	bottom:0px;
	width:100%;
	height:24px;
	padding-top:45px;
	background-image:url(/image/footer.png);
	background-position:center;
	background-repeat:no-repeat;
	text-align:center;
	color:#CCD311;
	z-index:5;
}
.menu_f, a.menu_f, a.menu_f:link, a.menu_f:active, a.menu_f:visited {color:#CCD311;}
a.menu_f:hover{color:#FFF;}

/* Floating */

.app_clr { clear:both; }

/* Containers */
.out {
	position:relative;  	
	width:100%;
	z-index:3;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	background-image:url(/image/container.png);
	background-position:center 600px;
	background-repeat:repeat-y;
}
.container {
	position:relative;  	
	width:910px;
	margin:0 auto;
	z-index:3;
}
.logo, a.logo, a.logo:link, a.logo:active, a.logo:visited, a.logo:hover {
	position:absolute;
	top:0px;
	left:90px;
	width:240px;
	height:165px;
	background-image:url(/image/logo.png);
	z-index:4;
}

/* Inhoud */

.header{
	position:relative; 
	width:910px;
	height:144px;
	background-image:url(/image/header.png);
}
.content{
	position:relative;  	
	width:910px;
	min-height:452px;
 	background-image:url(/image/content.png);
	background-position:5px 236px;
	background-repeat:no-repeat;
	padding-bottom:50px;
}
.l{
	position:relative;  	
	float: left;
	width:221px;
}
.l_menu{
	position:relative;  	
	float: left;
	width:216px;
	padding-left:5px;
	height:234px;
	padding-top:2px;
	background-image:url(/image/l_menu.png);
}
.r{
	position:relative;  	
	float:left;
	width:689px;
}
.r_bck{
	position:relative;  	
	float: left;
	width:689px;
	min-height:236px;
	background-image:url(/image/r_bck.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
}
.r_tabs{
	position:relative;  	
	float: left;
	width:689px;
	height:236px;
	background-image:url(/image/r_tabs.png);
}
.r_content {
	position:relative;  	
	float: left;
	width:642px;
	padding:15px 15px 0px 32px;
}

/* Menu */
.menu, a.menu, a.menu:link, a.menu:active, a.menu:visited {
	position:relative;  	
	float: left;
	width:201px;
	padding-left:15px;
	height:21px;
	padding-top:5px;
	color:#6c6b19;
	font-size:12px;
	font-weight:bold;
}
a.menu:hover {
	color:#FFFFFF;
}
.menu_on, a.menu_on, a.menu_on:link, a.menu_on:active, a.menu_on:visited {color:#FFFFFF;}
a.menu_on:hover {color:#FFFFFF;}
/* Menu 0 */ 
.menu_0, a.menu_0, a.menu_0:link, a.menu_0:active, a.menu_0:visited {background-image:url(/image/menu_0_off.png);}
a.menu_0:hover {background-image:url(/image/menu_0_on.png);}
.menu_0_on, a.menu_0_on, a.menu_0_on:link, a.menu_0_on:active, a.menu_0_on:visited {background-image:url(/image/menu_0_on.png);}
a.menu_0_on:hover {background-image:url(/image/menu_0_on.png);}
/* Menu 1 */ 
.menu_1, a.menu_1, a.menu_1:link, a.menu_1:active, a.menu_1:visited {background-image:url(/image/menu_1_off.png);}
a.menu_1:hover {background-image:url(/image/menu_1_on.png);}
.menu_1_on, a.menu_1_on, a.menu_1_on:link, a.menu_1_on:active, a.menu_1_on:visited {background-image:url(/image/menu_1_on.png);}
a.menu_1_on:hover {background-image:url(/image/menu_1_on.png);}
/* Menu 2 */ 
.menu_2, a.menu_2, a.menu_2:link, a.menu_2:active, a.menu_2:visited {background-image:url(/image/menu_2_off.png);}
a.menu_2:hover {background-image:url(/image/menu_2_on.png);}
.menu_2_on, a.menu_2_on, a.menu_2_on:link, a.menu_2_on:active, a.menu_2_on:visited {background-image:url(/image/menu_2_on.png);}
a.menu_2_on:hover {background-image:url(/image/menu_2_on.png);}
/* Menu 3 */ 
.menu_3, a.menu_3, a.menu_3:link, a.menu_3:active, a.menu_3:visited {background-image:url(/image/menu_3_off.png);}
a.menu_3:hover {background-image:url(/image/menu_3_on.png);}
.menu_3_on, a.menu_3_on, a.menu_3_on:link, a.menu_3_on:active, a.menu_3_on:visited {background-image:url(/image/menu_3_on.png);}
a.menu_3_on:hover {background-image:url(/image/menu_3_on.png);}
/* Menu 4 */ 
.menu_4, a.menu_4, a.menu_4:link, a.menu_4:active, a.menu_4:visited {background-image:url(/image/menu_4_off.png);}
a.menu_4:hover {background-image:url(/image/menu_4_on.png);}
.menu_4_on, a.menu_4_on, a.menu_4_on:link, a.menu_4_on:active, a.menu_4_on:visited {background-image:url(/image/menu_4_on.png);}
a.menu_4_on:hover {background-image:url(/image/menu_4_on.png);}
/* Menu 5 */ 
.menu_5, a.menu_5, a.menu_5:link, a.menu_5:active, a.menu_5:visited {background-image:url(/image/menu_5_off.png);}
a.menu_5:hover {background-image:url(/image/menu_5_on.png);}
.menu_5_on, a.menu_5_on, a.menu_5_on:link, a.menu_5_on:active, a.menu_5_on:visited {background-image:url(/image/menu_5_on.png);}
a.menu_5_on:hover {background-image:url(/image/menu_5_on.png);}
/* Menu 6 */ 
.menu_6, a.menu_6, a.menu_6:link, a.menu_6:active, a.menu_6:visited {background-image:url(/image/menu_6_off.png);}
a.menu_6:hover {background-image:url(/image/menu_6_on.png);}
.menu_6_on, a.menu_6_on, a.menu_6_on:link, a.menu_6_on:active, a.menu_6_on:visited {background-image:url(/image/menu_6_on.png);}
a.menu_6_on:hover {background-image:url(/image/menu_6_on.png);}
/* Menu 7 */ 
.menu_7, a.menu_7, a.menu_7:link, a.menu_7:active, a.menu_7:visited {background-image:url(/image/menu_7_off.png);}
a.menu_7:hover {background-image:url(/image/menu_7_on.png);}
.menu_7_on, a.menu_7_on, a.menu_7_on:link, a.menu_7_on:active, a.menu_7_on:visited {background-image:url(/image/menu_7_on.png);}
a.menu_7_on:hover {background-image:url(/image/menu_7_on.png);}
/* Menu 8 */ 
.menu_8, a.menu_8, a.menu_8:link, a.menu_8:active, a.menu_8:visited {background-image:url(/image/menu_8_off.png);}
a.menu_8:hover {background-image:url(/image/menu_8_on.png);}
.menu_8_on, a.menu_8_on, a.menu_8_on:link, a.menu_8_on:active, a.menu_8_on:visited {background-image:url(/image/menu_8_on.png);}
a.menu_8_on:hover {background-image:url(/image/menu_8_on.png);}

/* Header menu */
.header_menu{
	position:relative;  	
	float:left;
	width:890px;
	height:31px;
}
.menu_h, a.menu_h, a.menu_h:link, a.menu_h:active, a.menu_h:visited {
	position:relative;  	
	float:right;
	width:62px;
	height:25px;
	padding-top:6px;
	color:#005598;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	background-image:url(/image/menu_h_off.png);
}
a.menu_h:hover {
	color:#FFFFFF;
	background-image:url(/image/menu_h_on.png);
}
.menu_h_on, a.menu_h_on, a.menu_h_on:link, a.menu_h_on:active, a.menu_h_on:visited {color:#FFFFFF; background-image:url(/image/menu_h_on.png);}

/* App_for_key */
.app_for_key{
	position:relative;
	float: left;
	width:875px;
	padding-right:15px;
	height:24px;
	padding-top:14px;
	padding-bottom:69px;
}
.app_for_key_text {
	position:relative;  	
	float: right;
	width:145px;
	padding-top:6px;
	padding-bottom:7px;
	padding-left:10px;
	padding-right:10px;
	margin:0px;
	border:0px;
	color:#005598;
	font-size:11px;
	background-image: url(/image/app_for_key_text.png);
	background-repeat:no-repeat;
}
.app_for_key_submit {
	position:absolute;  	
	right:0px;
	top:11px;
	width:15px;
	height:24px;
	outline:none;
	background-image: url(/image/app_for_key_submit.png);
	background-repeat:no-repeat;
}

/* Blok */ 
.blok_top{
	position:relative;  	
	float:left;
	width:642px;
	height:12px;
	background-image:url(/image/blok_top.png);
	background-position:top;
	background-repeat:no-repeat;
}
.blok_bck{
	position:relative;  	
	float:left;
	width:634px;
	padding:0px 4px 0px 4px;
	background-image:url(/image/blok_bck.png);
	background-repeat:repeat-y;
}
.blok{
	position:relative;  	
	float:left;
	width:634px;
	padding-bottom:3px;
	background-image:url(/image/blok.png);
	background-position:bottom;
	background-repeat:repeat-x;
}
.blok_bottom{
	position:relative;  	
	float:left;
	width:642px;
	height:15px;
	background-image:url(/image/blok_bottom.png);
	background-repeat:no-repeat;
	margin-bottom:6px;
}
.blok_foto{
	position:relative;  	
	float:left;
	width:120px;
	padding:0px 0px 0px 12px;
	text-align:left;
}
.blok_calendar, a.blok_calendar, a.blok_calendar:link, a.blok_calendar:active, a.blok_calendar:visited, a.blok_calendar:hover  {
	position:relative;  	
	float:left;
	width:300px;
	padding:0px 12px 0px 0px;
	text-align:left;
	font-size:11px;
}
/* Tekst */
.tekst{
	position:relative;
	float:left;
	width:610px;
	padding:0px 12px 0px 12px;
}
h1,.tekst_titel, a.tekst_titel, a.tekst_titel:link, a.tekst_titel:active, a.tekst_titel:visited, a.tekst_titel:hover {
	position:relative;
	float:left;
	width:610px;
	padding:2px 0px 0px 0px;
	color:#005598;
	font-size:14px;
	font-weight:bold;
}
.tekst_subtitel, a.tekst_subtitel, a.tekst_subtitel:link, a.tekst_subtitel:active, a.tekst_subtitel:visited, a.tekst_subtitel:hover  {
	position:relative;
	float:left;
	width:610px;
	padding:0px 0px 0px 0px;
	color:#005598;
	font-size:12px;
	font-weight:bold;
}
.tekst_tekst, a.tekst_tekst, a.tekst_tekst:link, a.tekst_tekst:active, a.tekst_tekst:visited, a.tekst_tekst:hover  {
	position:relative;
	float:left;
	width:610px;
	padding:6px 0px 0px 0px;
}
.tekst_spacer {
	position:relative;
	float:left;
	width:610px;
	height:12px;
}
.tekst_subspacer {
	position:relative;
	float:left;
	width:610px;
	height:6px;
	overflow:hidden;
}
.tekst_url, a.tekst_url, a.tekst_url:link, a.tekst_url:active, a.tekst_url:visited, a.tekst_url:hover  {
	position:relative;
	float:left;
	width:610px;
	padding:5px 0px 0px 0px;
	color:#005598;
	font-size:11px;
	font-weight:bold;
	text-align:right;
}
.w1{
	width:368px;
}
.w2, a.w2, a.w2:link, a.w2:active, a.w2:visited, a.w2:hover {
	width:478px;
}
.w3, a.w3, a.w3:link, a.w3:active, a.w3:visited, a.w3:hover {
	width:283px;
}
.w4, a.w4, a.w4:link, a.w4:active, a.w4:visited, a.w4:hover {
	width:298px;
}

.l1{
	padding-bottom:4px;
	border-bottom:1px solid #005598;
}
.t1, a.t1, a.t1:link, a.t1:active, a.t1:visited, a.t1:hover {
	text-align:left;
}
.p1, a.p1, a.p1:link, a.p1:active, a.p1:visited, a.p1:hover {
	padding-top:8px;
}
.s1, a.s1, a.s1:link, a.s1:active, a.s1:visited, a.s1:hover {
	height:6px;
}

/* Foto */
.foto{
	position:relative;
	float:right;
	width:230px;
	padding-right:12px;
}
.foto img{
	position:relative;
	float:right;
}
.foto_spacer{
	position:relative;
	float:right;
	width:230px;
	padding-right:12px;
}
/* Rect */ 
.rect_cont{
	position:relative;  	
	float:left;
	width:315px;
}
.rect_top{
	position:relative;  	
	float:left;
	width:315px;
	height:12px;
	background-image:url(/image/rect_top.png);
	background-position:top;
	background-repeat:no-repeat;
}
.rect_bck{
	position:relative;  	
	float:left;
	width:307px;
	padding:0px 4px 0px 4px;
	background-image:url(/image/rect_bck.png);
	background-repeat:repeat-y;
}
.rect{
	position:relative;  	
	float:left;
	width:307px;
	padding-bottom:3px;
	background-image:url(/image/rect.png);
	background-position:bottom;
	background-repeat:repeat-x;
}
.rect_bottom{
	position:relative;  	
	float:left;
	width:315px;
	height:15px;
	background-image:url(/image/rect_bottom.png);
	background-repeat:no-repeat;
	margin-bottom:6px;
}
.rect_spacer{
	position:relative;  	
	float:left;
	width:10px;
	height:10px;
}
.rect_url, a.rect_url, a.rect_url:link, a.rect_url:active, a.rect_url:visited, a.rect_url:hover  {
	position:relative;
	float:left;
	width:283px;
	padding:4px 0px 0px 0px;
	text-align:left;
}
.buienradar{
	position:absolute;
	right:12px;
	top:9px;
	border-left:5px solid #FFF;
	z-index:6;
}
.weather{
	position:relative;  	
	float:left;
	width:272px;
	padding-left:35px;
	padding-top:10px;
}
.weather_currentimg{
	position:relative;  	
	float:left;
	padding-right:15px;
	padding-top:5px;
}
.weather_currentinfo{
	position:relative;  	
	float:left;
	font-size:10px;
	color:#000;
}
.weather_future{
	position:relative;  	
	float:left;
	width:40px;
	padding-right:15px;
}
.weather_futureday{
	position:relative;  	
	float:left;
	width:40px;
	color:#000;
	font-weight:bold;
	text-align:center;
}
.weather_futureimg{
	position:relative;  	
	float:left;
	padding:2px 0px 2px 0px;
}
.weather_futureinfo{
	position:relative;  	
	float:left;
	width:40px;
	font-size:10px;
	color:#000;
	padding-bottom:8px;
	text-align:center;
}

/* Fotoalbum */
.fotoalbum{
	position:relative;  	
	float:left;
	width:206px;
	height:154px;
	margin-bottom:12px;
}
.fotoalbum_title{
	position:absolute; 
	left:10px;
	top:112px;
	width:186px;
	height:154px;
	color:#005598;
	font-size:11px;
	font-weight:bold;
	text-align:center;
}
.fotoalbum_img{
	position:relative;  	
	float:left;
	width:195px;
	text-align:center;
	font-style:italic;
}
/* Calendar */
.calendar_titel, a.calendar_titel, a.calendar_titel:link, a.calendar_titel:active, a.calendar_titel:visited, a.calendar_titel:hover  {
	position:relative;
	float:left;
	width:610px;
	padding:0px 0px 6px 0px;
	font-size:12px;
}
.calendar_titel1, a.calendar_titel1, a.calendar_titel1:link, a.calendar_titel1:active, a.calendar_titel1:visited, a.calendar_titel1:hover  {
	color:#005598;
	font-weight:bold;

}
.calendar_uitslag, a.calendar_uitslag, a.calendar_uitslag:link, a.calendar_uitslag:active, a.calendar_uitslag:visited, a.calendar_uitslag:hover  {
	position:relative;
	float:left;
	width:584px;
	border:1px solid #999;
	padding:12px 12px 12px 12px;
	margin:6px 0px 12px 0px;
}
/* Tabs */
.tabs_tabs{
	position:relative;
	float:left;
	width:402px;
	padding-top:8px;
	z-index:4;
}
.tabs_tab{
	position:relative;
	float:left;
	width:402px;
	height:55px;
	z-index:4;
}
.tabs_tab_1, a.tabs_tab_1, a.tabs_tab_1:link, a.tabs_tab_1:active, a.tabs_tab_1:visited{background-image:url(/image/tabs_tab_1.png);} .tabs_tab_1:hover,a.tabs_tab_1:hover  {background-image:url(/image/tabs_tab_1_hover.png);}
.tabs_tab_2, a.tabs_tab_2, a.tabs_tab_2:link, a.tabs_tab_2:active, a.tabs_tab_2:visited{background-image:url(/image/tabs_tab_2.png);} .tabs_tab_2:hover, a.tabs_tab_2:hover  {background-image:url(/image/tabs_tab_2_hover.png);}
.tabs_tab_3, a.tabs_tab_3, a.tabs_tab_3:link, a.tabs_tab_3:active, a.tabs_tab_3:visited{background-image:url(/image/tabs_tab_3.png);} .tabs_tab_3:hover, a.tabs_tab_3:hover  {background-image:url(/image/tabs_tab_3_hover.png);}
.tabs_tab_4, a.tabs_tab_4, a.tabs_tab_4:link, a.tabs_tab_4:active, a.tabs_tab_4:visited{background-image:url(/image/tabs_tab_4.png);} .tabs_tab_4:hover, a.tabs_tab_4:hover  {background-image:url(/image/tabs_tab_4_hover.png);}

.tabs_tab_titel, a.tabs_tab_titel, a.tabs_tab_titel:link, a.tabs_tab_titel:active, a.tabs_tab_titel:visited, a.tabs_tab_titel:hover  {
	position:relative;
	float:left;
	width:322px;
	padding:8px 30px 0px 50px;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	z-index:4;
}
.tabs_tab_omschrijving, a.tabs_tab_omschrijving, a.tabs_tab_omschrijving:link, a.tabs_tab_omschrijving:active, a.tabs_tab_omschrijving:visited, a.tabs_tab_omschrijving:hover  {
	position:relative;
	float:left;
	width:322px;
	height:24px;
	padding:0px 30px 4px 50px;
	font-size:10px;
	color:#003250;
	z-index:4;
}
.tabs_fotos{
	position:absolute;
	right:23px;
	top:8px;
	width:288px;
	height:220px;
	overflow:hidden;
	z-index:3;
}
.tabs_foto{
	display:none;
	z-index:3;
}
/* Sponsor */
.sponsor{
	position:relative;
	float:left;
	width:182px;
	padding-left:20px;
	padding-top:20px;
}
.sponsor_t{
	position:relative;
	float:left;
	width:182px;
	padding:6px 0px 7px 0px;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	font-size:13px;
	background-image:url(/image/sponsor_t.png);
}
.sponsor_banner{
	position:relative;
	float:left;
	width:180px;
	border-left:1px solid #0060a4;
	border-right:1px solid #0060a4;
	border-bottom:1px solid #0060a4;
	padding:0px 0px 0px 0px;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	font-size:13px;
}
.sponsor_l{
	position:absolute;
	left:20px;
	bottom:0px;
	width:14px;
	height:14px;
	background-image:url(/image/sponsor_l.png);
}
.sponsor_r{
	position:absolute;
	right:0px;
	bottom:0px;
	width:14px;
	height:14px;
	background-image:url(/image/sponsor_r.png);
}
.calendar_b{
	position:relative;
	float:left;
	width:202px;
	height:14px;
	background-image:url(/image/calendar_b.png);
	background-position:right;
	background-repeat:no-repeat;

}
