body{background:url(../img/bg_body.jpg) repeat-x; margin-left:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; font:1em Tahoma,sans-serif; line-height:130%}
img {border: none;}
h2 {font-size: 1.1em; color:#e90;}
a {color:  #3782C3;}
a:hover {color: #e90;}
/*#toppage{width:800px}*/
#toppage{width:950px}

#topbar{
	font:0.7em Tahoma,sans-serif;
	font-weight:bold;
	color:#FFF
}
#topbar a{
	font-size:11px;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
	border-right: solid 1px #fff;
	padding: 0 0.5em 0.3em 0.5em;
}
#topbar a.last{
	border-right: none;
	padding-right: 0;
}
#topbar  a:hover, #topbar a.active{
	color:#FFD697
}
#flags{
	float:left;
	width:190px;
	height:39px;
	border-bottom:solid 1px #999;
	border-right:solid 1px #999;
}
#flags img {
	border: 0;
	margin: 0 4px 0 4px;
}
/*#topbar{float:left; width:608px; height:40px; background-image:url(../img/bg_topbar.png); background-color:#3782C3; background-repeat:repeat-x; border-right:solid 1px #999}*/
#topbar{float:left; width:758px; height:40px; background-image:url(../img/bg_topbar.png); background-color:#3782C3; background-repeat:repeat-x; border-right:solid 1px #999}

#topbar p{text-align:right; margin:12px}
/*#header{width:800px}
#content{width:800px; text-align: left;}*/
#header, #content{width:950px}
#content{text-align: left;}
#contenttext{
	float:left;
/*	width:584px; */
	width:734px;
	background-color:#F7F7F7;
	border-left:solid 1px #999;
	border-right:solid 1px #999;
	border-bottom:solid 1px #999;
	border-top:dotted 1px #CCC;
	min-height:360px;
	padding:0 12px 12px 12px;
	line-height: 130%;
}
#logo {
	float:left;
	width:190px;
	background-color:#F7F7F7;
	border-left:solid 1px #999;
	height: 110px;
	background-image: url(../img/logo.png);
	background-repeat: no-repeat;
	background-position: center center;
}
/*#logo img {
	margin: 15px 0 0 15px;
}*/

