/*  GENERIEKE ALGEMENE STYLEN */

BODY {
	color: #333;
	font-size: 11px;
	padding: 0;
	margin: 0;
}
BODY, TD, P, INPUT, BUTTON, SELECT, UL, LI, TEXTAREA {
	font-family: verdana, arial, sans-serif;
}

DIV {
	border-width: 0px;
	border-color: #000;
	border-style: solid;
	padding: 0px;
}

H2,H3, H4, H6 {
	margin-top: 0;
	padding-top: 0;
}

H6 {
	margin: 0;
	font-size: 11px;
}

IMG {
	border: 0;
}

TABLE {
	margin: 0;
	border-spacing: 0;
	padding: 0px;
}
TD {
	padding: 0;
	line-height: 15px;
	vertical-align: top;
	text-align: left;
}
A {
	color: #F01484;
	text-decoration: none;
}
A:hover {
	text-decoration: underline;
}
FORM {
	margin: 0;
	padding: 0;
}

P {
	margin-top: 0;
}



INPUT {
	width: 120px;
	height: 13px;
	border: 1px solid #666;
	color: #333;
	font-size: 9px;
	background-color: #fff;
	background-image: url('../images/input.gif');
	vertical-align: top;
}

INPUT.radio {
	background: none;
	width: 16px;
	height: 16px;
	border: 0;
}

INPUT.small {
	width: 60px;
}

INPUT.big {
	width: 156px;
}
UL#navright INPUT { /*zoekform*/
	width: 120px;
}
/* 3 KOLOM STYLEN */
DIV#wrapper {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	top: 0px;
	width:795px;
	/* background: url('../images/grid.gif'); */
}

DIV#head {
	top: 0px;
	position: absolute;
	left:0px;
	width: 795px;
	height:120px;
	color: #333;
	background-color: #fff;
}
DIV#columns {
	width: 795px;
	position: relative;
	top: 120px;
	background-color: #fff;
	font-size: 11px;
	line-height: 15px;
}

DIV#columns B, DIV#columns STRONG {
	color: #444;
}

/* SUBPAGINA KOP */
#logo {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	width: 795px;
	height: 55px;
}
#logo img {
	border: 0px;
	margin: 0px;
}
#vestiging { /* naam van de vestiging */
	position: absolute;
	top: 28px;
	left: 0px;
	width: 705px;
	height: 55px;
	text-align: right;
	z-index: 2;
	overflow: hidden;
}

#vestiging img {
	/* display: inline; */
}
#vestiging h1 { /* deze class wordt gesiffred */
	position:relative;
	margin: 0;
	padding: 0 4px;
	color: #000;
	font-size: 20px;
	line-height:10px;
	display:inline;
	cursor:hand;cursor:pointer;
}
#vestiging a {
	text-decoration: none;
	color: #333;
}

#kolomrechts h1, #kolomlinks h1 {
	visibility: visible;
	font-size: 9px;
	line-height: 12px;
	font-weight: normal;
	color: #999999;
}

#weg {
	position: absolute;
	top: 55px;
	left: 0px;
	width: 795px;
	height: 30px;
	border-top: 5px solid #399;
}
#hoofdnav {
	position: absolute;
	top: 90px;
	left: 0px;
	width: 795px;
	height: 29px;

	border-bottom: 1px solid #999;
	border-top: 1px solid #fff;
	background-color: #999;
	background-image: url('../images/navgrijs.gif');
	background-repeat: repeat-x;

	font-size: 11px;
	line-height: 11px;

	overflow: hidden;
}

#hoofdnav DIV.links {
	position: absolute;
	top: 7px;
	left: 15px;
	height: 22px;
	overflow: hidden;

}
#hoofdnav DIV.rechts {
	position: absolute;
	top: 7px;
	right: 15px;
	text-align: right;
	height: 22px;
	overflow: hidden;

}
#hoofdnav ul, #hoofdnav li {
	display: inline;
	margin: 0;
	padding: 0;
}

/* KOLOMMEN */
/* breedtes van deze kolommen worden in een aparte stylesheet gedefinieerd */

DIV#columns {
	width: 795px;
	position: relative;
	top: 135px;
	background-color: #fff;
	color: #333;
}

