@charset "utf-8";
/* CSS Document */

body
{
margin:20px auto 0px auto;
padding:0;
background:#4B4A4D;
font:normal 12px  Helvetica, Arial, sans-serif;
letter-spacing:1px;
}
img
{
margin:0;
padding:0;
border:none;
}
h1,h2
{
margin:0;
padding:0px;
}
p
{
margin:7px 0px;
}
form
{
margin:0;
padding:0;
}

.wrapper
{
width:850px;
margin:0px auto;
height: 100%;
text-align:center;
}
.container
{
width:832px;       
float:left;
text-align:left;
height: 100%;
padding-left:18px;
background:#FFFFFF url(/i/btm-text.jpg) no-repeat left bottom;
}
.container-home
{
width:832px;
float:left;
text-align:left;
height: 100%;
padding-left:18px;
background:#FFFFFF url(/i/btm-logo.gif) no-repeat left bottom;
}
.header
{
width:832px;
float:left;
padding-top:18px;
height:57px;
}
.logo
{
width:183px;
height:47px;
padding-top:0px;
float:left;
}
.navcontainer
{
width:590px;
float:right;
padding-left:40px;
}
.navcontainer ul
{
margin:0 0 0 80px;
padding:0;
}
.navcontainer ul li
{
list-style-type:none;
display:inline;
float:left;
text-align:center;
padding:0px 10px;
font:normal 12px  Helvetica, Arial, sans-serif;
}
.navcontainer ul li a
{
color:#8F8E90;
text-decoration:none;
}
.navcontainer ul li a:hover
{
color:#DB2B36;
}
.navcontainer ul li a.active
{
color:#DB2B36;
}
.navcontainer .active
{
color:#DB2B36;
}