/*#pagetitle{position:relative; float:left; width:608px; height:110px; background-color:#F7F7F7; border-right:solid 1px #999}*/
#pagetitle{position:relative; float:left; width:758px; height:110px; background-color:#F7F7F7; border-right:solid 1px #999}
#title{position:absolute; right:10px; bottom:0px; width:600px}
#menu{float:left; width:190px; margin:0px}
.panel{background-color:#EEE; padding:10px; margin:0}
.panel h1{font-size:1.2em; color:#F90; margin:0}
.bluePanel{background-color:#3680C1; padding:10px; margin:0; color:#fff; background-image:url(../img/bg_bluePanel.jpg); background-repeat:repeat-x; background-position:bottom}
.bluePanel h3{margin:0;}
.bluePanel p {color:#fff}
.bluePanel form input , .bluePanel form label    {width:100%}
.bluePanel form  {width:100%}
#contenttext p, .bodytext{ font-size: 1em;
}
#contenttext h1 {
	font-size: 1.2em;
	color: #3782C3;
}
.smalltext{font:0.7em Tahoma,sans-serif; font-size:11px; color:#ccc}
.smallgraytext{font:0.7em Tahoma,sans-serif; font-size:11px; font-weight:bold; color:#CCC}
.smallgraytext a{font:0.7em Tahoma,sans-serif; font-size:11px; font-weight:bold; color:#CCC; text-decoration:none}
.smallgraytext a:hover{
	text-decoration:none;
	color: #6AA8D9;
}
#homePage h1{
	color: #f90;
	font-size: 1.7em;
	line-height: normal;
}
#homePage ul {
	padding: 0 0 0 1em;
}
.titletext{font:0.7em Tahoma,sans-serif; font-size:36px; font-weight:bold; color:#3782C3}
.logotext{font:0.7em Tahoma,sans-serif; font-size:36px; font-weight:bold; color:#999; text-align:center}
.orangelogotext{font:0.7em Tahoma,sans-serif; font-size:36px; font-weight:bold; color:#F90}
.orangetitle{font:0.42em Tahoma,sans-serif; font-weight:bold; color:#F90}

.oranjeKnop a{
	font-weight:bold;
	color:#FFF;
	background-color:#F90;
	padding:5px;
	font-size:large;
	text-decoration:none;
	display:block;
	cursor:pointer
}
.oranjeKnop a:hover {background-color:#FFD697}
/*.bluePanel .oranjeKnop a:hover{background-color:#FFD697}*/
.whiteTableTopLine{border-top:solid #fff 1px; padding-top:5px}
.payOff{font-size:1.5em; color:#3782C3; text-align:right; font-style:italic; font-weight:bold; margin:20px 5px 0 0}
#footer{width:740px; padding-right:10px; padding-left:200px}
#page #content #contenttext .stripeMe {
	vertical-align: top;
	text-align: left;
}
.iconblock {
	margin: 0 auto;
}
.icon {
	text-align: center;
	float: left;
	width: 20%;
	height: 120px;
}
.icon .graphicon {width:20%}
.icon p {
	margin: 0 auto;
	width: 95%;
}
.icon p a {
	text-decoration: none;
	font-weight: bold;
	color:#3782C3;
}
.icon p a:hover {
	color: #6AA8D9;
}


a.linkopacity:hover img, a.linkopacity img.active {
-moz-opacity: 0.5;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter:alpha(opacity=50);
opacity: 0.5;
-khtml-opacity: 0.5;
background-color: #F7F7F7;
}
.quarter_view    {
	float: left;
	width: 50%;
}
.calc_view    {
	width: 100%;
}
.quarter_view  p {
	padding-left: 5px;
}
.quarter_view .qview_header, .calc_view .qview_header {
	display: block;
	color: #fff;
	font-weight: bold;
	background: url(../img/bg_topbar.png) repeat-x;
	font-size: 1em;
	padding: 3px 0 3px 3px;
	border-left: solid 1px #F7F7F7;
}
.quarter_view table, .calc_view table {
	width: 100%;
	font-size: 0.9em;
}

.quarter_view  th, .trip_view  th, .address_view th, .calc_view th {
	text-align: right;
	padding-right: 5px;
/*	background-color: none; none is not a valid color */
	color: #3782C3;
	border-bottom: solid 1px #3782C3;
}
.quarter_view  th, .calc_view  th {width: 70%;}
.trip_viewth {width: 50%;}
.address_view th {width: 50%;}
.quarter_view td, .trip_view td, .address_view td, .calc_view td {
	text-align: right;
	border-bottom: solid 1px #3782C3;
	padding-right: 5px;
}
.quarter_view td, .calc_view td {width:30%;}
.trip_view td {width: 25%;}
.address_view td {
  width: 50%;
  text-align: left;
}

.calc_view.full_width th {width: 35%;}
.calc_view.full_width td {width: 15%;}
.striped_list th {
	color: #fff;
	background: url(../img/bg_topbar.png) repeat-x;
	border-left: solid 1px #eee;
	font-size: small;
	vertical-align: top;
}
.striped_list th a {
	color: #fff;
	border-bottom: dotted 1px #fff;
	text-decoration: none;
}
.striped_list th a:hover {
	color: #F5F6F7;
	border-bottom: solid 1px #F5F6F7;
}
.striped_list .normal th {
	font-size: normal;
}
.striped_list .small th {padding: 3px; font-size: 0.6em; line-height:100%;}
.striped_list td {
	font-size: smaller;
	border-bottom: solid 1px #6BA8DA;
}
.stripeTable th {
	padding: 5px 3px 5px 3px;
	color: #fff;
	background: url(../img/bg_topbar.png) repeat-x;
	border-left: solid 1px #eee;
	vertical-align: top;
}
.stripeTable dt {
	display: block;
	color:  #3782C3;
	font-weight: bold;
	margin-right: 10px;
}
.stripeTable td {
	padding: 5px 3px 5px 3px;
	vertical-align: top;
	border-bottom: solid 1px #6BA8DA;
}
#paid_list th {
	color: #fff;
	background: url(../img/bg_topbar.png) repeat-x;
	border-left: solid 1px #eee;
	font-size: small;
	vertical-align: top;
}
#paid_list .small th {padding: 3px; font-size: 0.6em; line-height:100%;}
#paid_list td {
	font-size: smaller;
	border-bottom: solid 1px #6BA8DA;
	text-align: center;
}


.trip_view table  {
	width: 100%;
}
.list_navigation table {
	width: 100%;
	font-size: 0.8em;
}
tr.alt td {
	background-color: #EEE;
}
tr.over td {
	background-color: #FFD697;
}
.list_navigation .disabled {
	color: #6BA8DA;
}
.list_navigation .left {
	width: 33.3%;
	text-align:left;
}
.list_navigation .center {
	width: 33.3%;
	text-align: center;
}
.list_navigation .right {
	width: 33.3%;
	text-align:right;
}
p.note {
	width: 96%;
	display: block;
	text-align: center;
	background-color: #FFD697;
	font-weight: bold;
	color: #000;
	padding: 2%;
}
.error-message, .flash_error, .error, #flashMessage {
	display: block;
	width: 100%;
	text-align: center;
	font-weight: bold;
	margin-bottom: 5px;
	color: #fff;
	padding: 5px 0;
}
.error-message, .flash_error  {
	background-color: red;
	}
#flashMessage, .error {
	background-color: #f90;
	}
.flash_success {
	background-color: #00CC33;
	}

/* brede knoppen met icon */
.infoBtn {
	width: 100%;
	height: 73px;
	background-repeat: no-repeat;
	background-position: left top;
}
.infoBtn:hover {
	background-position: left bottom;
}
.infoBtn .text a {
	display: block;
	margin: 0 0 0 80px;
	height: 73px;
	line-height: 73px;
	font-size: large;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
.infoBtn.acc {
	background-image: url(../img/button-account.png);
}
.infoBtn.calc {
	background-image: url(../img/button-calc.png);
}
.infoBtn.calcbl {
	background-image: url(../img/button-calc-bl.png);
}
.infoBtn_a {
	width: 100%;
	height: 73px;
	background-image: url(../img/button-account.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.infoBtn_a:hover {
	background-position: left bottom;
}
.infoBtn_a .text a {
	display: block;
	margin: 0 0 0 80px;
	height: 73px;
	line-height: 73px;
	font-size: large;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

/* grote infobutton (70px)*/
.infoBtn_l {
	height: 70px;
}
.infoBtn_l.noIcon{
	height: 30px;
}
.infoBtn_l .text a, .infoBtn_l .noIcon a  {
	z-index: 2;
	display: block;
	height: 1.5em;
	font-size: medium;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
.infoBtn_l .text a{
	padding: 0.4em 0 0.1em 80px;
}
.infoBtn_l .noIcon a {
	padding: 0.4em 0 0.1em 0.1em;
}
.infoBtn_l img {
	z-index: 3;
	position: relative;
	margin: 0 17px 0 7px;
	border: none;
}
/* kleine infobutton (40px) */
.infoBtn_s {
	height: 40px;
	z-index: 2;
}
.infoBtn_s .text a{
	top: -2em;
	position: relative;
	display: block;
	padding: 0 0 0 55px;
	height: 1.5em;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	line-height: 1.5em;
	font-size: 0.9em;
}
.infoBtn_s img {
	z-index: 3;
	position: relative;
	margin: 0 7px;
	border: none;
	width: 40px;
	height: 40px;
}
.infoBtn_s .orange a, .infoBtn_l .orange a {background-color:#F90}
.infoBtn_s .orange a:hover, .infoBtn_l .orange a:hover {
	background-color:#FFD697;
}
.infoBtn_s .blue a, .infoBtn_l .blue a {
	background-color:#3782C3
}
.infoBtn_s .blue a:hover, .infoBtn_l .blue a:hover {
	background-color:#6AA8D9
}
#linksPage a {
	display: block;
	line-height: 150%;
	text-decoration: none;
}
#linksPage a:hover {
	text-decoration: underline;
}
#linksPage a:visited {
	color: #BBB;
}