@import url("layout.css");
body {
	font-family: Arial, sans-serif;
	font-size: medium;
	color: #000;
}

#container {
	width: 100%;
	height: 100%;
	background-color: #46daf3;
}

#masthead {
	width: 100%;
	overflow: auto;
	text-align: right;
	background-color: #46daf3;
}

#sel {
	float: left;
	vertical-align: top;
	position: relative;
	padding-top: 1%;
	padding-right: 0;
	padding-bottom: 1%;
	padding-left: 1%;
}

#contactinfo {
	float: right;
	vertical-align: top;
	position: relative;
	text-align: right;
    width: 263px;
}

#page_content {
	position: relative;
}

#sidebar {
	position: relative;
	float: left;
	width: 137px;
	background-color: #46daf3;
}

#content {
	margin-left: 137px;
	padding: 10px;
	background-color: #fff;
}

#footer {
	clear: both;
	width: 99%;
	overflow: hidden;
	padding-top: 1%;
	padding-right: 0;
	padding-bottom: 1%;
	padding-left: 1%;
	background-color: #46daf3;
}

#masthead img {
	float: left;
}

#masthead p {
	font-size: small;
	margin: 0;
	margin-right: 1%;
}

h6 {
	font-family: Arial Black;
}

h5 {
	font-family: Arial Black;
}

h4 {
	font-family: Arial Black;
}

h3 {
	font-family: Arial Black;
}

h2 {
	font-family: Arial Black;
}

h1 {
	font-family: Arial Black;
}

/* Styles for textarea */
textarea { 
	font-size: 70%;
	overflow: auto;  
}

/* Styles for Navigation */

#sidebar ul {
	list-style-type: none;
	width: 100%;
	display: block;
	margin: 0;
	padding: 0;
}

#sidebar li {
	display: block;
	border: 1px solid #46daf3;
}

#objecten_left {

}
#objecten_right {
position:absolute;
left:750px;
top:50px;
}

#redsection {
	font-weight: bold;
	text-decoration: none;
	color: #393939;
	padding: 2%;
	display: block;
	border-bottom: 1px solid #f5f5f5;
	background-color: #ff4444
}

#sidebar a {
	font-weight: bold;
	text-decoration: none;
	color: #393939;
	padding: 5%;
	display: block;
	border-bottom: 1px solid #f5f5f5;
}

#sidebar a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #393939;
	border-bottom: 1px solid #f5f5f5;
	background-color: #56eaff;
}

/* Styles for Footer */
#footer p {
	font-size: x-small;
}

#footer a {
	color: #393939;
	text-decoration: underline;
}

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

a {
	color: #393939;
	text-decoration: underline;
}

a:hover {
	color: #78a;
	text-decoration: underline;
}

.style_bold {
	font-weight: bold;
}

.style_italic {
	font-style: italic;
}

.ithjstyle_it {
	font-family: "Arial Rounded MT Bold";
	color: #FF0000;
}

.ithjstyle_hj {
	font-family: "Arial Rounded MT Bold";
	color: #3366FF;
}

.ithjstyle_nl {
	font-family: "Arial Rounded MT Bold";
	color: #000000;
}

.numberplate {
	background-image: url('../tracking/images/kenteken-klein.gif');
	font-family: "Arial Rounded MT Bold";
	font-weight:normal;
	font-size:medium;
	height:24px;
}

.powericon {
	width:36px;
	height:24px;
}

.smallflag {
	height:17px;
	width:26px;	
	display: block;
    margin-left: auto;
    margin-right: auto 
}

.smallpowericon {
	height:17px;
	width:26px;	
	display: block;
    margin-left: auto;
    margin-right: auto 
}

.table_icon {
	height: 17px;
	display: table-cell;
	margin-left: auto;
	margin-right: auto;
}

.di1_icon {
	height:17px;
	width:26px;	
	display:block;
    margin-left: auto;
    margin-right: auto 
}

.di2_icon {
	height:17px;
	width:26px;	
	display: block;
    margin-left: auto;
    margin-right: auto 
}

.tablecont {
	font: 13px Arial, Helvetica, sans-serif;
}

.errormsg {
	color: #FF0000;
}

.klant_logo {
	border-width: 0px;
}

.imgs {
    display: block;
    margin-left: auto;
    margin-right: auto; 
	border-style: none;
	vertical-align: middle;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.login {
	width: 150px;
}

#datePicker1 {
	display:block;
	position:inherit;
	border:solid 2px black;
	background-color:white;
}

