﻿
html * {
		margin:0px;
		padding:0px;
}

/* Algemene opmaak */
/* ************************************* */

a 			{color: #b81116; text-decoration: none;outline: none;}
a:hover 	{color: #3a4e5f; text-decoration:underline;}
li a:hover 	{text-decoration:none;}

h1 			{color: #B81116; font-size: 1.5em; margin: 4px 10px 4px 10px; width: 599px;}
h1.newsH1	{width: auto !important; }
h2 			{color: #B81116; font-size: 1.2em; margin: 4px 10px 4px 10px;}
h2.function {text-align:center;}
h3 			{color: #B81116;font-size: 1.0em; margin:0; padding:0px 0 1px 0px;}
h4 			{color: #B81116; font-size: 1.2em; margin-top:0px;}
h5 			{/*color: #B81116; font-size: 1.0em; margin:2px 0 2px 0;padding:0px;*/ }

h6 			{color: #B81116; font-size:	1.0em;margin:0; padding:4px 0 4px 0; }
p			{margin: 8px 10px 4px 10px;}

.alt 		{display: none;}
.clear 		{clear: both; font-size: 1px; line-height: 1px; display: block;}
.linkpijl 	{padding-top: 4px; margin-right: 4px;}
.right 		{display: block; float: right; margin: 10px 10px 0 10px;}

.pdfLink	{ background:url('../img/pdfIcon.gif') no-repeat left top;padding:5px 0px 5px 25px;}
thead tr 		{background: #002740; color: #fff; font-weight: bold; text-align: left;}
td, th 			{padding: 0px;  vertical-align: top; }

ul 				{list-style-position: outside; list-style-type: disc; padding-left: 34px;}
ol 				{list-style-position: outside;}

.logo			{position:absolute; top:80px;margin:0px 0 0 18px; }
.foto,.picture		{float: right; border: none 1px #e1e1e1; margin: 0 0 10px 10px;}
#intro 			{width: 583px; height: 390px;}
#space			{float:left; border:0px dashed red; background:#fff; width:500px;height:2px; clear:both;}
	
.newsItem 		{float:left;padding-bottom:8px;}	

.splitter		{ border-style:solid; border-color:#d5d2cf; border-width: 1px 0px 0px 0px; margin:10px; text-align:left;}

.readmore 		{
	float:left;
	background: url('../img/linkArrowSubmenuActive.gif') 0px 4px no-repeat ;
	font-weight:bold;
	padding-left: 10px;
	margin:1px 8px 11px 8px;
}
a.readmore:hover {
	background-image: url('../img/linkarrowtoolbox.gif');
}
/* content template */
/* ************************************* */
#experience		{width:900px; height:170px;margin:0px;}

#content 		{ 
	float: left;	
	padding: 0px 0px 0px 0px; 
	margin-top: 5px;
	margin-bottom:0px;
	color:#000;
	
}

#content .readmore {
	text-decoration: underline;
}
#content .readmore:hover {
	text-decoration: none;
}

#banner	{
	padding: 0px 0px 0px 0px; 
	margin-top: 0px;
	margin-bottom:0px;
	color:#000;
	background: none;
	float: right;
}

#content2 		{ 
	padding: 0px 0px 0px 0px; 
	margin-top: 0px;
	margin-bottom:0px;
	color:#000;
	background: none;
}

#divider {display:block;position:absolute;width :912px;height:12px; margin-left:-6px;padding:0px;background: url('../img/dividerHome.jpg') repeat-x;}

#midden 		{
	float:left;	
	height:100%;
	width:566px;
	margin:0px 0 0 0px;
	
	}

#col1 		{
	float:right;	
	height:100%;
	width:200px;
	margin:0px 1px 0px 5px;
	color:#000;
	}

	
#col2 { font-family: Arial, Helvetica, sans-serif; font-size:1.2em; height: 100%;width: 699px; border-right: 1px solid #d5d2cf;float: left;  margin:0px 0 0 0px; }

#col12 { /* (col 1+2)*/
	font-family: Arial, Helvetica, sans-serif; font-size:1.2em;
	float:left;	
	height:100%;
	width:690px;
	margin:0px 0 0 0px;
	padding: 0px 0px 0px 5px;
	color:#000;
	border-right: 1px solid #d5d2cf;
	}


#col23 { font-family: Arial, Helvetica, sans-serif; font-size:1.2em; height: 100%;width: 715px; border-left: 1px solid #d5d2cf;float: left;  margin:0px 0 0 0px; padding-left:21px;}



#col3 			{ float: right;margin:4px 0 0 0;background :#fff;}

#colToolbox			{float:right;width:196px;}

#contentPageCol1 	{float: left; width: 175px; height:388px;margin: 0 1px 0 0px;}
#contentPageCol2 	{float: left; width: 175px; margin: 0 0px 0 6px; clear:right;}
#contentPageCol3 	{float: right; width: 175px; margin: 0 0px 0 4px;}

/* contentelementen  */
/* ************************************* */
#col2.content .intro { 
	font-size: 0.9em;
	font-weight:bold;
}

#col2.content .subheader { 
	color: #B81116;
	font-weight:bold;
}
#col2.content .contentPicture {
	float:right;
	margin: 5px 10px;
}

