p 
{
margin-bottom: 0px;
margin-top: 0px;
}

/* classes layout*/

.table-100
{
width: 100%;
}

.table-1001
{
width: 621px;
}

.side-top
{
background-color: #849cb8;
width: auto;
height: 152px;
}

.side-middle
{
background-color: #849cb8;
width: auto;
height: 100%;
}

.table-detail
{
margin: 18px;
width: 644px;
}

.tekst-detail
{
width: 310px;
text-align: left;
vertical-align: top;
}

.foto-detail
{
width: 310px;
text-align: left;
vertical-align: top;
}

.meerafbeeldingen
{
width: 310px;
text-align: right;
}

.side-bottom
{
background-color: #849cb8;
width: auto;
height: 18px;
}

.iconen-top
{
padding: 0px;
margin: 0px;
background-color: #ffffff;
width: 30px;
height: 152px;
}

.iconen-middle
{
background-color: #ffffff;
width: 30px;
height: 100%;
}

.iconen-bottom
{
background-color: #ffffff;
width: 30px;
height: 18px;
}

.kop
{
background-image: url(../shared/kop.gif);
background-repeat: no-repeat;
background-position: left top;
width: 681px;
height: 152px;
border-left: solid 1px #ffffff;
border-right: solid 1px #ffffff;
text-align: right;
vertical-align: top;
}

.tekstvlak
{
background-image: url(../shared/tekstvlak.jpg);
background-repeat: no-repeat;
background-position: left top;
background-color: #ffffff;
width: 681px;
height: 100%;	
border-left: solid 1px #ffffff;
border-right: solid 1px #ffffff;
vertical-align: top;
}

.menu
{
background-color: #ffffff;
width: 681px;
height: 18px;	
border-left: solid 1px #ffffff;
border-right: solid 1px #ffffff;
}

.foto-top
{
background-image: url(../shared/foto-top.jpg);
background-repeat: no-repeat;
background-position: left top;
width: 238px;
height: 152px;
}

.foto-middle
{
background-image: url(../shared/foto-middle.jpg);
background-repeat: no-repeat;
background-position: left top;
background-color: #00316b;
width: 238px;
height: 500px;
margin: 10px;
}

#testfoto
{
position: absolute;
width: 238px;
height: 652px;
top: 0px;
background-color: #00316B;
}

.foto-bottom
{
background-color: #00316b;
width: 238px;
height: 18px;	
border-bottom: solid 1px #ffffff;
}

/* classes content*/

.table-portal
{ 
margin: 30px 18px;
width: 621px;
}

.table-portal-search
{ 
margin: 0px 18px;
width: 621px;
}

.table-overzicht
{
width: 200px;
text-align: left;

}

.meerinfo
{
width: 70px;
}

.spacing
{
width: 20px;
}

.containerimage
{
width: 310px;
height: 213px;
border: solid 1px #82755e;
}

.divider
{
height: 40px;
}

#main
{
padding: 20px;
}

.input 
{
color: #00316b;
font-size: 12px;
font-family: arial;
background-color: #ffffff;
border: solid 1px #82755e;
}

.image
{
border: solid 1px #82755e;
}

.bruin
{
color: #82755e;
}

.bruinbold
{
font-weight: bold;
color: #82755e;
}

.no-border
{
border: 0px;
}

/* elementen */

h1 
{
color: #00316b;
font-size: 16px;
font-weight: bold;
font-variant: small-caps;
line-height: 18px;
margin: 0px;
}

body 
{
color: #00316b; 
font-size: 12px; 
line-height: 18px; 
font-family: arial;
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px; 
overflow: -moz-scrollbars-vertical;
background-color: #849cb8;
}

table
{ 
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px; 
border: none;  
border-collapse: collapse;
border-spacing: 0px;
}

td
{
margin: 0px; 
padding: 0px;
}

ol li, ul li 
{ 
list-style-type: square;
list-style-position: outside;
color: #82755e;
}

