body {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	padding: 0px;
	margin: 0px;
	background: url(images/body.gif) repeat-y center #F1F1F1;
}

form {
	margin: 0;
	padding: 0;
}

input[type="button"],input[type="submit"] {
	background: url(images/buttonMain.gif) no-repeat right center;
	text-align: right;
	width: auto;
	border-style: none;
	color: white;
	text-transform: uppercase;
	font-size: 10px;
	padding-right: 20px;
}

div#main {
	width: 100%;
	background: url(images/midSection.gif) repeat-y center;
	display: block;
	margin-top: 100px;
	float: left;
	text-align: center;
}

a#logout {
	color: gray;
	font-size: 10px;
	position: absolute;
	top: 181px;
	float: right;
	text-align: right;
	right: 50%;
	margin-right: -380px;
	text-decoration: none;
}

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

/*<group=login>*/

table.login {
}

table.login td {
	border-bottom-style: none;
}

table.login input {
	width: 102%;
	background: #DBF3FB;
	margin-bottom: 14px;
	border-style: none;
	margin-top: -4px;
	margin-left: -2px;
	font-size: 10px;
	border-top: 1px solid #4cbdeb;
	padding: 2px;
	height: 17px;
}

html>body table.login input {
	margin-top: -3px;
	height: auto;
}
	
/*</group>*/

/*<group=portal>*/

body#portal #midSection img {
	border-style: none;
	margin: 0px;
	padding: 0px;
	float: left;
}
	
/*</group>*/

/*<group=werkenBijKwikfit>*/

body#werkenBijKwikfit div#content {
	background: url(images/werkenContent.jpg) no-repeat right top;
	width: 600px;
	padding: 0px;
	margin: 0px;
}

div#solliciteren,div#vacatures {
	width: 300px;
	height: 120px;
	display: block;
	float: left;
	background: url(images/portalStone.gif) repeat;
}

div#vacatures {
	border-bottom: 2px solid #002985;
}

div#solliciteren p,div#vacatures p {
	color: #002985;
	margin-top: 0px;
	margin-left: 6px;
	padding-left: 0px;
	font-weight: bold;
}

div#solliciteren select,div#vacatures select {
	margin-left: 6px;
	width: 288px;
}

div#solliciteren ul,div#vacatures ul {
	margin-left: 6px;
	padding: 0px;
	list-style: none;
	margin-bottom: 4px;
}

div#solliciteren ul li a,div#vacatures ul li a,div.portalBlock2x2 ul li a {
	text-decoration: none;
	font-size: 10px;
	color: #002985;
	font-weight: bold;
	overflow: hidden;
	white-space: nowrap;
	padding-top: 1px;
	padding-bottom: 1px;
	display: block;
	background: url(images/stoneBullet.gif) no-repeat left center;
	padding-left: 12px;
}

div#solliciteren ul li a:hover,div#vacatures ul li a:hover,div.portalBlock2x2 ul li a:hover {
	text-decoration: underline;
}

a.buttonApk-keurmeester {
	background: #F7BB05 url(images/buttonApk-keurmeester.gif) no-repeat;
	border-left: 1px solid white;
	height: 0px;
	display: block;
	float: left;
	text-decoration: none;
	color: white;
	padding-top: 120px;
	overflow: hidden;
	width: 149px;
}

a.buttonApk-keurmeester:hover {
	background-color: #ffd65a;
}

a.buttonCarriere {
	background: #F7BB05 url(images/buttonCarriere.gif) no-repeat;
	border-left: 1px solid white;
	width: 149px;
	height: 0px;
	display: block;
	float: left;
	text-decoration: none;
	color: white;
	padding-top: 120px;
	overflow: hidden;
}

a.buttonCarriere:hover {
	background-color: #ffd65a;
}

body#werkenBijKwikfit div#content p.introduction {
	background: url(images/introduction-werkenBijKwikfit.jpg) no-repeat;
	height: 195px;
	color: white;
	font-weight: bold;
	overflow: auto;
	margin: 0px;
	padding-top: 15px;
	border-bottom: 1px solid white;
}

div#vacatures a.buttonLink {
	float: right;
}
	
/*</group>*/

/*<group=corporate>*/

body#corporate div#main {
	background: url(images/midSection-corporate.gif) repeat-y center;
}

div#content div.portalBlock2x2.actueel {
	background: silver;
	overflow: auto;
}

div#content div.portalBlock2x2.actueel p {
	color: black;
}

div.portalBlock2x2 {
	width: 300px;
	height: 200px;
	border-bottom: 2px solid #f7bb05;
	background: white;
	display: block;
	float: left;
}