DIV#kolomlinks {
	position:absolute;
	top: 0px;
	left:0px;
	padding-left: 15px;
	padding-right: 15px;
}
DIV#kolommidden {
	position: static;
	padding-left: 15px;
	padding-right: 15px;
}
DIV#kolomrechts {
	position:absolute;
	top: 0;
	padding-left: 15px;
	padding-right: 15px;
}

DIV#kolomrechts ul {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-bottom: 15px;

}
/* CONTENT GEDEELTE */
#columns h2, #columns h3, DIV.postcodezoeker h3 {
	font-family: Georgia, Garamond, "times new roman", serif;
	color: #333333;
	font-size: 14px;
	line-height: 22px;
}

/* dit werd gesiffrd */

#columns h2 {
	margin: 0;
	padding: 0;
}

#columns h3 {
	margin: 0;
	margin-top: 15px;
	padding: 0;
}

#columns UL.opsomming
{
	margin: 0;
	margin-bottom: 15px;
	margin-top: 15px;
	padding: 0;
	list-style: none;
}

#columns UL.opsomming LI {
	line-height: 15px;
}
DIV.postcodezoeker, DIV.rozeblob  {
	padding: 15px;
	background-color: #FBEAF4;
	background-image: url('../images/roze_bg.jpg');
	background-repeat: no-repeat;
	background-position: bottom right;
}
DIV.postcodezoeker {
	width: 240px;
	margin-bottom: 15px;
	color: #000;
	background-position: center center;
	border: 1px solid #F01484;
}
DIV.postcodezoeker2  {
	padding: 15px;
	background-repeat: no-repeat;
	background-position: bottom right;
	width: 240px;
	margin-bottom: 15px;
	color: #000;
	background-position: center center;
	border: 1px solid #F01484;
}

DIV.rozeblob {
	margin-bottom: 15px;
	border: 1px solid #F01484;
}

DIV.postcodezoeker input {
	width: 60px;
}
DIV.postcodezoeker P {
	width: 240px;
}

TABLE.formulier {
	width: 270px;
	padding: 0;
	margin: 0;
}
TABLE.formulier TD {
	padding-top: 2px;
	padding-bottom: 3px;
}
TABLE.formulier TD.label{
	padding-right: 15px;
	font-weight: bold;
}
TABLE.formulier TEXTAREA {
	width: 156px; /* 160 - 4 */
	height: 180px;
	border: 1px solid #666;
	color: #333;
	font-size: 9px;
	background-color: #ccc;
}

TABLE.formulier BUTTON {
	width: 160px;
	height: 15px;
	line-height: 9px;
	font-size: 9px;
	border: 1px solid #666;
}

TABLE.formulier IMG {
	margin-top: 2px;
	margin-left: 5px;
}
DIV#foot {
	position: relative;
	top: 0;
	left: 0;
	width: 765px;
	clear: both;
	margin-top: 150px; /* de 135px van #columns + 15 */
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	color: #399;
	font-size: 9px;
	line-height: 15px;
	border-top: 1px solid #399;
	display: none;
}
/* TARIEVENTABEL */

TABLE.tarieven {
	width: 570px;
	margin: 0;
	padding: 0;
}

TABLE.tarieven TR {
	background-color: #f1f1f1;
}

TD.tariefgroep {
	width: 30px;
	padding-top: 17px;
	text-align: center;
	vertical-align: top;
	font-weight: bold;
	color: #fff;
	background-color: #ccc;
	font-family: arial;
	font-size: 18px;
	border-bottom: 2px solid #fff;
}

TD.tariefpic {
	vertical-align: middle;
	padding-left: 5px;
	width: 90px;
	height: 50px;
	border-bottom: 2px solid #fff;
}

TD.tariefinfo {
	white-space: nowrap;
	padding-right: 10px;
	font-weight: regular;
	text-align: right;
	vertical-align: middle;
	font-size: 11px;
}

TD.tarieftekst {
	height: 15px;
	font-weight: bold;
	font-size: 11px;
	color: #000;
	padding-left: 5px;
	padding-right: 10px;
	vertical-align: middle;
}

TD.tariefvrijveld {
	height: 20px;
	font-size: 9px;
	padding-left: 5px;
	padding-right: 10px;
	vertical-align: top;
	border-bottom: 2px solid #fff;
}

TD.tariefprijs {
	font-family: arial;
	width: 75px;
	background-color: #999;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
	padding-top: 20px;
	padding-right: 15px;
	text-align: right;
	vertical-align: top;
	background-image: url('../images/vanaf.gif');
	background-repeat: no-repeat;
	border-bottom: 2px solid #fff;
}
TD.tariefprijs A {
	color: #FFF;
}

