#ccontainer 
{
background-color: #3b6d83;
height: 100%;
width: 900px;
min-width:900px;
position: absolute;
top:50px;

}

/* sectie links: de opmaak van de vlakken */
.clink {
width: 180px;
height: 290px;
background-color:#2f5a6d;
float:left;
padding:5px;
margin-left:25px;
margin-top:10px;
font-family: arial;
font-size: 12px;
line-height:25px;
color: #fff;
}

/* box achter de content*/
.box { 
margin-top:3px;
background: #4E7A8E; 
width:357px;
float:left;
width:900px;
height: 840px;

}
.boxtop { 
  background: url(/Images/ne.png) no-repeat top right; 

}
.boxtop div { 
  font-size: 0;
  height: 10px; 
  background: url(/Images/nw.png) no-repeat top left; 
}
.boxbottom { 
  background: url(/Images/se.png) no-repeat bottom right; 
}
.boxbottom div { 
  font-size: 0;
  height: 10px; 
  background: url(/Images/sw.png) no-repeat bottom left; 
}

.boxcontent {
padding: 0px 10px 0px 10px;
color:#fff;
font-family:arial;
min-height:270px;
height:550px;
float:left;
width:900px;

}

p  {
font-family: arial;
font-size: 12px;
padding-left:5px;
padding-right:5px;
padding-top:0px;
padding-bottom:0px;
line-height:20px;
color: #fff;
margin-left:10px;
}

p a {
font-family: arial;
font-size: 11px;
padding:5px;
color: #fff;
}

p a:hover {
font-family: arial;
font-size: 11px;
padding:5px;
color: #fff;
text-decoration: none;
}


.p1  {
font-family: arial;
font-size: 11px;
line-height:20px;
color: #fff;
margin-left:0px;
margin-top:0px;
}

.p2  {
font-family: arial;
font-size: 11px;
line-height:20px;
color: #3b6d83;
margin-left:0px;
margin-top:0px;
}




H2 {
font-family: arial;
font-size: 18px;
margin-top:5px;
margin-left:15px;
color: #fff;
}

H3 {
font-family: arial;
font-size: 14px;
color: #3b6d83;
margin:5px;
margin-top:0px;
}


/* OPMAAK IMAGES */
.image {
border: 4px solid #fff;
float:left;
}

/* RECHTS UITLIJNEN EN TEKST ER OMHEEN */
.alignRight { 
border: 4px solid #fff;
margin-left:15px;
margin-bottom:10px;
float:right;
clear:right;
}

.alignhuis { 
border: 4px solid #fff;
float:left;
margin-left:5px;
margin-top:10px;
}

.alignflash { 
margin-left:143px;
}

.alignbezichtig { 
height:100px;
width:214px;
float:left;
margin-left:20px;
margin-top:5px;
}


.bgbezichtig { 
height:100px;
width:214px;
float:left;
margin-left:20px;
background-color:#fff;
}


.alignwebcam { 
height:100px;
width:214px;
float:left;
margin-left:20px;
margin-top:5px;
border: none;
}


.bgwebcam { 
height:84px;
width:214px;
float:left;
margin-left:20px;
background-color:#fff;
}

.noborder { 
border: 0px 
}


li 
{
    margin-left: 15px;
}