/* Standaard */
html, body {
	height:100%;
	background: url(../arbomobiel/systeem/bodybg.gif) repeat-y top center;
}

body {
margin: 0px;
font-family: Arial, Helvetica;
font-size: 0.7em;
background-color: #FFFFFF;
height: 100%;
}

/* Toegevoegd Camiel (SWD)*/
a, a:link, a:hover, a:active, a:visited, {
text-decoration: none;
color: #b2001f;
}

A:link {text-decoration: none;}
A:visited {text-decoration: none;}
A:active {text-decoration: none;}
A:hover {text-decoration: none;}

img {
border: none;
}

form {
margin: 0px;
}

#container {
position: relative;
margin: 0px auto 0px auto;
width: 781px;
height: 100%;
}

#bovenbalk {
position: relative;
float: left;
width: 781px;
height: 133px;
background-image: url(../arbomobiel/systeem/bovenbalk.gif);
background-repeat: no-repeat;
background-position: left top;
}

#logo {
position: absolute;
top: 17px;
left: 5px;
height: 42px;
width: 127px;
z-index: 100;
}

#linkerbalk {
position: relative;
float: left;
width: 166px;
height: 475px;
overflow: hidden;
}

#linkerbalkmenu {
position: relative;
float: left;
width: 166px;
height: auto;
}

#linkerbalkonder {
position: relative;
float: left;
width: 166px;
height: 534px;
border-bottom: none;
background-position: left top;
}

#extrapaginas a,
#extrapaginas a:link,
#extrapaginas a:hover,
#extrapaginas a:active,
#extrapaginas a:visited {
color:#333366;
}

#extrapaginas {
top:15px;
position: Absolute;
color: #333366;
left: 15px;
}

.menubalk {
position: relative;
float: left;
width: 166px;
height: 21px;
background-image: url(../arbomobiel/systeem/linkerbalkbg.gif);
background-repeat: repeat;
background-position: left top;
}

.menubalk a, .menubalk a:link, .menubalk a:visited {
color: black;
text-decoration: none;
margin-top: 3px;
margin-left: 30px;
display: block;
width: 130px;
font-weight: bold;
letter-spacing: 0.1em;
}

.menubalk a:hover, .menubalk a:active {
color: gray;
}

#rechterdeel {
position: relative;
float: left;
width: 614px;
height: 475px;
background-color: #FFFFFF;
}

#systemcontent {
background-color: #FFFFFF;
padding:10px;
width:500px;
height:500px;
}

#pageimage {
position: relative;
left: 150px;
top: 35px;
}

#pageimagecontent {
position: relative;
left:0px;
}

#content {
position: relative;
width: 289px;
left: 33px;
top: 5px;
padding-right: 45px;
padding-top: 5px;
}

.content_home {
height: 348px;
}

.content_vervolg {
height: 398px;
}

.content_wide {width:500px;border:1px solid red;}

#content h1 {
font-size: 1.2em;
color: #444e86;
letter-spacing: 0.1em;
margin-top:5px;
}

#nieuwslogo {
position: relative;
margin-bottom: 5px;
left: -40px;
clear: both;
z-index: 100;
}

#nieuwscontainer {
position: absolute;
left: 367px;
top: 5px;
width: 232px;
height: 350px;
border: solid 1px #CC0033;
background-color: white;
}

#fotocontainer {
position: absolute;
left: 367px;
top: 15px;
width: 232px;
height: 100%px;
background-color: white;*/
}

#nieuwscontainer img, #fotocontainer img {
position: relative;
float: none;
margin: 8px auto 8px auto;
display: block;
}

.nieuwscontaineritem {
position: relative;
float: none;
margin: 2px auto 2px auto;
width: 200px;
}

.nieuwscontaineritemimage {
position: relative;
float: left;
width: 68px;
height: 68px;
}

.nieuwscontaineritemtekst {
position: relative;
float: left;
width: 115px;
height: auto;
font-weight: bold;
padding: 10px 0px 0px 10px;
color: black;

}

.leesverder {
font-style: italic;
color: #000000;
margin-top: 10px;
}

.leesverder a {
text-decoration: none;
color: #000000;
}

.meernieuws {
font-weight: bold;
text-align: right;
color: #000000;
}

.meernieuws a {
font-weight: bold;
text-align: right;
color: #000000;
}

#zoeken {
position: absolute;
width: 129px;
height: 40px;
left: 12px;
top: 175px;
}

