/*
 * ################################################
 * ##       Project:	Revolutions	          							##
 * ##       File:		products.css           							##
 * ##       Date:		11-12-2008                           				##
 * ## ------------------------------------------------------ 						##
 * ##  Styles Revolutions                                				##
 * ## ------------------------------------------------------						##
 * ################################################
 * ################################################
 * ##     Author:			Chris Blokland / Rik Lamme	   		##
 * ##     In opdracht:	Revolutions	                        		##
 * ##     Copyright:		dtpXpress / SixSenses               	##
 * ################################################        
*/
/* Products Detail css */
/* Pagina's opgebouwd in 2 kolommen */
div.content img { margin:0; }

.kolA {position:relative; float:left; width:850px; height:176px; border:0px solid red;}
.kolA img {position:absolute; top:0; left:42px; z-index:200; }
.kolA .revologo {position:absolute; left:50%; margin:13px 0 0 -135px; width:267px; height:52px; }
.kolA .colorbanner {position:absolute; background:url(../images/colorbanner_gr.png) bottom left repeat-x; top:80px; width:850px; height:65px;  z-index:100; }
.kolA .colorbanner .gr-left {position:absolute; background:url(../images/colorbanner_gr-left.png) bottom left no-repeat; left:0; width:30px; height:65px; z-index:101; }
.kolA .colorbanner .gr-right {position:absolute; background:url(../images/colorbanner_gr-right.png) bottom left no-repeat; right:0; width:30px; height:65px; z-index:101; }
.kolA .colorbanner .product_title {position:absolute; top:9px; left:210px; }
.kolA .colorbanner .product_title h1 {width:400px; margin:0px 0; padding:0 0 10px 0; }
.kolA .colorbanner .product_title h2 {width:400px; margin:-10px 0; }

.kolB {position:relative; float:right; top:-20px; right:42px; width:375px; border:0px solid red; }
.kolB table {width:100%; height:10px; }
.kolB table tr {background-color:#111; }
.kolB table tr td {padding:2px 5px 2px 5px; }

.kolC {position:relative; float:left; margin:25px 0 0 50px; width:360px; border:0px solid red; }
.kolD {position:relative; float:right; margin:-17px 50px 0 0; width:360px; border:0px solid red; }
.kolD table {width:100%; font-size:10px; }
.kolD table tr {background-color:#111; }
.kolD table tr td {padding:2px 5px 4px 5px; }
.kolE {position:relative; float:left; clear:left; margin:8px 0 0 50px; width:360px; }
.kolE p {margin:0; }
.kolF {position:relative; float:right; margin:0px 42px 0 0; width:375px; }
.kolF p {margin:10px 0; }
.kolF table {width:100%; font-size:10px; }
.kolF table tr {background-color:#111; }
.kolF table tr td {padding:2px 5px 4px 5px; }
.kolG {position:relative; float:left; margin:0 0 0 50px; width:375px; }
.kolG table {width:100%; font-size:10px; }
.kolG table tr {background-color:#111; }
.kolG table tr td {padding:2px 5px 4px 5px; }
.kolH {position:relative; float:right; margin:0 40px 0; width:370px; border:0px solid red; }
.kolH table {width:100%; font-size:10px; }
.kolH table tr {background-color:#111; }
.kolH table tr td {padding:2px 5px 4px 5px; }
.kolI {position:absolute; top:170px; right:42px; width:362px; height:242px; border:0px solid red; }

.border {border-bottom:1px solid #777; }

.kolC p, .kolD p { text-align:justify; }

.kolA .rood {background-color:#d1262c; }
.kolA .lichtblauw {background-color:#0098b8; }
.kolA .blauw {background-color:#0099d6; }
.kolA .paars {background-color:#562c73; }
.kolA .lblauw {background-color:#004c8e; }
.kolA .donkerblauw {background-color: #263B7E;}

div.pagebreaker_pagination {position:absolute; top:35px; right:20px; width:115px; height:25px; border:0px solid red; }
div.pagebreaker_pagination ul li {list-style:none; float:left; margin-left:2px; }
.pagebreaker_page {background-color:#111; padding:3px 2px 3px 2px; width:20px; color:#f19300; font-weight:bold; text-align:center; display:block; border:1px solid #222; }
.pagebreaker_selected {background-color:#111; padding:3px 2px 3px 2px; width:20px; color:#f19300; font-weight:bold; text-align:center; display:block; border:1px solid #222; }
.pagebreaker_pag a {background-color:#111; padding:3px 2px 3px 2px; width:20px; color:#fff; display:block; text-align:center; border:1px solid #222; }
.pagebreaker_pag a:hover {color:#f19300; }

/* #### IE6 HACKS #### */
* html .kolA .colorbanner .product_title h2 {margin:-15px 0 1px 0; }
* html .kolB {width:370px; right:46px; border:0px solid #fff;  }
* html .kolC {margin:0; top:43px; left:50px; border:0px solid #fff;  }
* html  #insu {border:0px solid #fff;  }
* html .kolD {margin:0; top:0px; right:50px; border:0px solid #fff;  }
* html  #insu2 {top:54px; border:1px solid #fff;  }
* html .kolE {margin:0; top:60px; left:50px; border:0px solid #fff;  }
* html .kolF {margin:0; top:10px; right:46px; width:370px; border:0px solid #fff;  }
* html .wrapperA {margin-top:-43px; height:400px; border:0px solid red; }
* html .wrapperB {height:400px; border:0px solid green; }
* html .wrapperB .kolG {position:relative; margin-left:15px; }
* html .wrapperB .kolD {position:relative; left:25px; }
* html .wrapperC {height:400px; border:0px solid red; }
* html .wrapperC .kolB {position:relative; left:-150px; }
* html .wrapperC .kolD {position:relative; left:-110px; }
/* #### IE6 HACKS #### */