html
{   
	height:100%; 
	overflow-y: scroll;
	overflow-x: hidden;
}    
body
{   
	background-color: #ffffff;
    margin: 0px;
    padding: 0px;
    font-size:12px;
    color: #333333;
    font-weight: normal;
    font-family: Arial,Verdana,Helvetica,Sans-serif;
    background-image: url('../images/bgbody.jpg');
    background-repeat: repeat-x;
}
a
{
	text-decoration: underline;
	color: #00abee; 
	font-weight: bold;
}
td, th 
{	
	vertical-align: top;
	text-align:left;
}

img 
{	
	border-width: 0px;
	margin: 0px;
}

h1,h2,h3, h4, h5, h6
{	
	color:#0191c9;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family:Arial,Verdana,Helvetica,Sans-serif;
}
h1 
{		
	display: inline;
	font-size:26px;
	width: 400px;
	letter-spacing: 2px;
}
h2 {		font-size:24px;}
h3 {		font-size:20px;}
h4 
{		
	display: inline;
	font-size:20px;
	width: 400px;
	letter-spacing: 2px;
}
h5 
{
	font-weight: bold;
	font-size:24px;
}

.printversie
{   
	background-color: white;
    background-image: none;
    margin:30px;
}
ul, ol, li
{   
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 15px;
}
form, table, fieldset
{   
	margin: 0px;
    padding: 0px;
    border:none;
    font-size:12px;
    color: #333333;
    font-weight:normal;
    font-family:Arial,Verdana,Helvetica,Sans-serif;
}
img 
{
	border: none;
}
#spacer
{
 width: 1px;
 height: 1px;
}
#omhullende
{
	position: relative;
	margin: 0 auto;
	width: 908px;
}
#content
{
	position: relative;
	z-index: 2000;
	background-color: white;
}

#linkedin
{
	width: 130px;
	height: 80px;
	position: absolute;
	z-index: 100000;
	top: 31px;
	left: 335px;
}
#linkedin img
{
	width: 130px;
	height: 80px;
}

/* toppic */
#toppicmasker
{
	position: relative;
	z-index: 2000;
    width: 908px;
    height: 244px;
    background-image: url('../images/logoballen.png');
    background-repeat: no-repeat;
}
#toppic
{
	position: absolute;
	z-index: 1999;
    width: 908px;
    height: 244px;
    background-image: url('../images/toppic.jpg');
    background-repeat: no-repeat;	
    background-position: top right;
    top: 0px;	
}
.toppic
{
	position: absolute;
	display: none;
	z-index: 1999;
	width: 908px;
	height: 244px;
	background-repeat: no-repeat;	
	background-position: top right;
	top: 0px;	
}

/* topnavigatie, sitemap en zoeken */
table.topnav
{
	position: absolute;
	z-index: 3000;
	width: 908px;
	color: white;
	height: 30px;
}
table.topnav a
{
	color: white;
	text-decoration: none;
	font-weight: normal;
}
table.topnav th
{
	width: 11px;
}
table.topnav td
{
	line-height: 30px;
	background-color: #00abee;
}
table.topnav td.topitemsright
{	
	padding-right:5px;
 	text-align: right;
}
table.topnav .icoon
{
	position: relative;
	top: 5px;
	right: 10px;
}
#printicoon
{
	position: relative;
    float: left;
    width: 22px;
    height: 30px;
    background-image: url('../images/printicoon.gif');
    background-repeat: no-repeat;
}
#kleiner
{
	font-size: 11px;
}
#groter
{
	font-size: 13px;
}
#gaterug
{
	height: 30px;
}
#gaterug a
{
	font-size: 13px;
	color: #333;
	font-weight: bold;
	text-decoration: none;
}
#zoeken
{
	display: inline;
	padding: 0px 0px 0px 15px;
}
#zoeken .zoekentekst
{
    border: none;
    padding: 0px;
    margin: 0px;
    text-indent: 5px;
  	width: 148px;
  	height: 18px;
  	line-height: 18px;
    background-image: url('../images/zoekenbg.gif');	
    background-repeat: no-repeat;
    background-position: top left;
}
#zoeken .zoekenbutton
{
	position: relative;
	top: 5px;
	padding: 0px;
	margin: 0px;
	border: none;
	width: 17px;
	height: 17px;
    background-image: url('../images/zoekenbutton.gif');	
    background-repeat: no-repeat;
    background-position: top left;	
}
#topnavleft
{
	position: relative;
    float: left;
    width: 11px;
    height: 31px;
    background-image: url('../images/topnavleft.gif');
    background-repeat: no-repeat;
}
#topnavright
{
	position: relative;
    float: right;
    width: 11px;
    height: 31px;
    background-image: url('../images/topnavright.png');
    background-repeat: no-repeat;
    
}

