/* raamwerk */
body
{
margin : 0px;
font-family : Arial;
font-size : 11px;
background-color : #c7c8ca;
padding-top : 2em;
padding-bottom : 2em;
}

a, a:visited
{
text-decoration : underline;
color : #FFFFFF;
}

#center
{
margin-left : auto;
margin-right : auto;
width : 950px;
border : 2px solid #008061;
}

/* boven */
#bg
{
position : relative;
}

#description
{
position : absolute;
width : 250px;
left : 10px;
top : 202px;
letter-spacing : 1px;
color : #FFFFFF;
font-size : 12px;   
line-height : 170%;
}

#boven
{
width : 950px; 
height : 190px;
background : #FFFFFF url(../images/belnuvooreeninspectie.png) no-repeat right top;
border-bottom : 8px solid #008061;
}

#balklinks
{
float : left;
width : 160px;
background-color : #008061;
padding-top : 56px;
}

#presentatie
{
position : absolute;
left : 0px;
top : 0px;
font-size : 10px;
width : 160px;
text-align : center;   
padding-top : 1px;
}

#infotekst
{
position : absolute;
left : 0px;
bottom : 0px;
font-size : 10px;
width : 140px;
padding : 4px;
}

#info
{
position : absolute;
right: 0px;
bottom : 0px;
padding : 5px;
padding-right : 10px;
}

a#presentatie, a:visited#presentatie, a#infotekst, a:visited#infotekst
{
color : #000000;
text-decoration : none;    
}
    
#content
{
float : left;
width : 509px;
height : 567px;
line-height : 120%;
color : #FFFFFF;
background : #000000 url(../images/content.png) no-repeat left top;
font-size : 12px;
padding-left : 95px;
padding-top : 45px;
letter-spacing : 1px;
}

#tekst
{
height : 547px;
overflow : auto;    
padding-right : 35px;
padding-bottom : 20px;
}

#balkrechts
{
float : left;
width : 184px;
height : 602px;
background : #FFFFFF url(../images/balkrechts.png) repeat-x left bottom;
padding-left : 2px;
padding-top : 10px;
}

#slogan
{
width : 166px;
padding : 10px;   
line-height : 140%;
font-weight : bold;
letter-spacing : 1px; 
margin-top : 2em;
}

#adres
{
position : absolute;
right : 0px;
bottom : 20px;
width : 176px;
margin-left : 10px;   
line-height : 140%;
letter-spacing : 1px; 
font-size : 11px;
}

#adres td
{
height : 20px;
}

#adres a, #adres a:visited
{
color : #000000;
}

/* onder */
#onder
{
clear : both;
width : 950px; 
}

/* overig */
p
{
margin : 0px;   
padding : 0px;
}

form
{
margin : 0px;   
}

input
{
font-family : Arial;
font-size : 10pt;   
letter-spacing : 1px;
}

textarea
{
font-family : Arial;
font-size : 10pt;   
letter-spacing : 1px;
}

select
{
font-family : Arial;
font-size : 10pt;   
letter-spacing : 1px;
}

h1
{
margin : 0px;
padding : 0px;
font-size : 14px;
color : #FFFFFF;
font-weight : bold; 
letter-spacing : 1px;
line-height : 100%;
padding-bottom : 8px;
border-bottom : 1px solid #008061;
margin-bottom : 5px;
}

h2
{
margin : 0px;
padding : 4px;
font-size : 18pt;
color : white;
font-weight : bold; 
letter-spacing : 0px;
}

h3
{
margin : 0px;
padding : 0px;
font-size : 8pt;
font-weight : bold;
color : #0C2A7D;  
margin-left : 15px;  
margin-bottom : 14px;  
}

img
{
border : 0;
margin : 0;
padding : 0px;
}

.image
{
float : left;
}

strong
{
color : #FFFFFF;
font-size : 110%;
}

td
{
vertical-align : top;   
}

br
{
line-height : 100%;   
letter-spacing : 0px;
}

.divider
{
float : left;
height : 1px;
background-color : #006b57;
width : 140px;
margin : 5px;
}

.contentdivider
{
float : left;
height : 1px;
background-color : #009899;
width : 100%;
margin-top : 10px;
margin-bottom : 10px;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/*slider*/
.anythingSlider                         { width: 465px; height: 240px; position: relative; margin: 0; }
.anythingSlider .wrapper                { width: 465px; overflow: auto; height: 195px; margin: 0; position: absolute; top: 0px; left: 0px; }

                                       /* Width below is max for Opera */
.anythingSlider .wrapper ul             { width: 32700px; list-style: none; position: absolute; top: 0; left: 0; margin: 0;padding:0; }
.anythingSlider ul li                   { display: block; float: left; padding: 0; height: 195px; width: 465px; margin: 0; background:#000;padding:0; }

.anythingSlider ul li .flashitem {
	height: 195px; width: 465px;
	font-family:Arial;
	position:relative;
}

.anythingSlider .arrow                  {  display:none  }
.anythingSlider .forward                { background-position: 0 0; right: -20px; }
.anythingSlider .back                   { background-position: -67px 0; left: -20px; }
.anythingSlider .forward:hover          { background-position: 0 -200px; }
.anythingSlider .back:hover             { background-position: -67px -200px; }

#thumbNav                               { position: relative; top: 229px; left: 0px; text-align: left; }
#thumbNav a                             { color: black; display: inline-block; margin-right:3px; height: 11px; width:11px; background-image:url("../images/sliderbullets.png") }
#thumbNav a:hover                        { background-position: right top }
#thumbNav a.cur                         { background-position: center top }

#start-stop                             { display:none; }
#start-stop.playing                     { background-color: red; }
#start-stop:hover                       { background-image: none; }


/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }

.anythingSlider .date {
	color:#fff;
	width:60px;
	height:57px;
	text-align:center;
	font-weight:bold;
	padding-top:3px;
	position:absolute;
	top:0;
	left:0;
}

.anythingSlider .title {
	position:absolute;
	top:0;
	left:60px;
	padding-top:3px;
	height:57px;
	width:390px;
	padding-left:5px;
	padding-right:10px;
	text-align:right;
	font-weight:bold;
	color:#1a2d5b;
	line-height:28px;
}

.anythingSlider .description {
	position:absolute;
	top:0;
	left:0px;
	top:68px;
	height:75px;
	width:400px;
	padding:5px;
	overflow:hidden;
	font-size:12px;
}

.anythingSlider .link {
	position:absolute;
	top:0;
	left:132px;
	width:315px;
	top:143px;
	color:#1a2d5b;
	font-size:12px;
	text-align:right;
	padding:5px;
	display:none;
}

.anythingSlider .link a { 
	text-decoration:none;
	color:#1a2d5b;
}

#imgcontainer {
	float:left;	
    width : 465px;
}