/***************************************************************** 
BODY EN BOX DECLARATIONS
*****************************************************************/ 
iframe { border: 0px;}
body		{ text-align: center;
		  padding: 0px;
		  margin: 0px 0px 0px 20px;
		  background-color: #fff;
		  font-family: tahoma, arial, helvetica, sans-serif;
		  font-size: 76%;
		}

.clearboth { clear: both; }
img	{ border: 0px;} 

#container	{ position: relative;
		  width: 965px;
		  background: #f0f;
		  padding: 0px;
		  margin: 0px auto;
		}
 
	#content	{ position: absolute;
			  top: 110px;
			  left: 22px;
			  height: 700px;
			  width: 942px;
			  background: url(images/background.gif) no-repeat;
			}


		#static_content	{ position: absolute;
			  	  top: 15px;
			  	  left: 140px;
			  	  width: 487px;
			  	  margin: 0px;
			  	  padding: 0px;
				}	
		#tvgemist { position: absolute;
			  	  top: 15px;
			  	  left: 140px;
			  	  width: 487px;
			  	  margin: 0px;
			  	  padding: 0px;
				}	

		#tvgemist .blok	{ background: #bac6e5;
						  text-align: left;
						  padding: 5px;
						}


		#news	{ position: absolute;
			  top: 15px;
			  left: 140px;
			  width: 487px;
			  margin: 0px;
			  padding: 0px;
			}

			.nwsfoto { float: left;
				   margin: 0px 0px 0px 12px;
				 }


		#map	{ position: absolute;
			  top: 40px;
			  left: 0px;
			  width: 465px;
			  height: 400px;
			  margin: 0px;
			  padding: 0px;
			}

		#right_block	{ position: absolute;
			  	  top: 14px;
			  	  left: 648px;
			  	  width: 294px;
			  	  margin: 0px;
			  	  padding: 0px;
				}

		#right_block .right_content	{ background: #bac6e5;
						  text-align: left;
						  padding: 5px;
						}


/***************************************************************** 
NAVIGATION DECLARATIONS
*****************************************************************/ 

	#sidebar	{ position: absolute;
			  top: 110px;
			  left: 0px;
			  width: 153px;
			}

		ul#sidebar_nav_main	{ list-style-type: none;
					  text-align: left;
					  margin: 50px 0px 0px 0px;
					  padding: 0px;
					}

		ul#sidebar_nav_main li	{ width: 123px;
					  height: 22px;
					  background: url(images/button_left.gif) no-repeat;
					  padding: 4px 0px 4px 30px; 
					}

		ul#sidebar_nav_sub	{ list-style-type: none;
					  text-align: left;
					  margin: 50px 0px 0px 0px;
					  padding: 0px;
					}

		ul#sidebar_nav_sub li	{ width: 123px;
					  height: 22px;
					  background: url(images/button_left.gif) no-repeat;
					  padding: 4px 0px 4px 30px; 
					}

	#topbar	{ position: absolute;
		  text-align: left;
		  top: 100px;
		  left: 0px;
		}

		ul#header_nav	{ position: absolute;
				  top: 0px;
				  left: 0px;
				  list-style-type: none;
				  margin: 0px;
				  padding: 0px;
				  width: 973px;
				}

		ul#header_nav li	{ float: left; 
				 	  width: 123px;
					  height: 22px;
				 	  margin: 0px 9px 0px 0px;
					  padding: 4px 0px 4px 30px; 
					  background: url(images/button_top.gif) no-repeat;
					}

		ul#header_nav li.home	{ float: left; 
				 	  width: 123px;
					  height: 22px;
				 	  margin: 0px 9px 0px 0px;
					  padding: 4px 0px 4px 30px; 
					  background: url(images/button_home.gif) no-repeat;
					}



	#header		{ position: absolute;
			  top: 10px;
			  left: 0px;
			  width: 973px;
			  height: 110px;
			}
	
		#logo		{ position: absolute;
				  top: 0px;
				  left: 0px;
				}
				
		#televisiegids	{ position: absolute;
				  top: 10px;
				  left: 670px;
				}
	
		#radiogids	{ position: absolute;
				  top: 50px;
				  left: 670px;
				}
	

/***************************************************************** 
LIST DECLARATIONS
*****************************************************************/ 
		.right_content ul { margin: 0px; padding: 0px;  }
		.right_content li { margin: 0px; padding: 0px; list-style-type: none;  }

		#tvgemist .blok ul { margin: 0px; padding: 0px;  }
		#tvgemist .blok li { margin: 0px; padding: 0px; list-style-type: none;  }

#news ul	{ float: left;
		  width: 320px;
		  margin: 0px 0px 0px 15px;
		  padding: 0px;
		  text-align: left;
		  list-style-type: none; 
		}
#news ul li	{ padding: 0px;
		  margin: 0px 0px 5px 0px;
		 }



