﻿* {
	font-family: arial, sans-serif;
	font-size: 12px;	
}

html {
height:100%; 
max-height:100%; 
/* hide overflow:hidden from IE5/Mac */
/* \*/
/*overflow: hidden;*/
/* */
}

form {margin:0;}

body 
{
	position:relative;
	height:100%; 
	max-height:100%; 
	/*overflow-y:hidden; */
	padding:0; margin:0; border:0; 
	font-family:Arial, sans-serif;		
	background: url(images/bg_body.gif) repeat-y;
}
body.sidebar {background: url(images/bg_body_sidebar.gif) repeat-y; }
body.popup {background:none; margin:20px;}

.formlabel{background-color: #DADADA; padding: 0 20px 0 5px;}
.formveld .veld {border: solid 1px #006FA4; width:200px; margin-left: 5px;}
.knop{border:solid 1px #006FA4; background-color: #CCEBF9; margin-top: 10px;}

table 
{
	border-collapse:collapse;
}

.highlight 
{
	/*background-color:#DADADA;*/
	font-weight: bold;
}

img {
	border: none;
}

#thumbNail
{
	float: left;
	padding: 0px 10px 0px 0px;
}

.headLabel, .headLabel  P{	display: inline;	}


h1, h1 * {
	margin: 0 0 0px 0;
	padding: 10px 0px 10px 0px;
	color:#009ae3;
	font-size:25px;
	line-height:1em;	
}

h5, h5 * {
	margin: 0 0 0px 0;
	padding: 10px 0px 10px 0px;
	color:#009ae3;
	font-size:20px;
	line-height:1em;
}

h2 {
	font-size: 12px;
	color: #009ae3;
}

h3, h3 * {
	margin: 0px;
	padding: 0px;
	font-weight: bold;		
	font-size:15px;
	color:Black;
	text-decoration:none;
}

h4, h4 * {
	margin: 0px;
	padding: 0px;
	font-weight: bold;		
	font-size:15px;
}

form {
	margin: 0px;
	padding: 0px;
}

ul 
{
	margin-top: 0px; 
	margin-left: 15px;
	padding:0;
}

.NavTree 
{
	margin-left: -15px;
}

div#left 
{
	
	position: relative;
	float: left;
	width: 212px;
	height: 100%;
}

div#logo {
	position: relative;
	width: 212px;
	padding-top: 10px;
	background-color: #ccebf9; /* Blauwe kleur voor achtergrond: #FFCDD1; */
}

div#menu {
/*	position: relative; */
	padding: 0px 0 0 20px; 	
	color: #fff;
}

div#menu a {
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	line-height: 1.5em; 
}

div#menu a:hover {
	text-decoration: underline;
}

div#menu a.disclaimer {
	font-weight: normal;
}

div#right {
	position: absolute;		
	width: 780px;
	top:0;
	left:212px;	
	padding-bottom:20px;
	height:100%;
}

div#content 
{	
	vertical-align:top;
	position: relative;	
	margin: 100px 0 0 40px;
	height: auto;	
}

.contentcontent {}
.pnlOnder {position:relative; min-height:375px; height:auto !important; }
.pnlOnderLeft {width:48%; height:auto !important; }
.pnlOnderRight {float:right; width:48%; height:auto !important; }
.pnlRight {margin: 0px }

.sidebar div#content 
{
	width:500px;
	vertical-align:top;
	position: relative;
	margin: 120px 0 0 40px;	
}

#sidebar
{
	display:none;
}
.sidebar #sidebar
{	
	display:block;
	position:absolute; 
	top:0px;
	right:-235px;
	width:210px;
}

#footer {margin-top:10px; font-weight:bold; font-size:10px; clear:both;}
#footer * {font-weight:bold; font-size:10px;}


div#content a {
	color: #009ae3;
	text-decoration: none;
}

div#content a:hover {
	text-decoration: underline;
}

div#content p 
{
	margin: 0;
	padding: 0 0 15px 0;
}

div#content span.tekstcontent table p
{
	margin: 0;
	padding: 0 0 0px 0;
}

div#content .headLabel p 
{
	margin: 0;
	padding: 0;
}


P{
	margin: 0px;
	padding: 0px;	
}


div#content div.infobox {
	border: solid 1px #000;
	padding: 5px;
	margin: 0;
}

#table {
	border: solid 1px #aaaaaa;
    width:100%;
    padding: 10px;
	margin: 0;
    border-collapse: collapse;    
}

#table td{
    border: solid 1px #aaaaaa;
    font-size:11px;
}

#table td p{
        margin:0;
        padding:0;
        font-size:11px;
}

#table td strong {
    font-size:11px;
}

#btnprint{position:absolute; top:0px; left:-25px;}
#topmenu {position:absolute; top:119px; right:10px;}
#rssmenu {position:absolute; top:10px; right:10px;}

#topmenu input { font-size:10px; height:13px; border:solid 1px black;}
#topmenu ul {list-style:none;}
#topmenu ul li {float:left;}

div#menu .submenu a{font-weight: normal; color: #ffffff; text-decoration: none; line-height: 0.5em; padding:0px; margin: 0 0 0 15px;}
#right{line-height: 1.4em;}
#disclaimer 
{
	font-size:11px;
	padding-left: 10px;	
}

#bottomcontainer {	
	width: 200px;
	height: 30px;
	position: absolute;  
	bottom:  0;
	text-align: center;
}

#bottomcontainerContent {	
	width: 100%;
	height: 30px;
	position: absolute;  
	bottom:  0;
	text-align: center;
}