#col2.content p {
	margin:0px 10px 10px 0px;
	padding: 0px;
}

#col2.content h5 {
	margin:10px 0px 0px 0px;
	padding:0px;
	font-size:1.0em;
}

#col2.content p a {
	text-decoration: underline; }
#col2.content p a:hover {
	text-decoration: none; }


#col2.content ul li { 
	list-style-type:disc;
	list-style-position:outside;
	margin-left:20px;
}
#col2.content ol li { 
	list-style-position:outside;
	margin-left:20px;
}



div.previous {
	width: 120px;
	margin-right: 10px;
	float:left;
	display:block;
	text-align: left;
}

a.previous {
	line-height:40px;
}

.previous a,a.previous {
	padding-left: 10px;
	background: url('../img/linkArrowSubmenuActiveBack.gif') left 5px no-repeat ;
}

.previous a:hover,a.previous:hover {
	background-image:url('../img/linkArrowSubmenuBack.gif');
}



.next {
	width: 120px;
	margin-left: 10px;
	float:left;
	display:block;
	text-align: right;
}
.next a {
	padding-right: 10px;
	background: url('../img/linkArrowSubmenuActive.gif') right 5px no-repeat ;
}

.next a:hover {
	background-image: url('../img/linkArrowSubmenu.gif') ;
}

.pageNo
{	width:240px;
	float:left;
	display:block;
	text-align: center;
}
.pagingbalk {width:380px; margin:10px 0px;}
.pagingbalk .pageNo { width: 120px !important; }

#infoWinDealer { 
	font-size:11px;
}
#infoWinDealer h3 { 

	font-size:14px;
}
#infoWinDealer h4 { 

	font-size:12px;
}
#infoWinDealer table { 
	padding: 3px 0px 5px 0px;
}

#infoWinDealer td {
	padding: 2px 10px 2px 0px;
	vertical-align:top;
}

#priceTable {
	font-family:Tahoma,Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	width: 670px;
	font-weight:bold;
	text-align:center;
	border-collapse:collapse;
	border-right:1px solid #e0e6ec;
}

#priceTable TH { color: #ffffff;font-size:0.9em;padding:3px 5px;}
#priceTable TD { color: #000000;padding:3px 5px;border-bottom:1px solid #e0e6ec; border-left:1px solid #e0e6ec; }


#priceTable TH.infoDarkBlue {
	background-color: #3a4e5f;
	width:90px;
	border-bottom: 1px solid #c3ccd4;	
	border-top: 1px solid #c3ccd4;	
	border-right: 1px solid #c3ccd4;
}
#priceTable TH.infoDarkBlue.firstCell { border-left: 1px solid #c3ccd4;}


