body {
background-color : #E5F0F7;
color : #000000;
text-align : center;
margin-top : 10px;
font: 85%/130% arial, helvetica, sans-serif;
color:#444;
font-size:12px;
}

#all {
width : 770px;
margin-right : auto;
margin-left : auto;
background-color : #ffffff;
text-align : left;
}

#top .logo {
background: url(../images/alg/logo.gif) no-repeat;
position: absolute;
margin: 6px 0 0 11px;
}
#top .logo a, #top .logo a:link, #top .logo a:visited, #top .logo a:hover, #top logo a:active {
display: block;
width: 146px; height: 77px;
}

#top .headermenu {
position:absolute;
margin-top:-5px;
width:770px;
height:16px;
}


#top .headermenu ul {
display:table; /*  ignored by IE6 */
position:absolute;
right:0px;


padding:0; margin:0;
/*float:right;*/
list-style-type:none;
white-space:nowrap;    /* keep text on one line */
margin:0 -1px 0 auto;
}

#top .headermenu li {
float:left;

display:table-cell;  /* ignored by IE */
background:url(../images/alg/back-header-back.gif) repeat-x bottom left;
}

#top .headermenu li a {
display:block; /*   for all browsers except IE */
color:#000; 
text-decoration:none;
text-transform:uppercase;
font-size:11px;
font-weight:bold;
color:#93A1BE;
padding:0 10px 2px 10px;
background:url(../images/alg/back-header-devider.gif) no-repeat bottom left;
}

#top .headermenu li a:hover {
color:#314A72;
}

#top .headermenu li a.first {
background:url(../images/alg/back-header-corner.gif) no-repeat bottom left;
padding-left:20px;
}

#top .headermenu li a.normal {
font-weight:normal;
text-transform:none;
}

#top .headermenu li.selected a {
color:#314A72;
}



#top h1 {
margin-left: 1px;
margin-bottom: 0px;
padding: 0;
width: 768px;
height: 99px;
background: url(../images/alg/back-logo.gif) no-repeat;
}
#top em {
position: absolute;
left: -1000px;
width: 900px;
}

#navigation {
margin: 0 0 0 1px;
padding: 0;
width: 768px;
height: 38px;
background: url(../images/alg/back-topmenu.gif) repeat-x;
z-index: 10;}

ul#topmenu {
float: left;
width: 768px;
padding: 0;
margin: 0;
list-style-type: none;
}
ul#topmenu li {
display: inline;
width: 100px;
display: block;
text-transform: uppercase;
background:url(../images/alg/portalpijl.gif) no-repeat 50% 0%;
height:21px;
float: left;
}
 
#topmenu li a {
padding-top:12px;
display: block;
width: 100%;
height:21px;
float: left;
text-align: center;
vertical-align: middle;
font-weight: bold;
color:#fff;
text-decoration: none;
font-size: 12px;
background:url(../images/alg/border-topmenu-item.gif) no-repeat right top;
}

#topmenu li.selected {
background:url(../images/alg/portalpijl-selected.gif) no-repeat 50% 0%;
}

#topmenu li.selected a {
color: #fff;
background-image: url(../images/alg/back-topmenu-item-selected.gif);
background-repeat: no-repeat;
height: 26px;
z-index: 20
}

#topmenu li a:hover {color: #E5F0F7}

#about{
padding-top:12px;
display: block;
width: 266px;
height:23px;
float: left;
color: #003E80;
font-size: 11px;
font-weight: 900;
vertical-align: middle;
text-decoration: none;
text-transform: uppercase;
text-align: center;
}

#about a, #about a:link, #about a:visited, #about a:active, #about a.active {
color: #CCE1F0;
text-decoration: none;}

#about a:hover {
color:#fff;
}

#language{
padding-top:12px;
display:block;
width:120px;
height:23px;
float:left;
vertical-align:middle;
color:#CCE1F0;
font-size:10px;
font-weight:bold;
text-transform:uppercase;
text-decoration:none;
text-align:right;
}

#language a, #language a:link, #language a:visited, #language a:active, #language  a.active {
color: #CCE1F0;
text-decoration: none;}