.newsitemhdr {
	margin: 0px;
	padding: 0px;
	font-weight: bold;		
	font-size:20px;
}

.headerhdr {position:absolute; top:0; left:0; margin-top:0; z-index:0;}
.sitemap {position:relative; top:124px; left:10px; color:black; font-size:11px; z-index:99;}
.sitemap a:link, .sitemap a:active, .sitemap a:visited {color:black; font-size:11px; text-decoration:none;}
.sitemap a:hover {color:black; text-decoration:underline;}
#rondje {position:absolute; top:500px; left:15px; z-index:-1;}
.BreadCrumItemSelf{display:none;}

.poweredby {margin-top:100px;}

.quicklinks  {margin:30px 0 0 0; padding:0;}
.quicklinks li {line-height:1em; margin-bottom:5px;}
.quicklinks li a {font-size:10px; line-height:1em;}

.poll {line-height:1em; margin-bottom:5px; list-style-image: url('images/li_pollquestion.gif');}

.polldate 
{
	font-size: 11px;
	line-height: 2em;
}

.pollpercentage 
{
	font-size: 12px;
	font-weight: bold;
	color: #3BB4E7;
}


.pollvote {vertical-align:top;margin:3px 3px 0px 0px ;}

.vinkvakje {vertical-align:top;}

#shoppingcar {position:relative; float:right;}
.ondertitel {position:absolute; z-index:10; top:12px; left:10px;}
.loginStatus {position:relative; left:-10px; border:solid 1px #0089C7; width:175px; padding:6px;}
.loginStatus a:link, .loginStatus a:active, .loginStatus a:visited, .loginStatus a:hover {font-weight:normal; font-size:10px; text-decoration:underline;}


/*
.contentcontent table {border: solid 1px #aaaaaa; padding: 10px; margin: 0 0 15px 0; border-collapse: collapse;    }
.contentcontent td {border: solid 1px #aaaaaa; font-size:11px;}
.contentcontent td p{margin:0; padding:0; font-size:11px;}
.contentcontent td strong {font-size:11px;}
*/

.shopproduct {position:relative; width:200px; height:300px;  margin:10px 40px 10px 0; float:left;}
.shopproduct .name {color:#2E97D0; font-weight:bold; font-size:13px; margin-bottom:10px;}
.shopproduct .description {font-size:11px; line-height:1.3em;}
.shopproduct .buttons {margin:3px 0 5px 0; }
.shopproduct .picture {text-align:center; margin-bottom:10px;}
.shopproduct .shopprijs {display:inline; background-color:White; border:solid 1px #009EE0; color:#009EE0; font-size:11px; font-weight:bold; line-height:1em; padding:0 2px; margin:0 0 0 10px; vertical-align:top;}

.header {color:#2E97D0; font-weight:bold; font-size:15px; margin-bottom:0px; margin-top:10px;}
.shopproductbar {position:relative; width:200px; height:200px;  margin:10px 1px 10px 0; float:left;}
.shopproductbar .name {color:#2E97D0; font-weight:bold; font-size:13px; margin-bottom:10px;}
.shopproductbar .description {font-size:11px; line-height:1.3em;}
.shopproductbar .buttons {margin:3px 0 5px 0;}
.shopproductbar .picture {text-align:center; margin-bottom:10px;}

.shopproductdetails .name {color:#2E97D0; font-weight:bold; font-size:18px; margin-bottom:10px;}
.shopproductdetails .description {font-size:11px; line-height:1.3em;}
.shopproductdetails .buttons {margin:3px 0 5px 0;}
.shopproductdetails .picture {text-align:center; margin-bottom:10px;}

/* tabellen en grafieken */
/*
.tabelcontainer	{position:relative; border:solid 1px #E0E0E0;}
.tabelcontainer ul {position:relative; bottom:0px; margin:10px 0 0 0; padding:0; list-style:none; height:22px; background-color:#E0E0E0; width:100%;}
*/
.tabelcontainer	{border:solid 1px #E0E0E0;}
.tabelcontainer .tabelcontent {margin:5px;}
.tabelcontainer ul {bottom:0px; margin:10px 0 0 0; padding:0; list-style:none; height:22px; background-color:#E0E0E0; width:100%;}
.tabelcontainer ul li {float:left; margin:2px 2px; }

/*
.tabelcontainer ul li {float:left; padding:0 10px 0 10px; height:20px; border:solid 1px black; border-top:none; margin:0 1px 0 0; display:block;background-color:#DEE7E2;}
.tabelcontainer ul li a:link, .tabelcontainer ul li a:active, .tabelcontainer ul li a:visited {color:black; text-decoration:none}
.tabelcontainer ul li a:hover {text-decoration:underline}
.tabelcontainer ul li.active {background-color:#99C5D4;}
*/

.agendaitem {margin:0 0 20px 0;}
.agendaitem .agendadate span {font-size:10px; color:Gray;}

@media print 

{

	body 
{
	height:auto; 
	background: none;
}
	
	* {visibility: hidden;}
	
	#left{display:none;}
	div#content div#sidebar{display:none;}
	.sidebar div#content {margin:0; width:100%;}
	
	div#right 
	{
		visibility:visible;
		vertical-align:top;
		position: relative;	
		margin: 0;
		padding: 0;
		height: auto;
		left: 0;
		top: 0;
		width:auto;

	}
	
	div#right .headerhdr{display:none;}
	
	div#content 
	{	
		visibility:visible;
		vertical-align:top;
		position: absolute;	
		margin: 10px 20px 40px 20px;
		height: auto;
		left: 0px;
		top: 0px;

		
	}

	.contentcontent * {visibility:visible;}

}