body{
	margin: 0px;
}

img{
	border-style:none;
}

#content{
	margin-top:20px;
	margin-left: 20px;
	margin-right: 20px;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 80%;
}
.testmessage{
	font-family:Verdana, Geneva, sans-serif;
	display:inline;
	color:red;
	font-size:180%;
}
/*
.tablewrapper{
	float:right;
	display:inline;
}
.tablewrapper2{
	float:left;
	display:inline;
}
*/
.brezantable{
	margin-top:10px;
}

.brezantable tr:nth-child(even) {
	background: #DADADA;
}

.brezantable tr:nth-child(odd) {
	background: white;
}

table {
	border-width: 1px;
	border-color: #000;
	border-collapse: collapse;
}
table th {
	text-align:left;
	border-width: 1px;
	padding: 8px;
	padding-right: 18px; /*Dit uncommenten en bij de tabellen de class veranderen als je alles mooi met sorting arrows wil hebben*/
	border-style: solid;
	color:black;
	border-color:#000;
	background-color: #c30101;
	font-weight:normal;
}
table td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
}

#loginform label {
	display: inline-block;
	width: 125px;
	text-align: left;
}
.checkboxlabel{
	display:inline-block;
	width:190px;
	text-align:left;
	font-family: Verdana, Arial, sans serif;
	font-size: 1.1em;
	margin-bottom: 4px;
}
.formlabel{
	display:inline-block;
	width:140px;
}
.formlabel2{
	display:inline-block;
	width:200px;
}
.formlabel3{
	display:inline-block;
	width:100px;
}
.centerinput{
	text-align:center;
}
.greyCell{
	background-color:#DADADA;
}

.sorting_asc{
	background:url('../img/table_sort_asc.gif') no-repeat 99%;
	background-color: #c30101;
}
.sorting_desc{
	background:url('../img/table_sort_desc.gif') no-repeat 99%;
	background-color: #c30101;
}
.sorting{
	background:url('../img/table_sort_bg.gif') no-repeat 99%;
	background-color: #c30101;
}
.invisible{
	display:none;
}
.text-red{
	color:red;
}
.text-red-bold{
	color:red;
	font-weight:bold;
}
.text-green{
	color:green;
}
.text-green-bold{
	color:green;
	font-weight:bold;
}
.text-align-center{
	text-align:center;
}
.icon-16px{
	width: 16px;
	height:16px;
}
.icon-24px{
	width: 24px;
	height:24px;
}
.icon-32px{
	width: 32px;
	height:32px;
}
.inlineform{
	display: inline;
}

#autobedrijfgegevens{
	float:left;
	width:500px;

}
#contractgegevens{
	float:left;
}



/*

#aanbiedingSchermL{
	float:left;
	width:250px;
	margin-top: -10px;

}
#aanbiedingSchermR{
	float:left;
	margin-top: -10px;
}
#autobedrijfgegevens{
	float:left;
	width:500px;

}
#contractgegevens{
	float:left;
}

#printL{
	float:left;
	width:520px;
	margin-top: -10px;
}
#printR{
	float:left;
	width:520px;
	margin-top: -10px;
}

.bedrijfBox{
	border: 1px solid black;
	padding: 5px;
	width:300px;

}
.aanbiedingBox{
	border: 1px solid black;
	width:240px;
	padding: 5px;
}

 */


.inschrijfheader{
	font-family:Verdana, Geneva, sans-serif;
	width:400px;
	height:22px;
	padding-left: 10px;
	padding-top:5px;
	margin-bottom: -1px;
	border-style: solid;
	border-width: 1px;
	border-color: #000;
	background-color:lightgreen;
}
.inschrijfheader-plus{
	float:right;
	margin-right:10px;
}
.formdiv {
	width:400px;
	padding-top:10px;
	padding-left: 10px;
	padding-bottom: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: #000;
	background-color: white;
}
.formdivColor {
	background-color: rgba(255, 205, 25, 0.9);
	background-color: rgb(249, 176, 21);
	border-radius: 5px;
	padding:5px;
	margin:2.5px;
	border: 1px solid black;
	/*margin-bottom:30px;*/
}
.formdivColorTable {
	background-color:white;
}
.wronginput{
	border: 2px outset red;
}
.textp{
	width:600px;
}

#actieve_gebruikers {
	float: left;
	margin-right: 50px;
}

.tabelMarginTop{
	margin-top: 10px;
}

.tab-content{
	width:auto;
	border:1px solid black;
	padding-left:15px;
	padding-right:15px;
	display:none; 
}

.tab-button{
	width:180px;
	height:20px;
	border:1px solid black;
	display:inline-block;
	background-color:#c30101;
	color:black;
	text-align:center;
	font-weight:bold;
	margin-bottom:-1px;
	float:left;
}

.tab-button:hover{
	cursor:pointer;
	text-decoration:underline;
}

.clear{
	clear: both;
}


.formdivColor {
	background-color: #195E9C;
	border-radius: 5px;
	border: 1px solid black;
	padding:0px;
	margin:0px;
}

.dashboardDiv{
	float:left;
	width:20vw;
	height:20vw;
	max-width:300px;
	max-height:300px;
	text-align: center;
	margin: 2.5px;
	color: white;
}
.dashboardDivSmallContainer{
	float:left;
	width:20vw;
	height:20vw;
	max-width:300px;
	max-height:300px;
	text-align: center;
	color: black;
}

.dashboardDivSmall{
	width:100%;
	height:23%;
	margin-bottom: 2%;
}

.dTitle{
	font-size: 1.5vw;
	height: 5vw;
}

.dInfo{
	font-size: 1.1vw;
}

.dNumber{
	font-size: 3vw;
}

.not-active {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  color: black;
}

#mapdiv{
	display: none;
	border: 1px solid black; 
	width: 300px; 
	height: 300px; 
	float: right; 
	position: relative; 
	bottom: 0px;
	border-radius: 6px;
	padding: 70px;
	position: absolute; left: 775px; top: 320px; width: 290px; height: 290px;
}
#landmapdiv{
	display: none;
	border: 1px solid black; 
	width: 900px; 
	height: 900px; 
	float: right; 
	position: relative; 
	bottom: 0px;
	border-radius: 6px;
	padding: 70px;
	position: absolute; top: 20.25em; width: 107.5em; height:75em;
}