#priceTable TH.infoRed {
	background-color:#b30005;
	border-bottom: 1px solid #e0e6ec;	
	border-left:1px solid #e0e6ec;
	border-top:1px solid #e0e6ec;
}
#priceTable TR.fuel TH {
	background-color:#d2dee8;
	color: #3a4e5f;
	text-align:left;
	border-bottom: 1px solid #e0e6ec;	
	border-left: 1px solid #d2dee8;	
	text-transform:uppercase;
	padding-left: 20px;
}
#priceTable .fuel .firstCell { border-left: 1px solid #e0e6ec;
}

#priceTable TR.infoBlue TD {
	background-color:#eef2f7;
	border-left:1px solid #d1dae5;
}

#priceTable TD.firstCell {
	border-left:1px solid #e0e6ec !important;
}

#priceTable p,#priceTable td p,#priceTable th p {padding:0px; margin:0px; }
/* BOUTIQUE
=========================================*/

#boutiqueItems { width: 505px; border:1px solid #f3f3f3;margin-bottom:5px;}
#boutiqueItems.boutiqueOverview { border: none !important;}
#boutiqueItems li { margin:0px !important;padding:0px !important; display:block;list-style-type:none !important; list-style-position:outside !important; }

.boutiqueHeader { background: url('../img/boutique_bg1.gif') repeat-x top center; width: 505px; height: 37px; color: #b30005; font-family: Verdana, Arial, Helvetica, sans-serif;}
.boutiqueHeader h3 { float:left; width: 285px; padding:0px 5px; font-size:12px; line-height:23px;}
.boutiqueHeader h4 { float:left; width: 135px; font-size:17px; line-height:23px;text-align:right; }
.boutiqueHeader h5 { float:left; width: 75px; font-size:11px; line-height:23px;font-weight:normal; text-align:center;}

.boutiqueHeaderOverview { background: url('../img/boutique_bg1.gif') repeat-x top center; width: 505px; height: 37px; color: #b30005; font-family: Verdana, Arial, Helvetica, sans-serif;}
.boutiqueHeaderOverview h3 {font-size:12px; line-height:23px !important; }
#boutiqueItems .thumb { width: 70px;float:left;padding:0px 5px;  text-align:center;   }
#boutiqueItems .qty { width:60px;float:left;line-height:45px; text-align:center;  }
#boutiqueItems .product { width:275px;float:left;  line-height:45px; }
#boutiqueItems .price { width:60px;float:left;line-height:45px;   }


.boutiquePic {float:left; padding:10px;}

.BoutiqueSubItems { float:right;  width:240px !important; margin-bottom:15px; } 
.BoutiqueSubItems li { display:block;text-align: left; clear:both; }
.BoutiqueSubItems li label { width: 210px; background:url('../img/boutique_bg2.gif') repeat-y right center; line-height:19px; margin-top:4px;font-family: Tahoma, Arial, Helvetica, sans-serif;font-size:11px;}
.BoutiqueSubItems li input { width: 16px; height:17px; border:1px solid #d4d0c8; padding:0px 2px; margin-left:-3px; }

.boutiqueTotal { font-weight:bold;height:40px;background:url('../img/boutique_bg3.gif') repeat-x bottom center; /*border-top:1px solid #f3f3f3;*/ }


p.btnBoutique {
	float:right;
}
p.btnBoutiqueRetour {
	float:left;
}




#dealerHeading {
	background: url('../img/bg_dealer.gif') repeat-x center top;
	height: 24px; 
	line-height: 24px; 
	font-weight: bold; color: #FFF; 
	text-align:left;
	padding-left:15px;
}

.dealerOpeninghours td  
{
	padding-right: 10px;
}


/* noflash
==================================================== */
#colActueel.highlight {  width:185px; padding-left:10px;}
#colActueel.highlight h2 { color: #B01116; font-size:16px; }
#colActueel.highlight ul { list-style-position:outside;  }
#colActueel.highlight li  { list-style-type: disc; font-weight:bold; margin-left:15px;font-size:11px; color:#585858; line-height:20px;}
#colActueel.highlight p.redright  { margin:0px;color: #B81116; font-weight:bold;font-size:11px;text-align:right; }

/* 
==================================================
Set visibility
*/
.invisible { visibility:hidden; display:none;}

/* KIA FR dealer*/
.dealertoolboxFR #toolboxMiddle {
	min-height: 0px !important;
}

#dealerLogin {
	width:300px;
	float:left;
}

