html {
	background: #FFFFFF;
	padding: 0.5em 2em 3em 2em;
	background-image: url(img/bg.gif);
	background-position:0% 0%;
	background-repeat:no-repeat;
}

body, div, td, th, h2, h3, h4 { /* redundant rules for bad browsers  */  
   font-family: Trebuchet ms,verdana,sans-serif;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small;
	color: #000;
	
}  

a { color: #06C; }
a:hover { color: #333; }
a:active { color: #000; }

p { line-height: 18px;; }

h1 {
	font-family: Georgia, trebuchet ms,arial,verdana,sans-serif;
	font-weight: bold;
	font-size: 20px;
	color: red;
	padding-bottom: 2px;
	border-bottom: 1px dotted #CCC;
	margin: 0;
}
h2 {
	font-family: Georgia, trebuchet ms,arial,verdana,sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #666;
	color: red;
	line-height:20px;
	margin: 0;
}

#main {
	text-align: left;
	clear: both;
	width: 900px;
	margin-top: -1px;
}
#header {
	margin:32px 20px 0px 18px;
	width:860px;
	height:107px;
	float:left;
}
#bodyarea {
	padding: 20px;
	min-height: 400px;
	border-bottom:1px solid #ccc;
	width:862px;
	margin-top:0px;
	float:left;
}
.links {
	border-left:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	padding-bottom:40px;
}
.links a{
	text-decoration:none;
}
.links a:hover{
	text-decoration:underline;
	color:red;
}


#topbar {
	padding-bottom: 0.5em;
	font-family: trebuchet ms,verdana,sans-serif;
	font-weight: bold;
	height:80px;
	font-size: 20px;
	float:left;
}

#header .titel{
	font-family: Georgia,trebuchet ms,verdana,sans-serif;
	font-weight: bold;
	font-size: 23px;
	text-align:right;
	vertical-align:middle;
}
#header .titel{
 position:absolute;
 left:610px;
 top:190px;
 }
#header .titel{
 background-color:#FFF;
 padding:5px;
 display:block;
 width:300px;
 float:right;
}

#topbar a { text-decoration: none; color: #000; }

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

/*///////////// Tabs Code ////////////*/

#tabs {
	font-family: tahoma,verdana,sans-serif;
	font-size: 85%;
	clear: both;
	text-align: center;
	padding-left:20px;
}

#tabs ul {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#tabs li { float: left; }

#tabs a,span { width: auto; }

#tabs span {
	position: relative;
	top: 0;
	margin: 0 2px 0 0;
	float: left;
	padding: 5px 4px 5px 10px;
	text-decoration: none;
	color: red;
	font-weight:bold;
}

#tabs a {
	position: relative;
	top: 0;
	margin: 1px 2px 0 0;
	float: left;
	padding: 5px 4px 5px 10px;
	text-decoration: none;
	color: #333;
	font-weight:bold;
}

#tabs a:hover {
	position: relative;
	top: 0;
	padding: 5px 4px 5px 10px;
	margin-top: 0px;
	color: red;
	text-decoration:underline;
}

#tabs a.active {
	position: relative;
	top: 0;
	float: left;
	padding: 5px 4px 5px 10px;
	text-decoration: none;
	color: red;
}

#tabs a.active:hover {
	position: relative;
	top: 0;
	float: left;
	padding: 5px 4px 5px 10px;
	text-decoration: none;
	color: red;
	text-decoration:underline;
}

#subtabs ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#subtabs li {
	float: left;
	padding: 0 8px 0 8px;
	white-space: nowrap;
}

#subtabs li:first-child { border-left: none; }

#subtabs {
	font-family: tahoma,verdana,sans-serif;
	font-size: 85%;
	background: #FFF;
	color: #666;
	padding: 5px 7px 7px 7px; /* for All other Browsers */
}
.note{
	text-align:left;
	padding-top:8px;
}
.note p{
	line-height:16px;
	font-size:12px;
	color:#333;
	margin-top:0px;
}
.note a{
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
.note a:hover{
	color:red;
	text-decoration:underline;
}
.content_td,.rechts_td{
	vertical-align:top;
}
.content_td{
	text-align:left;
}

.rechts_td{
	border-left:1px dotted #ccc;
}
.counter{
	text-align:right;
}
.counter a{
	color:#ffffff;
}
.hilight{
	background-image: url(img/bg_hili.jpg);
	background-position:100% 100%;
	background-repeat:no-repeat;
}
.hilight b{
	color:#FFF;
	font-size:18px;
	display:block;
	width:100%;
	padding-bottom:5px;
	border-bottom:1px dotted #fff;
}
.hilight ul{
	margin:15px;
}
.weer_holder{
	width:300px;
	height:300px;
	background-image: url(index_15_3_1.jpg);
	background-position:0% 0%;
	background-repeat:no-repeat;
	padding-top:10px;
}
.weer{
	width:120px;
	height:217px;
	overflow:hidden;
}
hr{
	border: none; 
	border-bottom: 1px dotted #ccc; 
	height: 0;
}
.vlaggen{
	height:20px;
	width:450px;
	float:left;
	position:absolute;
	left:620px;
	top:50px;
}
a.talen{
	font-size:18px;
	font-weight:bold;
	color:red;
	text-decoration:none;
}

.tabel_ticker{
	height:60px;
	background-image: url(img/bg_ticker.gif);
	background-position:0% 0%;
	background-repeat:no-repeat;
}
.tabel_ticker td{
	text-align:center;
}


#whatsnew a{font-size:16px;color:#000000;text-decoration:none; text-align:center;}
#whatsnew, #temp {font-weight:bold; font-family:Georgia; text-align:center;}
#whatsnew a:hover{color:red;text-decoration:underline;}



#dropinboxv2cover{
	width: 300px; /*breedte */
	height: 120px;  /*hoogte */
	position:absolute; 
	z-index: 100;
	overflow:hidden;
	visibility: hidden;
}

#dropinboxv2{
	width: 300px; /*breedte van boven -20. */
	height: 120px; /*hoogte van boven -20. */
	border: 2px red; 
	background-color: #cccccc; /*kleur*/
	padding: 4px;
	position:absolute; 
	left: 0;
	top: 0;

}
.slideshow { height: 230px; width: 260px; margin: auto }
.slideshow img { padding: 10px; border: 0px solid #ccc; background-color: #eee; }


.td-kop{
	background-color:red;
	color:#fff;
	font-weight:bold;
	padding:3px;
}
.td-data{
	border-bottom:1px dotted #ccc;
}