/*--- ALGEMEEN ---*/

BODY {
background-color: #F0FAF9;
margin: 0 0 0px 0; 
padding: 0px;
font-family: Arial, Helvetica, Verdana;
font-size: 0.8em;
color: #444444;
background-image: url('/Files/System/images/bg.jpg');
background-position: center center;
background-repeat: repeat-x;
background-attachment: fixed;
text-align: center; }

A {
color: #00578f;
text-decoration: none; }

A:hover {
color: #00578f;
text-decoration: underline; }

IMG {
border: 0; }

H1 {font-size: 1.0em; margin: 0; padding: 0; }
H2 {font-size: 0.9em; margin: 0; padding: 0; }
H3 {font-size: 1em; margin: 0; padding: 0; }
H4 {font-size: 1em; margin: 0; padding: 0; }
H5 {font-size: 1em; margin: 0; padding: 0; }

TABLE {
border-collapse: collapse;}

TD {
 }

P {
padding-bottom: 18px; }

/*--- BASIS ---*/

#all {
text-align: center;
width: 870px;
margin: 20px auto;
position: relative; }

/*--- TOP ---*/

#top {
background-image: url('/Files/System/images/top.gif');
background-position: left bottom;
background-repeat: no-repeat;
margin: 0px;
padding: 0px;
text-align: left;
height: 95px;
width: 870px;
z-index:20;
}

#top IMG {
margin: 0 5px 0 0; }

#top IMG.laatste {
margin: 0px; }

.logo_optimist {
padding: 8px 0 0 20px; }

/*.logo_abnamro {
position: absolute;
left: 688px; }
*/

.logo_abnamro {
position: absolute;
left: 40px; 
z-index: 1;
}

/*--- ALGEMEEN ---*/

#algemeen {
background-image: url('/Files/System/images/algemeen.gif');
background-position: left top;
background-repeat: no-repeat;
font-family: Arial, Helvetica, Verdana;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 10pt;
letter-spacing: 0.1em;
float: right;
width: 430px;
margin: 54px 17px 0 0;
padding: 0px; }

#algemeen UL {
margin: 0px 0px 0 3px;
height: 24px;
list-style-type: none;
display: block;
padding: 7px 0px 0 0px; }

#algemeen UL LI {
float: left;
display: block;
height: 26px;
margin: 0px 4px 0 0px; 
padding: 0px 0px 0 6px; }

#algemeen UL LI A {
letter-spacing: 0px;
font-weight: bold;
height: 21px;
margin: 0px;
padding: 0px 5px 0px 0px; 
color: #FFFFFF; }

#algemeen UL LI A:hover {
color: #b1cbd6;
text-decoration: none; }

#algemeen UL LI.abnamro { 
margin-left: 5px; }

#algemeen UL LI.abnamro A:hover {
color: #FCEAC9; }

#algemeen UL LI.ocn { 
margin-left: 19px; }

#algemeen UL LI.selected {
background-image: url('/Files/System/images/algemeen-selected-left.gif');
background-position: left top;
background-repeat: no-repeat; }

#algemeen UL LI.selected A {
/*background-image: url('/Files/System/images/algemeen-selected-right.gif');
background-position: top right;*/
background: url('/Files/System/images/algemeen-selected-right.gif') no-repeat right;
/*padding-top: 5px;*/
color: #0053a0; }

/*--- MENU ---*/

#menu {
border: solid 1px #FFFFFF;
background-image: url('/Files/System/images/menu-top.gif');
background-position: left top;
background-repeat: no-repeat;
width: 157px;
color: #939598;
font-family: Arial, Helvetica, Verdana;
font-weight: bold;
text-transform: uppercase;
font-size: 10pt;
letter-spacing: 0.1em;
margin: 0 0 20px 0; }

#menu UL {
background-image: url('/Files/System/images/menu-bottom.gif');
background-position: left bottom;
background-repeat: no-repeat;
background-color: #b1cbd6;
margin: 12px 0 0px 0;
padding: 0px 0 10px 0;
list-style-type: none; }

#menu UL LI {
background-image: url('/Files/System/images/streep.gif');
background-position: 0px 26px;
background-repeat: repeat-x;
padding: 0px 0 0px 0px;
margin: 0px 11px 0px 11px; 
}

