body {
	padding:0;
	margin: 0;
	text-align:center;
	background-image:url(pix/bg.jpg);	
	background-position:center top;
	background-color: #1e4e96;

       scrollbar-3dlight-color: #1f5da9;
       scrollbar-arrow-color: #333333;
       scrollbar-base-color: #C3C3C3;
       scrollbar-darkshadow-color: #1f5da9;
       scrollbar-face-color: #EEEEEE;
       scrollbar-highlight-color: #B1B1B1;
       scrollbar-shadow-color: #6767B3;
       scrollbar-track-color : #DDDDDD;


}
html, body {

	height: 100%;
}

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

.p7         { font-size: 7px; }
.p8         { font-size: 8px; }
.p9         { font-size: 9px; }
.p10        { font-size: 10px; }
.p11        { font-size: 11px; }
.p12        { font-size: 12px; }
.p13        { font-size: 13px; }
.p14        { font-size: 14px; }
.p15        { font-size: 15px; }

.right { text-align: right; }

.green  { color: #00c000 }
.orange { color: #f08800 }
.red    { color: #FF5050 }
.grey   { color: #BBBBBB }

.kadercontent a {  	color: #054cad;	text-decoration: none; }


img { border: 0px; }

form { padding: 0px 0px 0px 0px; border: 0px; margin: 0px 0px 0px 0px; }


.container {
	margin:0px auto;
	width:1000px;
	height: 100%;
	text-align: left;
	background-color: #0f274b;
}

.header {
	width: 100%;
	height: 179px;
	background:url(pix/header.jpg) no-repeat 0 0;
}

.footer {
	width: 100%;
	height: 37px;
	background:url(pix/footer.gif) no-repeat 0 0;
}



.column {
	padding-left: 8px;
	padding-top: 0px;
	background-color: #ffffff;
}

.column2 {
	padding-left: 8px;
	padding-top: 8px;
	background-color: #ffffff;
}

.hap {
	background-color: #0f274b;
	width: 222px;
	height: 100%;
	min-height: 100%;
	max-height: inherit;
	color: #ffffff;
	font-size: 12px;
}

.haptop {
	margin-left: 0px;
	background: #0f274b url(pix/inham.gif) no-repeat;
	width: 222px;
	height: 20px;
}

.hapbottom {
	margin-left: 0px;
	background: #0f274b url(pix/inham2-1.gif) no-repeat;
	width: 222px;
	height: 8px;
}

.hapbottomtop {
	background: #ffffff url(pix/inham2-2.gif) no-repeat;
	height: 8px;
}


.rowaleto { 
  background: #1e4e96; 
  padding-left: 10px; padding-top: 3px; padding-bottom: 3px; 
  font-size: 16px; color: #ffffff; font-weight: bold; 
  margin-bottom: 10px;
}


.onderaan {
	background: #0f274b url(pix/witbottom.gif) no-repeat;
	background-color: #0f274b;
	width: 778px;
	height: 7px;
}

.onderaanbreed {
	background: #0f274b url(pix/witbottom2.gif) no-repeat;
	background-color: #0f274b;
	width: 1000px;
	height: 7px;
	max-height: 50px;
}



.rss {
	padding-right: 4px;
	padding-top: 2px;
}

a.icon 	     { color: #054cad; text-decoration: none; }
a.icon:hover { color: #000000; border: 0px; text-decoration: none;}



/* Nieuws box links
------------------------------- */


.nieuws {
	color: #ffffff;
	font-size: 11px;
}

.nieuws a {
	color: #ffffff;
	font-size: 11px;
	text-decoration: none;
}
.nieuws a:hover {
	color: #aad8ec;
}

.nieuwsdatum {
	color: #edde3b;
	font-size: 11px;
	width: 57px;
	vertical-align: top;
}


.nieuwsdatum2 {
	color: #000000;
	font-weight: bold;
	font-size: 13px;
	width: 35%;
	padding-top: 5px;
}

.nieuwstopic {
	color: #ffffff;
	font-size: 15px;
}



.haltes {
	width:510px; *width:520px;
	background: #f1f4f7 url(pix/tblbg.gif) repeat-x;
	background-position: top center;
	background-attachment: scroll;
	padding: 0px 5px 10px 5px;
}

a.halte { font-size: 11px; color: #054cad; text-decoration: none; }

a.halte:hover {color: #095ccd; border-bottom: solid #000000 1px; }



/* Agenda
------------------------------- */

.agendahead {
	color: #000000;
	font-weight: bold;
	font-size: 13px;
	width: 35%;
}

.agendahead a { font-size: 13px; color: #000000; text-decoration: none; }
.agendahead a:hover { color: #000000; text-decoration: underline; }

.agendadivide {
	width: 2px;
	min-width: 2px;
	height: 25px;
	background: URL('pix/agendadivide.gif') no-repeat;
}

.noexpand {
	overflow-y:scroll;
	overflow-x:hidden;
	max-height: 400px;
}

.agenda {
	height: 92%;
	width:751px;
	*width:762px;
	background: #f1f4f7 url(pix/tblbg.gif) repeat-x;
	background-attachment: scroll;
	padding: 0px 5px 10px 5px;
}

.agendalijst{
	width: 100%;
	background: #FFFFFF;
	border-width: 0px;
}

.agendalijst td { background: #FFFFFF url(pix/agendabg.gif); padding-top: 2px; }

.agendalijst th { 
  background: #1e4e96; 
  padding-left: 10px; padding-top: 2px; padding-bottom: 2px; 
  font-size: 12px; color: #ffffff; font-weight: bold; 
}

.agendanormaal { padding-left: 12px; padding-right: 10px; }
.agendaend { padding-left: 0px; padding-right: 0px; width: 1px; }

.agendalogo { padding-left: 2px; padding-right: 1px; padding-top: 2px; padding-bottom: 1px; width: 150px;}

.agendaselect { color: #5ea9dd; font-size: 11px; padding-top: 6px; }

.agendakeuze {
	text-align: center;
	color: #222222;
	font-size: 14px;
	padding-top: 2px;
}
.agendakeuze a { font-size: 13px; color: #e0e0e0; text-decoration: none; }
.agendakeuze a:hover { color: #ffffff; text-decoration: overline; }
.agendakeuze .active { font-size: 13px; color: #ffffff; font-weight: bold; }

.agenda a { font-weight: bold; color: #054cad; text-decoration: none; }
.agenda a:hover { color: #095ccd; }

.busstatus { margin-top: 15px; text-align: center; }



/* Algemeen
------------------------------- */


.errorbox { 
  	border: 2px red solid; 
	margin-top:10px;
	margin-bottom:15px;
	padding-top: 5px; 
	padding-bottom: 5px;
	text-align: center;
}

.warningbox { 
  	border: 2px orange solid; 
	margin-top:10px;
	margin-bottom:15px;
	padding-top: 5px; 
	padding-bottom: 5px;
	text-align: center;
}


.confirm { 
  	border: 2px green solid; 
	margin-top:10px;
	margin-bottom:15px;
	padding-top: 5px; 
	padding-bottom: 5px;
	text-align: center;
	font-weight: bold;
}

#flash { width: 500px; height: 241px; background: #f1f4f7 url(pix/tblbg.gif) repeat-x; }
.intro { width: 500px; height: 241px; background: #f1f4f7 url(pix/tblbg.gif) repeat-x; }


.loginsmall     { width: 128; height: 18; font-size: 11px; }


/* Invoervelden
------------------------------- */


.bullet         { color: #FFFFCC; font: 11px Arial; font-family: Arial,Helvetica }
.sel, select    { font-family: monospace; background-color: #ffffff; color: black; width: 100; border: 1px solid #272C62; ; font-style:normal; font-variant:normal; font-weight:normal; font-size:11px; padding-left: 4px; }
select.small    { width: 40px;}
select.year     { width: 54px;}
select.mail     { width: 170px;}
select.cat      { width: 180px;}
select.wide     { width: 200px;}
select.stops    { width: 225px;}
input           { font-family: arial; background-color: #ffffff; color: black; width: 200px; border: 1px solid #272C62; ; font-style:normal; font-variant:normal; font-weight:normal; font-size:11px; padding-left: 4px; }
input.small     { width: 110px;}
input.bdate     { width: 80px;}
input.zip       { width: 55px;}
.mini           { width: 40px;}
.micro		{ width: 20px;}
input.city      { width: 145px;}
input.lrg       { width: 391px;}
.mailing	{ width: 175px;}
textarea        { font-family: monospace; background-color: #ffffff; color: black; border: 1px solid #272C62; width: 444; height: 50; font-style:normal; font-variant:normal; font-weight:normal; font-size:11px; padding-left: 4px;}
textarea.med    { font-family: monospace; background-color: #ffffff; color: black; border: 1px solid #272C62; width: 200; height: 80; font-style:normal; font-variant:normal; font-weight:normal; font-size:11px;}
textarea.med2   { font-family: monospace; background-color: #ffffff; color: black; border: 1px solid #272C62; width: 520; height: 100; font-style:normal; font-variant:normal; font-weight:normal; font-size:11px;}
textarea.lrg    { font-family: monospace; background-color: #ffffff; color: black; border: 1px solid #272C62; width: 590; height: 200; font-style:normal; font-variant:normal; font-weight:normal; font-size:11px;}
input.gobutton  { background-color: #c3c3c3; color: black; width:10; height:10; vertical-align:middle; padding-left: 0px; }
input.button    { background: url('pix/button100.gif'); height:22; font-family: arial; font-style: italic; font-weight: bold; color: #054cad; width:100px; border: 0px; margin-top: 4px; padding-left: 0px;}
input.lrgbutton { background: url('pix/button150.gif'); height:22; font-family: arial; font-style: italic; font-weight: bold; color: #054cad; width:150px; border: 0px; margin-top: 4px; padding-left: 0px;}
input.minibutton  { background: url('pix/button75.gif'); height:22; font-family: Arial; font-style: italic; font-size: 11px; color: #054cad; width:75px ; border: 0px; margin-top: 4px; padding-left: 0px;}
input.box       { background: transparant; width: 10; border: 0px none; padding-left: 0px; }
input.radio     { background: transparant; width: 10; border: 0px none; padding-left: 0px; }


/* Zijkant foto's
------------------------------- */


.foto {
	width:350px;
	float: right;
	display: inline;
	margin-left: 10px;
	margin-right: 5px;
	margin-top: 5px;
	background: #FFFFFF;
	text-align: center;
	font-size: 11px;
	color: #515151;
	padding-top: 15px;
	padding-bottom: 10px;
	border: 1px #555555 solid;
}

.foto img{
	margin-bottom: 5px;
}

.foto2 {
	width:350px;
	float: left;
	display: inline;
	margin-left: 5px;
	margin-right: 10px;
	margin-top: 5px;
	background: #FFFFFF;
	text-align: center;
	font-size: 11px;
	color: #515151;
	padding-top: 15px;
	padding-bottom: 10px;
	//border-bottom: 1px #8A919C solid;
	border: 1px #555555 solid;
}

.foto2 img{
	margin-bottom: 5px;
}



/* Navigatie
------------------------------- */
#nav, #nav ul {
padding: 0px 0 0 0;
margin: 0;
list-style: none;
}
#nav{

   position:absolute; 
   bottom:8px;
   left:0px;


}

#nav li {
float: left;
width: 180px;
z-index: 9999;
}

#nav li#home {
float: left;
width: 287px;
margin-left: 0px;
height: 28px;
}

#nav li#uitgaansbus {
float: left;
width: 137px;
height: 28px;
}

#nav li#werkwijze {
float: left;
width: 124px;
}

#nav li#voorwaarden {
float: left;
width: 156px;
}

#nav li#mijnuitgaansbus {
float: left;
width: 182px;
}

#nav li#contact {
float: left;
width: 113px;
}


#nav li li {
float: left;
width: 200px;
}


#nav ul {
position: absolute;
width: 240px;
left: -1000px;
}

#nav li:hover ul, #nav li.ie_does_hover ul {
left: auto;
background-position: 0 0;
}

#nav a {
display: block;
margin: 0px 0px 0px 0px;
height: 21px;
*height: 28px;
text-decoration: none;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 1em;
vertical-align: middle;
}

ul a{
font-weight: bold;
color: #F60;
cursor: pointer;
}

ul ul a:link, ul ul a:visited{
padding: 7px 5px 3px 5px;
font-weight: bold;
color: #fff;
cursor: pointer;
}

ul ul a:hover, ul ul a:active{
background-color: #d5d5d5;
font-weight: bold;
color: #000;
cursor: pointer;
}

#nav ul li{
font-size: 11px;
}

ul ul li{
background-color: #3591d2;
border-top: 1px solid #fff;
border-left: 0;
}

/* IE only hack \*/
* html ul ul li{
border-bottom: 1px solid #FFF;
}

* html ul ul li{
border-top: 0;
}
/* Einde IE only hack */ 


/* Hoogte / Breedte classes
------------------------------- */

.w214 {	width: 212px; *width: 214px; }
.w253 {	width: 251px; *width: 253px; }
.w500 {	width: 496px; *width: 500px; }
.w456 { width: 446px; *width: 456px; }
.w488 {	width: 488px; *width: 500px; }
.w520 {	width: 508px; *width: 520px; }
.w762 {	width: 750px; *width: 762px; }

.h150 {	min-height: 150px; *height: 160px;}
.h240 {	min-height: 240px; *height: 240px;}
.h280 {	min-height: 285px; *height: 285px;}
.h290 {	min-height: 290px; height: 100%; *height: 290px;}
.h320 {	min-height: 320px; height: 100%; *height: 320px;}
.h100p { height: 100%;}

h1
{
	font-size: 12pt;
	margin: 0;
	padding: 0;
}

h2
{
	font-size: 12pt;
	margin: 0;
	padding: 0;
}

h3
{
	font-size: 10pt;
	margin: 0;
	padding: 0;
}




/* Boxes
------------------------------- */

.header1 {
	height: 25px;
	*height: 30px;
	width: 199px;
	*width: 100%;
	background: url(pix/tblhead1.gif) no-repeat;
	color: #000000;
	font-weight: bold;
	padding-top: 5px;
	padding-left: 14px;
	font-size: 13px;
}

.header2 {
	height: 25px;
	*height: 30px;
	width: 100%;
	background: url(pix/tblhead2.gif) no-repeat;
	text-align: right;
	color: #000000;
	font-weight: bold;
	padding-top: 3px;
	font-size: 13px;
}

.header3 {
	height: 25px;
	*height: 30px;
	width: 100%;
	background: url(pix/tblhead3.gif) no-repeat;
	text-align: right;
	color: #ffffff;
	font-weight: bold;
	padding-top: 5px;
	font-size: 13px;
}

.header4 {
	height: 25px;
	*height: 30px;
	width: 100%;
	background: url(pix/tblhead4.gif) no-repeat;
	padding-top: 0px;
	padding-left: 10px;
}

.header4b {
	height: 25px;
	*height: 30px;
	width: 100%;
	background: url(pix/tblhead4.gif) no-repeat;
	padding-top: 2px;
	font-weight: bold;
	font-size: 12pt;
	text-align: right;
	color: #ffffff;
}

.header456l {
	height: 25px;
	*height: 30px;
	width: 100%;
	background: url(pix/tblhead456l.gif) no-repeat;
	color: #ffffff;
	font-weight: bold;
	padding-top: 5px;
	padding-left: 14px;
	font-size: 13px;
}

.header520r {
	height: 30px;
	width: 100%;
	background: url(pix/tblhead520r.gif) no-repeat;
	padding-top: 0px;
	padding-left: 10px;
}

.mainstyle {
        height: 100%
}

.rightside {
 background-color: #ffffff;
}

.kadercontent {
	background: #f1f4f7 url(pix/tblbg.gif) repeat-x;
	padding: 10px 6px 10px 6px;
	height: 100%;
}

.mapskader {
	background: #f1f4f7 url(pix/tblbg.gif) repeat-x;
	padding: 0px 5px 10px 5px;
	height: 100%;
}



/* Nieuws pagina
------------------------------- */

.lijst {
	max-height: 220px;
	height: 220px;
	overflow-y:scroll;
	overflow-x:hidden;
	width:484px;
	*width:488px;
}


/* AddThis Vertical Hover Menu */

.addthis_toolbox .custom_hover {
    position: relative;
}

.addthis_toolbox .custom_hover .custom_button {
    font-weight: bold;
    padding: 6px 12px 6px 12px;
    color: #00bff3;
    cursor: pointer;
    -moz-border-radius: 5px 5px 0 0;    
    -webkit-border-radius: 5px 5px 0 0;
}

.addthis_toolbox .custom_hover .custom_button.active {
    background-color: #eee;
}

.addthis_toolbox .hover_menu  {
    display: none;
    position: absolute;
    background: #fff;
}

.addthis_toolbox .custom_hover .tower {
    -webkit-border-radius: 0 5px 0 0;   
    -moz-border-radius-topleft: 0;
    
}
.addthis_toolbox .hover_menu  {
    width: 136px;
    padding: 1px;
    border: 3px solid #eee;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.addthis_toolbox .hover_menu a {    
    position: relative;
    display: block;
    width: 102px;
    padding: 4px 0 4px 34px;
    text-decoration: none;
    color: #00bff3;
}

.addthis_toolbox .hover_menu a:hover {    
    background: #f5f5f5;
    color: #027999;
    text-decoration: none;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.addthis_toolbox .hover_menu span {
    position: absolute;
    left: 14px;
    top: 4px;
}

.addthis_toolbox .hover_menu .more {
    border-top: solid 1px #eee;
    padding: 10px 0 0 0;
    margin: 10px 10px 0 10px;
    text-align: center;
}

.addthis_toolbox .hover_menu .more a {
    padding: 4px 0;
    margin: 0;
}

.addthis_toolbox .hover_menu .more a:hover {
    background: none;
}
.addthis_toolbox .hover_menu .more span {
    display: none;
}

/*** set the width and height to match your images **/

#slideshow {
    position:relative;
    height:100px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}