/* SPECIFICATIETABEL */

TABLE.autospecificaties {
	width: 270px;
	margin: 0;
	padding: 0;
	margin-bottom: 30px;
}

TABLE.autospecificaties TH {
	text-align: left;
	vertical-align: middle;
	padding-left: 5px;
	height: 20px;
	border-bottom: 2px solid #FFF;
	background-color: #f1f1f1;
}

TABLE.autospecificaties TD {
	height: 20px;
	width: 180px;
	padding-left: 5px;
	vertical-align: middle;
}
TABLE.autospecificaties TD.label {
	font-weight: normal;
	width: 90px;
	padding-right: 5px;
	background-color: #f1f1f1;
	border-bottom: 2px solid #FFF;
}

TABLE.autotarieven, TABLE.overzicht {
	width: 270px;
	margin: 0;
	padding: 0;
	margin-top: 15px;
	margin-bottom: 15px;
}

TABLE.autotarieven TD.labelimg {
	padding: 0;
	margin: 0;
}
TABLE.autotarieven TH {
	background-color: #f1f1f1;
}

TABLE.autotarieven TD, TABLE.autotarieven TH {
	height: 20px;
	border-bottom: 2px solid #FFF;
	border-left: 2px solid #FFF;
	text-align: right;
	font-weight: normal;
	padding-right: 2px;
}
TABLE.autotarieven TD, TABLE.autotarieven TH {
	width: 60px;
}
TABLE.autotarieven TD.label {
	background-color: #f1f1f1;
	border-left: 0px;
	text-align: left;
	padding-right: 0px;
	padding-left: 5px;
	width: 105px;
}

TABLE.autotarieven TD.kmVrij {
	background-color: #f1f1f1;
	border-left: 0px;
	text-align: right;
	padding-right: 5px;
	padding-left: 0px;
	width: 60px;
}

TABLE.autotarieven TD.erlabel {
	background-color: #f1f1f1;
	border-left: 0px;
	text-align: left;
	padding-right: 0px;
	padding-left: 2px;
	width: 225px;
}

TABLE.overzicht TD, TABLE.overzicht TH {
	height: 20px;
	border-bottom: 2px solid #FFF;
	border-left: 2px solid #FFF;
	text-align: left;
	font-weight: normal;
	padding-left: 2px;
}
 TABLE.overzicht TH {
	background-color: #f1f1f1;
}
TABLE.overzicht TD {
	white-space: nowrap;
}
TABLE.overzicht TH.label {
	border-left: 0;
}
TABLE.overzicht TD.label {
	background-color: #f1f1f1;
	border-left: 0px;
	text-align: left;
	padding-right: 0px;
	padding-left: 5px;
	width: 105px;
}

/* UITZONDERINGEN BEVESTIGEN DE REGEL */

IMG.beeld {
	border: 1px solid #ccc;
	margin-bottom: 15px;
}
INPUT.afb, DIV.postcodezoeker INPUT.afb {
	width: 32px;
	height: 16px;
}

DIV#internationaal {
	border: 1px solid #ccc;
	margin-top: 30px;
	width 570px;
	height: 350px;
}

DIV#autoscout {
	border: 1px #399 solid;
	margin-top: 15px;
	width: 600px;
	height: 350px;
	position: relative;
	left: -16px;
}

DIV#calculator {
	margin-top: 15px;
}
DIV#calculator INPUT.calcInput {
	width: 15px;
	margin-left: 5px;
	margin-right: 2px;
	background: none;
}

DIV#calculator TABLE {
	width: 270px;
}
DIV#calculator TH {
	text-align: left;
}

DIV#calculator TD {
	padding: 0px;
	margin: 0px;
}

/* ?? */
.clear {
	clear:both;
}

a.grijs:link, a.grijs:visited {
	display:block;
	height:30px;
	line-height:30px;
	padding:0 5px 0 5px;
	font-family:arial;
	font-size:10px;
	text-transform:uppercase;
	color:#333;
	text-decoration:none;
	background-image: url('../images/ro.gif');
	background-repeat: repeat-x;
	background-position: 0 0;
}

a.grijs:hover, a.grijs:active {
	color:#fff;
	background-position:0 -30px;
}