#menu UL LI A {
letter-spacing: 0px;
font-weight: bold;
padding: 5px 2px;
display: block;
color: #00578f; 
background-image: url('/Files/System/images/streep.gif');
background-position: 0px 25px;
background-repeat: repeat-x;
}

#menu UL LI A:hover {
background-color: #5390c3;
color:#ffffff;
padding: 5px 2px;
display: block;
text-decoration: none; 
background-image: url('/Files/System/images/streep-dicht.gif');
background-position: 0px 25px;
background-repeat: repeat-x; 
}

#menu UL LI.multimedia { 
background-image: url('/Files/System/images/icoon-multimedia2.gif');
background-position: 0 3px;
background-repeat: no-repeat; 
padding-bottom: 0;
background-color: #95c5f0;
}

#menu UL LI.multimedia a { 
color: #724900;
}

#menu UL LI.multimedia a:hover, #menu UL LI.multimediaselected a { 
background-image: url('/Files/System/images/icoon-multimedia-on2.gif');
background-position:  0 3px;
background-repeat: no-repeat; 
padding: 5px 2px;
color: #fff;
background-color: #5390c3;
}

#menu UL LI.forum { 
background-image: url('/Files/System/images/icoon-forum.gif');
background-position: 0 3px;
background-repeat: no-repeat; 
padding-bottom: 0;
}

#menu UL LI.forum a:hover, #menu UL LI.forumselected a { 
background-image: url('/Files/System/images/icoon-forum-on.gif');
background-position: 0 3px;
background-repeat: no-repeat; 
background-color: #b1cbd6;
}

#menu UL LI.selected, #menu UL LI.multimediaselected, #menu UL LI.forumselected, #menu UL.M1 { 
background-image: url('/Files/System/images/streep-dicht.gif');
background-position: left bottom;
background-repeat: repeat-x; }

#menu UL LI.selected A {
/*padding: 0px;*/
display: block;
background-color: #b1cbd6;
font-weight: bold;
color: #00578f; }

#menu UL UL {
background: none; 
list-style-type: none;
margin: 0 0 0px 0;
padding: 0 0 0px 0; }

#menu UL UL LI {
border: solid 1px #b1cbd6;
background: none;
font-weight: normal;
text-transform: none;
padding: 0px 0px 0px 0px;
margin: 0 0 0 0px; }

#menu UL LI.selected UL LI A, #menu UL LI.multimediaselected UL LI A, #menu UL LI.forumselected UL LI A {
background: none;
font-size: 8pt;
text-transform: uppercase;
font-weight: normal; }

#menu UL LI.selected UL LI A:hover, #menu UL LI.selected UL LI A.activeitem, #menu UL LI.multimediaselected UL LI A:hover, #menu UL LI.forumselected UL LI A:hover, #menu UL LI.multimediaselected UL LI A.activeitem, #menu UL LI.forumselected UL LI A.activeitem {
color: #3783c7;
padding-left: 5px; }

/*--- SPONSORS ---*/

#sponsors, .sponsors-side {
border: solid 1px #FFFFFF;
background-image: url('/Files/System/images/sponsors-top.gif');
background-position: left top;
background-repeat: no-repeat;
width: 157px;
color: #939598;
font-family: Arial, Helvetica, Verdana;
font-weight: bold;
text-transform: uppercase;
font-size: 10pt;
letter-spacing: 0.1em;
margin: 0 0 20px 0; }

#sponsors UL, .sponsors-side UL {
background-image: url('/Files/System/images/sponsors-bottom.gif');
background-position: left bottom;
background-repeat: no-repeat;
margin: 10px 0 0px 0;
padding: 0 0 15px 0;
background-color: #FFFFFF;
list-style-type: none; }

#sponsors UL LI, .sponsors-side UL LI {
background-image: url('/Files/System/images/streep.gif');
background-position: left bottom;
background-repeat: repeat-x;
text-align: center;
padding: 5px 0 10px 0px;
margin: 0px 11px; }

#sponsors UL LI A, .sponsors-side UL LI A{
color: #00578f; }

#sponsors UL LI A:hover, .sponsors-side UL LI A:hover {
color: #00578f; }

