﻿/****************************************************/
/*   CONTENT Stylesheet file for Dorel/Maxi-Cosi	*/
/*													*/
/*   	created by: Booleanpark				        */
/*   	blauw #0074c9								*/
/*		groen #59bb01								*/
/*		rood #e33c20  								*/
/* 		lichtblauw #edf7fe vlak						*/
/* 		rand #c9ecfb  								*/                             
/*													*/
/*   	grijs tekst:  #7f7f7f 						*/
/*		grijze lijnen:	#b3bac4						*/
/*													*/
/****************************************************/


/* Algemene opmaak */
a 			{color: #222; text-decoration: underline;}
a:hover 	{color: #0173c9;}

h1 			{color: #0074c9; font-size: 120%; margin:0; padding:0;}
h2 			{color: #0074c9; font-size: 115%; margin:0 0 12px 0;width:400px;}
h3 			{color:	#7f7f7f; font-size: 105%; margin:0; padding:4px 0 0 0;}
h4 			{color: #0173c9; font-size: 105%; margin:0; padding:4px 0 4px 0;}
h2.news, h5	{color: #7f7f7f; font-size: 105%; margin:0; padding:4px 0 4px 0;font-weight:bold;}
h6 			{font-size: 100%; margin:0; padding:4px 0 4px 0; font-weight:bold;}
p				{font-size: 100%; margin:0 10px 0 -2px; padding:10px;}

h1.productName {display:block;margin-bottom:10px;font-size:1.5em;}


.intro	{font-weight:bold;}	
.alt 		{display: none;}
.clear 		{clear: both; font-size: 1px; line-height: 13px; display: block;}
.magic		{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;}


table 			{width:502px;margin:0 0 20px 0;background:#f4f4f4;}
thead tr 	{background: #002740; color: #fff; font-weight: bold; text-align: left;}
td				{border-bottom:1px solid #A7A7A7;margin:0 20px 0 20px;padding:2px 2px 4px 10px;vertical-align: top;background:#f7f7f7;} 
th 				{font-weight:bold;border-bottom:1px solid #A7A7A7;padding:2px 2px 4px 10px;vertical-align: top; }
tbody tr.odd {background: #fff;}
tbody tr.even {background: #f4f4f4;}
ul 				{list-style-position: outside; list-style-type: none; padding: 0; line-height:18px;}
ol 				{list-style-position: outside;}

.divider {width:520px;height:20px; clear:both;}
.dividerLine {margin:10px 30px 10px 10px; border-bottom:1px solid #b3bac4; clear:both;}

#headerhome		{width:924px; height:89px; border-bottom:#999999 solid 1px;}	

#payoff				{position:absolute; top:67px;left:258px;margin:0px 0 0 18px;}
	
/* Homepage specific */	
/* ************************************* */
.homecategorie {float:left; width:176px; margin:0 3px 0 0; padding:0;}

#associations		{border-top:solid 1px #c6c6c6;padding-top:7px;}
#associations p		{display:block; float:left;margin:0;}
#associations img	{display:block; float:right; margin-right:5px;}

/* col 1 Items */
/* ************************************* */
#col1Top		{margin: 0px 0 0 0; width: 190px;height:24px;background:#fff url('../img/bg_leftcurvetop.gif') no-repeat;}
#col1Middle	{width: 190px; background:url('../img/bg_leftcurvemiddle.gif') 182px 0px repeat-y;}
#col1Bottom	{width: 190px; height:24px; background:#fff url('../img/bg_leftcurvebottom.gif') no-repeat;}

#colContent1 {float: left; width: 150px; margin: 0 2px 0 0px;}
#colContent1 p {padding: 0 0 30px 24px;}
#colContent2 {float: left; width: 150px; margin: 0 2px 0 8px;}
#colContent2 p {padding: 0 0 30px 24px;}

#colContent3 {float: left; width: 150px; margin: 0 2px 0 8px;}
#colContent3 p {padding: 0 0 30px 24px;}

#col1MiddleContent		{width:170px; }


/* col 2 Items */
/* ************************************* */
.curveMiddleContent 	{width:480px;background:#fff; padding: 0 0 0px 6px;}
.curveMiddleContent p {background:#fff; margin:0; padding:0; margin-bottom:10px;}
.curveMiddleContent a.nextChapter{display:block; clear:both; float:right; font-weight:700; color:#0074c9; text-decoration:none; padding-right:15px; background:url('../img/arrow_btn2.gif') no-repeat right 3px; margin-top:5px;}
.curveMiddleContent a.nextChapter:hover {background-image:url('../img/arrow_btn2h.gif');color:#e33c20;}
.curveMiddleContent ul ol{ margin:0px; }
/*.curveMiddleContent li{ margin:0 0 0 6px; }*/

a.yearsbookback {display:block; clear:both; float:right; font-weight:700; color:#0074c9 !important; text-decoration:none; padding-right:15px; background:url('../img/arrow_btn2.gif') no-repeat right 3px; margin-top:5px;}
a.yearsbookback:hover {background-image:url('../img/arrow_btn2h.gif');color:#e33c20;}

#curveMiddle img.productLogo		{float:right; padding:0 10px 10px 20px;margin-bottom:4px;}
#curveMiddle img.contentLogo		{float:left;}
#curveMiddle div img {float:none;}

#space				{float:left; background:#fff; width:500px;height:2px; clear:both;}

#productdetail	{}
.nieuwscontent	{}
.nieuwscontent img	{float:right; padding: 0 0 0 8px;}
.nieuwscontent p	{padding: 0 10px 10px 2px;}
.dividerNews	{height:20px; }

#col2Content	{padding: 0px 0px 0 0px;line-height:16px;background:#fff;}
#col2Content img {float:right;}
#col2Content .flashreplacement img {float:none;}

#col2Content ul {list-style-position: inside !important; list-style-type: disc !important; }
#col2Content #curveMiddle ul {list-style-position: outside !important; margin-left:15px; list-style-type: disc !important; }
#col2Content #curveMiddle ol#selectie,
#col2Content #curveMiddle ul#filter,
#col2Content #curveMiddle ul#products { margin-left:0px;}
#col2Content ol {list-style-position: inside !important;}
#col2Content #curveMiddle ol {list-style-position: outside !important; margin-left:25px; }

#col2Content p img {float:right;}
.visual 			{width: 200px;float:right; margin: 0 10px 0 0; padding: 0px 4px 0 8px; }
#pagetitle		{background:#fff; margin:10px 0px 2px 4px;padding:0;}
#subKop				{background:#fff; margin:15px 0 0 12px;padding:0;}

#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;}

#subContent 			{float: left; width: 100%; border-top: solid 1px #A7A7A7; background: #fff;}
.contentText 			{padding: 10px 0 10px 15px; background: #fff;}
.contentText p 		{margin: 10px 30px 10px 0;}
.contentImage 		{float: right; width: 175px; margin: 0 0 10px 10px;}
.contentImage img {float: right; clear: both; border-bottom: solid 1px #fff;}
.contentImage img.printBtn 		{margin-right: 0;}
.contentImage img.productImg 	{margin: 10px 10px 0 10px;}
.contentBtn 			{float: right; margin: 5px 10px;}

#accessoires 		{width:490px;}
#accessoires li 	{float:left; width:160px; height:160px;}
#accessoires li img	{display:block; margin-right:14px}
#accessoires li p 	{text-align:center; display:block; clear:both;}

#introHome			{width: 590px;}
p					{padding:4px;}

#whatIsIsoFix { float:right; margin-right:-25px; background:url('../img/isofixLogo.jpg') no-repeat left top; height:26px; padding-left:50px; padding-top:15px; font-weight:bold; color:#0074c9; font-size:14px;}

#selectie {
	width:506px; 
	min-height:79px;
	height:auto !important; 
	height:79px;	
	margin:-2px 11px 14px -3px; 
	border:1px solid #c9ecfb;
	background-color: #edf7fe;
	}
	
.stepSplitter {	background: #f0eff5 url('../img/bg_selectBox.gif') repeat-y left top !important; border-color: #b3bac4 !important; }
.steploader { float:none !important; padding-top:5px; }
#selectie img.curveImage {position:absolute;top:-1px; right:-1px;}

#selectie .selectieStep 
{	width:111px;
	padding:7px;
	float:left;
	list-style:none none;
	margin: 0px 0px 0px 0px;
}
#selectie .selectieStep h4.stepHeading { min-height:35px;height:auto !important; padding:0; height:35px; }
#selectie .selectieStep h4 { font-size:11px; }
#selectie  h4.stepInactive { color:#99c9ec; }

#selectie .selectieStep select { width:109px; margin-bottom:8px; }

#filter { float:right; display:block; clear:both; margin-right:0px !important;margin-top:3px;}
#filter li { list-style:none none; float:left; margin-left:7px;}

#filter li label { clear:none !important; width:auto !important; font-size:11px; line-height:2.0em !important; color: #7F7F7F; text-decoration:none;}

#products { margin-bottom:10px; }
#products li { position:relative; margin-bottom:10px; list-style:none none; padding-bottom:5px; border:1px solid #b3bac4; width:502px; list-style-position:outside;}
#products li img.curveBottom {position:absolute; bottom:-1px; right:-1px;}
#products li h4 { padding-left:14px; height:22px;color: #0074C9; font-size:14px;padding-right:11px; }
#products li h4 .agegroup { float:right; font-size:12px; font-style:italic;}

#products li .productImage { float:left !important; padding:10px;}
#products li .specs { float:left; width:220px;}
#products li .specs dt { clear:left; }
#products li .specs dt { float:left; width:100%; padding:0px; color: #0175ca; font-weight:bold;margin:5px 0px 0 0;}
#products li .specs dd { float:left; width:100%; clear:left; padding:0px;color: #6e7273;margin:0 0 5px 0;}
#products li .carview {float:right; padding:10px 10px 3px 10px;}

#products li .seeWarnings, #products li .hideWarnings {position:absolute; right:15px; bottom:7px;}
#products li .hideWarnings {display:none;}
#products li .seeWarnings a, #products li .hideWarnings a {display:block; padding:0 17px 0 0; color:#0175CA; line-height:15px; font-weight:700; text-decoration:none;}
#products li .seeWarnings a {background:url('../img/arrow_btn2.gif') no-repeat bottom right;}
#products li .hideWarnings a {background:url('../img/arrow_btn2_min.gif') no-repeat top right;}
#products li .seeWarnings a:hover, #products li .hideWarnings a:hover { color:#e33c20; }
#products li .seeWarnings a:hover {background-image:url('../img/arrow_btn2h.gif');}
#products li .hideWarnings a:hover {background-image:url('../img/arrow_btn2h_min.gif');}

#products li div.warnings  {overflow:hidden;}
#products li ul.warnings { margin-left:8px; list-style:none none; }
#products li ul.warnings li { border:none;background:url('../img/warning.gif') no-repeat left 1px; width:375px; font-size:11px; font-style:italic; line-height:1.3em; padding-left:8px; margin-left:90px;}

#isofixLegendWrapper { position:absolute;top:64px;}
#isofixLegendWrapper p {font-size:7pt; font-style:italic;}
#isofixLegend { width:163px; background-color:#ebf6fe; border:1px solid #7cc5fc; padding:10px; }
#isofixLegend h3 { margin:0px 0px 0px -7px; padding:0px;}
#isofixLegend dt { margin:10px 0px;font-size:1px;display:block; width: 24px; height:14px;border:1px solid #787878; float:left;}
#isofixLegend dt.green { background-color: #009000; color: #009000;}
#isofixLegend dt.yellow { background-color: #fec500; color: #fec500;}
#isofixLegend dt.greenyellow { background:url('../img/legendGreenyellow.gif') repeat left top;color: #009000;}
#isofixLegend dt.warning { background:url('../img/warning.gif') no-repeat center center; border:none; color:#EBF6FE;}
#isofixLegend dd { display:block; width: 125px; float:left;  margin:7px 0px 10px 10px;}
#isofixLegend .splitter {clear: both; width:160px; font-size: 1px; line-height: 1px; display: block; background-color: #c9ecfb; }
#isofixLegend .clear { height:1px;}


#selectie label 		{float:left; margin-right:10px; clear: left; width: 80px;line-height:10px;padding-top:4px; height:16px; text-align:right;}
#selectie fieldset		{margin-bottom: 2px; padding: 5px 0; border: 0;}
#selectie legend		{display: none;}

#selectie input,
#selectie select,
#selectie textarea 		{float: left;width: 122px; margin: 2px 3px 2px 0; font-size:100%; font-family: Arial, Helvetica, sans-serif;}
#selectie .selector 	{margin:0 10px 4px 0; width:210px;}
#selectie .winkelSelectie {margin:3px 10px 4px 0; width:126px;}
#selectie .typeSelectie {margin:0px 10px 4px 0; width:126px;}
#selectie .error        {color: #F00; clear: both; margin-left: 90px;padding-bottom:10px; display: block;}
#selectie select		{width:126px;}

.introdate			{width:492px;margin:0 0 10px 0px;padding:2px 2px 2px 8px; background:#edf7fe;}
.introductiondateDyn{font-weight:bold;} 
.legenda			{margin:0 0 10px 0px;}
.legenda img		{float:left !important;padding:4px 6px 0 8px;}

#selectie .toonButton {
	left:152px;
	font-weight:bold; 
	width: 88px; 
	height:19px; 
	margin:0;
	padding:0px 15px 0 12px; 
	color:#fff;
	background:#0074c9 url(../img/pijl_toon.gif) 70px 4px no-repeat;
	cursor:pointer;
	}
	
#selectie .toonButtonB {
border:0px;
	font-weight:bold;
	margin:4px 4px 0 128px; 
	width: 88px; 	font-size: 100%;
	height:19px; 	
	text-align:left;
	padding:0px 14px 0 12px; 
	color:#fff;
	background:#0074c9 url(../img/pijl_toon.gif) 70px 4px no-repeat;
	cursor:pointer;
	}
	
#selectieContent	{padding:10px 10px 12px 13px; margin:0;} 
#selectieContent p 	{padding:0 60px 2px 0; font-weight:bold;background: #edf7fe;}
#selectieContent ul	{margin:0 0 10px 2px; list-style:none;}
#selectieContent li	{height:22px; padding: 0 0 0 12px; background:url(../img/arrow.gif) 0px 5px no-repeat;}

#index ul				{width:490px; }
#index li			{background: url('../img/arrow.gif') no-repeat left 5px; list-style-type:none;list-style-position:outside; }
#index li a 		{color:#0074c9;text-decoration:none; padding: 0px 0px 0px 15px; display:block; }
#index li a:hover 	{color:#e33c20; text-decoration:underline;}
/*
#indexFaq			{width:460px; padding: 0 20px 0px 12px;margin-top:-10px;list-style:none; }
#indexFaq ul		{}
#indexFaq li a 		{color:#0074c9;text-decoration:none; padding: 0 0 0 18px; background:url(../img/arrow.gif) 0px 5px no-repeat;}
#indexFaq li a:hover 	{color:#e33c20; text-decoration:underline;}
*/
#selectieFaqContent ul	{margin:10px 0 14px 2px;list-style:none;}
#selectieFaqContent li	{padding: 0 20px 0 12px;}


table.specs			{width:470px;margin:0 0 12px 0;background:#f4f4f4;}
table.specs th		{font-weight:bold;border-bottom:1px solid #A7A7A7;}
table.specs td		{border-bottom:1px solid #A7A7A7;margin:0 20px 0 20px;padding:2px 2px 4px 10px;background:#f7f7f7;}

.colA 				{width:220px;}
.colB 				{width:280px;}

#howto 				{padding-bottom:12px;}

#tblZoekwinkel 		{width:502px; margin:0 0 10px 0;padding:0; background:#f4f4f4;}
#tblZoekwinkel th	{font-weight:bold;width:220px}
#tblZoekwinkel td	{border-bottom:1px solid #A7A7A7;padding:2px 0 4px 10px;}
#tblZoekwinkel td.positie	{width:120px;}
#tblZoekwinkel img				{float:right; padding:2px 0 4px 10px;}

#tblVeiligheid			{width:502px;margin:0 0 20px 0;background:#f4f4f4;}
#tblVeiligheid th		{font-weight:bold;border-bottom:1px solid #A7A7A7;}
#tblVeiligheid td		{border-bottom:1px solid #A7A7A7;margin:0 20px 0 20px;padding:2px 2px 4px 10px;background:#f7f7f7;}

.tblAutotypelijst 		{width:502px;margin:0 0 10px 0px; background:#edf7fe;}
.tblAutotypelijst  th				{font-weight:bold;background:#fff;padding:2px 0 6px 4px;}
.tblAutotypelijst  td				{border-bottom:1px solid #fff;padding:2px 0 4px 10px;}
.tblAutotypelijst  td.positie		{border-bottom:1px solid #fff;padding:0 0 1px 20px;width:120px;}
.tblAutotypelijst  td.antwoord		{border-bottom:1px solid #fff;padding:0 0 1px 20px;width:70px;}
.tblAutotypelijst  td.isoIcon		{border-bottom:1px solid #fff;padding:4px 0 1px 20px;width:40px;}
.tblAutotypelijst  td.isoCarImg		{float:left; padding:2px 40px 4px 10px;}

.info		{float :left; width:20px; height:20px; cursor:pointer;}
.infotitle 	{color: #0074c9;font-weight:bold; font-size: 115%; margin:0 0 12px 0;}

/* Productindex */	
/* ************************************* */
.productindex {float:left;  width:268px; height:230px; margin-bottom:10px; background:#fff;}

/* formelements */
/* ************************************* */
.error 	{color: #F00; clear: both; margin-left: 160px; display: block; float:left; width:250px; }
.dorelForm 	{height:auto; margin:4px 0px 0px 0px;}
.dorelForm fieldset	{margin-bottom: 2px; padding: 5px 0; border: 0;}
.dorelForm legend	{font-weight:bold; color: #666; display:none}

.dorelForm label 	{float:left; clear: left; display: block; width: 120px; line-height: 16px; text-align:right;}
.contacttype {margin:0 0 0 10px;}

.dorelForm input,
.dorelForm select,
.dorelForm textarea  {float: left;width: 202px; margin: 2px 3px 2px 0; font-size:100%; font-family: Arial, Helvetica, sans-serif;}

.dorelForm .checkboxleft input {width: auto;}
.dorelForm .checkbox input {width: auto !important;}
.dorelForm .checkbox label {line-height: 1.6em !important;}

.dorelForm input.medium {width: 128px;}
.dorelForm input.small  {width: 30px;}
.dorelForm select		{width:205px;}  
.dorelForm .radio input , .dorelForm .optin input  	{width: auto; float: left; height: 18px;}
.dorelForm .radio label , .dorelForm .optin label	{width: auto; clear: none; float: left; margin-right: 5px;line-height:20px;}
.dorelForm .optin input {margin-left:154px;}


.dorelForm .dfDateDay     {width: 51px;}
.dorelForm .dfDateMonth   {width: 51px;}
.dorelForm .dfDateYear    {width: 86px;}

.dorelForm .mandatory       { float: left; width: 30px; text-align: left; padding-left:4px; line-height: 18px; color: #F00; }
.dorelForm .mandatoryText   { display:block; clear:both; margin:0 0 8px 150px; width:150px; text-align: left; padding-left:0px; line-height: 18px; color: #F00; }
.dorelForm .lp-mandatoryText { display:block; clear:both; margin:0 0 8px 0px; width:128px; text-align: right; padding-left:0px; line-height: 18px;  }
.dorelForm .lp-mandatoryText-asterix { color: #F00; }

textarea { float: left;width:220px;height: 50px;line-height:18px; margin-bottom: 10px;}

input.verstuurButton {width:88px;}

input.verstuurButton a:hover {color:#f00;}

form .lpverstuurButton 
{
	border:0px;
	font-weight:bold; 	
	
	width: 224px; 
	height:24px; 
	text-align:center;

	color:#fff;
	display:block;
	background:transparent url(../img/btn_lpadcamp.gif) no-repeat scroll left top;
	
	cursor:pointer;
	text-decoration:none;
	margin:4px 0 0 148px; 
	padding:3px 0 0 15px; 
	font-size: 100%;
	text-align:left;
}

.verstuurButton {
	float:left;
	margin-left:155px;
	
	font-weight:bold; 
	text-decoration:none;
	width: 88px; 
	height:19px; 
	text-align:left;	
	padding:0px 15px 0 12px; 
	border:0; 
	color:#fff;
	background:#0074c9 url(../img/pijl_toon.gif) 95% 4px no-repeat;
	cursor:pointer;}
	
input.toonButton {width:88px;}
.toonButton {
	left:152px;
	font-weight:bold; 
	min-width:88px;
	width:auto !important;
	width:88px;
	 
	text-align:left;	
	text-decoration:none;
	padding:2px 15px 2px 12px; 
	border:0; 
	
	color:#fff;
	background:#0074c9 url(../img/pijl_toon.gif) 95% 4px no-repeat;
	cursor:pointer;}

.toonButtonB {
	font-weight:bold;
	margin:4px 0 0 138px; 
	width: 88px; 
	font-size: 100%;
	height:19px; 
	text-align:left;	
	text-decoration:none;
	padding:0px 15px 0 12px; 
	border:0; 
	color:#fff;
	background:#0074c9 url(../img/pijl_toon.gif) 95% 4px no-repeat;
	cursor:pointer;}
a:hover.lpverstuurButton,
a:hover.verstuurButton,
a:hover.toonButton,
a:hover.toonButtonB {color:#fff;}

form.accessoires 					{margin:12px 0 10px 0;}
form.accessoires fieldset {border: 0;margin:0;}
form.accessoires legend		{display: none;}

form.zoekBinnenFaq 					{margin:12px 0 10px 0;}
form.zoekBinnenFaq fieldset {border: 0;margin:0;}
form.zoekBinnenFaq legend		{display: none;}


.accessoireSelect					{padding:0px;}
.accessoireSelect input 	{padding:0;line-height: 18px;}
.accessoireSelect select 	{padding:0;margin-top: 4px;line-height: 18px; width:200px;}
.accessoireSelect label		{width:70px;}
.accessoireSelect .toonButton {margin:4px 0 0 0; padding:0 0 0 10px;}
.accessoireSelect .selector		{width:200px; margin:4px 12px 0 0;padding:0;}

.faqSelect					{width:480px; padding:0;}
.faqSelect input 		{padding:0;line-height: 18px;}
.faqSelect select 	{padding:0;margin-top: 4px;line-height: 18px; width:250px;}
.faqSelect label		{width:70px;}
.faqSelect .toonButton {margin:0px 0 0 22px; padding:0 0 0 10px;}
.faqTrefwoord				{width:480px;}
.faqTrefwoord input {padding:0;line-height: 18px;}

form.autotypelijst 			{margin:0px 0 10px 0;}
form.autotypelijst fieldset {border: 0;margin-top:10px;}
form.autotypelijst legend	{display: none;}


.merk 				{float:left; padding-top: 2px; width:230px;}
.model 				{float:left; padding-top: 2px; width:230px;}
.autozitje 			{float:left; padding-top: 2px; width:230px;}

.postcode	 		{float:left; padding-top: 2px; width:230px;}
.plaats				{float:left; padding-top: 2px; width:230px;}
.land 				{float:left; padding-top: 2px; width:230px;}

.typeSelectie 		{width:150px; height:20px; margin-top:2px;}
label.typeSelectie 	{float:left; width:60px;padding: 4px 0 1px 6px;}
input.toonKnop		{position:relative; left:66px; cursor: pointer;}

form.zoekwinkel fieldset {border: 0; margin-top:10px;}
form.zoekwinkel .selector {border:1px dashed red; margin:0 0 4px 0;}
form.zoekwinkel .toonButton {	border:0; margin:10px 0 0 180px;}
.autotypelijst .toonButton {margin:5px 0 0 67px;} 

/*
.formLayout p 	{background:#f3f3f5;width:60px; }
*/
.selector			{width:214px; margin:-5px 24px 0 24px;padding:0;}


.form_label 		{width:120px; background-color: #fff; text-align: left; height: 22px; padding: 2px 0 0 30px;}
.form_requiredfield {background: url(../img/requiredfield.gif) no-repeat 50% 8px; text-align: center;}
.form_field 		{background-color: #Fff; border-color: #D3D3D3; border-left: 1px solid; padding-left: 15px;}
.form_field Submit	{background-color: #fff; border-color: #D3D3D3; border-left: 1px solid; padding-left: 100px;}
.form_field table 	{width: 210px; padding: 0px; margin:0;}
.form_field table td {padding: 0px; margin: 0;}
.form_label_red 	{display: block; clear: both; color: #F26522; background: url('../img/error_pijltje.gif') no-repeat left top; padding-left: 15px;}
.normal 			{width:200px;}
.normalTextArea		{width:200px; height:80px;}
.small 				{width:45px;}

a.btn,a.submit {line-height: 20px; text-decoration: none; padding: 1px 12px 2px 12px; border: 0px solid ;}
a:hover.submit {text-decoration: none;}

.form_field a.btn { 
	padding:2px 10px 2; 
	border-top:1px solid #b3bac4; 
	border-bottom:1px solid #b3bac4;
	background: url(../img/button_arrow.gif) 74px 4px #c4edff no-repeat;
}


/* col 3 Items */
/* ************************************* */
.pnlContactPhone {}
.pnlContactPhone .illustration { float:right;margin-right:4px;}
.pnlContactPhone .lit1 { font-weight:bold; display:block; padding-top:3px;}
.pnlContactPhone .lit2 { color: #0074c9;display:block; font-weight:bold; font-size:12px; padding:2px 0px;}
.pnlContactPhone .lit3 { display:block;}

.pnl25YearsBanner {}
.pnl25YearsBanner .illustration { float:right;margin-right:4px;}
.pnl25YearsBanner .lit1 { font-weight:bold; display:block; padding-top:3px;}
.pnl25YearsBanner .lit2 { color: #0074c9;display:block; font-weight:bold; font-size:12px; padding:2px 0px;}
.pnl25YearsBanner .lit3 { display:block;}


.pnlOtherBrands {} 
.pnlOtherBrands .otherBrandsTitle { display: block; padding:3px 0px 0px 0px;} 
.pnlOtherBrands .otherBrandsList  { margin:2px 0px; text-align:center; } 
.pnlOtherBrands .otherBrandsList a { padding-left:1px; text-decoration:none; } 
.pnlOtherBrands .otherBrandsList .clear { line-height:1px;}

.pnlCorporateLogo { padding-top:5px;}
.pnlCorporateLogo .sidebarLogo { float:left; margin-top:2px;}
.pnlCorporateLogo .sidebarLogoText { float:right; width:100px; font-size:9px;}

.pnlFacebook { padding-bottom:10px; }

#etalage			{float:left; width:173px; min-height:70px; margin:1px 0 4px 0;background:#f0eff5; border-top:1px solid #b3bac4; border-bottom:1px solid #b3bac4;}
#etalage p		{padding:4px 8px 8px 8px; font-weight:normal;}
#etalage img	{float:right; padding: 0 0 0 8px;}
#etalage a		{font-weight:normal;}

#serviceBlock	{float:left; position:relative;width:173px; margin:0 0 0px 0;}
#service			{ background:#ffffff;border-top:1px solid #b3bac4;border-bottom:1px solid #b3bac4; }
#service ul		{padding:4px 0 4px 0; margin:0; width:173px; color:#0074c9; list-style-type: none; line-height:17px;}
#service li		{padding:0 8px 0 8px;}
#service li a				{padding: 8px; font-weight:bold;color:#0074c9; background: url('../img/arrow1.gif') 0px 13px no-repeat; text-decoration:none;}
#service li a:hover	{font-weight:bold;color:#e33c20;background: url('../img/arrow1h.gif') 0px 13px no-repeat;}
#service li.active	{color:#fff; padding:2px 2px 2px 8px; background:#0173c9; font-weight:bold;}
#service	.active		{color:#e33c20;background: url('../img/arrow1h.gif') 0px 13px no-repeat;}

.rightPanel		{display:block;border-top:1px solid #b3bac4;border-bottom:1px solid #b3bac4; }
.rightPanel img {float:right;display:block;clear:both; margin:3px 0px;}
.rightPanel img.fullSizeImage, .rightPanel img.fullSizeVideo {float:none !important; margin:3px auto !important;}

.rightPanel img.fullSizeVideo {margin-top:5px !important;margin-bottom:5px !important;padding:1px;border:solid 1px #b3bac4;}

#buttonAanvraag 	{float:left;	position:relative; width:173px; height:22px;	margin:13px 0 2px 0;}
#buttonRegistreer	{float:left;	position:relative; width:173px; height:22px;	margin:9px 0 2px 0;}
.buttonRepeaterContainer { margin-bottom:10px;}
.buttonRepeater		{float:left;	position:relative; width:173px; height:22px;	margin:9px 0 2px 0;}
#buttonAutotypelijst{float:left;	position:relative; width:173px; height:22px;	margin:9px 0 2px 0;}
#buttonAccessoires	{float:left;	width:173px; height:22px;	margin:9px 0 2px 0;}


#newsSmall			{min-height:70px;margin-top:-2px;padding:0; background:#f0eff5;border-top:1px solid #b3bac4;border-bottom:1px solid #b3bac4;}
#newsSmall img		{float:right; padding: 0 0 0 8px;}
#newsSmall p		{padding:4px 8px 8px 8px;}

#newsBlock			{float:left; position:relative;width:173px; margin:0;clear:both;}
#news				{clear:both;height:auto;margin-top:-2px;padding:0 0 10px 0; background:#f0eff5;border-top:1px solid #b3bac4;border-bottom:1px solid #b3bac4;}
#news p				{padding:0 8px 0px 8px;}
#news p	strong		{font-weight:bold; color:#59bb01; margin-bottom:-10px;}
#news.boven img		{border-bottom:1px solid #b3bac4;}
#news.rechts img	{float:right; padding: 0 0 0 8px;}
#news a						{font-weight:normal;}
.newsdivider			{float:left;width:173px;height:23px;background:#fff;}

#col3Title2			{display:block; height:21px;margin:0;}
.col3TitleContent	{font-size:110%;line-height: 18px;font-weight:bold;color:#7f7f7f;padding: 0 0 2px 4px;}
#col3Title3			{display:block; height:21px;margin:0;}

a.button 				{
	background: #c4edff url(../img/arrow_btn3.gif) no-repeat 155px 6px; 
	width:166px; 
	border-top:1px solid #7fc4ff;
	border-bottom:1px solid #7fc4ff; 
	margin:10px 0 0px 0; 
	display: block; 
	line-height: 20px; 
	font-weight:bold;color:#0074c9;
	padding: 0;
}

.buttonRightPart 		{float:left; width:173px; height:22px; margin:9px 0 2px 0;}

#buttonAccessoires		{float:left; width:173px; height:22px; margin:9px 0 2px 0;}

#buttonAutotypelijstPanel	{float:left; position:relative;width:173px; margin:6px 0 10px 0;clear:both;}
#buttonAutotypelijst		{padding:10px 0 0 0;}

.buttonCol3 
{	position:relative;
	display:block;
	line-height: 26px;
	font-weight:bold;
	padding: 0 0 0 0px;
}

.buttonCol3 a 			{ position:absolute; display:block; font-size:11px; color:#ffffff; background: url(../img/btn_form.gif) no-repeat left top; width:169px; padding-left:6px;height: 26px; text-decoration:none;}
.buttonCol3 a:hover  	{color:#ffffff; /*color:#e33c20; background-position: left bottom;*/ }
.buttonCol3Active a 	{color:#e33c20; text-decoration:none;}

.buttonCol3Active {
	border-top:1px solid #7fc4ff;
	border-bottom:1px solid #7fc4ff; 
	font-size:110%; 
	color:#e33c20;
	line-height: 22px;
	font-weight:bold;
	padding: 0 0 0 6px;
	background:#f0eff5 url(../img/arrow_btn2h.gif) no-repeat 158px 8px; 
}

#buttonCol3a 
{
		display:block;
	float:left;
	font-size:110%;
	position:relative;
	width:166px; 
	height:19px;
	border-top:0px solid #7fc4ff;
	border-bottom:2px solid #edf7fe; 
	margin:12px 0 2px 0; 
	display: block; 
	line-height: 20px; 
	font-weight:bold;
	padding: 0 5px;
	background: #ff3 url('../img/arrow_btn2.gif') no-repeat 162px 4px;
}

#buttonCol1a {
	font-size:110%;
	float:left;
	width:166px; 
	height:19px;
	border-top:0px solid #7fc4ff;
	border-bottom:2px solid #edf7fe; 
	margin:14px 0 4px 0; 
	display: block; 
	line-height: 20px; 
	font-weight:bold;
	padding: 0 5px;
	background: #fff url('../img/arrow_btn2.gif') no-repeat 155px 4px;
}

a.buttonLow 			{color:#0173c9; text-decoration:none;}
a:hover.buttonLow	{color:#e33c20;	background: url('../img/arrow_btn2h.gif') no-repeat 155px 4px;}
a.buttonLowActive	{float:left;	position:relative;color:#e33c20;width:166px;	background: #fff url('../img/button_arrowh.gif') no-repeat 155px 4px;}

.buttonSmall	{background: #c4edff url(../img/button_arrow.gif) no-repeat 100px 4px; width:110px; border-top:1px solid #898989;border-bottom:1px solid #898989; margin:14px 0 0px 0; display: block; line-height: 20px; padding: 0 5px; color:#0173c9;}
.buttonToon		{background: #c4edff url(../img/button_arrow.gif) no-repeat 100px 4px; width:110px; border-top:1px solid #898989;border-bottom:1px solid #898989; margin:0px 0 0px 0; display: block; line-height: 20px; padding: 0 5px; color:#0173c9;}

a.naarOverzicht				{background: url('../img/arrowrw.gif') 3px 4px no-repeat;color:#0074c9; padding:0 0 0 20px;}
a:hover.naarOverzicht	{text-decoration: underline;color: #e33c20;}

a.contentLeesmeer			{background: url('../img/arrow.gif') 3px 0px no-repeat;color:#0074c9; padding:0 0 0 20px;}
a:hover.contentLeesmeer 	{text-decoration: underline;color: #e33c20;}

a.leesmeer 				{padding:0 0 14px 12px; color:#0074c9; background:url(../img/arrow.gif) 0px 4px no-repeat; text-decoration:underline;}
a:hover.leesmeer 	{text-decoration: underline;color: #e33c20;}

a.leesmeercol3 				{background:f00;padding:0; color:#0074c9; }
a:hover.leesmeercol3 	{text-decoration: underline;color: #e33c20;}

.naarboven 				{ float:right;position:relative;padding:0 0 14px 0;}
.naarboven a			{ background: url('../img/arrowup.gif') 3px 4px no-repeat;color:#0074c9; padding:0 0 0 20px;}
.naarboven a:hover		{ text-decoration: underline;color: #e33c20;}

.overviewLink			{ float:right;padding:14px 0 14px 0; margin-right:20px; }
.overviewLink a			{ background: url('../img/arrow.gif') no-repeat right 4px;text-decoration: underline; color:#0074c9; padding: 0px 15px 0px 0px; }
.overviewLink a:hover	{ color:#e33c20; text-decoration: none; }

.terug 					{float:left;padding:14px 0 14px 0;}
.terug a				{background: url('../img/arrowrw.gif') 3px 4px no-repeat;color:#0074c9; padding:0 0 0 20px;}
.terug a:hover			{text-decoration: underline;color: #e33c20;}

.legal a 		{padding:0 6px 0 6px;}
.copyright	{padding:0 6px 0 6px;}

/* opmaak nieuw window */
#containerWin 	{background: #5694d4; text-align:center; height:550px; margin: 0 auto;padding:0;}
#howto 			{padding-bottom:2px;}

/*.group6 img {float:left;margin-right:90px;padding-top:4px;}*/

/* kleine POPUP popInfo voor info na questionmark klik */
.popInfo {z-index: 99; display: none; width: 215px; position: absolute; }
#popInfoOptin { width:370px; margin-left:-150px; margin-top:-200px}
.popInfoWide { width:370px; background-color:#fff; }
.popInfoShadowContainer .number {}
.popInfoShadowContainer {position: relative; left: 3px; top: 3px; margin-right: 3px; margin-bottom: 3px;}
.popInfoShadowContainer .shadow2,
.popInfoShadowContainer .shadow3,  
.popInfoShadowContainer .popInfoBorder {position: relative; left: -1px; top: -1px;}
.popInfoShadowContainer .shadow1 {background: #F1F0F1;}
.popInfoShadowContainer .shadow2 {background: #DBDADB;}
.popInfoShadowContainer .shadow3 {background: #B8B6B8;}
.popInfoShadowContainer .popInfoBorder {border: solid 1px #999;}
.popInfoShadowContainer .popContent {position: relative; border-top: solid 4px #0074c9; padding: 5px; background: #fff;}
.popInfoShadowContainer .popContent p {margin: 0 0 5px 0; }
.popInfoShadowContainer .popContent .number { position:relative; }
.closePopInfo {position: relative; float: right; margin-right:10px;cursor:pointer; width:10px;}
.middenLijnen {cursor:pointer}

/* productImage specifiek */
#popInfoPrroductImage  {width: 300px;}

/* awards */
#awards {width: 100%;padding: 0px;margin-bottom: 10px;color: #838383;}
#awards img {padding: 0px;margin-right:10px;float:left;border:solid 1px #cacaca;}
.award {padding: 7px;}
#awards p {margin: 0px;padding: 0px;font-size: 1.1em;}
#awards h6 {font-weight: bold;font-size: 1.1em;}
#awards h4 {margin: 10px 0 0 0;}

.tooltipIsofixStep { position:absolute; margin: 3px 0 0 103px; } 
.tooltipIsofixStepContent * { text-align:left; }

.dfTooltip { background: url('/img/questionmark.gif') no-repeat center center; margin:5px;width:13px; height:13px; }

.ttContentHolder {display:none;}
.ttContent { border:1px solid #999999; color:#666666;padding:5px 8px 8px 10px; width:200px;font-size:1.1em; background-color:#FFFFFF; }
.ttContent h6 { color: #0074d3; font-size:14px; margin-bottom:5px;}

#retailerLogo { width: 520px;}
#retailerLogo ul { list-style: none none; }
#retailerLogo ul li { float:left; margin:0px 10px;list-style: none none; }

/* landing pages */
#lpheader-menu {}
#lpcontent { margin-top:21px;}
#lpcontent-middle { float:left;  margin: 0px 27px 0px 190px; width:532px; }
#lpcontent-middle-header { color:#8A317f; font-size:23px; padding: 0px 0px 9px 5px; }
#lpcontent-middle-content {padding: 0px 0px 0 4px;line-height:16px;background:#fff; }
#lpcontent-middle-content img {float:right}
#lpcontent-middle-text { color:#666666; font-size:12px;  padding: 0px 30px 0px 2px; }
#lpcontent-middle-dyn { padding: 15px 35px 0px 2px;  min-height:350px; height:auto !important; height:350px;   }
#lpcontent-right{ float:right;  margin-top:34px; }

#lgfooter-menu ul { margin-left:385px; margin-top:5px; }
#lgfooter-menu ul li { margin:0px 5px; float:left; border-left:1px solid #D5D5D5; }
#lgfooter-menu li.noborder { border-left-color:#FFFFFF; }
#lgfooter-menu a  { text-decoration:none; color: #838383; display:block; padding:0px 0px 0px 8px; }
#lgfooter-menu a:hover { text-decoration:underline; }

/* 25 years specific */
.banner25years		{display:block; width:169px; height:131px; padding:16px 8px; background:transparent url('../img/bg_banner25years.gif') no-repeat top left;}
.banner25years span.title {font-weight:700; color:#0074c9;}
.banner25years span.text { font-weight:normal; color:#666666 }
.banner25years a	{font-weight:700; color:#0074c9; text-decoration:none;  }
.banner25years a:hover {color:#e33c20; }
.banner25years span.link {display:block; cursor:pointer;  background: url('../img/arrow_btn2.gif') no-repeat right 8px; line-height:25px;}

.chapters25years  {}
.chapters25years a.chapter	{ float:left; position:relative; width:128px; height:158px; margin:15px 3px 25px 0; border:solid 1px #b3bac4; background-color:#edf7fe; color:#0074c9; font-weight:700; text-decoration:none;}
.chapters25years a:hover.chapter	{color:#e33c20;}
.chapters25years a.chapter img.curveBottom {position:absolute;right:-1px;bottom:-1px;}
.chapters25years a.active {background-color:#fff;}	
.chapters25years a.active img.arrowBottom {position:absolute;left:11px;bottom:-18px;}
.chapters25years a:hover.active {cursor:default;color:#0074c9;}
.chapters25years a p {padding:3px 3px 3px 7px !important;}

.ie6Fix a.chapter { position:static;}
.ie6Fix .arrowBottom,
.ie6Fix .curveBottom { display:none;}
div.contentImageLeft {display:block; float:left; clear:left; border:solid 1px #b3bac4; width:241px; margin-right:15px; margin-bottom:15px; margin-top:3px;}
div.contentImageLeft img {display:block;float:left !important;border-bottom:solid 1px #b3bac4;}
div.contentImageLeft span {display:block;float:none;clear:both;margin:6px 3px;font-size:90%;line-height:13px;}

.rightPanel25years a {position:relative;cursor:pointer;display:block;}
.rightPanel25years a span.playVideo {display:block;position:absolute;top:30px;left:50px;width:50px;height:50px;background:transparent url('../img/btn_videoPlay.png') no-repeat top left;z-index:99;}
.rightPanel25years a:hover span.playVideo {background:url('../img/btnh_videoPlay.png') no-repeat top left;}

.magazine25years {border-top:solid 1px #b3bac4; border-bottom:solid 1px #b3bac4; margin-top:10px; padding-top:10px; padding-bottom:10px; width:530px;}

.ContentCultures img {clear:left;display:block;float:left;}
.ContentCultures ul{display:block; clear:both; padding-top:5px;}
.ContentCultures ul li {display:block;float:left;height:110px;margin:0 10px 7px 15px; width:80px;}
.ContentCultures ul li ul {border:medium none;display:block;float:left;height:auto;min-height:75px;padding:0;width:70px; }
.ContentCultures ul li ul li {float:none;height:auto;line-height:15px;margin:0;padding:0;width:auto; display: block;}
.ContentCultures ul li ul li a {color:#0074C9; text-decoration:none;}
.ContentCultures ul li ul li a:hover {text-decoration:underline;}

#videoButton {text-align:center; width:185px; display:block;} 
.rightPanel #videoButton {width:172px;}
.rightPanel #videoButton img {padding-right:10px; }


