html, body {
height: 100%; /* héél belangrijk */
}
body {
margin: 0;
padding: 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
}


#container {
	margin: 0 auto;
	padding: 0;
}

#container {
position: relative;
min-height: 100%;
height:auto !important; /* voor moderne browsers */
height:100%; /* voor IE */
}

#container td {
padding:0;
}

#header {
margin: 0 auto;
	padding:0;
	/* for validation define foreground color in this case black*/
	color: black;
	background-image: url(img/headerbg2.jpg);
	background-repeat: repeat-x; 	
	border-bottom:1px solid #A4CAA2;
}
#header img {
border:0;
}

#mottoimg {
float:right;
margin-left:10px;
}

#cor {
float:right;
margin:0;
padding:0;
border:0;
}

#leftColumnContainer {
	margin: 0 auto;
	padding: 0;
	vertical-align:top;
	border-right: 1px solid #6ddc6d;	
	background-image: url(img/pagebg2.jpg);
	background-repeat:repeat-x;
	background-position:top left;
}

#leftnav {
	margin: 0 auto;
	text-align:center;
	width: 15em;
	padding: 30px 0 15px 0;
}
.menugauche {
list-style-type: none;
margin: 0 2px;
padding:0;
}
.menugauche li {
margin-bottom: 2px;
}
.menugauche li a {
	display:block; 
	width:auto;
	margin:0 2px; 
	padding:5px 10px; 
	color:#333; 
	/*background:#D8F5D8;*/
	background: transparent; 
	font-size:1em; 
	font-weight:normal; 
	text-align:right; 
	text-decoration: none;
	border-top:1px solid #fff;
	border-right:1px solid #9999ff;
	border-bottom:1px solid #999;
	border-left:1px solid #c0c0c0; }

.menugauche li a:hover {
	color:#000; 
	background:#f0f0f0 url(img/hover.jpg) repeat-y;
	border-top: 1px solid #8CE38C;
	border-right: 1px solid #9999ff;
	border-bottom: 1px solid #6ddc6d;
	border-left: 1px solid #6ddc6d;}

.menugauche li a.active {
background:#fafafa; color:#000;
font-weight:bold; 
border-top:1px solid #8CE38C;
border-right:1px solid #9999ff;
border-bottom:1px solid #999;
border-left:1px solid #6ddc6d;}

.menugauche li a.active:hover {
color:#006600; background:#f0f0f0;}


#content {
	width:100%;
	margin:0;
	padding: 0;
	/* for validation define foreground color in this case black*/
	color: black;
	background: #fff;
	vertical-align:top;
}

.pagetitel {
	margin:0;
	padding:5px 10px;
    height: 1.25em;
	background-image: url(img/pagetitelbg.jpg);
	background-repeat: repeat-x;
	border-bottom:1px solid #b6c2d0;
}

.pagetitel .quotes {
font: bold 0.9em Verdana, Arial, Helvetica, sans-serif;
float:right;
font-style:italic;
color:#333333;

}
.pagetitel .naam {
float:left;
padding-left:10px;
font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;
color:#040150;
}


/******* main column (Inhoud) styles ******/

#main {
	padding: 20px;
	line-height:1.5em;
}

#main h3 {
margin: 1.75em 0 0 0;
padding:0;
font: 1.6em Verdana, Arial, Helvetica, sans-serif; 
color:#003333;
background: #fff;
}

#main h4 {
margin: 1.25em 0;
padding:0;
font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;
background: #fff;
color:#003333; 
line-height:1.30em;
}

#main h5 {
margin: 1.25em 0;
padding:0;
font: bold 1em Verdana, Arial, Helvetica, sans-serif;
background: #fff;
color:#003333; 
line-height:1.30em;
}

#main p {
margin:10px 0 10px 0; }
#main a {
color:#0000FF; 
background: #fff;
text-decoration:none;}

#main a:hover {
color:#000; 
background: #fff;
text-decoration:underline;}