#dealerLogin label {
	width: 80px;
	margin-right:10px;
	float:left;
	text-align:right;
}
#dealerLogin input {
	float:left;
	width:205px;
}
#dealerLogin .submit {
	width:auto;
	margin-top:15px;
	float:right;
}

#dealerLoginContent {
	float:right;
	width:250px;
	margin-right:30px;
}
#dealerLoginContent ul {
	margin-left:10px;
}
#dealerLoginContent li {
	display:block;
}
#dealerLoginContent li a {
	margin: 2px;
	padding-left:10px;
	color: #000;
	text-decoration:underline;
	background: url(../img/linkArrowSubmenuActive.gif) 0px 4px no-repeat;
}
#dealerLoginContent li a:hover {
	color: #B81116;
	text-decoration:none;
}

.downloadList,.newsList {
	list-style-position:outside;
}

.downloadList li ,.newsList li {
	background: url(../img/linkArrowSubmenuActive.gif) 0px 4px no-repeat;
	list-style-type:none !important;
	padding-left: 10px;
	margin:0px 0px 5px 5px !important; 
}

.downloadList .readmore,.newsList .readmore,.imageLibraryList .readmore { float:right !important; margin-right:25px;}
.readmoreRight { float:right !important; margin:1px 25px 0px 8px;}
.imageLibraryList {list-style-position:outside; margin-top:5px;}
.imageLibraryList li {
	width: 165px;
	height:160px;
	float:left;
	list-style-type:none !important;
	margin:0px 5px 5px 0px !important; 
}

.downloadLink { float:right; display:block; width:11px; height:11px; padding:2px 5px; background: url('../img/download.gif') no-repeat center center;}
.date { color: #8f8f8f; font-size:0.8em; margin-right:5px;}
.downloadType { color: #8f8f8f; font-size:0.8em;}

/* JOBS & Profiling */
.jobSummary { background-color: #f0efee; padding: 14px 9px 14px 14px; font-size:0.8em; width:480px; margin-bottom:10px;}
.jobSummary table { float:left; width: 235px;margin-right:5px; }
.jobSummary table th { width:115px; padding:2px 5px 2px 0px; }
.jobSummary table td { width:115px; padding:2px 0px; }

.jobSearch { background-color: #f0efee; padding: 14px 9px 14px 14px; font-size:0.8em; width:480px; margin-bottom:10px;}
.jobSearchCol { float:left;width: 235px;margin-right:5px;}
.jobSearch .search { float:right; margin-right:10px; width:auto; }
.jobSearch input { float:none; margin:0px; padding:0px; line-height:normal; }
.jobSearch .jobSearchCol select  { width:200px;}
.jobSearch .jobSearchCol input  { width:200px;}
.jobSearch label { float:none; margin:0px; padding:0px; font-weight:bold; height:auto; width:auto; line-height:normal;}

ul.jobList li { background:url('../img/bullet.gif') no-repeat 10px 13px; list-style:none none !important; margin: 5px 15px 5px 0px !important; padding: 7px 10px 7px 25px; }
ul.jobList li.grey { background-color: #f0efee;}

ul.jobList li a { font-weight:bold;}
ul.jobList li a:hover {  text-decoration:underline;}
ul.jobList li .jobSpec { margin:2px 0px; font-size:0.8em;}