/* rootnavigatie */
table.rootnav
{
	position: absolute;
	bottom: 0px;
	z-index: 3000;
	width: 908px;
	color: white;
	height: 39px;
}
table.rootnav a
{
	display: block;
}
table.rootnav td
{
	line-height: 39px;
	font-size: 16px;
	font-weight: bold;
	background-color: #93be00;
}
table.rootnav th#throotnavleft,
table.rootnav th#throotnavright
{
	width: 12px;
}
#rootnavleft
{
	position: relative;
    float: left;
    width: 12px;
    height: 39px;
    background-image: url('../images/rootnavleft.gif');
    background-repeat: no-repeat;
}
#rootnavright
{
	position: relative;
    float: right;
    width: 12px;
    height: 39px;
    background-image: url('../images/rootnavright.png');
    background-repeat: no-repeat;
}

/* aktief rootnav item */
table.rootnavaktief
{
	margin-top: 7px;
	padding-right: 5px;
	float: left;
	color: #93be00;
	height: 26px;
}
table.rootnav table.rootnavaktief th
{	
	width: 7px;
	padding:0;
	margin:0;

}

table.rootnavaktief td
{
	line-height: 26px;
	background-color: white;
}
table.rootnavaktief a
{
	color: #93be00;
	text-decoration: none;
}
#rootnavaktiefleft
{
	position: relative;
    	float: right;
   	width: 7px;
   	height: 26px;
    	background-image: url('../images/rootitemleft.gif');
   	background-repeat: no-repeat;
   	margin:0;
   	padding:0;
}
#rootnavaktiefright
{
	position: relative;
	float: right;
	width: 7px;
	height: 26px;
	background-image: url('../images/rootitemright.gif');
	background-repeat: no-repeat;
   	margin:0;
   	padding:0;
}
#rootnavitems .rootnavnietaktief
{
	margin-left: 7px;
	margin-right: 7px;
	float: left;
	padding-right: 5px;
}
#rootnavitems .rootnavnietaktief a
{
	color: white;
	text-decoration: none;
}

/* inhoud */
#inhoud
{
	position: relative;
	min-height: 350px;
	/*padding: 59px 25px 25px 25px;*/
	padding: 59px 25px 70px 25px;
	border-left: 1px solid #93be00;
	border-right: 1px solid #93be00;
}

* html #inhoud { height:350px; }

#inhoud .homeleft
{
 	float: left;
	position: relative;
    width: 480px;
}
#inhoud .homeright
{
	float: right;
	position: relative;
	width: 306px;
}
#inhoud .homeright .commaitem
{
	position: relative;
	float: left;
	width: 250px;
	min-height: 60px;
	padding-left: 50px;
	margin-bottom: 50px;
    	background-image: url('../images/bigcomma.gif');
    	background-position: top left;
    	background-repeat: no-repeat;	
}
* html #inhoud .homeright .commaitem {
	height:60px;
}
#inhoud .vervolgleft
{
 	float: left;
	position: relative;
    	width: 	200px;
}
#inhoud .vervolgright
{
	float: right;
	position: relative;
	margin-right: 25px;
	width: 605px;
}
#inhoud .vervolgwpleft
{
 	float: left;
	position: relative;
   	width: 400px;
}
#inhoud .vervolgwpright
{
	float: right;
	position: relative;
	margin-right: 25px;
	width: 405px;
}