/*.sponsor a:hover { display: block; }
.sponsor a:hover img { filter: alpha(opacity=50); -moz-opacity: 0.5; }*/

/*--- CONTENT ---*/

#content {
border-left: solid 2px #00578f; 
border-right: solid 2px #00578f;
background-repeat: repeat-y;
min-height: 100%;
margin: 0;
padding: 0 0 15px 0;
background-color: #FFFFFF;
text-align: left;
clear: both;
width: 866px; }

#left {
position: relative; 
width: 680px; 
float: left;
}

#text {
padding: 15px; }

#text h1 {
font-family: Arial, Helvetica, Verdana;
color: #00578f;
font-weight: bold;
text-transform: uppercase;
font-size: 14pt;
margin: 0px 0 10px 0;
letter-spacing: 0.1em; }

#text h2 {
border-bottom: solid 1px #6a9bc0;
font-family: Arial, Helvetica, Verdana;
color: #00578f;
font-weight: bold;
text-transform: uppercase;
font-size: 11pt;
margin: 0px 0 8px 0;
padding-bottom: 6px;
letter-spacing: 0.1em; }

#text h3 {

font-family: Arial, Helvetica, Verdana;
color: #00000;
font-weight: bold;
text-transform: uppercase;
font-size: 9pt;
margin: 0px 0 8px 0;
padding-bottom: 6px;
letter-spacing: 0.1em; }

#text ul { 
margin: 5px 0 5px 18px;
list-style-type: square; }

#right {
margin: 10px 0 0 8px;
font-size: 9pt;
position: relative;
width: 178px;
float: left; }

#right h3 {
color:#00578f;
font-size: 9pt;
margin-left:16px; }


#footer {
background-image: url('/Files/System/images/bottom.gif');
background-position: left top;
background-repeat: no-repeat;
clear: both;
color: #00578f;
height: 24px;
text-align: center;
padding-top: 15px;
font-size: 8pt; }

/*--- HOME ---*/

.homeleft { 
margin: 0px 0 0 0px;
float: left;
display: inline;
width: 400px;
}

.homeright { 
margin: 0px 0 0 20px;
float: left;
display: inline;
width: 230px; }

/*--- VISUAL ---*/

#visual_border {
margin: 11px 15px;
background:url(/Files/System/images/visual-frame.gif) left top no-repeat;
width:653px;
height:214px;
overflow:visible;
position:absolute;
top:0px;
left:0px;
z-index:0;
}

#visual {
margin: 11px 15px;
background: #B1CBD6 url(/Files/Billeder/visuals/1.jpg) center center no-repeat; 
width:652px;
height:214px;
position:relative;
top:0px;
left:0px;
z-index:0;
}

.visual_over { 
position: absolute;
FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/Files/System/images/lidworden.png');
margin: 30px 0 10px 10px; }

.visual_over[class] { 
position: absolute; 
margin: 30px 0 10px 10px; 
background-image: url('/Files/System/images/lidworden.png'); }

.visual_over img { 
width: 170px;
height: 160px; }

/*--- DIVERSE ---*/

.image {
border: solid 5px #E2E2E2; }

.left {
margin: 0 10px 10px 0; }

.right {
float: right;
margin: 0 0 10px 10px; }

.rechts {
text-align: right; 
vertical-align: middle; }

.center {
text-align: center; 
vertical-align: middle; }

/*--- NIEUWS ---*/

#artikel { 
height: auto; 
}

div.kort { 
height: auto; }

#artikel a, .geel {
color: #6b9bc5; }

#artikel h3 {
color: #00578f;
clear:both;
}
#artikel h2.h2{clear:both}

#artikel .artikelbeeld { 
float: right;
margin-left: 10px;
display: inline; }

#artikel .artikelinhoud { 
margin:0;
padding:0; 
}

#artikel .artikelbeeld IMG { 
/*border: solid 3px #b1cbd6;*/ }

.artikeldatum {
color: #00578f; 
font-size: 11px; }

.artikellink a { 
float: left;
margin-bottom:8px;
padding-right: 20px; }

/*--- FORUM ---*/

#forummenu { 
width: 650px;
text-align: right;
position: absolute; }