div#content div.portalBlock2x2 ul {
	padding: 0px;
	margin: 0px 6px 6px 6px;
	list-style: none;
}

div.portalBlock2x2 ul li a {
	color: black;
	display: block;
}

div.portalBlock2x2 ul li a span {
	color: #002985;
	font-size: 9px;
	display: block;
	border-bottom: 1px dotted #002985;
	padding-bottom: 2px;
	margin-bottom: 2px;
}

body#corporate div#content {
	background: url(images/werkenContent.jpg) no-repeat right top;
	width: 600px;
	padding: 0px;
	margin: 0px;
}

body#corporate div#content p.introduction {
	background: url(images/introduction-corporate.jpg) no-repeat;
	height: 195px;
	color: white;
	font-weight: bold;
	overflow: auto;
	margin: 0px;
	padding-top: 15px;
	border-bottom: 1px solid white;
}
	
/*</group>*/

/*<group=autoservice>*/

div#sideBar h2.portalHeader {
	margin-right: 1px;
	display: block;
	float: left;
	width: 179px;
}

div#sideBar div#news {
	
}

div#sideBar div#news ul {
	padding: 0px;
	margin: 0px 6px 6px 6px;
	list-style: none;
	float: left;
	width: 168px;
}

div#sideBar div#news ul li a {
	color: white;
	display: block;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
}

div#sideBar div#news ul li a:hover {
	text-decoration: underline;
}

div#sideBar div#news ul li a span {
	color: black;
	font-size: 9px;
	display: block;
	border-bottom: 1px dotted black;
	padding-bottom: 8px;
	margin-bottom: 4px;
	text-decoration: none;
	font-weight: normal;
	margin-top: 4px;
}

body#autoservice div#main {
	background: url(images/midSection-autoservice.gif) repeat-y center;
}

body#autoservice div#content {
	background: url(images/werkenContent.jpg) no-repeat right top;
	width: 600px;
	padding: 0px;
	margin: 0px;
}

body#autoservice div#content p.introduction {
	background: url(images/introduction-autoservice.jpg) no-repeat;
	height: 195px;
	color: white;
	font-weight: bold;
	overflow: auto;
	margin: 0px;
	padding-top: 15px;
	border-bottom: 1px solid white;
}

body#autoservice div.portalBlock2x2 {
	border-bottom: 2px solid #002985;
	height: 230px;
}

div#content div.portalBlock2x2.boxActie {
	background: url(images/boxActie.gif) repeat;
	overflow: auto;
}

div#content div.portalBlock2x2.boxOnlineServices {
	background: url(images/boxOnlineServices.jpg) no-repeat;
	overflow: auto;
}
	
/*</group>*/

/*<group=navigation>*/

/*<group=tabs>*/

#tabs {
	padding: 0;
	list-style: none;
	float: right;
	margin: 0px 0px 0px 0px;
	width: 780px;
	z-index: 1000;
	position: relative;
}

#tabs li a {
	display: block;
	text-decoration: none;
	font-size: 10px;
	background: no-repeat right top  #FFC600;
	color: black;
	text-transform: uppercase;
	padding: 2px 6px 2px 6px;
	float: right;
}

#tabs li a:hover {
	color: white;
	background: #002985;
}

#tabs li.current a {
	margin-bottom: 16px;
	margin-top: -16px;
	background: #A8A8A8;
	color: white;
}
	
/*</group>*/

/*<group=subNavigation>*/

div#subNavigation ul {
	margin: 0px;
	list-style: none;
	padding: 0px;
	display: block;
	background: url(images/subNavigation.gif) repeat-y;
}

div#subNavigation ul li {
	display: block;
	border-bottom: 1px solid white;
}

div#subNavigation ul li a {
	font-size: 10px;
	text-transform: uppercase;
	text-decoration: none;
	color: black;
	background: #ffc600 url(images/subNavigation-a.gif) no-repeat;
	display: block;
	padding: 6px 20px 6px 6px;
	border-right: 1px solid white;
}

div#subNavigation ul li a:hover {
	background-color: #acacad;
}

div#subNavigation ul li.current a {
	background: url(images/subNavigation-a-current.gif) no-repeat left top;
	color: white;
	border-right-style: none;
}

div#subNavigation ul li.current ul {
	margin-bottom: 5px;
}

div#subNavigation ul li ul li {
	border-bottom-style: none;
}