.body
{
width:832px;
height: 100%;
float:left;
background:url(/i/main_bg.gif) repeat-y right;
}
.body-left { position: relative; overflow: hidden; width:200px; height: 100%; float:left; }
.body-left ul { margin:0 10px 0 0; padding:0; }
.body-left ul li { width:190px; float:left; list-style-type:none; display:block; letter-spacing:2px; font:normal 14px/33px  Helvetica, Arial, sans-serif; border-top: #706B63 1px solid; }
.body-left ul li a { color:#DB2B36; text-decoration:none; }
.body-left ul li a:hover { color:#003375; }
.body-left .active { color:#003375; }
.body-left .last { border-bottom: #706B63 1px solid; }
.body-left ul ul { margin:0 0 0 10px; padding:0; border: 0; }
.body-left ul ul li { width:200px; float:left; list-style-type:none; display:block; letter-spacing:2px; font:normal 11px/33px  Helvetica, Arial, sans-serif; border-top: 0; }
.body-left ul ul li a { color:#DB2B36; text-decoration:none; }
.body-left ul ul li a:hover { color:#003375; }

.logo-btm
{
float:left;
margin-top:87px;
}



.body-middle
{
width:337px;
height:520px;
float:left;
	background-color: #FFF;
}
.body-right
{
width:295px;
float:right;
height:385px;
background:#D1CBC3;
}
.body-right img
{
padding: 0px;
margin: 0px;
}
.right-btm
{
width:265px;
height: 240px;
float:left;
background:#D1CBC3;
padding: 10px 10px 10px 20px;
color:#646363;
font-size:11px;
line-height:17px;
letter-spacing: 1px;
}
.right-btm a
{
color:#646363;
text-decoration:underline;
}                                                                                  
.right-btm a:hover
{
text-decoration:underline;
color: #DB2B36;
}
.right-btm h1
{
font:bold 13px  Helvetica, Arial, sans-serif;
letter-spacing:2px;
color:#f33648;
}
.right-btm .edit {
	vertical-align:bottom;
}
.badge
{
margin-right:14px;
float:right;
}
.body-bottom
{
width:832px;
clear:both;
font-size:9px;
color:#938C82;
line-height:18px;
white-space:pre;
text-align:justify;
background:#FFF;
}
.body-bottom a
{
color:#938C82;
text-decoration:none;
}
.body-bottom a:hover
{
text-decoration:underline;
}

.footer
{
width:850px;
float:left;
color:#D9DADB;
font-size:9px;
line-height:30px;
height:85px;
}
.footer-left a
{
text-decoration:none;
color:#D9DADB;
padding:0 1px;
}
.footer-right a
{
text-decoration:none;
color:#D9DADB;
padding:0 0px;
}
.footer-left a:hover
{
text-decoration:underline;
padding:0 1px;
}
.footer-right a:hover
{
text-decoration:underline;
padding:0 0px;
}
.footer-left
{
width:630px;
float:left;
text-align:left;
white-space:pre;
}
.footer-right
{
width:210px;
float:right;
text-align:right;
white-space:pre;
}

.tagcloud
{
width:850px;
background-color: #A09C95;
float:left;
color:#fff;
font-size:9px;
line-height:30px;
height:150px;
padding-top: 5px; 
}

.tagcloud  a { color: #fff; text-decoration: none; }
.tagcloud  a:hover { color: #706B63; }

.inner-body-middle
{
width:403px;
min-height: 680px; 
float:left;
background:#D1CBC3;
padding-right:17px;
padding-bottom:15px;
color:#535354;
line-height:17px;
font-size:11px;
border-right: #fff 10px solid;

}
.body-bedankt
{
width:429px;
min-height: 508px; 
float:left;
background:#D1CBC3;
color:#535354;
line-height:17px;
font-size:11px;
 }
.inner-body-middle-form
{
width:429px;
float:left;
color:#535354;
line-height:17px;
font-size:11px;
border-right: #fff 10px solid;     
}
.inner-body-middle-form .eform 
{
width: 429px;
height:508px;
}
.eform 
{
width: 413px;
height:508px;
}
.inner-body
{
width:615px;
float:left;
background:#D1CBC3;
padding-right:17px;
padding-bottom:15px;
color:#535354;
line-height:20px;
font-size:11px;
}
#project-item
{
border-left:10px #d1cbc3 solid;
border-top:1px #d1cbc3 solid;
width:605px;
height:400px;
float:left;
background:#fff;
padding-right:17px;
padding-bottom:15px;
line-height:20px;
font-size:11px;
}
#project-item-foto
{
position:absolute;	
float:left;
width:605px;
}
#project-item-titel
{
position:relative;	
margin-top: 18px;
margin-left: 38px;
}
.grijs
{
color:#535354;
}
.wit
{
color:#fff;
}
.zwart
{
color:#000;
}
.rood
{
color: #DB2B36;
}
#project-item-balk
{
position:relative;
top: 250px;
clear: both;
}
#project-item-uitleg
{
color:#535354;	
position:relative;	
top: 230px;
padding-left: 25px;
float: left;
width: 380px;
}
#project-item-navigatie
{
position:relative;
top: 270px;
float: right;
width: 200px;
}
#project-table
{
color: #8F8E90;
}
#project-table a
{
color: #8F8E90;
text-decoration:none;
}
#project-table a:hover
{
color: #8F8E90;
text-decoration:underline;
}
.pro-jec-ten-bt
{
position:absolute;
z-index:10;
width:388px;
top: 220px;
height:88px;
float:right;
text-align:right;
}

.inner-body-middle .content, .body-bedankt .content 
{
padding-top: 10px;
padding-left: 25px;	
}

.inner-body-middle .content h1
{
font:normal 13px  Helvetica, Arial, sans-serif;
letter-spacing:2px;
color:#DB2B36;

padding-bottom: 7px;
}
.body-bedankt .content h1
{
font:normal 13px  Helvetica, Arial, sans-serif;
font-weight: bold;
letter-spacing:2px;
color:#DB2B36;
padding-top: 23px;  
padding-bottom: 7px;
}
.inner-body-middle .content h2
{
font:bold 11px  Helvetica, Arial, sans-serif;
letter-spacing:2px;
color:#DB2B36;
}
.inner-body-middle .content h3
{
font:normal 11px  Helvetica, Arial, sans-serif;
letter-spacing:2px;
color:#DB2B36;
}

.inner-body-middle .content a
{
color:#535354;
text-decoration:underline;
}

.inner-body-middle .content a:hover
{
color:#DB2B36;
text-decoration:underline;
}

.inner-body-right
{
width:202px;
float:left;
background:#ECEBEA;
height:100%;
}
.inner-body-right-form
{
font:normal 11px  Helvetica, Arial, sans-serif;
width:173px;
float:left;
color:#535354;
background:#A09C95;
height:160px;
padding: 10px;
line-height: 20px;
letter-spacing: 1px;
}
.inner-body-right-form h1
{
font-size:12px; 
color:#DB2B36;
font-weight: bold;
}
.inner-body-right-form a
{
color:#535354;
}
.inner-body-right-form a:hover
{
color:#DB2B36;
}
.kort-bg
{
width:182px;
padding-left:20px;
padding-top:20px;
padding-bottom:20px;
float:left;
color:#646363;
background:#D1CBC3;
font-size: 12px;
border-bottom: #fff 10px solid;
}
.kort-bg a
{
color:#646363;
text-decoration:none;
}
.kort-bg a:hover
{
color:#DB2B36;
text-decoration: underline;
}
.kort-bg h4
{
font:bold 13px  Helvetica, Arial, sans-serif;
letter-spacing:2px;
color:#f33648;
margin: 0;
padding: 0 0 5px 0;
}
.right-btns
{
width:202px;
height:130px;
float:left;
text-align:center;
}
.summary 
{
padding: 10px;
min-height: 200px;
}
.summary a
{
color:#535354;
text-decoration:underline;
}
.summary a:hover
{
color:#DB2B36;
text-decoration:underline;
}
.summary h1
{
font:normal 13px  Helvetica, Arial, sans-serif;
letter-spacing:2px;
color:#DB2B36;
padding-bottom: 7px;
}
.summary h2
{
font:bold 11px  Helvetica, Arial, sans-serif;
letter-spacing:2px;
color:#DB2B36;
}

#slides { margin: 0; padding: 0; list-style: none; }
#slides li { margin: 0; padding: 0; list-style: none; }