#zoeken form {
margin-left: 3px;
}

#zoeken input {
width: 118px;
height: 12px;
margin-top: 2px;
font-size: 1em; 
border: 1px solid #666666
}

#zoeken input.zoeksubmit {
background-color: #CCE0FB;
color: #333366;
border: none;
font-weight: bold;
cursor: pointer;
text-align: left;
margin-bottom: 2px;
margin-left: -3px;
font-size: 0.9em;
letter-spacing: 0.1em;
}

.hoofdmenupunt {
position: relative;
float: left;
width: 121px;
height: 16px;
padding-top: 3px;
}

.hoofdmenupunt a,
.hoofdmenupunt a:link,
.hoofdmenupunt a:hover,
.hoofdmenupunt a:active,
.hoofdmenupunt a:visited {
color:#000;
}


#schaduwrand {
position: absolute;
left : 2px;
top: 21px;
height: 8px;
width: 613px;
background-image: url(../oomt/system/images/schaduwrand.gif);
background-repeat: repeat-x;
background-position: left top;
}

#submenu1, #submenu2, #submenu3, #submenu4, #submenu5 {
position: absolute;
top: 21px;
display: none;
height: auto;
width: 153px;
letter-spacing: 0.1em;
z-index: 1000;
border: solid 1px #b5b4b2;
border-bottom: none;
}

#submenu1 {
left: 0px;
background-color: #f8db01; /*geel*/
}

#submenu2 {
left: 123px;
background-color: #98e525; /*groen*/
}

#submenu3 {
left: 245px;
background-color: #f8a700; /*orange*/
}

#submenu4 {
left: 368px;
background-color: #f63804; /*rood*/
}

#submenu5 {
left: 492px;
background-color: #abe4f7; /*blauw*/
}

#submenu1 a, #submenu2 a, #submenu3 a, #submenu4 a, #submenu5 a {
margin-left: 0px;
min-height: 16px;
width: 137px;
padding: 2px 8px 2px 8px;
border-top: solid 1px #b5b4b2;
border-bottom: solid 1px #b5b4b2;
margin-top: 1px;
text-decoration: none;
color: black;
display: block;
background-color: white;
}

#submenu1 a:hover {
background-color: #f8db01; /*geel*/
}

#submenu2 a:hover {
background-color: #98e525; /*groen*/
}

#submenu3 a:hover {
background-color: #f8a700; /*orange*/
}

#submenu4 a:hover {
background-color: #f63804; /*rood*/
}

#submenu5 a:hover {
background-color: #abe4f7; /*blauw*/
}

.submenupunt {
width: 137px;
margin-left: 0px;
min-height: 16px;
padding: 2px 8px 2px 8px;
border-top: solid 1px #b5b4b2;
border-bottom: solid 1px #b5b4b2;
background-color: white;
margin-top: 1px;
}

.submenupunt a {
width: 137px;
margin-left: 0px;
min-height: 16px;
padding: 2px 8px 2px 8px;
border-top: solid 1px #b5b4b2;
border-bottom: solid 1px #b5b4b2;
background-color: white;
margin-top: 1px;
text-decoration: none;
color: black;
width: 137px;
display: block;
background-color: white;
}

#submenuschaduwhor 
{
position: absolute;
background-image: url(../oomt/system/images/transp_schaduw_hor.png);
background-repeat: repeat-x;
background-position: left top;
width: 151px;
height: 5px;
display: none;
z-index: 1000;
overflow: hidden;
}

#submenuschaduwvert
{
position: absolute;
background-image: url(../oomt/system/images/transp_schaduw_vert.png);
background-repeat: repeat-y;
background-position: left top;
height: 1px;
width: 5px;
display: none;
z-index: 1000;
}

#companysearchnexthholder div {display:inline;margin-right:5px;}
.companysearchnextpage{vertical-align:top;}

/* ============================================================ */ 
/* ======== SEARCH ============================== */
/* ============================================================ */


ul.nieuwsLijst,
ul.resultLijst {
margin:25px 0 0 0;
padding:0;
list-style:none;
}
ul.nieuwsLijst li,
ul.resultLijst li{
position:relative;
margin:0 0 0 0;
padding:0;
list-style:none;
border-bottom:1px solid #EC870E;
}
ul.nieuwsLijst li a,
ul.resultLijst li a {
display:block;
padding:3px 0 3px 15px;
background:transparent url(/OOMT/system/gfx/arrow_dark.gif) no-repeat 5px 7px;
color:#EC870E;
text-decoration:none;
}
ul.nieuwsLijst li a:hover,
ul.resultLijst li a:hover {
color:#DE1F2B;
text-decoration:none;
cursor:pointer;
background-color:#FFECD4;
}
ul.nieuwsLijst li a:hover {
background:#FFECD4 url(/OOMT/system/gfx/arrow_red.gif) no-repeat 5px 7px;
}