a      
{ 
color: #849cb8;
font-family: arial;
font-weight: normal;
font-size: 12px;
text-decoration: none;
}

a:link 
{ 
color: #849cb8;
font-family: arial;
font-weight: normal;
font-size: 12px;
text-decoration: none;
}

a:visited    
{ 
color: #849cb8;
font-family: arial;
font-weight: normal;
font-size: 12px;
text-decoration: none;
}

a:hover   
{ 
color: #82755e;
font-family: arial;
font-weight: normal;
font-size: 12px;
}

a:active 
{ 
color: #849cb8;
font-family: arial;
font-weight: normal;
font-size: 12px;
text-decoration: none;
}

a.link1 {  color: #335a89; font-size: 10px; font-family: arial; margin: 5px; }
a:link.link1 {  color: #335a89; font-size: 10px; font-family: arial; margin: 5px; }
a:visited.link1 {  color: #335a89; font-size: 10px; font-family: arial; margin: 5px; }
a:hover.link1 {  color: #00316b; font-size: 10px; font-family: arial; margin: 5px; }
a:active.link1 {  color: #335a89; font-size: 10px; font-family: arial; margin: 5px; }

a.link2 { color: #335a89; font-size: 12px; font-family: arial; margin: 5px; }
a:link.link2 { color: #335a89; font-size: 12px; font-family: arial; margin: 5px; }
a:visited.link2 { color: #335a89; font-size: 12px; font-family: arial; margin: 5px; }
a:hover.link2 { color: #00316b; font-size: 12px; font-family: arial; margin: 5px; }
a:active.link2 { color: #335a89; font-size: 12px; font-family: arial; margin: 5px; }

a.link3 { color: #335a89; font-size: 14px; font-family: arial; margin: 5px; }
a:link.link3 { color: #335a89; font-size: 14px; font-family: arial; margin: 5px; }
a:visited.link3 { color: #335a89; font-size: 14px; font-family: arial; margin: 5px; }
a:hover.link3 { color: #00316b; font-size: 14px; font-family: arial; margin: 5px; }
a:active.link3 { color: #335a89; font-size: 14px; font-family: arial; margin: 5px; }

a.link4 { color: #335a89; font-size: 16px; font-family: arial; margin: 5px; }
a:link.link4 { color: #335a89; font-size: 16px; font-family: arial; margin: 5px; }
a:visited.link4 { color: #335a89; font-size: 16px; font-family: arial; margin: 5px; }
a:hover.link4 { color: #00316b; font-size: 16px; font-family: arial; margin: 5px; }
a:active.link4 { color: #335a89; font-size: 16px; font-family: arial; margin: 5px; }

a.navigatie { color: #00316b; font-size: 12px; font-family: arial; text-decoration: underline; }
a:link.navigatie { color: #00316b; font-size: 12px; font-family: arial; text-decoration: underline; }
a:visited.navigatie { color: #00316b; font-size: 12px; font-family: arial; text-decoration: underline; }
a:hover.navigatie { color: #82755e; font-size: 12px; font-family: arial; text-decoration: underline; }
a:active.navigatie { color: #00316b; font-size: 12px; font-family: arial; text-decoration: underline; }

a.navigatieactief { color: #82755e; font-size: 12px; font-family: arial; font-weight: bold;  }
a:link.navigatieactief { color: #82755e; font-size: 12px; font-family: arial; font-weight: bold;  }
a:visited.navigatieactief { color: #82755e; font-size: 12px; font-family: arial; font-weight: bold;  }
a:hover.navigatieactief { color: #00316b; font-size: 12px; font-family: arial; font-weight: bold;  }
a:active.navigatieactief { color: #82755e; font-size: 12px; font-family: arial; font-weight: bold;  }

.commondiv
{
width: 950px;
text-align: justify;
line-height: 25px;
vertical-align: middle;
}