#language a:hover {color:#fff}

#visual {
margin:-2px 0 0 1px;
padding:0;
width:768px;
height:115px;
height:194px;
}

#visual-image {
position:relative;
width: 768px;
height: 194px;
overflow: hidden;
}

#visual .quote {
float:left;
position: absolute;
top:260px;
margin-left: 39px;
color: #68A3CD;
font-size: 14pt;
font-weight: lighter;
height: 30px;
line-height: 14pt;}

#visual em {
position: relative;
color: #68A3CD;
font-size: 9pt;
font-weight: lighter;}

#visual .dart {
float:left;
position: absolute;
top:260px;
margin-left:15px;
color: #68A3CD;
font-size: 11pt;
font-weight: lighter;
height: 30px;
line-height: 14pt;
}

#header {
float: left;
background-image: url(../images/alg/back-header.gif);
background-repeat: no-repeat ;
height: 31px;
width: 768px;
position: relative;
display: inline;
margin-left: 1px;
}

* html #header {margin-left: 1px;}

#header .left{
float: left;
display: inline;
background-image: url(../images/alg/header-ball.gif);
background-repeat: no-repeat;
height:21px;
margin-top:6px;
margin-left:10px;
padding-left:30px;
width:190px;
text-transform: uppercase;
color: #072E67;
font-size: 11px;
font-weight: bold;}

#header h1{
float: left;
background-image: url(../images/alg/header-ball.gif);
background-repeat: no-repeat;
height:21px;
margin-top:6px;
margin-bottom:0;
margin-left:15px;
padding-left:30px;
width: 400px;
text-transform: uppercase;
color: #072E67;
font-size: 11px;
font-weight: bold;
}


#content {
width:770px;
clear: both;
float: left;
height: 100%;
background-image: url(../images/alg/back-all.gif);
}

#content a, #content a:link, #content a:visited, #content a:active, #content a.active {
color: #003E80;
text-decoration: underline;
font-variant: small-caps;}

#content a:hover {
color: #000000;
text-decoration: none;
font-variant: small-caps;}

#sidebar {
float:left;
width:214px;
margin:0 0 0 1px;
padding:10px;
font-size: 9pt;
}

#sidebar .divider {
width: 190px;
border-bottom: 1px #ABABAB dashed;
margin-bottom:5px;
}

#sidebar a, #sidebar a:link, #sidebar a:visited, #sidebar a:active, #sidebar a.active {
color: #003E80;
text-decoration: underline;
font-variant: small-caps;}

#sidebar a:hover {
color: #000000;
text-decoration: none;
font-variant: small-caps;}

#maincontent {
float: left;
width: 500px;
padding-bottom:10px;
padding: 10px 10px 20px 20px;
}

#sidebar H2, #maincontent H2, #sidebar H3, #maincontent H3, #sidebar H4, #maincontent H4, #sidebar H5, #maincontent H5 {
color:#444;
font-size:11pt;
font-weight:bold;
margin-bottom:20;
}

#maincontent .divider {
width: 490px;
border-bottom: 1px #ABABAB dashed;
margin-bottom:10px;
}

#maincontent img {
/*margin-left:5px;
margin-right:5px;
border: 1px #ABABAB solid;*/
}

#footer {
clear: both;
width: 770px;
text-align: right;
background-color: #E5F0F7;
border-top: 1px #fff solid;
color: #89BADD;
font-size: 9pt;
padding-top:5px;
margin-right : auto;
margin-left : auto;
}

#footer a, #footer a:link, #footer a:visited, #footer a:hover, #footer a:active, #footer a.active {
color: #89BADD;
text-decoration: none;}

#content div.csi-text h5, #sidebar h5 { font:bold 11px arial, helvetica, sans-serif; }
#content div.csi-text h5 a, #content #sidebar h5 a { text-decoration:none; font-variant:normal; text-transform:uppercase; }
#content div.csi-text h5 a:hover, #content #sidebar h5 a:hover { color:#314A72; text-decoration:none; font-variant:normal; text-transform:uppercase; }
#content ul { list-style-type: square; margin:0 0 0 .6em; padding:0 0 0 .5em; }