.level2 {
width: 625px !important; }

#forum td { 
text-align: left;
vertical-align: top; }

#forum .titel h3 {
margin-bottom: 10px; }

#forum .omschrijving {
padding: 15px 10px; }

#forum .omschrijving h2 { 
margin-top: 0px; }

#forum .bekijk {
text-align: right; }

#forum #status {
float: left;
width: 23px;
height: 23px; 
margin: 0 5px 0 0;
background-image: url('/Files/System/images/forum-gewoon.gif');
background-position: top left;
background-repeat: no-repeat; 
color: #FF0000; }

.streep { 
height: 35px; 
background-image: url('/Files/System/images/streep.gif');
background-position: center center;
background-repeat: repeat-x; }

/*--- BUTTONS ---*/

#text a.button, #text a.button:hover, input[type=button], .button {
text-decoration: none;
border: 0px;
color: #fff !important;
padding: 0px;
cursor: pointer;
padding: 0px 5px 0px 5px; 
margin: 0px 0 0px 0;
background-image: url('/Files/System/images/button-links.gif');
background-position: left top;
background-repeat: no-repeat; }

#text a.button strong, #text a.button:hover strong, #text input.buttoneind, input[type=button], .button a { 
text-decoration: none;
font-weight: bold;
border: 0px;
color: #ffffff !important;
background-image: url('/Files/System/images/button-rechts.gif');
background-position: right top;
background-repeat: no-repeat; }

#text a.button:hover, #text a.button:hover strong { 
color: #b1cbd6 !important; }

#text input.buttoneind { 
padding-right: 8px; }

/*--- SPONSORS ---*/

#meersponsors IMG { 
padding: 10px;
border: solid 3px #D6E4E5; }

/*--- WEER ---*/

#weer { 
margin: 0 0 10px 5px;
width: 150px;
background-color: #D6E4E5; }

#weerkoppen { 
background-color: #ADD7D6; }

#weerkop { 
background-image: url(http://www.knmi.nl/waarschuwingen_en_verwachtingen/images/knmi_web_weersverwachting.png); 
background-position: top left;
width: 140px;
height: 20px; }

#weerkop img { 
width: 130px;
height: 20px; }

#weerkop2 { 
background-image: url(http://www.knmi.nl/waarschuwingen_en_verwachtingen/images/knmi_web_weersverwachting.png); 
background-position: top right;
width: 83px;
height: 20px; }

#weerkop2 img { 
width: 78px;
height: 20px; }

#weericonen { 
margin-left: 30px;
background-image: url(http://www.knmi.nl/waarschuwingen_en_verwachtingen/images/knmi_web_weersverwachting.png); 
background-position: bottom right;
width: 78px;
height: 71px; }

#weericonen img { 
width: 78px;
height: 71px; }

#weertekst { 
background-image: url(http://www.knmi.nl/waarschuwingen_en_verwachtingen/images/knmi_web_weersverwachting.png); 
background-position: bottom left;
width: 145px;
height: 70px; }

#weertekst img { 
width: 145px;
height: 70px; }

/*--- BALK ---*/

.balk {
font-weight: bold;
padding: 2px 0 0 0px !important;
margin-bottom: 10px;
height: 20px; }

.balklinks {
padding-left: 10px !important;
background-image: url('/Files/System/images/balk-links.gif'); 
background-position: top left;
background-repeat: no-repeat; }

.balkmidden {
background-image: url('/Files/System/images/balk-midden.gif'); 
background-position: top left;
background-repeat: repeat-x; }

.balkrechts {
padding-right: 7px !important;
background-image: url('/Files/System/images/balk-rechts.gif'); 
background-position: top right;
background-repeat: no-repeat; }

/*--- ACTIEBUTTON ---*/

#actiebutton { 
margin-bottom: 10px; }

.actiebutton { 
margin: 0px 0 33px -5px; }

#actiehome {
height: 35px; }

/*--- DIVERSEN ---*/

.pijltje { 
padding: 4px 5px 0 0;
float: left; }

a.ruim {
display: block;
margin-top: 10px; }

.bootjes {
right:120px;
position: absolute; 
/*margin: -25px 0 0 175px;*/ 
margin:-25px 0 0 0;
}