ul.nieuwsLijst span,
ul.resultLijst span {
padding:0 10px 0 0px;
color:#EC870E;
}


ul.resultLijst li{
width:500px;
overflow:hidden;
}
ul.resultLijst li a {
padding:4px 0 4px 0px;
height:16px;
background:transparent url(/OOMT/system/gfx/icons/html.gif) no-repeat 0px 3px;
}
ul.resultLijst li a.doc {background-image:url(/OOMT/system/gfx/icons/doc.gif);}
ul.resultLijst li a.xls {background-image:url(/OOMT/system/gfx/icons/xls.gif);}
ul.resultLijst li a.pdf {background-image:url(/OOMT/system/gfx/icons/pdf.gif);}
ul.resultLijst li a.js {background-image:url(/OOMT/system/gfx/icons/js.gif);}
ul.resultLijst li a.txt {background-image:url(/OOMT/system/gfx/icons/txt.gif);}

ul.resultLijst li a:hover {

}
ul.resultLijst span.titel {
width:350px;
padding:1px 0px 0px 20px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color:#000;
}

/*\*/
html>body ul.resultLijst span.titel {float:left;display:block;width:310px;}
/* */
ul.resultLijst span.titel span {
padding:0 10px 0 0;
}
ul.resultLijst span.stars {
float:right;
width:125px;
padding:0px;
/*text-align:right;*/
white-space:nowrap;
/*background:transparent url(/OOMT/system/gfx/stars.gif) no-repeat 5px 2px;*/
}

ul.resultLijst span.oneStar {background-image:url(/OOMT/system/gfx/1stars.gif);}
ul.resultLijst span.twoStar {background-image:url(/OOMT/system/gfx/2stars.gif);}
ul.resultLijst span.threeStar {background-image:url(/OOMT/system/gfx/3stars.gif);}
ul.resultLijst span.fourStar {background-image:url(/OOMT/system/gfx/4stars.gif);}
ul.resultLijst span.fiveStar {background-image:url(/OOMT/system/gfx/5stars.gif);}

.pageNav b {
display:inline;
}

.pageNav .next {
float:right;
}
.pageNav .prev {
float:left;
}

.pageNav a {
color:#c27c2e;
text-decoration:none;
font-weight:bold;
}
.pageNav a:hover {
color:#DE1F2B;
}
span.stars img {border-width:0px;margin:0px;padding:0px;}
* html span.stars img {margin-right:-5px;}

#nav, nav li {
margin: 0px;
padding: 0px;
}

#nav a,
#nav a:link,
#nav a:hover,
#nav a:active,
#nav a:visited {
color:#FFFFFF;
font-weight: bold;
left: 2px;
margin-left: 0px;
}

#nav {
float: left;
width: 166px;
margin: 0px;
padding: 0px;
}

#nav li {
background: url(../arbomobiel/systeem/button.gif) left repeat-y;
padding: 7px 0px 7px 0px;
margin-bottom: 2px;
margin-left: 2px;
list-style: none;
}

html #nav li {/* IE 5.x hack */
padding-left: 3px;
padd\ing-left: 14px;
}

#navsub, navsub li {
margin: 0px;
padding: 0px;
}

#navsub a,
#navsub a:link,
#navsub a:hover,
#navsub a:active,
#navsub a:visited {
color:#333366;
}

#navsub {
float: left;
width: 166px;
margin: 0px;
padding: 0px;
}

#navsub li {
background: url(../arbomobiel/systeem/button_sub.gif) left center repeat-y;
padding: 3px 0px 4px 36px;
margin-bottom: 2px;
margin-left: 0;
list-style: none;
}

html #navsub li {/* IE 5.x hack */
padding-left: 19px;
padd\ing-left: 22px;
}

#servicelinks {
clear: both;
margin-top: 5px;
margin-bottom: 5px;
}

#logootjes {
position: absolute;
top: 425px;
left: 5px;
}

#movie {
padding: 10px;
}

#backbutton {
padding: 10px;
}