#main dt {
margin:10px 0;
font-weight:bold; }

#main dd {
margin: 5px 0 5px 10px; }



/********** diverse image styles  **********/ 

/*  image right align  */
.rightAlign {
border:0;
margin: 0 0 0 10px;
float:right;
}

.rightAlignSpec {
	float:right;
	border: 1px solid #ccc;
	padding: 3px;
	margin: 0 10px;
}

/*  image left align  */

.leftAlignSpec {
	float:left;
	border: 1px solid #ccc;
	padding: 3px;
	margin: 0 10px 0 0;
}


.leftAlign {
border:0;
margin: 0 10px 0 0 ;
float:left;
}

/*****  Behandelingen pagina's - special tabel styles  */

.exercise {
width: 100%;
border:0;
margin: 0px 0 10px 0;}


.first {
width: auto;
text-align:left;
}

.exercise td {
border-top:1px solid #8CE38C;
border-right:1px solid #8CE38C;
border-bottom:1px solid #8CE38C;
padding: 0 10px 0 0 ;
}
.exercise p {
padding: 0 10px 0 0 ;
}

/*****  Behandelingen Right Column sub navigation container  */

div#sidebar_right {
	float: right;
	width: 160px;
	margin: 0 0 0 10px;
}

.box_right {
	border: 1px solid #8CE38C;
}
.box_right_title {
	font-weight: bold;
	color:#333;
	background:#D8F5D8; 
	text-align: center;
	padding: 3px 3px 0px 3px;
	margin: 0px;
	height: 25px;
}
/*****  Behandelingen Right Column sub-navigation link styles  */
#navlist {
margin-left: 10px;
padding: 0;
list-style: none;
}

#navlist li {
padding-left: 10px;
background-image: url(img/arrow.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
margin:2px 0;
}

#navlist li a { text-decoration: none; }
#navlist li a:link { color: black;background: #fff; }
#navlist li a:visited { color: gray; background: #fff; }
#navlist li a:active { color: #f70000; background: #fff; }

#active a:link, #active a:visited, #active a:hover {
border: 1px solid #333399;
background-color: #FFF;
color: #333;
padding: 2px 5px;
}


/****** Diverse containers voor slideshow, ect *******/
.centerimgcontainer {
text-align:center;
padding:5px;
}

.diacontainerFloatleft {
width:auto;
float:left;
margin: 20px 10px 10px 0;
}
.diacontainerFloatRight {
width:auto;
float:right;
margin: 20px 0 10px 10px;
}
.diacontainerAlignCenter {
width: 147px;
text-align:center;
margin: 0 auto;
background-color: #eefaee;
color: #eefaee;
}
.diashow {
padding:3px;
border:1px solid #ccc;
}
.diashowNav {
padding:3px;
border:1px solid #6ddc6d;
text-align:center;
}

.TriggerPointImgcontainer {
width:auto;
float:right;
margin: 20px 0 10px 10px;
}

.openingpageFloatRight {
width:180px;
float:right;
margin: 40px 0 10px 10px;
text-align:center;
}
.openingpageFloatRight img {
padding:3px;
border:1px solid #ccc;

}
.openingpageFloatRight p {
color:#003333;
text-align:left;
font-size: 1em;
font-weight:bold;
margin-top:2px;

}

/**** Misc ******/

.spacer {
height:400px;
}

.thumbnail {
margin: 0;
text-align: center;}

.thumbnail img {
padding:0 0 5px 0;
border: 0;}

#ganaarboven {
	margin: 20px;
    text-align:center;
}


/**** footer, stats, validatie ******/

#footer {
position: absolute;
bottom: 0; /* heel belangrijk */
}

#footer {
	padding: 20px;
	text-align:center;
}
.clear {
clear:both;
}


#belstat {
min-width: 45px;
text-align: center;
margin: 5px; }

#belstat img { 
padding:0 0 5px 0;
border: 0;}