/* ============================================================	*/ 
/* ========	HTML STANDAARDEN  	===============================	*/
/* ============================================================	*/ 

html {
	height:100%;
	width:100%;
	}
body {
	margin:0 0 0 0;
	width:100%;
	height:100%;
	text-align:center;
	font-size:12px;
	}
body, table, th, td, p, input, textarea, select {
	font-family:Arial, Helvetica, Sans-serif;
	}	
a {}
a:hover {}
h1 {}
h2 {font-size:13px;}
h2 a {color:#000;}
h3 {}
h4 {}
h5 {}
h6 {}	
p {margin-bottom:10px;}

	
ol {}
ul {}
li {}
li li {}

label {}
.cB {clear:both;}

/* ============================================================	*/ 
/* ========	DIFFERENT ELEMENTS	===============================	*/
/* ============================================================	*/ 	

p.read-more 					{margin-bottom:0px;text-align:right;font-size:12px;color:#000;font-weight:bold;font-family:Verdana;}
p.read-more a 					{font-weight:normal;color:#000;font-size:12px;font-family:Arial;}
p.read-more a:hover 			{color:#F00;text-decoration:underline;}

/* ============================================================	*/ 
/* ========	LAYOUT BLOCKEN  	===============================	*/
/* ============================================================	*/ 

.container 						{position:relative;margin:0 auto 0 auto;padding-bottom:10px;width:972px;text-align:left;background:#FFF url(../gfx/containerback.gif) repeat-y left top;}

/* ============================================================	*/ 
/* ========	HEADER				===============================	*/
/* ============================================================	*/

.header 						{position:relative;height:330px;}
.slogan 						{position:absolute;top:10px;left:10px;width:800px;height:25px;z-index:50;font-size:23px;color:#F00;font-style:italic;font-weight:bold;}
.slogan span						{color:#000;}
.logo 							{position:absolute;bottom:17px;right:0px;width:480px;height:55px;z-index:50;background:transparent url(../gfx/ikwileenmotor-logo.png) no-repeat left top;}
.header .visual-large 			{width:972px;height:241px;background:#FFF url(../gfx/headbackfoot.png) repeat-x left bottom;}
	
/* ============================================================	*/ 
/* ========	MENU				===============================	*/
/* ============================================================	*/

.menu 							{padding-top:50px;height:38px;background:transparent url(../gfx/headback.png) repeat-x left top;}

.top-menu 						{position:relative;z-index:99;}
.top-menu ul 					{float:right;}
.top-menu li 					{float:left;border-left:1px solid #DBDBDB;position:relative;}
.top-menu a 					{display:block;padding:9px;color:#333;font-size:16px;font-weight:bold;}
.top-menu a:hover 				{background:transparent url(../gfx/navback.png) repeat-x left bottom;}
.top-menu .sub-menu 			{display:none;position:absolute;top:38px;left:0px;width:180px;z-index:100;background-color:#FFF;}
.top-menu li:hover .sub-menu,.top-menu li.hover .sub-menu {display:block;}
.top-menu .sub-menu li 			{float:none;border:1px solid #999;border-top:none;padding:2px 0;}
.top-menu .sub-menu li a 		{display:inline;font-size:12px;}
.top-menu .sub-menu li a.all	{padding-left:58px;}
.top-menu .sub-menu li a:hover 	{background:transparent url(none) no-repeat left top;color:#F00;}
.top-menu .sub-menu li a img 	{vertical-align:middle;margin-right:5px;}

.quick-menu 					{position:absolute;top:44px;left:10px;width:210px;height:100px;z-index:100;}
.quick-menu ul 					{padding:10px 0px 0px 10px;}
.quick-menu li 					{float:left;border:none;margin-left:-1px;}
.quick-menu a 					{display:block;border:1px solid #666;border-bottom:none;background-color:#FFF;font-weight:bold;color:#000;font-size:16px;padding:7px 15px 3px 15px;background-color:#EFEFEF;}
.quick-menu a.active 			{position:relative;padding:7px 15px 7px 15px;margin-top:-3px;background-color:#FFF;}

.search-menu,
.login-menu 					{position:absolute;top:85px;left:10px;width:211px;height:185px;z-index:20;background-color:#FFF;border:1px solid #666;padding:10px;background:#FFF url(../gfx/magnify.png) no-repeat left bottom;}
.login-menu h2 					{margin-bottom:20px;} 
.login-menu div 				{margin-top:7px;}
.login-menu label 				{display:block;float:left;padding-top:4px;width:65px;}
.login-menu select.select 		{width:145px;}
.login-menu input.type-text		{width:138px;}
.login-menu div.search-button 	{margin-left:100px;border-top:7px solid #FFF;text-align:right;}

.pagenav 						{clear:left;text-align:center;padding:10px 0px;color:#999;}
.pagenav a 						{color:#000;text-decoration:underline;margin:0 10px;}
.pagenav a:hover 				{color:#F00;}
.pagenav span					{margin:0 10px;}

/* ============================================================	*/ 
/* ========	FOOTER				===============================	*/
/* ============================================================	*/

div.footer 						{position:relative;margin:0 auto;width:952px;overflow:hidden;clear:both;padding:10px;text-align:left;background:#999 url(../gfx/backfooter.png) repeat-x left top;}
.footer-menu 					{}
.footer-menu ul 				{float:left;width:150px;color:#FFF;}
.footer-menu ul.last 			{width:300px;}
.footer-menu ul+ul 				{float:left;width:150px;border-left:1px solid #CCC;}
.footer-menu li 				{padding-left:10px;}
.footer-menu a 					{color:#FFF;font-size:11px;}
.footer-menu a:hover 			{color:#FFF;font-size:11px;text-decoration:underline;}

.footer-logo 					{position:absolute;bottom:0;right:0;width:270px;height:31px;z-index:45;background:transparent url(../gfx/footerlogo.png) no-repeat left top;}

/* ============================================================	*/ 
/* ========	CONTENT-BLOCK		===============================	*/
/* ============================================================	*/
.block 							{margin-bottom:10px;}
.block-container 				{position:relative;width:992px;margin-right:-20px;overflow:hidden;}
.double-block					{width:489px;float:left;}
.block-container .double-block .block {width:475px;}
.block-container .double-block .block ul {margin:0 0 10px 20px;}
.block-container .double-block .block ul li {list-style-type:square;}
.block-container .double-block .shadow {height:auto;}
.extrabar						{position:relative;float:left;width:234px;}
.triple-content .block-container{width:728px;float:left;}
.triple-content .sidebar 		{position:relative;float:left;width:248px;height:100%;}
.triple-content .sidebar .block {width:234px;}

.block-container .block 		{width:234px;float:left;margin-right:11px;margin-bottom:10px;}
.extrabar .block				{margin-right:0px;}
.block h2 						{color:#000;font-size:16px;margin-bottom:5px;}
.block h2 span 					{color:#F00;}
.border 						{padding:0px 6px 6px 0px;width:100%;background:transparent url(../gfx/backblock.gif) no-repeat right bottom;}
.shadow 						{background:transparent url(../gfx/backblock.gif) no-repeat left top;height:200px;overflow:hidden;}
.poll .shadow					{height:199px;}
.large .shadow,
.extrabar .shadow,	
.sidebar .shadow				{height:auto;}
.content 						{padding:10px;}


.block-container .type-text 	{width:208px;}

.newest 						{position:relative;width:972px;height:250px;padding:10px 0;}
.newest .block 					{float:left;padding:15px 0;text-align:center;font-size:16px;width:194px;height:207px;background:#FFF url(../gfx/motor-back-shadow.png) no-repeat center top;}
.newest a 						{display:block;font-size:16px;font-weight:bold;color:#000;}
.newest a span					{display:block;font-weight:bold;color:#F00;font-size:13px;margin-bottom:3px;}
.newest img 					{margin-bottom:10px;}
.newest span.prijs 				{display:block;font-size:16px;font-weight:bold;}

.MvdM .content 					{text-align:center;font-size:16px;padding-top:5px;font-weight:bold;}
.MvdM .content img 				{display:block;margin:3px auto;}
span.brand						{display:block;color:#000;}
span.type 						{display:block;color:#F00;font-size:13px;margin:2px 0;}
span.price						{display:block;color:#000;}

.newsletter {}
.newsletter input.type-text 				{padding-left:5px;color:#333;border:1px solid #666;width:136px;background:#FFF url(../gfx/back-input.png) no-repeat left top;}
.newsletter input.type-button 				{border:1px solid #000;background-color:#CCC;color:#333;font-weight:bold;cursor:pointer;margin:0;padding:0;}
.newsletter strong 							{display:block;float:left;width:70px;}
.newsletter label 							{vertical-align:middle;cursor:pointer;}

/* ============================================================	*/ 
/* ========	LIJSTEN			  	===============================	*/
/* ============================================================	*/ 					

.block ul.list,
.block-container .double-block .block ul.list {margin-top:-5px;margin-left:0;list-style:none;}
ul.list li,
.block-container .double-block .block ul.list li {padding:3px 0;border-bottom:1px solid #CCC;list-style:none;}

ul.events 						{margin-bottom:5px;}
ul.events li 					{width:100%;}
ul.events li a 					{display:block;color:#000;padding:3px 0;border-bottom:1px solid #CCC;height:33px;}
ul.events li a:hover 			{background-color:#EFEFEF;}
ul.events .icon 				{border:1px solid #CCC;display:block;float:left;margin-right:5px;width:30px;height:30px;background-color:#F00;text-align:center;font-size:10px;color:#FFF;text-transform:uppercase;}
ul.events .icon span 			{display:block;border:1px solid #FFF;}
ul.events .icon em 				{display:block;font-size:19px;font-weight:bold;height:17px;font-style:normal;line-height:22px;}
ul.list 						{}
ul.list li em 					{float:left;display:block;width:150px;}	
ul.list.okay li					{}
.list .amount 					{float:right;cursor:pointer;}

.tips 							{}
.tips em,
.FAQ em						{display:block;margin:1px 1px 0px 0px;float:left;width:30px;height:30px;margin-right:5px;background:transparent url(../gfx/icons/icon_alert.png) no-repeat left top;}
.aankoop em						{background:transparent url(../gfx/icons/icon_alert.png) no-repeat left top;}
.verkoop em						{background:transparent url(../gfx/icons/icon_vinkje.gif) no-repeat left top;}
.FAQ  em						{background:transparent url(../gfx/icons/icon_vraag.gif) no-repeat left top;}

.reactie-aantal ul.events		{margin:0;}
.reactie-aantal ul.events li a 	{border:none;line-height:33px;font-weight:bold;}
.reactie-aantal ul.events .icon	{float:right;margin-right:0;}
.reactie-aantal ul.events .icon em {line-height:28px;height:28px;}

.gereageerd						{margin:0 0 10px 0;padding:10px;border:1px solid #CCC;background-color:#E5E5E5;}
.gereageerd span				{display:block;text-align:right;color:#999;font-size:11px;}
.question 						{height:40px;}
.answers 						{height:105px;}
.answers div.radio 				{padding-bottom:5px;}

.content a 						{color:#000;}
.double-block .content a 						{color:#F00;text-decoration:underline;}
.content a:hover 				{color:#F00;}


.brandLogo .shadow				{text-align:center;padding:3px 0;height:160px;}
.brandLogo .shadow img 			{display:block;margin:0 auto;}

.block-overview 				{}
ul.overview						{}
ul.overview li					{float:left;margin:0 5px 12px 0;text-align:center;width:140px;height:155px;}
ul.overview li a				{display:block;float:left;padding:3px;border:1px solid #CCC;color:#666;font-size:11px;}
ul.overview li a:hover			{border:1px solid #F00;}
ul.overview li img				{display:block;margin:2px auto;width:125px;}
ul.overview li span				{font-size:13px;color:#F00;display:block;margin:0 auto;font-weight:bold;}
ul.overview li span.price		{font-size:14px;color:#666;}

						
/* ============================================================	*/ 
/* ========	TABS-CONTAINER		===============================	*/
/* ============================================================	*/ 
.bread-crumb 					{height:25px;line-height:22px;font-size:12px;}
.bread-crumb a					{color:#000;}
.bread-crumb a:hover			{color:#F00;}

.tabs-container 				{width:738px;}

.tabs ul 						{margin-bottom:20px;padding-left:5px;height:27px;width:718px;background:#FFF url(../gfx/hor_CCC.gif) repeat-x left bottom;}
.tabs ul li 					{float:left;margin-right:3px;}
.tabs ul li a 					{display:block;padding:5px 20px;border:1px solid #ccc;color:#000;font-weight:bold;background-color:#EEE;}
.tabs ul li a:hover 			{color:#F00;}
.tabs ul li.active a			{border-bottom:1px solid #FFF;position:relative;z-index:10;color:#F00;background-color:#FFF;}
div.tab-sheet 					{margin:20px 0;padding:20px 0;min-height:339px;display:none;}
.tripleblock-container			{clear:left;}
#sheet-01						{display:block;}

div.sheet						{position:relative;display:none;}
					
div.image-container 			{width:419px;float:left;}
div.image-container .large 		{}
div.image-container .large img 	{display:block;}
div.image-container .large div 	{display:none;}
div.image-container .thumbs		{margin-top:4px;}
div.image-container .thumbs ul 	{}
div.image-container .thumbs li 	{float:left;padding-right:2px;}
div.image-container .thumbs a 	{border:1px solid #000;display:block;float:left;}
div.image-container .thumbs a:hover {border:1px solid #F00;}
div.image-container .thumbs img {width:75px;display:block;float:left;}

.specs-container 				{width:305px;float:left;}
.specs-container h2 			{color:#000;font-size:16px;margin-bottom:5px;}
.specs-container h2 span 		{color:#F00;}
.specs-container a				{color:#F00;}
.specs-container table th		{padding:6px 0;text-align:left;border-top:1px solid #CCC;width:130px;}
.specs-container table td		{padding:6px 0;border-top:1px solid #CCC;width:180px;}
.specs-container table th.wide	{width:auto;}
.specs-container table td.wide	{border-top:none;width:auto;}
.specs-container .block			{float:none;width:auto;}
.specs-container .block .shadow {height:146px;}
.specs-container input.type-text {width:195px;}
.specs-container form div.row	{padding:3px 0;border-bottom:1px solid #CCC;}
.specs-container textarea.textarea {width:195px;}

/* ============================================================	*/ 
/* ========	FORMULIEREN		  	===============================	*/
/* ============================================================	*/

.formgrid 						{width:457px;background-color:#F5F5F5;border:15px solid #F5F5F5;}
form fieldset label				{display:block;float:left;width:100px;}
form fieldset div.row span.checkbox   	{display:block;}
form fieldset div.row .left {float:left;width:200px;}
form fieldset div.row .right {}
form fieldset div.row span.checkbox input {margin-right:3px;}
form fieldset div.row span.checkbox label {display:inline;float:none;cursor:pointer;width:auto;padding-top:0;}
input, select 					{vertical-align:middle;}
input.type-text 				{padding-left:5px;color:#333;border:1px solid #666;width:232px;background:#FFF url(../gfx/back-input.png) no-repeat left top;}
input.type-button 				{border:1px solid #000;background-color:#CCC;color:#333;font-weight:bold;cursor:pointer;margin:0;padding:0;}
label 							{vertical-align:middle;cursor:pointer;}
select.select 					{}
textarea.textarea 				{padding-left:5px;color:#333;border:1px solid #666;width:232px;background:#FFF url(../gfx/back-input.png) no-repeat left top;font-size:12px;}
.radio 							{}
.radio input 					{margin-right:5px;vertical-align:middle;}
div.button 						{margin-top:5px;text-align:right;}
.head							{padding:0;margin:0 0 10px 0;width:700px;}
.head-wide 						{padding: 0px 0 0 0;margin: 10px 10px 0px 10px;width:952px;border-bottom:1px solid #ccc;}
.head h2,.head-wide h2 			{color:#000;font-size:16px;margin-bottom:5px;}
.head h2 span,.head-wide h2 span{color:#F00;}


.double-block div.row {width:457px;overflow:hidden;padding:3px 0;border-bottom:1px solid #EEE;}
.double-block div.row label {display:block;float:left;width:150px;padding-top:3px;cursor:default;}
.double-block div.row .type-text {width:270px;}
.double-block div.row select.select  {}
.double-block div.row textarea.textarea {width:269px;}

.double-block div.row div.check-radio  {display:block;float:left;width:250px;}
.double-block div.row div.check-radio span.radio {}
.double-block div.row div.check-radio span.radio input {display:block;float:left;}
.double-block div.row div.check-radio span.radio label {width:auto;cursor:pointer;padding-right:20px;}
.double-block div.row div.check-radio span.checkbox {display:block;float:left;width:250px;}
.double-block div.row div.check-radio span.checkbox input  {display:block;float:left;}
.double-block div.row div.check-radio span.checkbox label {display:block;float:left;width:auto;cursor:pointer;}
																
.double-block div.button-row {padding-top:20px;padding-left:150px;}
.double-block div.button-row .type-button {margin-left:150px;}



ul.cms-overview {}
ul.cms-overview li {float:left;margin:0 10px 10px 0px;padding:4px;border:1px solid #CCC;height:160px;}
ul.cms-overview li a {display:block;text-align:center;color:#F00;}
ul.cms-overview li a:hover {}
ul.cms-overview li img {}
ul.cms-overview li span.price {display:block;margin:3px 0;font-weight:bold;}

.block-container .cms-triple {width:725px;}
.cms-triple a {color:#000;}
.cms-triple a:hover {color:#F00;} 

.no-item {
	margin-top:40px;
	padding:2px;
	border:1px solid #F00;
	font-size:16px;
	color:#000;
	font-weight:bold;
	text-align:center;
	}
.no-item div {
	padding:50px;
	border:1px solid #F00;
	}
	
ul.edit-photo-list,
.block-container .double-block ul.edit-photo-list {margin:0;list-style:none;}
ul.edit-photo-list li,
.block-container .double-block ul.edit-photo-list li {float:left;list-style:none;padding-left:0;}
ul.edit-photo-list li span {display:block;height:75px;overflow:hidden;border-bottom:5px;}
ul.edit-photo-list img {display:block;width:102px;margin:0 10px 20px 0;}
ul.edit-photo-list {}


.addreactie div.row		{padding:0;border:none;}
.addreactie div.row textarea.textarea {width:330px;height:80px;}
.addreactie div input 	{vertical-align:bottom;margin-left:10px;}