ul.right_nav_sub	{ list-style-type: none;
			  text-align: left;
			  margin: 40px 0px 0px -27px;
			  padding: 0px;
			}

ul.right_nav_sub li	{ width: 153px;
			  height: 22px;
			  background: url(images/button_home.gif) no-repeat;
			  margin: 00px 0px 20px 0px;
			  padding: 4px 0px 4px 30px; 
			}

		  
ul.radiogids	{ list-style-type: none; }
ul.radiogids li	{ text-align: left;}
ul.radiogids span { float: left; width: 200px; } 
/***************************************************************** 
TEXT DECLARATIONS
*****************************************************************/ 




#news h1	{ display: block;
		  background: url(images/newsheader.gif) no-repeat; 
		  width: 487px;
		  height: 14px;
		  font-size: 100%; 
		  font-weight: bold;
		  text-align: left;
		  color: #000;
		  padding: 3px 0px 7px 30px;
		  margin: 10px 0px 0px 0px;
		}

#news h1 span	{ font-size: 90%; 
		  font-weight: normal;
		  font-style: italic;
		}

#right_block h1	{ display: block;
		  background: #7f99ce; 
		  width: 294px;
		  height: 14px;
		  font-size: 100%; 
		  font-weight: bold;
		  text-align: center;
		  color: #fff;
		  padding: 4px 0px 4px 0px;
		  margin: 10px 0px 0px 0px;
		}

#right_block h1	a { 
		  font-size: 80%; 
		  font-weight: bold;
		  text-align: center;
		  color: #ddd;
		 
		}

#news p		{ font-size: 100%; 
		  text-align: left;
		  margin: 5px 20px 20px 22px;
		  line-height: 15px;
		 }

#news img	{ margin: 0px 0px 10px 10px; }

#static_content	h1 	{ height: 14px;
			  font-size: 100%; 
			  font-weight: bold;
			  text-align: left;
			  color: #fff;
			  padding: 4px 0px 4px 30px;
			  margin: 10px 0px 0px 0px;
			  background: url(images/button_h1.gif) no-repeat; 
			}

#static_content	h2 	{ font-size: 100%; 
			  font-weight: bold;
			  text-align: left;
			  color: #000;
			  margin: 5px 20px 0px 22px;
			}
#static_content	table h2 { margin: 5px 20px 0px 0px; }

#static_content	h3 	{ font-size: 90%; 
			  font-weight: bold;
			  text-align: left;
			  color: #000;
			  margin: 5px 20px 0px 22px;
			}

#static_content	p	{ font-size: 100%; 
		  	  text-align: left;
		  	  margin: 5px 20px 20px 22px;
		 	}

#static_content	table	{ text-align: left;
			  margin: 5px 20px 20px 22px;
			}
			
			
#tvgemist h1	{ display: block;
		  background: #7f99ce; 
		  width: 487px;
		  height: 14px;
		  font-size: 100%; 
		  font-weight: bold;
		  text-align: center;
		  color: #fff;
		  padding: 4px 0px 4px 0px;
		  margin: 10px 0px 0px 0px;
		}

#tvgemist h1	a { 
		  font-size: 80%; 
		  font-weight: bold;
		  text-align: left;
		  color: #ddd;
		  float: left; 
		  margin: 0px 55px 0px 55px;
		}

#tvgemist h1#gemisthome 	{ height: 14px;
			  font-size: 100%; 
			  font-weight: bold;
			  text-align: left;
			  color: #fff;
			  padding: 4px 0px 4px 30px;
			  margin: 10px 0px 0px 0px;
			  background: url(images/button_h1.gif) no-repeat; 
			}
#tvgemist h1#gemisthome	a { text-decoration: none; color: #fff; font-size: 100%; font-weight: bold; margin: 0px 0px 0px 0px;
		}
#tvgemist h1	span { float: left; } 
	
#tvgemist	h2 	{ font-size: 100%; 
			  font-weight: bold;
			  text-align: left;
			  color: #000;
			  margin: 5px 20px 0px 22px;
			}


#tvgemist	p	{ font-size: 100%; 
		  	  text-align: left;
		  	  margin: 5px 20px 30px 22px;
		 	}		
		 	
img.tvgemist { margin: 2px 5px 5px 0px; float: right; }		 	
/***************************************************************** 
TABLES
*****************************************************************/


table.radio		{ float: left; }

