body
{
background: url("../_images/body.jpg") repeat-x center top;
font-family: Tahoma, sans-serif;
font-size: 11px;
color:#545454;
margin:0;
padding:0;
}

#CONTAINER
{
width:920px;
position:absolute;
left:50%;
margin-left: -460px;
top:0px;
}

.clear
{
clear:both;
}

hr
{
border:none;
background-color:#CCCCCC;
color:#CCCCCC;
height:1px;
}

.editmode
{
padding:10px 10px 10px 30px;
background: url("../_images/lichtje.gif") 5px 10px no-repeat #eef3ff;
border:1px solid #cad8fa;
line-height:20px;
font-size:12px;
color:#093B93;
}

#headerbalk
{
position:relative;
top:3px;
z-index:99;
color:#FFFFFF;
height:34px;
text-align:right;
}

#headerbalk #headeritems
{
border:0px solid #FF6600;
position:relative;
z-index:99;
margin-right:-100px;
}

#headerbalk a
{
font-weight:normal;
color:#FFFFFF;
}

#header
{
margin:0px;
height:187px;
}

#logo
{
position:relative;
top:-33px;
left:-23px;
margin:0px;
padding:0px;
}

#rekening
{
top:11px;
left:73px;
position:absolute;
margin:0px;
padding:0px;
z-index:99;
color: #FFFFFF;
font-size:11px;
}
#rekening a:link{
font-family: Tahoma, sans-serif;
font-size:11px;
color: #FFFFFF;
text-decoration: none;
}

#rekening a:visited{
font-family: Tahoma, sans-serif;
font-size:11px;
color: #FFFFFF;
text-decoration: none;
}

#rekening a:hover{
font-family: Tahoma, sans-serif;
font-size:11px;
color: #FFFFFF;
text-decoration: underline;
}

#rekening a:active{
font-family: Tahoma, sans-serif;
font-size:11px;
color: #FFFFFF;
text-decoration: none;
} 

#navigatie
{
position:absolute;
top:158px;
left:-10px;
width:640px;
color:#348274;
border: 0px solid #00FF00;
}

#navigatie .active
{
position:relative;
border: 0px solid #00FF00;
display:inline;
height:34px;
z-index:99;
top:-40px;
left:10px;
}

#content
{
min-height:500px;
line-height:14px;
}

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

#content a:hover, #content a:active
{
color:#276b5f;
text-decoration:underline;
}


#tekstpagina
{
margin-top:30px;
width:550px;
line-height:18px;
}


#left
{
width:302px;
float:left;
}

#left_small
{
margin-right:10px;
width:285px;
float:left;
}

#right
{
line-height:17px;
width:322px;
float:left;
}

#rightpro
{

margin-top:9px;
line-height:17px;
width:300px;
float:left;
}

#content h1
{
margin:0;
padding:8px 0px 5px 0px;
font-weight:bold;
color:#bdbdbd;
font-size:18px;
}

#content #tekstpagina h1
{
color:#358174;
font-size:14px;
font-weight:bold;
padding:0px;
margin:0px 0px 10px 0px;
}
#content #tekstpagina h2
{
color:#358174;
font-size:12px;
font-weight:normal;
padding:0px;
margin:0px 0px 10px 0px;
}

#blogposts
{
background: url("../_images/weblogposts.jpg") no-repeat 0px 40px;
}

.post
{
margin:20px 0px 0px 15px;
width:270px;
height:100px;
}

#content .post h1
{
color:#358174;
font-size:14px;
font-weight:bold;
padding:0px;
margin:0px 0px 4px 50px;
}

#content .postlargeFirst, .highlight
{
padding:10px;
margin:20px 0px 10px 0px;
background:url("../_images/first.jpg") repeat-x bottom left #FFFFFF;
border:1px solid #EEE;
}

#content .postlarge h1, #content .postlargeFirst h1
{
color:#358174;
font-size:17px;
font-weight:bold;
padding:0px;
margin:0px 0px 4px 50px;
}

.post .geplaatstdoor,.postlarge .geplaatstdoor, .postlargeFirst .geplaatstdoor
{
margin:0px 0px 5px 50px;
color:#acacac;
}

.post .bericht, .postlarge .bericht, .postlargeFirst .bericht
{
line-height:19px;
margin-left:50px;
}