div#subNavigation ul li.current ul li a {
	background: url(images/bullet.gif) no-repeat left center;
	text-transform: capitalize;
	padding-top: 2px;
	padding-bottom: 2px;
	border-bottom-style: none;
	padding-left: 15px;
	font-size: 9px;
}

div#subNavigation ul li.current ul li.current a {
	color: #ffc600;
}

div#subNavigation ul li.current ul li a:hover {
	text-decoration: underline;
}

div#breadcrumbs {
	padding-right: 20px;
	display: block;
	float: left;
	margin-top: 6px;
	padding-left: 5px;
}

div#breadcrumbs a {
	background: url(images/breadcrumbsDivider.gif) no-repeat left center;
	text-decoration: none;
	font-size: 9px;
	display: block;
	float: left;
	padding: 3px 5px 3px 15px;
	font-style: italic;
	font-weight: normal;
	color: #002985;
}

div#breadcrumbs a.current {
	color: #ffc600;
	font-weight: bold;
}

div#breadcrumbs a:hover {
	text-decoration: underline;
}
	
/*</group>*/
	
/*</group>*/

/*<group=content>*/

/*<group=swapPanel>*/

.swapPanel {
	background: url(images/backdropSwapPanel.jpg) no-repeat left center #eeeeee;
	margin-bottom: 20px;
	width: 730px;
	display: block;
	float: left;
	border: 1px solid silver;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -367px;
	margin-top: -220px;
	z-index: 9999;
}

.swapPanel h3 {
	background: url(images/backdropSwapPanelH.gif) no-repeat;
	margin: 0px;
	padding: 7px 8px 5px 8px;
	font-size: 10px;
	font-weight: bold;
	border-bottom: 1px solid silver;
	color: black;
	display: block;
	text-align: center;
	float: left;
	width: 714px;
}

.selected {
	display: block;
	font-size: 10px;
	padding-top: 15px;
	text-align: center;
	float: left;
	padding-right: 20px;
	padding-left: 20px;
}

.selected select {
	width: 260px;
	height: 300px;
	margin-top: 15px;
	font-size: 10px;
	float: left;
}

.swapPanel .arrows {
	width: 130px;
	display: block;
	float: left;
	padding-top: 140px;
}

.swapPanel .arrows a {
	width: 130px;
	height: 0px;
	margin-bottom: 15px;
	display: block;
	float: left;
	padding-top: 40px;
	overflow: hidden;
}

.swapPanel .arrows a.add {
	background: url(images/backdropAdd.gif) no-repeat;
}

.swapPanel .arrows a.add:hover {
	background: url(images/backdropAdd-over.gif) no-repeat;
}

.swapPanel .arrows a.remove {
	background: url(images/backdropRemove.gif) no-repeat;
}

.swapPanel .arrows a.remove:hover {
	background: url(images/backdropRemove-over.gif) no-repeat;
}

.available {
	display: block;
	font-size: 10px;
	text-align: center;
	float: left;
	padding-top: 15px;
	padding-right: 20px;
	padding-left: 20px;
}

.available select {
	width: 260px;
	height: 300px;
	float: left;
	margin-top: 15px;
	font-size: 10px;
}

.swapPanel p {
	float: left;
	display: block;
	width: 690px;
	left: 20px;
	position: relative;
}

.swapPanel p a {
	float: left;
}

.swapPanel table {
	float: left;
	display: block;
	width: 690px;
	left: 20px;
	position: relative;
	font-size: 10px;
}

.swapPanel table th {
	text-align: left;
	padding: 5px;
}

.swapPanel table td {
	padding: 5px;
}

.swapPanel table td input {
	border: 1px solid silver;
	margin-right: 5px;
	color: black;
	padding: 4px;
	font-size: 10px;
	background: url(images/backdropPartListTR-over.gif) repeat-x left top white;
	width: 95%;
}

.swapPanel table td input:focus {
	border-color: black;
	color: black;
}
	
/*</group>*/

#content select {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	background: #dbf3fb;
}

#content dt {
	background: #ffd65a;
	font-size: 14px;
}

#content dt a {
	display: block;
	color: black;
	text-decoration: none;
	padding: 8px 8px 8px 20px;
	font-size: 14px;
}

#content dd {
	margin: 10px 20px 20px 20px;
	padding: 0px;
	color: white;
	font-size: 12px;
}

a.buttonLink {
	font-size: 10px;
	color: #002985;
	font-weight: bold;
	text-decoration: none;
	background: url(images/buttonLink.gif) no-repeat right bottom;
	padding-right: 15px;
	display: block;
	padding-top: 4px;
	margin-right: 6px;
	margin-top: 0px;
	float: right;
	text-transform: uppercase;
}

