/* Mijn Kia CSS */
/* -- kleuren -- //
l grijs #f0f0f0;
l gr 2 	#B9B9B9;
d grijs	#858889;
charcoal #555;
rood	#b30005;
// ------------ */

/* GLOBAL */
html		{ height:100%; }
body		{ height:100%; margin:0; padding:0; font-family: Arial, Helvetica, Sans-Serif; font-size:12px; background: #ccc url("../img/contentbg_mijnkia.gif") repeat-y 0 0;}
body.home	{ background:#fff; }
body.norightcolumn {background: #ccc url("../img/contentbg.gif") repeat-y 0 0;}
form		{ height:100%; }

img 		{ border: 0;}
div, ul, ol	{ margin:0; padding:0;}
h1 			{ margin:0 0 2px 0; color: #b30005; font-size: 170%;}
h2			{ margin:0 0 2px 0; color: #b30005; font-size: 120%; font-weight: normal;}
h3			{ margin:0 0 2px 0; color: #b30005; font-size: 110%;}
h4			{ margin:0 0 2px 0; color: #666; font-size: 110%;}

td span { display:block; text-align:right; float:right; margin-right:30px; }

p							{margin: 0 0 15px 0;}
blockquote		{float:left;margin:15px 0; background: #f0f0f0; padding: 10px;border: solid 1px #ccc; clear:both; width:95%;}
blockquote ul {list-style:square;}
blockquote h2 {margin-bottom:10px;}
hr						{font-size: 1px; line-height: 1px; height: 1px; color: #e1e1e1; background-color: #e1e1e1; margin-bottom: 5px; clear: both;}

ul.voordelen {margin-left: 15px; list-style-image: url(../img/dot_rood.gif);}
a.teruggrijs			{background: url("../img/icon_deeplink_grijs.gif") no-repeat 0 6px; padding-left:10px; margin-right:10px; color:#555;}
a.teruggrijs:hover {color:#555;}

a 			{color:#b30005; line-height:22px;}
a:hover		{text-decoration:none; color: #F00;}
a.terug			{background: url("../img/icon_teruglink.gif") 0 6px no-repeat ; padding-left:10px; margin-right:10px;}
a:hover.terug	{color: #b30005;}
a.verder		{background: url("../img/icon_deeplink.gif") 0 6px no-repeat ; padding-left:10px; margin-right:10px; font-weight:normal;}
a:hover.verder	{color: #b30005;}

.colright a.verder {text-decoration:none;font-weight:bold;}

.tip {float: left;}
.verdercontainer {display:block;text-align:right;/*margin:-3px 0;*/}
.verder {font-weight:bold;}

.type {color:#999;clear:left;float:left;display:block;width:160px;line-height:19px;}
.waarde {display:block;float:left;clear:right;line-height:19px;}
.waarde a {line-height:19px;}

.clear			{clear: both; display: block; font-size: 0px; line-height: 0px; height:0;}
.floatRight {float:right;}

p.adobereader {color:#555; font-size:9px;width: 200px; margin:20px 0 5px 0;}

/* STRUCTURE */

#page 			{ position: relative; top:0; min-height:100%;}
* html #page	{ height:100%;}
/*  */
.flashnav			{ position:relative; top:0; left:0; width:auto; height:77px; background:#ccc url("../img/topbg.gif") repeat-x 0 0; }
.flashnav.home		{ height:550px; background:#ccc url("../img/topbghome.gif") repeat-x 0 0; } 
.flashnav.homeup	{ height:550px; background:#ccc url("../img/topbg.gif") repeat-x 0 0; } 

#content		{width:1000px; float:left; clear:both;}

.colleft			{background: transparent; float:left; width:180px; padding: 15px 0; text-align:right;}
.colleft a			{margin-right: 20px;}


.colright			{ background: #FFF; float:left; width: 444px; padding: 20px 28px 38px 27px;}
.colright h1,
.colright h2,
.colright h3,
.colright h4,
.colright p, colright .mijnkia	{padding: 0 10px;}
.colright ul				{margin: 0 10px 10px 26px; line-height: 18px;}
.colright ol				{margin: 0 10px 10px 34px;}
.colright .foto				{float: right; border: none 1px #e1e1e1; margin: 0 0 10px 10px;}
.colright .foto img			{border: solid 1px #e1e1e1;}
.colright p					{line-height: 16px; color: #555;}
.colright p.intro			{font-weight: bold; font-size: 90%; line-height: 19px; color: #000;}
.colright p.intro ul		{float: none;}
.colright p.intro ul li		{margin-left: 16px; font-size: 8pt; font-weight: bold;}
.colright p.intro a			{color: #555; text-decoration: underline;}
.colright p.intro a:hover	{color: #b30005;}

.norightcolumn .colright {width: 590px; }
.sidebarright {display: block; float: right; width: 266px; height: 100%; padding: 20px 25px; margin-top: 0/*-3px*/;}
.sidebarbanner {display: block; float: right; width: 266px; height: 100%; padding: 20px 25px; margin-top: 0/*-3px*/;}

.sidebarright p a {line-height: 10px;}

#index {color: #555;font-size:0.9em;text-align: left; padding: 20px;}
.contentFoto {float:right;}
/* -- footer: zichtbaar bottom window wanneer er ruimte is, anders scrollen -- *//* schets:#666 - flash #858889 */
#footer					{ float:left; position:relative; margin:-23px 0 0 0; width:100%; height:22px; background:#fff; border-top:1px solid #ccc; }
#footer .right			{ width:980px; font-family:"Tahoma",Arial,sans-serif; font-size:0.9em; text-align:right; color:#ccc;}	
#footer .right a		{color:#858889; margin:0; text-decoration:none; line-height:20px;} 
#footer .right a:hover	{color:#000;}

/* SERVICEBAR */
#servicebar				{position:absolute; top: -2px; left: 0; border-top: solid 2px #b30005; width: 170px; padding-left: 10px;}
#servicebar li			{float: left; list-style-type: none;}
#servicebar li a		{background: transparent url(../img/icon_servicebarlink.gif) no-repeat 9px 5px; padding-left: 21px; text-decoration: none; color: #858889; font-weight: bold; font-size: 90%;}
#servicebar li a:hover	{color: #b30005; background-position: 9px -7px;}


/* TEMPLATE FORMS */
form				{margin: 0;}
fieldset			{margin:10px 0 12px 0; padding: 0 10px 20px 10px;border:0;border-bottom:solid 1px #ccc;border-top:solid 1px #fff;}
fieldset.small {padding-left:0;padding-right:0;}

legend				{display: none; color: #858889; margin: 0; padding: 0; font-weight: bold;}
	* html legend	{margin-left: -6px;}

label					{width: 250px; float: left; clear: left; line-height: 24px;}
input,textarea,select	{margin: 2px 0; float: left;}
select					{font-size: 100%; font-size: 8pt;margin-right:2px; width:200px}
select.dealers			{width:346px;}
input			{ width:200px; margin-right: 3px;}
input.geboortedag  {width: 55px; }
input.geboortemaand {width: 55px;}
input.geboortejaar {width:72px;}

input.small  {width: 65px; }
input.medium {width: 126px;}

textarea				{font-family: arial,helvetica; font-size: 120%; width: 200px;}
.radio input	{float: left; clear: none; width: auto;position:relative;}
.radio label, label.radio			{line-height: 20px; margin: 0px 4px 2px 3px; cursor:pointer;
							float: left; clear: none; width: auto;position:relative;}
	*html .radio label, *html label.radio	{margin: 2px 4px 2px 3px;}

.radio3					{display:block; width: 270px; float:right; text-align:left;}
.radio3 input			{float:none;  margin:0px 2px -1px 0px; width: auto;}
.radio3 label, label.radio	{width: auto;line-height: 20px; margin: 0px 4px 2px 3px; cursor:pointer;float: none; }	

label.acceptance		{width:240px;}
.verplicht				{float: left; width: 50px; text-align: center; color: #b30005;}
p.toelichting			{font-size: 90%; color: #B9B9B9; margin: 15px 0;}
.error					{color: #F00; font-size: 90%; display: block; clear: both; margin: 0px 0 10px 0; padding-left: 310px; background: transparent url(../img/icon_formerror.gif) no-repeat 300px 0px;}
.errorlogin				{color: #F00; font-size: 90%; display: block; clear: both; margin: -1px 0 10px 0; padding-left: 110px; background: transparent url(../img/icon_formerror.gif) no-repeat 100px 0px;}
.errornopadding			{color: #F00; font-size: 90%; display: block; clear: both; margin: -2px 0 0px 0; padding-left: 12px; background: transparent url(../img/icon_formerror.gif) no-repeat 2px 0px;}
img.button				{margin-top: 10px;}
div.radio				{margin: 15px 0px 0px -4px;}
div.radio input			{}
div.radio2				{margin: 5px 4px 2px 3px;}
div.radio2 label		{font-size: 90%; line-height: normal; width: 320px; margin: 0; clear: none;}

.mijnkia {width: 350px;}
.mijnkia fieldset {margin-top: 10px;border:0;}
.mijnkia h4 {margin-left: -10px;}
.mijnkia label {width: 100px; height:22px; color: #969696;}
.mijnkia input {width: 200px;}
.mijnkia .radio input {float: left; clear: none; width: auto;position:relative; display: block;}
.mijnkia .radio label {width: 200px; color: #666;}
.mijnkiaQuestionInput {width: 400px; position:relative; display: block; font-size: 100%;}
.mijnkiaQuestionLabel {width: 100px; color: #666;}
.solution {width:auto; }

.checkbox input {float:left;width:auto; clear:none;}
.checkbox label {float:left; clear:none;}
/* Sidebar banners ()zoals op welkomstpagina */
ul#sidebarbanners {width:191px;/*height:208px;*/_border-top:solid 1px #ccc;}/* _border-top is een aanpassing voor IE6 */
ul#sidebarbanners li {display:block;clear:both;float:left;width: 189px; height: 70px; background:#fff url(../img/icon_deeplink_rood.gif) bottom right no-repeat; border:solid 1px #ccc; list-style:none;margin-top:-1px;cursor:pointer;}
ul#sidebarbanners li:hover {background-color:#eee;}
ul#sidebarbanners li img {padding:5px;float:left;width:75px;}
ul#sidebarbanners li p {display:block;float:left;width:90px;height:55px;color:#555;text-decoration:none;font-size: 0.9em;line-height:12px;padding:5px;cursor:pointer;overflow-y:hidden;}
ul#sidebarbanners li:hover p {color:#b30005;}

ul#downloads {list-style:none;font-size: 0.9em;}

/* autodossier lijst */

.dossierlist {display:block;clear:both;margin:20px 10px 0 10px;line-height:18px;}
.dossierlist a {float:right;}

.reminderservice {display:block;margin:20px 10px 10px 10px;border-bottom:solid 1px #ccc;padding-bottom: 8px;}
.reminderservice h2 {padding:0;}
.reminderservice table td {padding-bottom:7px;}

#puzzel {text-align:center;margin-top:20px;}
#puzzel img {margin-bottom:10px;}
.pzladres {color:#555; padding-top: 50px;}

#persgegevens {display: block; float:left; border-right:solid 1px #ccc; width:287px;height:180px; padding: 0 20px 0 0;position:relative;}
#persgegevens a {position:absolute;bottom:0;right:20px;}

#persgegevens_actie {display: block; float:left; border-right:solid 1px #ccc; width:260px; height:180px; padding: 0 20px 0 0; position:relative;}
#persgegevens_actie a {position:absolute;bottom:0;right:20px;}


#profiel 			{display: block; float:left; line-height:18px; width:239px;height:180px; padding: 0 0 0 34px;position:relative;}
#profiel h1 	{padding:0;}
#profiel a		{position:absolute;bottom:0;right:0;}
#profiel p	{padding: 0;}

#mijnaccount ul {list-style:none;margin:0 10px;}
#mijnaccount ul li {height:20px;}
#mijnaccount ul li .type {color:#555; width:107px;}
#mijnaccount .verdercontainer {margin-top:20px;}

#dealerlist {margin-left:10px;width:95%;}
#dealerlist .dealerfoto {float:right;}
#dealerlist .type {width:120px;}
#dealerlist .waarde {/*width:145px;*/}

.openingstijden {border: solid 1px #ccc;margin-bottom:11px;padding:0 9px 5px 9px;font-weight:bold;color:#84848d;font-size:8pt;}
.openingstijden td.dag {width:40px;}

.teaserlijst {margin-top:20px;}
.teaserlijst ul {margin:0; list-style:none; border: solid 1px #fff;}
.teaserlijst ul li {display:block;height:90px;padding:5px;margin:0;margin-top:-1px;border: solid 1px #ccc;position:relative;}
.teaserlijst ul li img 	{display:block; float:left;}
.teaserlijst ul li p 		{display:block; float:left; margin:3px; width:300px; height:65px; }
.teaserlijst ul li a.leesmeer		{display:block;position:absolute;right:5px;bottom:3px;background: url("../img/icon_deeplink.gif") 0 10px no-repeat ; padding-left:10px; font-weight:normal;}

/* Sitemap */
#sitemap 		{margin-top:15px;}
#sitemap h1		{font-size: 12pt;}
#sitemap h2		{font-size: 10pt; margin: 0px 0px 0px 15px;}
#sitemap h4		{font-size: 8pt; font-weight: normal; margin: 0px 0px 0px 30px;}
#sitemap a		{text-decoration: none; line-height: 18px;}

div.blok		{margin-bottom: 20px;}



/* POPUP */

#popupwrapper {display: none;z-index: 999; position: absolute; height: 100%; width: 100%; background: #fff; opacity: .6;filter: alpha(opacity=60);}
.popup 				{display: none;}
.popup				{z-index: 9999; position: absolute;width: 355px; padding: 15px; top: 200px; left: 228px; background: #f0f0f0; border: solid 1px #ccc;}
.popup .close a {float: right;font-weight:bold;margin:-10px -6px 0 0;}
.popup p			{line-height: 20px;margin-top:10px;}
.popup input, .popup select 	{width: 335px;margin-bottom:5px;}
.popup input.radio {width:auto;}
.popup label.radio {float:left; clear:none; width:auto;}
.popup label	{width:120px;}
.popup a			{margin-right: 12px;}

/* DESIGNQUIZ 
=======================*/

#designquiz {margin-top:15px;}

.desiqnquizIMG { float:left; margin-top:10px; margin-right: 20px; width:200px; height:133px; margin-bottom: 20px;}
#designquiz label {text-align: right;}
#designquiz input {width: 200px; margin-left:10px;}
#designquiz .btnSend { float:right; margin-right:25px; margin-top:5px; }
#designquiz .designquizAntw { float:left; margin-top:10px; margin-bottom: 20px; width: 370px;}
#designquiz .designquizAntw br { clear:both; border: solid 1px red;}
#designquiz .designquizAntw input { display:block;width:auto;margin-right:5px; float:left;}
#designquiz .designquizAntw label {text-align: left;display:block;width:300px; float:left; margin-bottom:5px;line-height:18px;margin-left:40px; margin-top:-20px; }
#designquiz .error {margin-left:-50px; background:none;}
#designquizVragen .error {float:left;display:block;margin-left:33px;margin-top:5px; padding-left:0px;}
#designquiz label.explain { text-align:left;margin-left:210px;}

/* Offerte 
=======================*/
#ohLijstProfiel { color: #000 !important;} 
#ohLijstOfferte { border:1px solid #ccc; width:460px;padding: 3px; }
#ohLijstOfferte .waarde {text-align: right; width: 80px; margin-left: -20px;}
#ohLijstOfferteTotaal {background-color: #ccc; border:1px solid #ccc; padding: 3px; width:460px; font-weight:bold;}
#ohLijstOfferteTotaal .waarde {text-align: right; width: 80px; margin-left: -20px;}

#ohLijstOfferteDownload { width:470px;} 
#ohLijstOfferteDownload a { float:right; margin-right: 3px;}
.ohType {width: 400px; clear:left;float:left;display:block;line-height:19px;}
.ohTypeHeader {clear:left;float:left;display:block;width:400px;line-height:19px; font-weight:bold; font-style:italic;}

.groupHeader {background-color: #f0f0f0; font-size: 13px; font-weight: bold; cursor: pointer; margin-bottom: 5px;margin-left: 5px; border-bottom:1px solid #ccc; padding-left: 42px; padding-bottom:3px;background-image: url(../img/icon-minus.gif); background-position: left top; background-repeat: no-repeat;}


.closed {background-image: url(../img/icon-plus.gif) !important; margin-bottom: 10px;}

.group {margin-bottom: 0px;  margin-left: 0px; height: 100%;}
.group ul {margin-left: 0px; width: 100%; }
.group li {font-size: 11px;list-style-type: none; clear: both; height:18px; cursor: pointer;padding: 1px 0px;}
.group li:hover { background-color: #f0f0f0;}
.group img {margin-left: 10px; margin-right: 10px; float: left;}
.group span {float: left; width: 100px; display: block; text-align: right;}
.group .naam {width: 170px; margin-left: 20px; margin-right: 0px; text-align: left;}
.group .beurt {width: 110px; margin-left: 20px; margin-right: 0px; text-align: left;}
.group .model {width: 55px; margin-left: 20px; margin-right: 0px; text-align: left;}
.group .kenteken {width: 35px; margin-left: 10px; margin-right: 10px; text-align: left;}
.group .image {background-image: url(../img/check2.gif); background-repeat:no-repeat; width: 30px; background-position: center center; }
.group .new .image {background-image: url(../img/question.gif);}
.group .new {font-weight: bold;}

.group .maand {font-weight: bold; margin-top: 5px; height: 20px;}
.group .maand:hover {background-color: #ffffff; cursor: auto;}
.group .maand span { text-align: left; padding-left: 50px;}

.processing {z-index: 999; display: block;float:left; font-weight: bold; background-color: #b30005; width: 250px; color: White; padding: 3px 3px 3px 7px;}
#popupDatum {top: 300px; left: 300px;}
.btns {float: right;}
.btns a {float: left; margin-right: 3px;}

/* Afspraak maken
=======================*/
.kalenderVrij {background-color: #44910a;}
.kalenderVrijOnderVoorbehoud {background-color: #8eb865;}
.kalenderBezet {background-color: #7f7f7f;}
.kalenderGeselecteerd {background-color: #b30005 !important;}

.kalLegenda {padding:0px 6px; margin-left:10px;}


/* CO2-Neutraal 
=======================*/
#pnlCO2 
{
	background-color:#fff;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	text-align:left;
	padding:5px 10px;
	font-size:0.9em; }

#pnlCO2 h3 { padding-bottom:5px;}

#pnlCO2 .co2Planten {	background: url('../img/co2plant.gif') no-repeat left top;	padding-left:45px; margin: 10px 0px;}
#pnlCO2 .co2Kg {	background: url('../img/co2kg.gif') no-repeat left top;	padding-left:45px;margin: 10px 0px;}
#pnlCO2 .co2Datum { padding-left: 76px; }

#co2Calculator { background: #f0f0f0 url('../img/co2header.jpg') no-repeat top center; width: 448px; padding-top:51px; border-bottom:1px solid #ccc; margin-bottom:20px;}
#calcInner { margin: 10px 15px 10px 15px; border-top:1px solid #ccc; padding-top:10px;color:#555555;}
#co2Calculator #calcInner {border-top:none;padding-top:0px;}

#calcInner h2 { margin-left:0px;padding-left:0px;}
#calcInner .price { float:right; font-weight:bold;font-size:2.0em; color: #b30005;}
#calcInner .carType { font-size:0.9em; margin-bottom:10px; color: #555555;}
#calcInner label { width:auto;float:left; clear:none;}
#calcInner input { margin-left:5px;width: 100px;float:left; clear:none; font-size:1.0em; }
#calcInner .submit { margin-left:15px;float:left; }
#calcInner .type { color: #555555; font-weight:bold; font-size:0.9em; width:100px;}
#calcInner .checkbox input {margin-left:15px;float:left;width:auto; clear:none;}
#calcInner .checkbox label {float:left; clear:none;}


.calcYears { background-color:#fff; border-top:1px solid #f0f0f0; padding:0px 15px;line-height:1.7em;}
.calcYears .year {display:block; float:left;width:215px; }
.calcYears .price {display:block; float:left;width:130px;}

#co2Summary { background-color: #e6e6e6; font-weight:bold; padding:7px 0px; margin: 15px 0px;}
#co2Summary #co2choice { margin:0px 10px;}
#co2Summary .years { color:#B30005;}
#co2Summary #price { margin:10px 30px; font-size:1.4em;}
#co2SummaryInner { margin: 3px 0px;border:1px solid #ccc; border-bottom-width:0px;background-color: #FFF;font-weight:normal;}
#co2SummaryInner .clear { border-bottom:1px solid #ccc;}
#co2SummaryInner img { float:left; padding:5px;}
#co2SummaryInner .txt {float:left; padding:15px 5px;display:block; border-left:1px solid #ccc;width:350px;}
#co2Summary a { float:right;}
#co2Summary a { color:#B30005; line-height:normal;}