html, body {
    font-family: helvetica, Verdana, Arial, sans-serif; 
    color: #223F7E;
    font-size: 12px;
    margin:0; 
    padding:0; 
    text-align:center; 
}
#pagewidth{ 
 width:1000px; 
 text-align:left; 
 margin:0 auto; 
} 
#header{ 
 position: relative; 
 }
 #header_image {
    margin-left: 200px;  
 }
 #header_left {
     position: absolute;
     top:20px;
     left:0px;
 }
 #header_right {
     position: absolute;
     top:20px;
     left: 720px;
 }
  
/* ******************************************************************** */ 
/* Clearfix: http://csscreator.com/attributes/containedfloat.php        */
/* ******************************************************************** */
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


td { 
font-family: helvetica, Verdana, Arial, sans-serif;
color:#52483e;
font-size: 12px;
letter-spacing: 1px;
padding-left: 5px;
padding-right: 5px;  
}
td.error {
    color:red;
}
input[type=text] { 
font-family: helvetica, Verdana, Arial, sans-serif;
color:#52483e;
font-size: 12px;
letter-spacing: 1px;
border: 1px solid #006;
} 
h1 {
    font-family: helvetica, Verdana, Arial, sans-serif;
    color: #E64415;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;  
}
#container
{
    margin: 0 auto; /* center the page*/
    width: 1050px;
    min-height: 800px;
    background: #fff;
}
#navigation
{
    float: left;
    background: #333;
}

#navigation ul
{
    margin: 0;
    padding: 0;
}

#navigation ul li
{
    list-style-type: none;
    display: inline;
    text-decoration: none;
}

#navigation li a
{
    display: block;
    float: left;
    padding: 5px 10px;
    color: #fff;
    text-decoration: none;
    border-right: 1px solid #fff;
}

#navigation li a:hover { background: #383; }

#left_column_links {
    font-family: helvetica, Verdana, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;  
    color: #52483E;
    border-bottom: 1px;
    border-bottom-style: solid;
    border-color: #52483e;
    text-decoration:none;
    margin-bottom: -3px;
}
html>body #left_column_links{ *margin-bottom: -3px; }


#left_column_links_sub {
    font-family: helvetica, Verdana, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #52483E;
    margin-bottom: -12px;  
    text-decoration:none;
    margin-left: 5px;
    padding-left: 0px;
}
#left_column_links a:link {color:#223873;}      /* unvisited link DONKERBLAUW */
#left_column_links a:visited {color:#223873; }  /* visited link DONKERBLAUW */
#left_column_links a:hover {color:#223873;}  /* mouse over link DONKERBLAUW */
a#left_column_link a:active {color:#223873;}  /* selected link DONKERBLAUW */

#left_column_links_sub a:link {color:#223873;}      /* unvisited link DONKERBLAUW */ 
#left_column_links_sub a:visited {color:#223873; }  /* visited link DONKERBLAUW */
#left_column_links_sub a:hover {color:#223873;}  /* mouse over link DONKERBLAUW */
a#left_column_link_sub a:active {color:#223873;}  /* selected link DONKERBLAUW */

#left
{
    float: left;
    width: 190px;
    margin-right: 15px;
    display: inline;
    /*border-bottom: 10px solid #ff9900;*/
    height: 610px;
}
#video
{
    margin-top: 100px;
}
#left_top
{
    height: 630px;
}
#center
{
    float: left;
    max-width: 500px;
}
#center_foto
{
    padding-top: 34px;
    margin-left:auto; margin-right:auto; margin-top: auto;margin-bottom: auto;      
}
#foto_border
{
    height: 517px; 
    width: 500px; 
    margin-left:auto; margin-right:auto; margin-top: auto;margin-bottom: auto; 
    border: #223F7E;
    border-width: 1px;
    border-style: solid; 
    display: table-cell; vertical-align: middle 
}
#foto 
{
    display:inline;  
    vertical-align: middle
}
#right
{   
    float: left;
    width: 260px;
    display: inline;
    text-align: left;
    padding-left: 15px;
}
#right_content
{
    background-color: #CFDAE5;
    padding-top: 10px;
    padding-left: 5px;
    height: 509px; 
    margin-top: 34px; 
    overflow: auto; 
}
#right_top_text
{
    float: left;
    text-align: left;
    width: 250px;
}
a:link {
     

}
a:visited { 
}
a:hover { }
a:active { }
span.orange {
    font-family: helvetica, Verdana, Arial, sans-serif;
    color: #E64415;
    text-decoration:none;
}
a.bruin {
    font-family: helvetica, Verdana, Arial, sans-serif;
    color: #52483E;
    text-decoration:none;
}
.panel {   
position: absolute;
display: none;
top: 139px;
background-color: #CFDAE5; 
width: 502px;
height: 520px;
margin: 0 auto; /* center the page*/   
/*filter: Alpha(opacity=200); opacity: .9;*/
overflow: auto;
}
.panel_text {
padding-top: 10px;
padding-left: 5px;    
}
#img_plus{
    margin-right: 5px;
}
#logout {
    margin-top: 50px;
}
#logout a {
    font-size: 13px;
    text-decoration: underline;
    color: orange;
}

/* buttons bottom */
#navigation_bottom {
    margin-left:-1px; 
    margin-top: 5px; 
}
#navigation_bottom img {
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
}
/* end of buttons bottom */