/*--- ALGEMEEN ---*/

* {
color: #004796;
font-family: Tahoma, Verdana, Arial, Helvetica; }

HTML { 
background-color: #004896;
/*background-image: url('/Files/System/images/system/bg.gif');*/ }

BODY {
margin: 0px; 
padding: 0px 0 0 0;
font-size: 0.8em;
color: #004796;
text-align: center; }

P, P.h1 {
margin: 0 0 15px 0;
color: #004796; }

A {
color: #004796;
text-decoration: underline; }

A:hover {
color: #004796;
text-decoration: none; }

IMG {
border: 0; }

H1 {font-size: 1.0em; }
H2 {font-size: 0.9em; }
H3 {font-size: 1em; }
H4 {font-size: 1em; }

TABLE {
border-collapse: collapse;}

TD {
padding: 0 5px 0 0;
color: #004796;
text-align: left;
vertical-align: top; }

/*--- BASIS ---*/

#all {
min-height: 100%;
text-align: left;
width: 955px;
/*width: expression((document.documentElement.clientWidth < 772)?732+"px":(document.documentElement.clientWidth>955)?920+"px":"auto");*/
margin: 20px auto 0 auto; }

html>body #all {
width: auto;
min-width: 732px; 
max-width: 920px; 
}

/*--- TOP ---*/

#top {
border: solid 2px #fff;
background-image: url('/Files/System/images/system/boven-bg.gif');
background-repeat: repeat-x;
background-color: #fff;
margin: 0px 0 0 0;
padding: 0 0 0 0;
text-align: left;
height: 81px; }

#top img.beeld { 
margin: 0 0 2px 0;
display: block;
padding: 0px; }

#top img.logo {
border-left: solid 2px #FFFFFF;
float: right; }

#algemeen {
float: right; 
padding: 0;
margin: 0;
text-transform: uppercase;
font-size: 7pt; }

#algemeen UL {
list-style-type: none;
margin: 0;
padding: 0; }

#algemeen UL LI {
text-align: left;
float: left;
margin: 0px;
padding: 5px; }

#algemeen UL LI A {
text-decoration: none;
display: block;
padding: 0px;
margin: 0px;
letter-spacing: 0.1em;
color: #FFFFFF; }

#algemeen UL LI A:hover, #algemeen UL LI.selected A {
color: #F9B700; }

/*--- MENU ---*/

#menu {
/*width: 532px;*/
display: block;
float: left;
padding: 0px;
margin: 0px 0 0 0px;
text-transform: uppercase;
font-size: 8pt; }

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

#menu UL LI {
text-align: left;
float: left;
margin: 0 0px 0 0;
border-right: solid 1px #FFFFFF;
padding: 0px; }

#menu UL LI A {
background-image: url('/Files/System/images/system/menuitem.gif');
background-position: 6px 8px;
background-repeat: no-repeat;
text-decoration: none;
display: block;
font-weight: bold;
padding: 4px 4px 4px 15px;
letter-spacing: 0.1em;
margin: 0px; 
color: #FFFFFF; }

#menu UL LI A:hover, #menu UL LI.selected A {
background-image: url('/Files/System/images/system/menuitem-aan.gif');
background-position: 6px 8px;
background-repeat: no-repeat;
background-color: #F9B700;
color: #FFFFFF; }

/*--- SUBMENU ---*/

#submenu {
display: inline;
float: right;
width: 195px;
padding: 20px;
font-size: 8pt;
color: #003F84; }

#submenu .tekst {
padding: 0px 5px 30px 20px; }

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

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

#submenu.home UL LI {
margin-bottom: 0px; }

#submenu UL LI.selected {
background-position: bottom left;
background-repeat: no-repeat;
background-image: url('/Files/System/images/system/menu-bottom-aan.gif'); }

#submenu UL LI.selected div.tekst {
height: 100px; }

#submenu UL LI A {
font-family: Tahoma, Verdana, Arial, Helvetica;
display: block;
padding: 3px 5px 3px 18px;
margin: 0px;
font-size: 8pt;
font-weight: bold;
width: 172px;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0.1em;
background-image: url('/Files/System/images/system/menu.gif');
background-position: top right;
background-repeat: no-repeat;
 }

#submenu UL LI.selected A, #submenu UL LI.selected A:hover {
color: #00346C;
background-position: top right;
background-repeat: no-repeat;
background-image: url('/Files/System/images/system/menu-aan.gif'); }

#submenu UL LI A:hover {
background-image: url('/Files/System/images/system/menu-over.gif');
background-position: top right;
background-repeat: no-repeat; }

#submenu UL UL {
border: none;
background: none;
width: 165px;
margin: 0px 0 0px 18px;
padding: 0px 0 3px 0;
font-size: 1.0em;
text-transform: none; }

#submenu UL UL LI {
background: none;
margin: 0px;
padding: 0px;
border: none; }