/* videobanners */
.videobanneritem
{
	position: relative;
	float: left;	
}
.videobanneritem .videobannertekst
{
	color: #333;
	font-weight: bold;
	font-size: 14px;
	margin-top: 5px;
	padding-left: 50px; 
	height: 58px;
    background-image: url('../images/bigcomma.gif');
    background-position: top left;
    background-repeat: no-repeat;	
}

/* banner met foto */
.bannermetfoto
{
	cursor: pointer;
	margin-top: 10px;
}

/* banner */
.banner
{
	cursor: pointer;
	margin-top: 10px;
}
.banner .bannerboven
{
	padding-left: 16px;
	height: 7px;
	width: 184px;
	color: white;
	background-color: #333;
  background-image: url('../images/subnavtop.gif');
  background-position: top;
  background-repeat: no-repeat;
}
.banner .bannermidden
{
	font-size: 12px;
	font-weight: normal;
	padding-left: 16px;
	width: 184px;
	color: white;
	background-color: #333;
}
.banner .bannermidden strong
{
	color: white;
	font-size: 14px;
	font-weight: bold;	
}
.banner .banneronder
{
	padding-left: 16px;
	height: 7px;
	width: 184px;
	color: white;
	background-color: #333;
	background-image: url('../images/subnavbottom.gif');
	background-position: bottom;
	background-repeat: no-repeat;
}