a.buttonLink:hover {
	text-decoration: underline;
}

h2.portalHeader {
	font-size: 10px;
	font-weight: bold;
	margin-top: 0px;
	border-top: 2px solid #002882;
	background: right top;
	padding: 0px;
	display: block;
}

h2.portalHeader a {
	background: url(images/portalHeader.gif) no-repeat right top;
	color: white;
	font-size: 9px;
	text-decoration: none;
	padding: 0px 20px 3px 6px;
}

a#companyLogo {
	background: url(images/logo_autoservice.jpg) no-repeat left center;
	display: block;
	width: 780px;
	overflow: hidden;
	color: white;
	text-decoration: none;
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: right;
	float: right;
	padding: 25px 25px 25px 0;
}

html>body a#companyLogo {
	width: 755px;
	margin-right: 25px;
	padding-right: 0;
	margin-top: 0;
}

#midSection {
	width: 780px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	background: repeat;
	text-align: left;
}

#superPanel {
	width: 780px;
	background: url(images/top.gif) repeat-y center center;
	float: left;
	border-bottom: 1px solid white;
	padding: 0;
	margin-top: 0;
}

#sideBar {
	width: 180px;
	clear: both;
	float: left;
}

#sideBar p {
	padding-left: 6px;
	padding-right: 6px;
}

div#search {
	padding-left: 6px;
	padding-right: 6px;
	background: #FFD65A;
	display: block;
	float: left;
	width: 179px;
	padding-bottom: 15px;
	border-bottom: 1px solid white;
	border-right: 1px solid white;
}

html>body div#search {
	width: 167px;
}

div#search h2 {
	font-size: 10px;
	margin-top: 6px;
	margin-bottom: 26px;
	text-transform: uppercase;
}

div#search p {
	font-size: 10px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 3px;
	margin-left: 0;
}

div#search input {
	width: 134px;
	float: left;
	padding: 3px;
	font-size: 10px;
	border: 1px solid black;
	height: 20px;
}

html>body div#search input {
	height: auto;
}

div#search a.buttonFind-c16 {
	background: url(images/buttonGo-c20.gif) no-repeat;
	width: 20px;
	padding-top: 20px;
	height: 20px;
}

html>body div#search a.buttonFind-c16 {
	
}

#content {
	display: block;
	width: 450px;
	float: left;
	margin: 0px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
}

html>body #content {
	width: 410px;
}

#content p a,#content ul li a {
	color: #ffc600;
}

#content p.introduction {
	font-weight: bold;
}

#content p img {
	margin-right: 6px;
	margin-bottom: 6px;
}

#content span.caption img {
	margin-bottom: 5px;
}

#content p em {
	font-weight: bold;
	font-style: italic;
}

#content span.caption {
	float: right;
	font-size: 10px;
	color: black;
	padding: 5px;
	border: 1px solid white;
	margin-left: 5px;
	margin-bottom: 5px;
	margin-top: 5px;
	width: 250px;
	background: #ffd65a;
}

div#marginalComment {
	display: block;
	float: left;
	padding-top: 5px;
	margin-bottom: 30px;
}

div#marginalComment p {
	padding-left: 6px;
	padding-right: 6px;
	color: white;
	font-size: 10px;
}

#content h1,#content h2 {
	padding-right: 20px;
	color: white;
	text-transform: uppercase;
	font-size: 16px;
	clear: both;
	margin-top: 12px;
	display: block;
	margin-bottom: 0;
	padding-bottom: 5px;
}

html>body #content h1,html>body #content h2 {
	margin-top: 35px;
}

#content h2 form,#content h1 form {
	float: right;
	display: block;
	margin-top: -18px;
}

#content h2 select,#content h2 select {
	margin-left: 10px;
	float: right;
}

#content h3 {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFC600;
}

#content p,#content ul,#content table,#content ol {
	margin-left: 0px;
	font-size: 10px;
	color: white;
	line-height: 15px;
	margin-top: 8px;
	margin-bottom: 8px;
}

#content ul,#content ol {
	margin-left: 20px;
	padding-left: 0;
}

/*<group=standard table>*/

th.index {
	width: 20px;
}

#content table {
	width: 100%;
	border-spacing: 0px 0px;
	margin-bottom: 15px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}

table th {
	text-align: left;
	vertical-align: top;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 4px;
}

table td {
	padding: 2px;
	background: #4CBDEB;
	border-bottom: 1px solid #009ee3;
}