#datePicker2 {
	display:block;
	position:inherit;
	border:solid 2px black;
	background-color:white;
}

.popupLink { 
	outline: none; 
	border-bottom: 0px;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
}

.affil_logo {
	border: none;	
}

.alarm {
	color:red
}

.popup {
	font: small Arial, Helvetica, sans-serif;
	position: absolute;
	visibility: hidden;
	background-color: #00FFFF;
	width: 300px;
	border-left: 1px solid black;
	border-top: 1px solid black;
	border-bottom: 3px solid black;
	border-right: 3px solid black;
	padding: 3px;
	z-index: 10;
}
.hidden {
    visibility:hidden;
}

.ticker{
	font: Arial, Helvetica, sans-serif;
	font-size: medium;
	color:black;
	background-color: #46daf3;
	border-color: 0;
	border-style: none;
	border-width: 2px;
}

.wText {
	border: 2px solid gray;
	padding: 1px;
	margin: 0px;
	font: normal 10px verdana;
	width: 130px;
}

.buttonF {
	background: #A6A8CC;
	width:130px;
	color: navy;
	border: 2px solid navy;
	text-align:center;
	vertical-align:middle;
	font: normal 10px verdana;
	padding: 1px;
	cursor: pointer;
	margin: 0px;
}

.buttonE {
	background: #A6A8CC;
	width:130px;
	color: navy;
	border: 2px solid navy;
	text-align:center;
	vertical-align:middle;
	font: normal 10px verdana;
	padding: 1px;
	cursor: pointer;
	margin: 0px;
}

.button3 {
	background: #A6A8CC;
	width:130px;
	color: navy;
	border: 2px solid navy;
	text-align:center;
	vertical-align:middle;
	font: normal 10px verdana;
	padding: 1px;
	cursor: pointer;
	margin: 0px;
}

.buttonB {
	background: #A6A8CC;
	width:130px;
	color: navy;
	border: 2px solid navy;
	text-align:center;
	vertical-align:middle;
	font: normal 10px verdana;
	padding: 1px;
	cursor: pointer;
	margin: 0px;
}

.selectedButton {
	background: #A6A8CC;
	width:130px;
	color: navy;
	border: 2px solid navy;
	text-align:center;
	vertical-align:middle;
	font: normal 10px verdana;
	padding: 1px;
	cursor: pointer;
	margin: 0px;
}

.button {
	background: #A6A8CC;
	width:130px;
	color: navy;
	border: 2px solid navy;
	text-align:center;
	vertical-align:middle;
	font: normal 10px verdana;
	padding: 1px;
	cursor: pointer;
	margin: 0px;
}

.td1 {
	width:120px;
}

.td2 {
	width:19px;
	height:19px;
}

.td3 {
	width:19px;
	height:19px;
}

.button3 {
	margin: 0px;
}

.selectedButton {
	border: 2px solid #008000;
	background: #80FF80;
	color: #008000;
}

.buttonB {
	border: 2px solid #ECB052;
	padding: 2px;
	margin: 2px;
	background: #F6D84C;
}

.buttonE {
	border: 2px solid #ECB052;
	padding: 2px;
	margin: 2px;
	background: #F6D84C;
}

.buttonF {
	border: 2px solid #ECB052;
	padding: 2px;
	margin: 2px;
	background: #F6D84C;
}


.buttonC {
	padding:1px 1px 1px 1px;
	cursor: pointer;
	display:none;
}

.buttonD {
	padding:1px 1px 1px 1px;
	cursor: pointer;
	display:none;
}

.buttonD:hover {
	background-color:red;
}

.buttonC:hover {
	background-color:red;
}

.button3:hover {
	background: #EBB94D;
	color: red;
	border: 2px solid red;
}

.buttonF:hover {
	background: #EBB94D;
	color: red;
	border: 2px solid red;
}

.buttonE:hover {
	background: #EBB94D;
	color: red;
	border: 2px solid red;
}

.buttonB:hover {
	background: #EBB94D;
	color: red;
	border: 2px solid red;
}

.button:hover {
	background: #EBB94D;
	color: red;
	border: 2px solid red;
}

.divMeldingenTab {
	margin-left:20px;		
}

#divInstellingen {
	display:none;
}