#weblog
{
width:600px;
}

#weblog .postlarge
{
margin:20px 0px 0px 0px;
width:570px;
}

.datum
{
float:left;
border:1px solid #989898;
background:url("../_images/kalender.jpg") repeat-x #e8e8e8;
/*color:#acacac; */
color:#276b5f;
padding-top:2px;
text-align:center;
width:33px;
padding-bottom:3px;
}

.datum .dag
{
font-size:15px;
}

.datum .maandjaar
{
font-size:9px;
}

#banners
{
color:#7c1b0f;
}

#banners .bannerslot
{
background: url("../_images/bannerbg.jpg") no-repeat;
width:84px;
height:66px;
margin:3px 12px 10px 7px;
float:left;
}

#projectbanners .bannerslot
{
background: url("../_images/banner_highlight.jpg") no-repeat;
width:84px;
height:66px;
margin:3px 5px 7px 0px;
float:left;
}


#uitgelicht
{
color:#843a30;
font-size:11px;
background: url("../_images/right.jpg") no-repeat;
position:absolute;
z-index:2;
top:18px;
right:-55px;
width:275px;
height:660px;
padding:250px 55px 0px 35px;
line-height:18px;
}

#mask
{
border:0px solid #0000FF;
position:absolute;
z-index:99;
top:0px;
left:0px;
background: url("../_images/mask.gif") no-repeat;
width:348px;
height:253px;
}
#overzicht_thumbs
{
margin-left:-40px;
}

#main_image
{
border:0px solid #00FF00;
margin-top:-250px;
margin-left:-35px;
width:348px;
height:253px;
}

#uitgelicht_gallery
{
color:#843a30;
font-size:11px;
background: url("../_images/right.jpg") no-repeat;
position:absolute;
z-index:2;
top:18px;
right:-55px;
width:275px;
height:660px;
padding:250px 55px 0px 35px;
border:0px solid #FF6600;
line-height:18px;
}

#uitgelicht h1
{
color:#843a30;
font-size:20px;
font-weight:bold;
}

#uitgelicht a:link, #uitgelicht a:visited
{
color:#843a30;
text-decoration:none;
}

#uitgelicht input
{
border:none;
background:none;
color:#843a30;
margin:0;
padding:0;
cursor:pointer;
}

#uitgelicht a:hover, #uitgelicht a:active
{
color:#843a30;
text-decoration:underline;
}

#projectoverzicht
{
list-style-type:none;
margin:0;
padding:0;
}
#projectoverzicht li
{
padding:10px 0px 0px 10px;
height:70px;
background:url("../_images/projectbg.jpg") no-repeat top left;
}
#projectoverzicht li:hover,
#projectoverzicht li.active
{
padding:10px 0px 0px 10px;
height:70px;
background:url("../_images/projectbgactive.jpg") no-repeat top left;
}

#projectoverzicht .odd
{

}

#projectoverzicht h2
{
margin:0;
padding:0;
font-size:11px;
}

#projectoverzicht .projectthumb, .actie .projectthumb
{
display:block;width:40px;height:40px;overflow:hidden;float:left;margin:0 6px 6px 0;border:2px solid #378577;
}

#projectoverzicht .projectlink
{
width:210px;
display:block;
margin-left:50px;
}


#projectoverzicht .projectlink:link, #projectoverzicht .projectlink:visited
{
color:#545454;
}
#projectoverzicht .projectlink:hover, #projectoverzicht .projectlink:active
{
color:#000000;
text-decoration:none;
}

#projectoverzicht .projectlink h2
{
color:#358174;
}

#actieoverzicht
{
width:600px;
}

 #actieoverzicht .actie h2
{
padding:0;
margin:0 0 5px 0;
font-weight:normal;
font-size:11px;
color:#358174;
}

.actie
{
padding:20px;
background:url("../_images/actiebg.jpg") no-repeat top left;
float:left;
margin-right:10px;
width:241px;
height:180px;
}

.actiebericht
{
margin-left:0px;
height:170px;
border:0px solid #FF6600;
overflow:auto;
}

.actiebericht h2
{
font-size:11px;
color:#358174;
}

#hetteam
{
margin-top:60px;
width:600px;
}
#hetteam .tekst
{
line-height:19px;
margin-left:250px;
}
#hetteam .tekst h2
{
margin-top:10px;
color:#358174;
font-weight:normal;
}

