body { background: #777777;
       scrollbar-3dlight-color: #DB0505;
       scrollbar-arrow-color: #333333;
       scrollbar-base-color: #C3C3C3;
       scrollbar-darkshadow-color: #DB0505;
       scrollbar-face-color: #EEEEEE;
       scrollbar-highlight-color: #B1B1B1;
       scrollbar-shadow-color: #B36767;
       scrollbar-track-color : #DDDDDD;
}

p, div, ul, ol, li, td, body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-style: normal;
	color: #333333;
	font-size: 12px;
}
table   { border: 0px; background: #FFFFFF; }

.reclame    { width: 300px; height: 140px; position:absolute; top:8; left:703; }
.links      { background: url(pix/hoekje.gif); background-repeat: no-repeat; width:250; font-weight: bold;} 
.divider    { background: url(pix/divider.gif); background-repeat: repeat-y; width:1;} 
.bovendir   { height: 15; }
.bovenbalk  { height: 8; }
.balk       { background: #DB0505; font-weight: bold; color: #FFFFFF; height: 20px; font-size: 12px; font-family: Verdana, Arial; width: 99%;}
.balkstop   { background: url(pix/balkstop.gif); font-weight: bold; width: 10; background-repeat: no-repeat;} 

.boxleft    { width: 165px; height: 70px; position:absolute; top:400; left:0; background: url(pix/boxleft.gif);}

.box        { background: url(pix/tile.gif); }
.line       { background: #DB0505; }

.contents   { padding: 3px; height: 390 }
.row2       { background: #DCDCDC; }
.column2    { background: #E3E3E3; }
.column2row2{ background: #CFCFCF; }
.rowaleto   { background: #DF221B; color: #FFFFFF; font-weight: bold; font-size: 13px; }
.rowaleto2  { background: #BB1B17; }
.linesplit  { background: #CACACA; height: 1;}
.textbox    { background: #EEEEEE; }
.textbox2   { background: #F4F4F4; }
.textbox3   { background: #E3E3E3; }

.subtitle   { font-size: 11px; }
.subtitle2  { color: #EEEEEE;}


blockquote  { margin-bottom: 0px; margin-top: 0px }

form, hr { margin-bottom: 0px; margin-top: 3px }
hr       { margin-bottom: 0px; margin-top: 1px }

.superLarge { font-size: bold 26px Tahoma, Arial }
.largest    { font-size: bold 20px Tahoma, Arial }
.larger     { font-size: bold 16px Arial }
.large      { font-size: bold 14px Arial }
.medium     { font-size: bold 12px Arial }
.normal     { font-size: 11px Arial }
.smaller    { font-size: 11px Arial }
.smallest   { font-size: 10px Arial }

.p8         { font-size: 8px; }
.p9         { font-size: 9px; }
.p10        { font-size: 10px; }
.p16        { font-size: 16px; }
.p18        { font-size: 18px; }

.green  { color: green }
.orange { color: orange }
.red    { color: red }
.grey   { color: #999999 }

.green2  { color: #80FF80 }
.orange2 { color: orange }
.red2    { color: #FF5050 }


.agend          { font-size: bold 12px Arial; color: #DDDDDD }
a.agend         { text-decoration: none; color: #DDDDDD }
a:visited.agend { color: #DDDDDD}
a:active.agend  { text-decoration: none; color: #DDDDDD }
a:hover.agend   { background: #F1CD38; text-decoration: none }

.agend2          { font-size: bold 12px Arial; color: #888888 }
a.agend2         { text-decoration: none; color: #888888 }
a:visited.agend2 { color: #888888 }
a:active.agend2  { text-decoration: none; color: #888888 }
a:hover.agend2   { background: #F1CD38; text-decoration: none; color: #888888 }

.aleto           { font-size: 14px; color: #D39393; font-family: Verdana, Arial; background: #DB0505;}
.copyright       { font-size: 10px; color: #FFFFFF; font-family: Verdana, Arial; background: #DB0505;}
.aleto2		 { url(pix/roodright.gif); background-position: right; background-repeat:no-repeat; }
a.aletol         { color: #FFFFFF; text-decoration: none; font-weight: bold; }
a:visited.aletol { color: #FFFFFF }
a:active.aletol  { color: #FFFFFF; text-decoration: none }
a:hover.aletol   { color: #FFFFFF; text-decoration: underline }

a.nav         { color: #FDDB30; text-decoration: none; font-size: 11px; }
a:visited.nav { color: #FDDB30 }
a:active.nav  { color: #EEEEEE; text-decoration: none }
a:hover.nav   { color: #FFFFFF; text-decoration: none }

.bar          { background: #999999 url(pix/bar.gif); font-weight: bold; font-family: Verdana, Arial; font-size: 11px; } 
a.barl         { color: #333333; text-decoration: none; font-size: 11px; }
a:visited.barl { color: #333333 }
a:active.barl  { color: #333333; text-decoration: none }
a:hover.barl   { color: #000000; text-decoration: none }

.menu          { font-weight: bold; font-size: 12px; } 
a.menu         { color: #703333; text-decoration: none }
a:visited.menu { color: #703333 }
a:active.menu  { color: #A00000; text-decoration: none }
a:hover.menu   { color: #DB0505; text-decoration: none }

.dir          { font-weight: bold; font-family: Verdana, Arial; font-size: 8px; } 
a.dir         { color: #222222; text-decoration: none; font-size: 10px }
a:visited.dir { color: #222222; }
a:active.dir  { color: #222222; text-decoration: none }
a:hover.dir   { color: #222222; text-decoration: underline }

a             { color: #202020 }
a:visited     { color: #202020 }
a:active      { color: #3355BB }
a:hover       { color: #3355BB }

.bigitem { font-size: bold 16px; color: WHITE }

.item { font-weight: bold; font-size: 13px; color: #DB0505 }

.header        { background: #4E6DA9; color: #FFFFFF; font-weight: bold; font-size: 12px; height: 20px; }

.error         { font-size: 12px; font-weight: bold; color: red; }

.title         { color: #4E6DA9; font-weight: bold; font-size: 14px; }


.main { 
   margin-left: 5px; margin-right: 5px
}

.menuhead   { font-size: bold Arial; color: #ffffff; background: url("pix/headright.gif"); text-align: right; height:19;}
.menurightclose { height:1; background-color: #4D4D4D; }

.glowwhite      { position:relative; filter:'glow(color=#FFFFFF,strength=2,enabled=1)'; }

.bullet         { color: #FFFFCC; font-size: 11px Arial; font-family: Arial,Helvetica }
.sel, select    { font-family: Verdana, Arial; font-size: 11px; background-color: #F3F3F3; color: black; width: 100; border: 1px solid #703333 }
select.year     { width: 55;}
select.mail     { width: 170;}
select.cat      { width: 180;}
select.wide     { width: 200;}
select.stops    { width: 225;}
.l              { width: 275;}
.l2             { width: 310;}
input           { font-size: 11px; font-family: Verdana, Arial; background-color: #F3F3F3; color: black; width: 200; border: 1px solid #703333}
.midi           { width: 110}
.sm             { width: 70}
.small          { width: 80}
.mini           { width: 40}
.micro          { width: 20}
input.zip       { width: 55}
input.city      { width: 145}
input.lrg       { width: 420}

input.left      { font-size: 11px; font-family: Verdana, Arial; background-color: #FFFFFF; color: black; width: 104; border: 1px solid #000000}
input.leftbut   { background: transparant; width: 38; height: 38; border: 0px}

.noedit         { background-color: #FFFFFF; }

textarea        { font-family: Verdana, Arial; font-size: 11px; background-color: #F3F3F3; color: black; border: 1px solid #703333; width: 200; height: 80}
textarea.invoice{ width: 420; height: 35}
textarea.lrg    { width: 500; height: 100}
textarea.med    { width: 400; height: 80;}
input.gobutton  { background-color: #c3c3c3; color: black; width:10; height:10; vertical-align:middle }
input.button    { background-color: #F3F3F3; height:22; font-family: Verdana; color: #222222; width:100; border: 2px solid #DB0505; }
input.box       { background: transparant; width: 14; border: 0px}
input.radio     { background-color: #333333; width: 10; border: 0px }
input.smbutton  { background-color: #F3F3F3; height:19; font-family: Verdana; color: #222222; width:80; border: 2px solid #DB0505; }
img             { border: 0; }

.row2           { background: #EEEEEE;}


a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}