/* subnavigatie */
.subnav a
{
	display: block;
	text-decoration: none;
	color: white;
}
.subnav .subnavitemtop
{
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
	padding-left: 16px;
	height: 30px;
	width: 184px;
	color: white;
	background-color: #333;
    background-image: url('../images/subnavtop.gif');
    background-position: top;
    background-repeat: no-repeat;
    cursor: pointer;
}
.subnav .subnavitemtopaktief
{
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
	padding-left: 16px;
	height: 30px;
	width: 184px;
	color: white;
	background-color: #0191c9;
    background-image: url('../images/subnavtopaktief.gif');
    background-position: top;
    background-repeat: no-repeat;
    cursor: pointer;
}
.subnav .subnavitem
{
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
	padding-left: 16px;
	height: 30px;
	width: 184px;
	color: white;
	background-color: #333;
	cursor: pointer;
}
.subnav .subnavitemaktief
{
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
	padding-left: 16px;
	height: 30px;
	width: 184px;
	color: white;
	background-color: #0191c9;	
}
.subnav .subsubnavitem
{
	font-size: 13px;
	font-weight: normal;
	line-height: 20px;
	padding-left: 16px;
	height: 20px;
	width: 184px;
	color: white;
	background-color: #254d5d;
    cursor: pointer;
}
.subnav .subsubnavitemaktief
{
	font-size: 13px;
	font-weight: normal;
	line-height: 20px;
	padding-left: 16px;
	height: 20px;
	width: 184px;
	color: white;
	background-color: #0191c9;	
    cursor: pointer;
}
.subnav .subnavitembottom
{
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
	padding-left: 16px;
	height: 30px;
	width: 184px;
	color: white;
	background-color: #333;
    background-image: url('../images/subnavbottom.gif');
    background-position: bottom;
    background-repeat: no-repeat;
	margin:0;
    cursor: pointer;
}
.subnav .subnavitembottomaktief
{
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
	padding-left: 16px;
	height: 30px;
	width: 184px;
	color: white;
	background-color: #0191c9;
    background-image: url('../images/subnavbottomaktief.gif');
    background-position: bottom;
    background-repeat: no-repeat;
    margin:0;
    cursor: pointer;
}
.subnav .subnavdivider
{
	width: 200px;
	height: 1px;
	background-color: #d9d9d9;
	margin: 0px 0px 0px 0px;
	font-size:1px;
	line-height:1px;
	padding:0px;
	display:block;
}
.subnav #subnavbottom
{
	height: 8px;
	width: 200px;
	background-color: #0191c9;
    background-image: url('../images/subnavbottom.gif');
    background-position: bottom;
    background-repeat: no-repeat;
}
/* nieuws opsomming */
.nieuwsitem
{
	margin-bottom: 20px;
}
.nieuwsitem td.plaatje
{
	vertical-align: top;
	padding-right: 10px;
}
.nieuwsitem td.plaatje img {
	padding:2px;
	border:1px solid #ccc;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
.nieuwsitem span.kop
{
	font-size: 16px;
	font-weight: bold;
}
/* bottom navigatie */
table.bottom
{
	position: absolute;
	bottom: -12px;
	z-index: 3000;
	width: 908px;
	color: white;
	height: 12px;
}
table.bottom th
{
	width: 12px;
}
table.bottom td
{
	line-height: 12px;
	background-color: white;
}
#bottomleft
{
	position: relative;
    float: left;
    width: 12px;
    height: 12px;
    background-image: url('../images/bottomleft.gif');
    background-repeat: no-repeat;
}
#bottombg
{
    height: 12px;
    background-image: url('../images/bottombg.gif');
    background-position: bottom;
    background-repeat: repeat-x;
}
#bottomright
{
	position: relative;
    float: right;
    width: 12px;
    height: 12px;
    background-image: url('../images/bottomright.gif');
    background-repeat: no-repeat;
}

/* diverse titels */
#titelhome
{
	position: relative;
	display: block;
	margin-bottom: 20px;
  width: 369px;
  height: 23px;
	background-image: url('../images/titel_home.gif');
	background-repeat: no-repeat;
}
#titelnieuws
{
	position: relative;
	display: block;
	left: -26px;
    width: 146px;
    height: 34px;
    margin-top: 20px;
    margin-bottom: 10px;
    background-image: url('../images/titel_nieuws.gif');
    background-repeat: no-repeat;
}
#tellafriend
{
	position: relative;
	display: block;
    width: 147px;
    height: 18px;
    background-image: url('../images/titel_tellafriend.gif');
    background-repeat: no-repeat;
}
#nieuwsbrief
{
	position: relative;
	display: block;
    width: 156px;
    height: 18px;
    background-image: url('../images/titel_nieuwsbrief.gif');
    background-repeat: no-repeat;
}
#doorsturen
{
	border: none;
	position: relative;
	float:left;

/*	width: 109px;
	height: 15px;
	background-image: url('../images/titel_doorsturen.gif');
	background-repeat: no-repeat; 
*/
}
#inschrijven
{
	border: none;
	position: relative;
	float:left;

/*    	width: 103px;
	height: 15px;
	background-image: url('../images/titel_inschrijven.gif');
	background-repeat: no-repeat;
*/
}
.pijlgroen
{
	position: relative;
    float: left;
    width: 20px;
    height: 15px;
    background-image: url('../images/pijlgroen.gif');
    background-repeat: no-repeat;
}

/* banner 2008 */
#banner2008
{
	position: relative;
	float:left;	
	left: 1px;
	font-size:1px; /* For IE6&7 */
}
#banner2008 a
{
	text-decoration: none;
	color: white;
}
#banner2008top
{
    width: 330px;
    height: 7px;
    background-image: url('../images/banner2008top2.gif');
    background-repeat: no-repeat;
    margin:0;
}
#banner2008 table
{
	width: 330px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: white;
	font-weight: bold;
	font-size: 14px;
	background-color: #333;
}
#banner2008 td
{
	padding-left: 17px;
}
#banner2008bottom
{
    width: 330px;
    height: 7px;
    background-image: url('../images/banner2008bottom.gif');
    background-repeat: no-repeat;
}

/* videobanner */
#videobanner
{
	position: relative;
	float:right;
	right: -50px;	
	font-size:1px; /* For IE6&7 */
}
#videobanner a
{
	text-decoration: none;
	color: white;
}
#videobannertop
{
    width: 330px;
    height: 7px;
    background-image: url('../images/banner2008top2.gif');
    background-repeat: no-repeat;
    margin:0;
}
#videobanner table
{
	width: 330px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: white;
	font-weight: bold;
	font-size: 14px;
	background-color: #333;
}
#videobanner td
{
	padding-left: 17px;
}
#videobannerbottom
{
    width: 330px;
    height: 7px;
    background-image: url('../images/banner2008bottom.gif');
    background-repeat: no-repeat;
}

/* axis navigatie */
table.axis
{
	position: absolute;
	bottom: -50px;
	z-index: 3000;
	width: 908px;
	color: white;
	height: 38px;
}
table.axis th
{
	font-size: 11px;
	font-weight: normal;
	float: right;
	color: #666;
	line-height: 38px;
}
table.axis th a
{
	font-weight: normal;
	color: #666;
}
/* boeien achtergronden */
#boeienlinks
{
	position: absolute;
	z-index: 1000;
	bottom: -55px;
	left: -120px;
	width: 200px;
	height: 235px;
    background-image: url('../images/boeienlinks.png');
    background-repeat: no-repeat;	
}
#boeienrechts
{
	position: absolute;
	z-index: 1000;
	top: 150px;
	right: -200px;
	width: 259px;
	height: 276px;
    background-image: url('../images/boeienrechts.png');
    background-repeat: no-repeat;	
}



.folder, .bestand {
	line-height:1.6em;
	margin:0 0 0 10px;
}
.folder a, .bestand a {
	font-weight:normal;
}

.subscribe {
	font-size:1px;
	color:#93be00;
	width:88px;
	height:21px;
	padding:21px 0 0 ;
	background-image: url('../images/inschrijven.gif');
	background-repeat: no-repeat;
	background-color:#fff;
	border:0;
	text-align:left;
	line-height:1px;
	cursor:pointer;
}

/* twitter */
table.twitnav
{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 3000;
	width: 906px;
	color: white;
	height: 34px;
}
table.twitnav td
{
	line-height: 34px;
	font-size: 16px;
	font-weight: bold;
	background-color: #333;
}
table.twitnav th#thtwitnavleft,
table.twitnav th#thtwitnavright
{
	width: 21px;
}
#twitnavleft
{
	position: relative;
	float: left;
	width: 178px;
	height: 34px;
	background-image: url('../images/bgtwitleft.gif');
	background-repeat: no-repeat;
}
#twitnavright
{
	position: relative;
	float: right;
	width: 21px;
	height: 34px;
	background-image: url('../images/bgtwitright.gif');
	background-repeat: no-repeat;
}

/* liScroll style declarations */

.tickercontainer { /* the outer div with the black border */
	border: none;
	background: #333; 
	width: 600px; 
	height: 34px; 
	margin: 0; 
	padding: 0
	overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
	position: relative;
	left: 10px;
	top: 0px;
	width: 600px;
	height: 34px; 
	overflow: hidden;
}
ul.newsticker { /* that's your list */
	position: relative;
	left: 750px;
	font: bold 13px arial;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.newsticker li
{
	float: left; /* important: display inline gives incorrect results when you check for elem's width */
	margin: 0;
	padding: 0;
	background: #333;
	height: 34px;
	line-height: 34px;
}
ul.newsticker a {
	white-space: nowrap;
	padding: 0;
	color: #00abee;
	text-decoration: none;
	font-style: italic;
	font: bold 13px arial;
	margin: 0 0 0 10px;
		height: 34px;
	line-height: 34px;
} 
ul.newsticker span {
	margin: 0 10px 0 0;
		height: 34px;
	line-height: 34px;
}

/* Google maps*/
#map_canvas
{
  position:relative;
  top:0px;
  left:0px;
  width:600px;
  height:400px;
  border:1px solid black;
  background-color:#CCCCCC;
  margin:30px 10px;
}
.toddExtFontSettings
{
  font-size: .8em;
}

.toddMarkerLabel
{
  color: #ffffff;
  font-size: 9px;
  font-weight: bold;
  letter-spacing: -0.1em;
  text-align: center;
  vertical-align: bottom;
  width: 48px;
}

/* banner klimaat neutraal */
#bannerneutraal
{
	position: absolute;
	width: 160px;
	right: 0px;
	bottom: 0px;
	margin-right: 20px;
}
#bannerneutraal img
{
	width: 160px;
}

/* bladerbalk */
table.bladerpaginas th
{
	height: 30px;
	width: 100px;
}
td.paginas
{
	text-align: center;
}
td.paginas td
{
	width: 15px;
}