#submenu UL UL LI A, #submenu UL UL LI A:hover {

padding: 0px;
text-transform: none; 
font-weight: lighter !important;
background: none !important; }

#submenu UL UL LI A:hover {
color: #000 !important; }

/*--- VISUAL ---*/

#visual {
border-left: solid 2px #FFFFFF;
display: block;
float: right; 
margin-right: 2px; }

#visual img {
border-bottom: solid 2px #FFFFFF; }

/*--- MIDDEN ---*/

#midden {
border: solid 2px #fff;
background-color: #DDDDED;
background-image: url('/Files/System/images/system/rechts-bg.gif');
background-repeat: repeat-y;
background-position: right top; 
min-height: 405px; }

/*--- CONTENT ---*/

#content {
margin-bottom: 0px;
padding: 15px 250px 15px 15px;
text-align: left; }

.contentvisual {
background-image: url('/Files/System/images/system/rechts-bg-beeld.gif');
background-repeat: repeat-y;
background-position: right top; 
margin-bottom: 0px;
padding-bottom: 0px;
padding-right: 430px !important; }

#content h1 {
color: #004796;
font-weight: bold;
font-size: 15pt;
margin: 0 0 10px 0;
letter-spacing: 0.1em; }

#content h2 {
padding: 2px 4px 2px 0px;
margin: 15px 0 0px 0;
color: #004796;
font-weight: bold;
text-transform: uppercase;
font-size: 11pt;
letter-spacing: 0.1em; }

#content h3 {
color: #010265; }

#content UL {
margin-top: 12px;
margin-bottom: 12px;
margin-left: 0px; }

#content UL LI {
color: #004796;
background-image: url('/Files/System/images/system/bullet.gif');
background-repeat: no-repeat;
background-position: 5px 7px;
padding: 1px 3px 1px 18px;
border: none; }

.right { 
margin: 0px;
padding: 0px;
width: 100%;
text-align: right; }

#lumc { 
background-image: url('/Files/System/images/system/lumc-blok.gif');
background-repeat: no-repeat;
background-position: bottom right;
text-align: center;
width: 220px;
font-size: 11px;
margin: 0px 0 0 0;
padding: 11px; }

#lumc img {
float: right; }

/*--- FOOTER ---*/

#footer {
border-left: solid 2px #FFFFFF;
border-right: solid 2px #FFFFFF;
border-bottom: solid 2px #FFFFFF;
width: 235px;
float: right;
background-color: #F9B700;
color: #FFFFFF;
font-size: 11px;
text-align: center;
padding: 5px 0; }

#footer a {
text-decoration: none;
color: #FFFFFF; }

#footer a:hover {
text-decoration: none;
color: #004796; }

/*--- NIEUWS---*/

.artikel {
padding-bottom: 10px; }

.laatsteNieuws .artikel {
padding-bottom: 0px;
}

.artikel img {
margin: 5px;
border: solid 3px #B5B7D8; }

.laatsteNieuws {
font-size: 9pt;
position: absolute; 
margin: 25px 0 0 695px; 
_margin-left: 730px;
width: 183px; }

/*--- DIVERSE ---*/

.pidlink {
border: solid 1px #FF0000; }

.right {
float: right; }

.aright {
text-align: right; }

a.meer, a.meer:hover {
float: right;
margin: 5px;
font-size: 8pt;
letter-spacing: 2px;
text-decoration: none;
font-weight: bold;
text-transform: uppercase; }

#vacaturelijst {
padding: 10px 10px 0px 10px;
border: 1px solid #b5b7d8;
background: #fff;
}

#vacaturelijst span {
position: absolute;
margin-top: -2px;
text-align: right;
width: 70px;
}

#midden #content ul#vacaturelijst li {
margin-bottom: 15px;
background: none;
padding-left: 0px;
border-bottom: 1px solid ##b5b7d8;
}

#vacaturelijst a {
display: block;
margin-left: 80px;
}

#vacaturelijst a img {
position: absolute;
margin-left: 10px;
margin-top: -3px;
}

.bigbutton {
background: url(/Files/System/images/buttons/button-right.gif) no-repeat right;
padding: 17px 10px 17px 17px;
margin-right: 15px;
}
.bigbutton strong {
background: url(/Files/System/images/buttons/button-left.gif) no-repeat left;
margin-right: 0px;
margin-left: -15px;
padding: 17px 10px 17px 17px;
}

.bigbutton:hover {
background: url(/Files/System/images/buttons/button-right-hover.gif) no-repeat right;
}

.bigbutton:hover strong {
background: url(/Files/System/images/buttons/button-left-hover.gif) no-repeat left;
}

button.bigbutton {
border: 0px;
padding-right: 4px;
margin-left: -5px;
}

iframe {
width: 100%;
height: 500px;
overflow-y: scroll;

}