table td input[type="text"],table td input.default,table td input[type="password"],table td textarea {
	color: black;
	size: 10px;
	padding: 2px;
	width: 100%;
	background: #DBF3FB;
	margin-bottom: 14px;
	border-style: none;
	margin-top: -3px;
	margin-left: -2px;
	border-top: 1px solid #4cbdeb;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}

table td input.default {
	color: black;
	size: 10px;
	padding: 2px;
	width: 103%;
	background: #DBF3FB;
	margin-bottom: 14px;
	border-style: none;
	margin-top: -3px;
	margin-left: -2px;
	border-top: 1px solid #4cbdeb;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}

html>body table td input.default {
	width: 100%;
}

table td textarea {
	color: black;
	size: 10px;
	padding: 2px;
	width: 101%;
	background: #DBF3FB;
	margin-bottom: 14px;
	border-style: none;
	margin-top: -3px;
	margin-left: -2px;
	border-top: 1px solid #4cbdeb;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}

html>body table td textarea {
	width: 100%;
}

table td input.default:focus,table td input[type="text"]:focus,table td textarea:focus {
	background: white;
}

table td select {
	width: 100%;
}

table td input[type="radio"] {
	vertical-align: middle;
}

#content table th.section {
	background: url(images/th.section.gif) no-repeat right bottom;
	text-align: left;
	color: #002681;
	padding-bottom: 15px;
	font-size: 10px;
}

#content table th.identifier {
	text-align: left;
	color: white;
	width: 120px;
	font-weight: normal;
}

#content table th.identifier span.label {
	background: #002681;
	padding: 2px;
	margin-top: -2px;
	width: 125px;
	display: block;
	position: absolute;
	margin-left: -1px;
	float: left;
}

html>body #content table th.identifier span.label {
	margin-left: -2px;
	margin-top: -2px;
	width: 122px;
}

#content table td {
	vertical-align: top;
}

#content table td.currency,#content table th.currency,#content table td.percentage,#content table th.percentage {
	text-align: right;
}

#content table th.total,#content table td.total {
	background: none;
	border-top: 3px double white;
}

#content table td.buttonBar {
	text-align: right;
	background: url(images/td.buttons.gif) repeat-y right;
	white-space: nowrap;
}

#content table td.buttonBar input {
	background: url(images/buttonMain.gif) no-repeat right center;
	text-align: right;
	width: auto;
	border-style: none;
	color: white;
	text-transform: uppercase;
	font-size: 10px;
	padding-right: 20px;
	margin-bottom: 0;
	margin-top: 1px;
	cursor: pointer;
}

#content table td.numberPlate {
	color: black;
	border-bottom: 16px solid #4cbdeb;
	background-image: url(images/background Colour.png) ;
	background-repeat: repeat-x;
	background-position: left bottom;
	background-color: #FFC600;
}

#content table td.predefinedInput {
	color: black;
	border-bottom: 16px solid #4cbdeb;
	background-color: #DBF3FB;
}

#content table td.predefinedInput input {
	margin: 0 3px 0 5px;
	padding: 0;
	width: 12px;
	height: 12px;
	vertical-align: top;
}
	
/*</group>*/

p#footer {
	float: left;
	display: block;
	margin-bottom: -30px;
	padding-left: 6px;
	width: 768px;
	color: gray;
	padding-bottom: 10px;
	padding-right: 6px;
	font-size: 9px;
	margin-left: 0;
}

p#footer a {
	color: gray;
	font-size: 9px;
	text-decoration: none;
}

p#footer a:hover {
	text-decoration: underline;
	color: black;
}

p#footer a.back2Main {
	float: left;
	display: block;
	margin-top: -42px;
	font-size: 10px;
	color: white;
	font-weight: bold;
	background: url(images/buttonBack2Main.gif) no-repeat right bottom;
	padding: 15px 20px 0 0;
}

/*<group=Matenmix>*/

span.increase {
	background: url(images/iconIncrease.gif) no-repeat;
	width: 9px;
	padding-top: 10px;
	display: block;
	float: left;
	overflow: hidden;
	height: 10px;
}

html>body span.increase {
	height: 0;
}

span.decrease {
	background: url(images/iconDecrease.gif) no-repeat;
	width: 9px;
	padding-top: 10px;
	display: block;
	float: left;
	overflow: hidden;
	height: 10px;
}

html>body span.decrease {
	height: 0;
}
	
/*</group>*/

/*<group=Reden van vervanging>*/

table#reasonForReplacement th.identifier {
	width: 160px;
}
	
/*</group>*/