table.adverteren	{ border-collapse: collapse; width: 450px; }
table.adverteren td	{ vertical-align: top; padding: 3px; border: 1px solid #000;}

#right_block table 	{  }
#right_block td 	{ border: 0px; }
/***************************************************************** 
LINK, hover and visited should have diversions in color.
hover should be underlined, for extra clarity a normal link
could be underlined to emphasize its linklyness.
*****************************************************************/

A 		    { text-decoration: none; }
A:link		{ text-decoration: none; }
A:visited	{ text-decoration: none; }
A:active	{ text-decoration: none; }
A:hover		{ text-decoration: underline; }
A#active	{ text-decoration: underline; }


#sidebar A 		     { text-decoration: none; display: block; color: #fff; font-size: 100%; font-weight: bold;}
#sidebar A:link		 { text-decoration: none; }
#sidebar A:visited { text-decoration: none; }
#sidebar A:active	 { text-decoration: none; }
#sidebar A:hover	 { text-decoration: none; color: #ccc; }
#sidebar A#active	 { text-decoration: none; color: #ccc; }

#topbar A 		    { text-decoration: none; display: block; color: #fff; font-size: 100%; font-weight: bold;}
#topbar A:link		{ text-decoration: none; }
#topbar A:visited	{ text-decoration: none; }
#topbar A:active	{ text-decoration: none; }
#topbar A:hover		{ text-decoration: none; color: #ccc; }
#topbar A#active	{ text-decoration: none; color: #ccc; }

#topbar .home A 	      { text-decoration: none; display: block; color: #000; font-size: 100%; font-weight: bold;}
#topbar .home A:link	  { text-decoration: none; }
#topbar .home A:visited	{ text-decoration: none; }
#topbar .home A:active	{ text-decoration: none; }
#topbar .home A:hover	  { text-decoration: none; color: #666; }
#topbar .home A#active	{ text-decoration: none; color: #666; }


.right_nav_sub A 	       { text-decoration: none; display: block; color: #000; font-size: 100%; font-weight: bold;}
.right_nav_sub A:link	   { text-decoration: none; }
.right_nav_sub A:visited { text-decoration: none; }
.right_nav_sub A:active	 { text-decoration: none; }
.right_nav_sub A:hover	 { text-decoration: none; color: #666; }
.right_nav_sub A#active	 { text-decoration: none; color: #666; }


.right_content A 	       { text-decoration: none; display: block; color: #000; font-size: 100%; font-weight: bold; margin: 0px 0px 3px 0px;}
.right_content A:link	   { text-decoration: none; }
.right_content A:visited { text-decoration: none; }
.right_content A:active	 { text-decoration: none; }
.right_content A:hover	 { text-decoration: underline; color: #666; }
.right_content A#active	 { text-decoration: none; color: #666; }


#tvgemist A 	       { text-decoration: none; color: #000; font-size: 100%; font-weight: bold; margin: 0px 0px 3px 0px;}
#tvgemist A:link	   { text-decoration: none; }
#tvgemist A:visited  { text-decoration: none; }
#tvgemist A:active	 { text-decoration: none; }
#tvgemist A:hover	   { text-decoration: underline; color: #666; }
#tvgemist A#active	 { text-decoration: none; color: #666; }

#tvgemist .blok A 	       { text-decoration: none; color: #000; font-size: 100%; font-weight: bold; margin: 0px 0px 3px 0px;}
#tvgemist .blok A:link	   { text-decoration: none; }
#tvgemist .blok A:visited  { text-decoration: none; }
#tvgemist .blok A:active	 { text-decoration: none; }
#tvgemist .blok A:hover	   { text-decoration: underline; color: #666; }
#tvgemist .blok A#active	 { text-decoration: none; color: #666; }





#news A 		    { text-decoration: none; color: #000; font-size: 100%; font-weight: bold; }
#news A:link		{ text-decoration: none; }
#news A:visited	{ text-decoration: none; }
#news A:active	{ text-decoration: none; }
#news A:hover		{ text-decoration: underline; }
#news A#active	{ text-decoration: underline; }

#news h1 A 		     { text-decoration: none; color: #000; font-size: 100%; font-weight: bold; }
#news h1 A:link		 { text-decoration: none; }
#news h1 A:visited { text-decoration: none; }
#news h1 A:active	 { text-decoration: none; }
#news h1 A:hover	 { text-decoration: underline; }
#news h1 A#active	 { text-decoration: underline; }


/*****************************************************************
DROPDOWN MENU DECLARATION
diverted from the magnificent and famous 'Suckerfish dropdown' method
Do we really still need the commented backslash hack???
Is there an alternative for IE5 MAC
source: http://www.htmldog.com/articles/suckerfish/example/
*****************************************************************/

/* Commented Backslash HACK (to hide this from IE5 MAC) \*/


#header_nav li ul {
	position: relative;
	display: none;
	width: 90px;
	top: 0px;
	left: 0px;
	font-weight: normal;
	background: none;
	padding: 0px 0px 0px 0px;
	margin: 0px;

}

#header_nav li>ul { top: 0px; left: auto; }
#header_nav li:hover ul, #header_nav li.over ul { top: 4px; display: block; }

#header_nav li li 	{ display: block; width: 145px; padding: 0px; margin: 0px 0px 0px -30px; 	background: url(images/menu_bg.png); }
#header_nav li.wide li 	{ width: 185px; }
#header_nav li li a 	  { padding: 4px 5px 4px 10px; margin: 0px; }
#header_nav li li a:hover { }


/* END Commented Backslash HACK */