/* CSS Document */
body { background: white url(img/body_bg.gif) repeat-x ; padding: 17px 0 0 0; margin: 0; font: 11px/160% verdana, arial, sans-serif; /*letter-spacing: 0.5px;*/}
#container { width: 770px; height: 600px; margin: 0 auto; position:relative; }

#top { position: relative; }
#top span { position: absolute; right: 0; top: 10px; color: white; }
#top span a { color: white;}
#top img { vertical-align: top;}

.menu { height: 23px; line-height: 23px; list-style: none; margin: 0; padding: 0 0 0 27px; text-transform: uppercase;font-size: 10px;}
.menu #sub {padding-left: 20px;}
.menu li { float: left; }
.menu li a { text-decoration: none; padding: 0 20px;display: block; color: black;}

#main { background: black; margin-top: 17px; }
#main li a { background: black url(img/menu_line.gif) top right no-repeat; color: white; }
#main li a.last {background-image: none;}
#main li a:hover, #main li a.sfhover #main li a.active { background: white; color: #3CB2AD; } 

#subreplace { width: 100%; height: 23px;  }
#sub { margin-bottom: 8px; position: absolute; width: 750px; top: 111px; left:0; }
#sub li a{background: transparent; color: black; padding: 0 14px;}
#sub li a:hover, #sub li a.active { color: #3CB2AD; } 

#sub_right { margin-bottom: 8px; position: absolute; width: 750px; top: 111px; left:0; }
#sub_right li { float: right; }
#sub_right li a{background: transparent; color: black; padding: 0 14px;}
#sub_right li a:hover, #sub li_right a.active { color: #3CB2AD; }

#main ul { display: none; }
#main li:hover ul, #main li.sfhover ul {display:block;}

#newsfront {float: right; width: 256px; height: 195px; overflow: hidden; background: #EAF7F6;}
.newsitemfront { width: 128px; overflow: hidden;  float: left; height: 195px; position: relative;}
.newsitemfront .txt { padding: 5px 10px;  color: #3CB2AD; }
.newsitemfront a { color: black; text-decoration: underline;position: absolute; bottom: 5px; left: 10px;}

#optimaal { width: 502px; height: 195px; position: relative; /*background: url(img/optimaal_bg.jpg) no-repeat;*/}
#optimaal .txt { width: 486px; height: 55px; position: absolute; padding: 5px 8px 11px 8px; bottom: 0; left: 0; overflow: hidden;}
#optimaal h1 { margin: 0; padding: 0; font: 22px verdana, arial, sans-serif; color: #3CB2AD; }
#optimaal h1 a { color: #3CB2AD; text-decoration: none;}

#rightbottom { width: 256px; height: 185px; margin-top: 15px;  float: right; }

#rightbottom a {text-decoration: none; color: black;}
#rightbottom #icefree { margin-top: 15px; display: block; background: #fdfdfd; height: 125px; text-align: center; overflow: hidden;}
#rightbottom #icefree div {float: right; width: 84px; text-align: left; padding: 32px 0 0 7px; _padding-left: 4px;font-weight: bold; height: 99px;}
#rightbottom img { border: 0; }

#content { width: 502px; height:173px; padding-top: 30px;  position: relative; }
#content h2 { margin: 0; padding: 0; font-size: 11px; color: #3CB2AD; }

#content #kader {height: 63px; width: 485px; position: absolute; bottom: 0px; left: 0; border-bottom: 1px solid lightgrey; padding: 19px 16px 0 0 /*15px*/; }

#kader a { display: block; text-decoration: none; float: left; padding-left: 15px; width: 145px; line-height: 22px; background: url(img/link_kader_blok.gif) left 2px no-repeat; color: black;}
#kader a:hover { text-decoration: underline; } 
#footer { text-align: left; padding-top: 15px; color: #3CB2AD; font-size: 10px; } 
/*#footer a { color: #3CB2AD; text-decoration: none; } */
div#footer a img {float:left;}
div#footer a { text-decoration:none;color:#5E5E5E;display: block; float:left; heigth: 37px; line-height:37px;}