#hetteam .pasfoto
{
background:#FFFFFF;
padding:3px;
border:1px solid #EEEEEE;
float:left;
margin:0px 5px 5px 0px;
}


#tooltip {
position: absolute;
z-index: 3000;
padding: 5px;
opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }
#tooltip h3 
{
color:#358174;
margin-bottom:10px;
font-weight:normal;
}

#tooltip.fancy {
background: url('../_images/shadow2.png') no-repeat;
padding:60px 140px 20px 20px;
height: 175px;
width:200px;
}

#tooltip.fancy.viewport-right {
background: url('../_images/shadow2-reverse.png') no-repeat;;
}

.stripViewer .panelContainer .panel ul {
text-align: left;
margin: 0 15px 0 30px;
}

.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
margin:0;
position: relative;
width: 100%;
height:560px;
}


/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
.csw .loading {margin: 200px 0 300px 0; text-align: center}

.stripViewer { /* This is the viewing window */
position: absolute;
top:100px;
left:0px;
overflow: hidden; 
border: 0px solid #000; /* this is the border. should have the same value for the links */
margin: auto;
width: 590px; /* Also specified in  .stripViewer .panelContainer .panel  below */
height: 460px;
clear: both;
background: #fff;

}

.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
position: relative;
left: 0; top: 0;
width: 100%;
list-style-type: none;
/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
float:left;
height: 100%;
position: relative;
width: 590px; /* Also specified in  .stripViewer  above */
}

.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
padding: 10px;
}

.stripNav { /* This is the div to hold your nav (the UL generated at run time) */

}

.stripNav ul { /* The auto-generated set of links */
list-style: none;
background:url("../_images/stappen.jpg") no-repeat;
width:584px;
height:90px;
display:block;
margin:0;
padding:0;
text-align: left;
}

.stripNav ul li {
float: left;
margin-left:0px;
margin-right: 0px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
}

.stripNav a { /* The nav links */
font-size: 10px;
padding-top:30px;
font-weight: bold;
text-align: center;
line-height: 32px;
color: #FFF;
font-size:16px;
text-align:center;
text-decoration: none;
display: block;
width:50px;
}

#content .stripNav li a:link, #content .stripNav li a:visited, #content .stripNav li a:hover
{
color:#FFF;
text-decoration:none;
}

.stripNav li.tab1 a { margin-right:215px; margin-left:4px; color:#FFF;}
.stripNav li.tab2 a { margin-right:205px;  color:#FFF;}
.stripNav li.tab3 a { color:#FFF; }


.stripNav li a:hover {

}

.stripNav li.tab1 a.current {
background:url("../_images/stap1.gif") no-repeat top left;
width:175px;
text-align:left;
margin:0 70px 0 0;
padding:30px 0 0 25px;
height:90px;
color: #fff;
position:relative;
z-index:99;
top:0px;
}

.stripNav li.tab2 a.current {
background:url("../_images/stap2.gif") no-repeat top left;
width:200px;
text-align:left;
margin:0 35px 0 0;
margin-left:-5px;
padding:30px 0 0 25px;
height:90px;
color: #fff;
position:relative;
z-index:99;
top:0px;
}

.stripNav li.tab3 a.current {
background:url("../_images/stap3.gif") no-repeat top left;
width:100px;
text-align:left;
padding:30px 0 0 170px;
height:90px;
color: #fff;
position:absolute;
z-index:99;
left:375px;
top:0px;
}

.nodig img
{
margin:0px 10px 10px 0px;
}

#uitgelicht .nodig img
{
margin:0px 5px 5px 0px;
}
#uitgelicht .nodig
{
margin-top:5px;
}

.steun{
margin:0px;
padding:0px;
text-align:left;
font-size:11px;
}

#footer
{
position:relative;
z-index:1;
float:left;
background: url("../_images/footer.jpg") no-repeat;
width:920px;
height:294px;
}

#footertable caption
{
display:none;
}

#footertable
{
margin:40px 0px 0px 20px;
line-height:20px;
}

#footertable h3
{
color:#358174;
margin-bottom:11px;
font-weight:bold;
font-size:10px;
}

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

#footer a:hover, #footer a:active
{
color:#276b5f;
text-decoration:underline;
}