#divHulpmiddelen {
	display:none;
  	position:absolute;
  	z-index:10;     	
  	top: 95px;
  	left: 100%;
  	margin-left: -360px;  
  	width: 340px;
  	height: 22px;         
  	font-family:Arial;
  	font-size:11px;
    background: transparent; 
}

#divHulpmiddelen ul{
    font: bold 11px Arial, Verdana, sans-serif;
    margin:0;
    padding:0;
    list-style:none;
}

#divHulpmiddelen li{
    display:inline;
    margin:0 1px 0 0;
    padding:0;
}

#divHulpmiddelen a{
    float:left;
    background:#5086E6;
    color: white;
    margin:0 1px 0 0;
    padding:0 0 1px 3px;
    text-decoration:none;
}

#divHulpmiddelen a span{
    float:left;
    display:block;
    background: transparent;
    padding:4px 4px 2px 1px;
}

#divHulpmiddelen a span{float:none;}
#divHulpmiddelen a:hover{background-color: #7E94B9;color: white;}
#divHulpmiddelen a:hover span{background-color: #7E94B9; color: white;}
#tabHeaderActive a { background-color: #F8F8F8; color:black;}

#tabHeaderActive span { background-color: #F8F8F8; color:black;}

.tabContent {
    position: relative;
    top:0px;
    width: 340px;
    clear:both;
    border: 0px solid black;
    padding-top:2px;
    background-color: #F8F8F8;
    height: 275px;
}

.tabContentAfstand {
    position: relative;
    top:0px;
    width: 340px;
    clear:both;
    border: 1px solid black;
    padding-top:2px;
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    background-color: #F8F8F8;
    height: 275px;
    text-align : left;
}

.tabContentLocatie {
    position: relative;
    top:0px;
    width: 340px;
    clear:both;
    border: 1px solid black;
    padding-top:2px;
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    background-color: #F8F8F8;
    height: 155px;
    text-align : left;
}

.tabContentMelding {
    position: relative;
    top:0px;
    width: 340px;
    clear:both;
    border: 1px solid black;
    padding-top:2px;
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    background-color: #F8F8F8;
    height: 470px;
    text-align : left;
}

.tabContentR1{
    position: relative;
    top:0px;
    width: 340px;
    clear:both;
    border: 1px solid black;
    padding-top:2px;
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    background-color: #F8F8F8;
    height: 85px;
    text-align : left;
}

.tabContentRoute {
    position: relative;
    top:0px;
    width: 340px;
    clear:both;
    border: 1px solid black;
    padding-top:2px;
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    background-color: #F8F8F8;
    height: 500px;
    text-align : left;
}

.tabDiv {     
  margin-top: -12px;
  margin-left: 2px;
  margin-right: 2px;
  font-family:Arial;
  font-size:12px;
  color: Black;
}

#divHulpmiddelen .simpleLink{
  float:none;
  padding:0;
  margin:0;
  color: white;
  font-family: Arial;
  font-weight: bold;
}

.divRoute{
  display: none;
  width:327px;
  height:380px;
  overflow:auto;
  border:1px solid black;
}

.sectie1{
  display: none;
}

.sectie2{
  display: none;
}

.sectie3{
  display: none;
}

.tckr{
  display: none;
  color: red;
}

.meldingSeparator {
	width:330px;
	text-align:center;	
}

.meldingTable {
	border:thin black groove;
}

.objectMeldingen {
	vertical-align:top;
}

.mailinfo {
	display:none;
}

.cb1 {
	background-color:white;
}
.cb2 {
	background-color:white;
}
.cb3 {
	background-color:white;
}
.cb4 {
	background-color:white;
}
.cb5 {
	background-color:white;
}
#myselect{
	font-size:x-small;
	width:130px;	
}
#datatable {
    border-collapse:collapse; border:solid;border-width:1px;
}
#machinistentable {
    top:10px; position:absolute; border-collapse:collapse;
}
#machinistentable tr td {
    border:1px solid black; border-collapse:collapse;
}
#machinistentable th {
    border:1px solid black; border-collapse:collapse;text-align:left;font-weight:bold;
}
#machinistentableklein {
    top:90px; left:10px; position:absolute; border-collapse:collapse;
}
#machinistentableklein tr td {
    border:1px solid black; border-collapse:collapse;
}
#machinistentableklein th {
    border:1px solid black; border-collapse:collapse;text-align:left;font-weight:bold;
}