body {
background-color: #192455;
font-family: Arial, Helvetica, sans-serif, futura;
color: #122248;
font-size:12px;
padding: 0;
margin: 0;
background-image:url(img/bg.jpg);
background-repeat: repeat ;
}
#kader {
margin: auto; 
position: relative; 
width: 988px;
background-color: transparent;
}
#header {
width: 988px;
position: absolute;
top: 0;
left: 0;
}
#top {
padding: 0; 
margin: 0;
background-image:  url(img/top_bg.jpg); 
width: 988px; 
background-repeat: no-repeat ;
background-position: left 20px;
display:block;
height: 213px;
top: 0;
left: 0;
}

#main { /* main contains(all except header) */
width: 988px;
position: absolute;
top: 175;
left: 0;
padding: 0;
background-color: transparent;
}

#content { /* content overall */
font-family: Arial, Helvetica, sans-serif, futura;
width: 693px;
padding: 15px 10px 10px 30px;
float: right;
margin-top: 0px;
background-color: #fff;
min-height: 350px;
border-bottom: 7px solid #10256f;
}
#content1 { /* content overall */
font-family: Arial, Helvetica, sans-serif, futura;
width: 724px;
padding: 15px 10px 10px 0;
float: right;
margin-top: 0px;
background-color: #fff;
min-height: 350px;
border-bottom: 4px solid #10256f;
}
#navs { /* sub(left) navigation */
width: 255px;
background-color: transparent;
font-family: Arial, Helvetica, sans-serif, futura;
font-weight: bold;
padding: 20px 0 0 0 ;
min-height: 350px;
color: #fff;
}
#lcol{ /*  main content col */
float: left;
width: 64px;
padding: 0;
}
#mcol1{ /*  main content col */
float: right;
width: 628px;
padding: 0 30px 0 0;
background-color: #fff;
border-left: 1px solid #5b7ccd;
}
#mcol2{ /*  main content col */
float: right;
width: 513px;
color: #0f2e75;
padding: 0 60px 0 55px;
background-color: #fff;

}
#mcol{ /*  main content col */
float: left;
width: 320px;
color: #004881;
padding: 0;
}
#rcol{ /*  right content col */
float: right;
width: 300px;
padding: 0 40px 0 5px;
margin: 0 0 12px 0;

}
#footer {
width: 988px;
font-family: Arial, Helvetica, sans-serif, futura;
font-size: 9px;
text-align: center;
padding: 10px 0 10px 0;
background-color: transparent;
color: #CCCCCC;
height: 20px;
}
#footer a:link{color: #999;}
#footer a:visited{color: #999;}
.imgleft {float: left; padding: 0 16px 0px 0px;}

#navs .left{
line-height: 18px;
font-size: 12px;
font-weight: bold;
padding: 6px 0 6px 15px;
margin: 4px 0 4px 15px;
background-color: #0f2e75;
}
#navs .left a{
color:#fff;
text-decoration: none;
}
#navs .left a:visited{
color:#ddd;
text-decoration: none;
}
#navs .left a:active{
color:#fff;
text-decoration: none;
}
#navs .left a:hover{
color:#a7bfeb;
text-decoration: underline;
}
#navcontainer ul{
width: 650px;
color: #fff;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif, futura;
font-size: 13px;
padding: 45px 0 0 270px ; 
margin: 0;
float: left;
background-color: transparent;
}
#navcontainer ul li { 
display: inline; 
height: 20px;

}
#navcontainer ul li a.menu_active {
color: #fff;
text-decoration: none;
float: left;
height: 20px;
padding: 5px 14px 1px 15px;
background-color: #0f2e75;
}
#navcontainer ul li a.menu_inactive {
color: #fff;
text-decoration: none;
float: left;
height: 20px;
padding: 5px 14px 0 15px;
}
#navcontainer ul li a.menu_inactive:hover
{ color: #a7bfeb; 
text-decoration: underline;
}
.lichtbleutit { 
border-bottom: 7px solid #5b7ccd;
width: 628px;
display: block;
}

.text {
padding: 10px 0 0 70px;
line-height: 18px;
}
h3 {font-size: 18px; 
font-weight: bold; 
color: #5b7ccd;
padding: 0 0 0 55px;
margin: 0;
}
h3 a:link{
color:#fff;
text-decoration: none;
}
h3 a:visited{
color:#fff;
text-decoration: none;
}
h3 a:hover{
color:#527337;
text-decoration: none;
}
.greentit { 
width: 309px;
background-color: #ccc;
background-image: url(img/bg_kader_top_green.gif ) ;
background-repeat: no-repeat ;
background-position: left top;
height: 30px;
}
.greenbox { 
width: 250px;
background-color: #fff;
padding: 15px 15px 15px 42px;
color: #122248;
border-left: 1px solid #577a34;
border-right: 1px solid #577a34;
}
h4 { 
color: #577a34;

padding: 0;
margin: 0;
}
h5 { 
color: #fff;
padding: 0 0 0 5px;
margin: 5px 30px  5px 0;
background-color: #5b7ccd;
line-height: 18px;
font-size: 12px;
font-weight: bold;
}
.green { 
color: #577a34;

}
.green a:link{ 
color: #577a34;

}
.green a:visited{ 
color: #577a34;

}
.green a:hover{ 
color: #527337;
text-decoration: none;
}
.bleu { 
color: #5b7ccd;

}
.bleu a:link{ 
color: #5b7ccd;

}
.bleu a:visited{ 
color: #5b7ccd;

}
.bleu a:hover{ 
color: #577a34;
text-decoration: none;
}
.bleutit { 
width: 309px;
background-color: #ccc;
background-image: url(img/bg_kader_top_bleu.gif ) ;
background-repeat: no-repeat ;
background-position: left top;
height: 33px;
}
.bleubox { 
width: 250px;
background-color: #fff;
padding: 15px 15px 15px 42px;
color: #122248;
border-left: 1px solid #577a34;
border-right: 1px solid #577a34;
}
h1 {font-size: 12px; 
font-weight: bold; 
color:#fff;
line-height: 30px;
padding: 4px 0 0 44px;
margin: 0;
}
h2 {font-size: 12px; 
font-weight: bold; 
color:#fff;
line-height: 30px;
padding: 2px 0 0 40px;
margin: 0;
}
h2 a:link{
color:#fff;
text-decoration: none;
}
h2 a:visited{
color:#fff;
text-decoration: none;
}
h2 a:hover{
color:#527337;
text-decoration: none;
}
/*  used for uc page- do not trash !!! */
h6 {
font-size: 13px; 
font-weight: bold;
color:#fff; 
}
h6 a:link{
font-size: 13px; 
font-weight: bold;
color:#fff; 
}
.meer {
color: #527337; 
text-align: right;
padding: 0 0 0 2px;}
.meer a:link {
color: #527337; 
text-align: right;}
.meer a:visited {
color: #527337; 
text-align: right;}
.meer a:hover{
color: #0f2e75;
text-align: right; }

.line{
border-bottom: #536035 1px solid;
padding: 2px;
}
.line{
border-bottom: #5b7ccd 1px solid;
padding: 2px;
}
/*  FORMS */
.field input{
background-color:#ddd;
width: 150px; 
}
.field1 input{
background-color:#ddd;
width: 40px; 
}
.field2 textarea{
background-color:#ddd;
width: 340px; 
}
.opgelet{
color:#FF0000;
font-weight: bold;
font-size: 12px;
 }