/* CSS Document */

body, html{
margin: 0;
font-family: Arial, Perpetua, arial, helvetica ;
color: #000000;
background-color:#ededed;
text-align: center;
font-size: 12px;

}

div#wrapper{
margin: 15px auto 15px auto;
width: 950px;
text-align: left;
padding: 0px 0px 0px 0px;
position:relative;
}

div#HeaderContainer{
background-color: #FFFFFF;
margin: 0px 0px 0px 0px;
position:relative;
color:#000000;
border: solid #000000 0px;
height:100px;
}

div#HeaderContainer table{
height:100%;
width:100%;
}

#navigatie {
font-family: verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
width: 100%;
border: 0px solid #666;
padding: 0;
margin: 0;
background-color: #EEEEEE;
color: #000000;
vertical-align: middle;
height:33px;
position:relative;
}

#navigatie ul {
list-style: none;
margin: 0;
padding: 0;
float: left;
width:100%;
 
}

#navigatie ul li {
margin: 0;
border-top: 0px solid #003;
float:left;
text-transform:uppercase;
}

#navigatie ul li a {
display: block;
padding: 0px 0px 0px 0px;
background-color: #bbbdc0;
color: #FFFFFF;
text-decoration: none;
width: 100%;
text-align:center;
border: 0px solid #666;
vertical-align: middle;
padding: 10px 0px 10px 0px;
font-weight:bold;
}

#navigatie ul li.NavSelected a {
display: block;
padding: 0px 0px 0px 0px;
background-color: #EC008C;
color: #FFFFFF;
text-decoration: none;
width: 100%;
text-align:center;
border: 0px solid #666;
vertical-align: middle;
padding: 10px 0px 10px 0px;
font-weight:bold;
}

#navigatie ul li a:hover {
background-color: #EC008C;
color: #FFFFFF;
vertical-align: middle;
}

#subnavigatie {
font-family: verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
width: 100%;
border: 0px solid #666;
padding: 0;
margin: 0;
background-color: #EC008C;
color: #000000;
vertical-align: middle;
height:18px;
position:relative;
}

#subnavigatie ul {
list-style: none;
margin: 0;
padding: 0;
float: left;
width:100%;
 vertical-align: middle;
}

#subnavigatie ul li {
margin: 0;
border-top: 0px solid #003;
float:left;
width:150px;

}

#subnavigatie ul li a {
display: block;
padding: 0px 0px 0px 0px;
background-color: #EC008C;
color: #FFFFFF;
text-decoration: none;
width: 100%;
text-align:center;
border: 0px solid #666;
vertical-align: middle;
padding: 2px 0px 2px 0px;
font-weight:bold;
}

div#ContentContainer {

min-height: 100%;
background: white;
width:100%; 
padding: 0px 0px 10px 0px;
vertical-align:top;
position:relative; 
height:100%;
line-height:20px;
overflow: hidden;
}
div#BackgroundLeft {
position:absolute; 
height:100%; 
z-index:1;
}

div#ContentRight {
position: relative; 
left:190px; 
top:0px; 
width:760px; 
z-index:2;
}

div#ContentContainer td {
color: #636363;
vertical-align: top;
}

div#FooterContainer{
width:100%;
padding: 10px 0px 0px 0px;
border-top: solid 1px #EC008C;
text-align:right;
position: relative;
bottom: 0;  /*heel belangrijk */
font-size: 11px;
color:#BBBDC0;
font-weight:bold;
background-color:White;
margin-bottom: 10px;
}

div#LogoLeft {
margin: 10px 0px 0px 15px;
float:left;
}

div#ContentContainer h1 {
color:#EC008C;
font-size: 125%;
padding-top: 15px;
text-transform:uppercase;
}

div#ContentContainer h2 {
color:#EC008C;
font-size: 125%;
padding-top: 15px;
text-transform:uppercase;
}

.TopNav {
text-decoration:none;
color: #bbbdc0;
font-weight:bold;
}

.reactions {
border: #EC008C solid 1px;
}

hr {
color: #bbbdc0;
height:1px;
}

td.backgrl {
	width:200px;
}

.PortfolioImages {
	border: 1px solid #CCCCCC;
}