/**
 * set container
 **/
body, html {
margin: 0px;
padding: 0px;
background: #0A3464;
font-family: verdana, arial, sans-serif;
font-size:110%;
line-height:1.0625em; /* 16/17 = 17px; */
height: 100%;
}
#container {
margin: 0px auto;
width: 980px; 
font-size:0.75em;/* 16x0.75=12 */
position: relative;
background: #fff url('../images/container-bg.png') top right repeat-y;
}

a { text-decoration: none; }
#adres p, #copyright p { margin: 0px; padding: 0px; }
address {font-style: normal; }

h1 { font-weight: normal; font-size: 150%; color: #193081; }
/*h2 { font-weight: bold; font-size: 90%; color: #000; }*/
h2 { font-weight: normal; font-size: 150%; color: #000; }
#content p, #content li, #content td { font-size: 90%; }
#content blockquote { color: #193081; font-style: italic; width: 100%; }
#content td { width: 50%; }
#content img.pageimage { padding: 0 0 10px 10px; float: right; }

#ondergrond {position: absolute;top: 0px;right: 0px; width: 887px; height: 573px; z-index: 0;
background: url('../images/container-back.jpg') no-repeat;}
.home #ondergrond {width: 920px; 
background: url('../images/home.jpg') no-repeat;}
#kop img,
#kop .pngfix {position: absolute;top: 14px;left: 32px;}

#kop { position: relative; height: 170px;}
#content { float: left; position: relative; width: 534px; min-height: 410px; padding-left: 160px; padding-bottom: 60px;}
.home #content { min-height: 350px;}
#menu { float: right; position: relative; width: 186px;}
#footer { clear: both; position: relative;}
#langswitch { padding-top: 20px;}

#menu {padding-top: 30px;}
#menu ul,
#langswitch ul { margin: 0px; padding: 0px; list-style: none;}
#menu li { height: 36px; background: url('../images/menu-bg.png'); margin-left: 13px; margin-bottom: 13px; padding-left: 13px; font-size: 90%; line-height: 100%; cursor: pointer;}
#menu li.selected,
#menu li:hover {background: #044592; background-image: none; margin-left: 0px;}
#menu li a { color: white; font-weight: bold; }
#menu .table {display: table; width: 100%; height: 100%;}
#menu .row {display: table-row;}
#menu .cell {display: table-cell; vertical-align: middle;}

#langswitch li { font-size: 80%; margin-bottom: 5px; width: 158px; background: none; height: 25px;}
#langswitch li:hover { margin-left: 13px; background: none;}
#langswitch li a {color: white;}
#langswitch .flag { float: left; position: relative; width: 31px; height: 20px; margin-right: 13px; }
#langswitch .en .flag { background: url('../images/flags.png') 0px 0px no-repeat; }
#langswitch .bul .flag { background: url('../images/flags.png') 0px -20px no-repeat; }
#langswitch .nl .flag { background: url('../images/flags.png') 0px -40px no-repeat; }

#adres,
address {color: #00257A; padding-right: 5px;}
#copyright {font-size: 70%; background: #044592; color: #fff; padding-right: 5px; width: 634px;}
#copyright a {color: #fff;}
#adres { position: absolute; bottom: 0px; right: 181px; text-align: right; font-size: 80%;}
address a { color: #044592;}