body, html{
margin: 0;
height: 100%;
}



#main_container{
float: left;
width: 100%;
min-height: 100%;
_height: 100%;
margin: -46px 0 0 0;
background-color : black /*#7EA725; #A0DCF8;*/
}


/* container boxen */

#header_container{
width: 100%;
height:300px;
padding: 60px 0 0 0;
text-align: left;
background: url(afbeeldingen/23-10-13ban.png) no-repeat 40% 82%;
background-color : /*#446D00 #A0DCF8;*/
}

/*#bgnotenbar{
text-align:center;
background:url(afbeeldingen/bg_notenbalk.gif) repeat-x scroll center top;
}*/

#links_container{
float: left;
min-height: 100%;
width: 164px;
background-color : black /*#7EA725 #A0DCF8;*/
}

#content_container{
margin: 0 259px 0 164px;
background: #FFF; /*url(afbeeldingen/rondrechts.GIF) top right no-repeat;*/
text-align:center;
}

#rechts_container{
float: right;
width: 259px;
}

#footer_container{
clear: both;
height: 20px;
width: 100%;
text-align: center;
background-color: black;
}

/* content boxen */

#header{
width: 100%;
height: 81px;
padding: 10px 0;
}

#rechts{
padding: 10px 10px 0 20px;
color: #FFFFFF;
}

#links, #content{
padding: 10px 10px 0 20px;
}

#footer{
padding: 1% 63px 0 0;
}

/* background image boxen */

#top_left{
position: absolute;
width: 163px;
height: 89px;
top: 0;
left: 0;
}

#top_right{
position: absolute;
width: 164px;
height:250px;
top: 0;
right: 1px;
background: url(afbeeldingen/logo.png) no-repeat 100% 0;
}

#footer_left{
height: 46px;
width: 163px;
float: left;
background: url(afbeeldingen/bottom_left.gif) no-repeat 0 0;
} 

/*navigatie */

#nav_container{
background-color: #43B49D; /*Fuchsia*/
top:22%;
left: 25%;
width: 66%;
height: 30%;
}

ul {
margin: 5%;
padding: 0;
list-style: none;
}

#navlist li a{
display: block;
height: 25px;
width: 80px;
padding: 1px;
margin: 2px;
background: inherit;
border-right: 6px solid #444;
color: #123;
text-transform: capitalize; /*lowercase;*/
font-size: 0.9em;
}

#navlist li a:hover{
background: #333;
border-right: 6px solid #D01A71;
color: #f4f4f4;
}

#navlist li .active{
background: #777;
border-right: 6px solid #444;
color: #999;
}

a {
text-decoration: none;
}

a img{ 
border: 0px;
}

#content p {
line-height: 1.4em; 
font-size: 0.9em; 
margin-left: 3px;
margin-bottom: 20px; 
color: black /*#f4f4f4;*/
}


#content h3 {
text-indent: 20px; 
letter-spacing: -0.1em; 
margin-bottom: 4px; 
color: #446D00 /*#999;*/
}



p.groot{
font-family: verdana, arial, helvetica, sans-serif;
font-size: 100%;
}

p.kleiner{
font-family: verdana, arial, helvetica, sans-serif;
font-size: 80%;
}

/* tabellenopbouw */

table{
width: 100%;
font-size: 70%;
empty-cells: hide;
}

td{
font-family: "Courier New", Courier, serif;
}

th, caption{
font-family: Verdana, sans-serif;
}

caption{
text-align: center;
font-weight: bold;
color: #960;
padding: 3px 0 4px 5px;
background-color: #CC9;
border: 1px solid #FFF;
}

td, th{
text-align: center;
padding: 3px 0 4px 5px;
vertical-align: middle;
border: 1px solid #FFF;
}

thead th{
background-color: #C96;
}

tbody th{
background-color: #CC6;
}

tbody td{
background-color: #CC6;
}

tfoot{
background-color: #960;
color: #FFF;
font-weight: bold;
} 


/* Span class's */
.pink {color: #43B49D;} /*fuchsia*/
.center { margin: 0 auto; text-align: center;}
.red {color: red}
.groot{ font-size: 120%;}

a:link, a:visited{
color: #F60;
text-decoration: none;
}

a:hover, a:active{
color: green;
text-decoration: none;
} 

#kaartverkoop {

	text-align: center;
	font-size: 50px;
}



/* COLOR REFERENCE (define colors used in this document)(yes, for copy/pasting)
Dark green          : #4E6717 #446D00
medium green        : #7EA725
Main medium green	: #d7ecaa
Lighter green		: #f1fcdb
Very light green	: #e8f7c4
Medium brown		: #a66c38
Lighter brown		: #632f00 
-----
black				: black
groen/blauw			: #43b49d
*/