/* CSS Document */
html, body{
	height:100%;
}
body {
	margin: 0px auto;
	font-family: tahoma, arial, sans-serif;
	font-size: 11px;
	color: #006c9c;
	background: #f5ffe4 url('gfx/bg.gif') repeat-x top;
}
td {
	font-family: tahoma, arial, sans-serif;
	font-size: 11px;
	color: #000000;
}
img {
	border: 0px;
}
h1 {
  color: #0099de;
  font-size: 18px;
  margin-top: 0;
}
h2 {
	font-size: 16px;
	color: #019adf;
}

table {
	border-collapse: collapse;
}
p {
	margin: 2px;
	font-family: tahoma, arial, sans-serif;
	font-size: 11px;
	color: #006c9c;
	line-height: 16px;
}
a {
	color: #2d8ec0;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}
hr {
 color: #86c21b;
	background-color: #86c21b;
	height: 1px;
	border: 0px;
}
div#contentHome {
	margin: auto;
	margin-top: 30px;
	width: 924px;
	height: 565px;
	position: relative;
	background: url('gfx/home_bg2.jpg') no-repeat center top;
}
div#logo {
	position: absolute;
	top: 12px;
	left: 30px;
}
div#container {
	margin: auto;
	position: relative;
	width: 986px;
	background: url('gfx/main_bg_center.gif');
	margin-top: 15px;
}
div#newHome {
	position: absolute;
	width: 288px;
	height: 260px;
	bottom: 10px; 
	right: 0px;
	background: url('gfx/new_bg.gif') no-repeat;
}
div#newTop {
	position: absolute;
	bottom: 38px;
	height: 22px;
	font-size: 12px;
	font-weight: bold;
	color: #2d8ec0;
	text-transform: uppercase;
	padding: 20px 24px 0px 24px;
}
div#newImg {
	height: 160px;
	text-align: center;
	overflow: hidden;
	margin-top: 42px;
}
div#moreLink {
	position: absolute;
	width: 250px;
	height: 40px;
	bottom: 10px; 
	left: 0px;
}
div#newFooter {
	position: absolute;
	bottom: 0px;
	right: 20px;
	z-index: 10;
	height: 40px;
	text-align: right;
}
div#productsHome {
	position: absolute;
	width: 601px;
	height: 199px;
	bottom: 72px;
	left: 0px;
	background: url('gfx/home_ass_bg.gif') no-repeat;
}
#carousel_content{
  padding:0;
  margin:0;
  position:absolute;
  width:20000px;
  list-style:none;
}
#carousel_content li{
  padding:0;
  margin:0;
  list-style:none;
  float:left;
  display:block;
  width:175px;
  text-align:center;
}
div#container_overloop {
	background: url('gfx/main_bg_overloop.gif') no-repeat top;
}
div#container_bottom {
	margin: auto;
	width: 986px;
	height: 16px;
	background: url('gfx/main_bg_bottom.gif');
}
div#video {	
	position: absolute;
	width: 208px;
	height: 194px;
	top: 43px; 
	right: 15px;
	text-align: right;
}
div#textHome {	
	position: absolute;
	width: 270px;
	height: 197px;
	top: 58px;
	left: 395px;
}

div#textHome2 {
	width: 864px;
	height: 300px;
	margin: 10px auto;
	padding: 50px 30px;
	background: url('gfx/bg_text2.jpg') no-repeat top;
}

	
div#leftNav {
	float: left;
	width: 260px;
	margin-left: 18px;
	padding-top: 24px;
	display: inline;
}
div#rightNav {
	float: left;
	width: 660px;
	margin: 25px 10px 0px 10px;
	display: inline;
}
div#hoofdmenu {
	position: absolute;
	width: 420px;
	top: 170px;
	right: 25px;
}
div#hoofdmenu a {
	line-height: 28px;
	text-align: left;
	margin: 0px 5px;
	border-top: 2px solid #ffcc00;
	color: #333333;
}
div#hoofdmenu a:hover{
	border-top: 2px solid #ffcc00;
	color: #2d8ec0;
}
div.leftopmaak {
	margin: 12px 3px 2px 3px;
	width: 251px;
	height: 209px;
	background: url('gfx/menu_bg.gif') no-repeat top;
}
div.cartSmall {
	margin: 12px 3px 2px 3px;
	width: 251px;
	height: 181px;
	background: url('gfx/cart_bg.gif') no-repeat top;
}
div.leftMenu {
	margin: 12px 3px 0px 3px;
	width: 201px;
	padding: 20px 0px 0px 50px;
	height: 99px;
	background: url('gfx/left_menu_bg.gif') no-repeat top;
}
div.leftMenu a {
	display: block;
	height: 20px;
	line-height: 20px;
	color: #333333;
	background: url('gfx/blokje.gif') no-repeat 0px 6px;
	padding-left: 16px;
	color: #5e5e5e;

}
div.leftopmaak img, div.cartSmall img {
	position: relative;
	margin-top: -10px;
}
div.leftcontent {
	width: 150px;
	margin: 10px 0px 0px 50px;
	line-height: 6px;
}

div.leftcontent a {
	display: block;
	height: 20px;
	line-height: 20px;
	border-bottom: 1px dashed white;
	background: url('gfx/blokje.gif') no-repeat 0px 6px;
	padding-left: 16px;
	color: #333333;
}
div.leftcontent a:hover{
	height: 20px;
	color: #2d8ec0;
}

div#leftopmaak_winkelmand {
	margin: 6px 0px 17px 3px;
	width: 251px;
	height: 209px;
	background: url('gfx/menu_bg.gif') no-repeat 20px bottom;
}
div#leftcontentWinkelmand {
	position: relative;
}
#leftcontentWinkelmandBottom  {
	position: absolute;
	top: 88px;
	right: 65px;
	_right: 45px;
	width: 140px;
	height: 12px;
}
div#leftcontentWinkelmand a:hover{
	color: #2d8ec0;
}
table#soort_aantal td {
	vertical-align: middle;
	border-bottom: 1px dashed white;
}
table#soort_aantal {
	width: 160px;
	margin-left: 50px;
	margin-top: 10px;
	display: inline;
}
td.soort {
	height:20px;
	width: 130px;
	line-height: 20px;
}
td.soort a {
	color: #333333;
}
td.aantal {
	background: url('gfx/aantal_blok.gif') no-repeat center;
	width: 20px;
	text-align: center;
	font-weight: bold;
}
div#contentmain {
	width: 605px;
	background: url('gfx/content_bg.gif') repeat-y;
	padding: 20px 32px 20px 32px;
}
div#contentbottom {
	width: 667px;
	height: 11px;
	background: url('gfx/content_bottom_bg.gif') no-repeat top;
}

/* #### Producten overzicht ### */


div.contentAssortimentLinks {
	position: relative;
	padding: 0px 0px;
	width: 288px;
	height: 181px;
	margin: 0px 14px 10px 0px;
	float: left;
	background: url('gfx/content_menu_frame.gif') no-repeat top;
}
div.assortimentKop {
	float: left;
	width: 250px;
	padding: 16px 0px 16px 16px;
	font-size: 12px;
	font-weight: bold;
	color: #2d8ec0;
	text-transform: uppercase;
}
div.assortimentKopPrijs {
	position: absolute;
	left: 117px;
	top: 100px;
	padding: 16px 16px;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	color: #2d8ec0;
}
div.assortimentFoto {
	float: left;
	width: 112px;
	height: 112px;
}
div.assortimentFoto img {
	margin: 10px 0px 0px 10px;
	text-align: center;
}
div.assortimentTekst {
	float: right;
	width: 147px;
	height: 120px;
	margin-top: 6px;
	padding-right: 10px;
}
div.assortimentButtons {
	position: absolute;
	width: 150px;
	top: 150px;
	right: 10px;
	float: left;
}
div#footerMain {
	float:right;
	margin-top: 10px;
}
div#footerMain a {
	font-weight: normal;
}
div#detailGegevensOverzicht {
	position: absolute;
	top: 50px;
	left: 132px;
	width: 150px;
	height: 120px;
}
table#detailGegevensTableOverzicht {
	margin-top: 5px;
}
table#detailGegevensTableOverzicht td  {
	height: 15px;
	vertical-align: middle;
	text-align: left;
}

/* #### Producten detail ### */

div#contentDetail {
	width: 592px;
	background: url('gfx/frame_content_bg_center.gif');
	float: left;
	margin-bottom: 20px;
}
div#contentDetailBottom {
	width: 592px;
	height: 11px;
	background: url('gfx/frame_content_bg_bottom.gif') no-repeat top;
}
div#detailFoto {
	width: 262px;
	height: 170px;
	margin-left: 22px;
	margin-top: 20px;
	float: left;
	display: inline;
	background: url('gfx/detail_img_bg.gif') no-repeat top left;
	text-align: center;
}
div#detailFoto img {
	vertical-align: middle;
	margin-top: 7px;
}
div#contentDetailInfo {
	position: relative;
	width: 268px;
	height: 200px;
	margin-right: 22px;
	margin-top: 20px;
	float: right;
	background: url('gfx/detail_kop.gif') no-repeat top;
	display: inline;
}
div#detailKop {
	float: left;
	height: 0px;
	line-height: 30px;
	vertical-align: middle;
	display: inline;
	padding-left: 9px;
}
div#detailKop h2 {
	margin: 0px;
	color: #0099de;
	font-size: 13px;
	text-transform: uppercase;
}
div#detailGegevens {
	position: absolute;
	top: 30px;
	left: 0px;
	width: 255px;
	height: 200px;
}
table#detailGegevensTable {
	margin-left: 10px;
	margin-top: 4px;
}
table#detailGegevensTable td {
	height: 20px;
	vertical-align: middle;
	border-bottom: 1px dashed #cacaca;
}
td.benoeming {
	width: 165px;
	padding-left: 7px;
}
td.gegevens {
	width: 130px;
	font-weight: bold;
	color: #2d8ec0;
}
div#bestellenPrijs {
	position: absolute;
	top: 156px;
	left: 0px;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	color: #2d8ec0;
}
div#prijsBestellen {
	position: absolute;
	top: 156px;
	left: 164px;
	text-align: right;
	font-size: 16px;
	font-weight: bold;
	color: #2d8ec0;
}
div#detailOmschrijving {
	width: 542px;
	margin-left: 22px;
	margin-top: 0px;
	float: left;
	display: inline;
}
div#omschrijvingLabel {
	width: 542px;
	height: 20px;
	background: url('gfx/omschrijving_but.gif') no-repeat left;
	border-bottom: 1px solid #86c21b;
}
div#omschrijvingTekst {
	width: 542px;
	margin-left: 0px;
	margin-top: 5px;
	padding-bottom: 20px;
}


/* ### SHOP CART ### */
table#tabs {
  background-color: #d0ebf5;
  height: 23px;
  line-height: 23px;
	width: 100%;
	color: #56add5;
	border: 1px solid #8ac9e6;
}
table#tabs td {
  width: 33%;
	text-align: center;
		border-right: 1px solid #8ac9e6;	
}
#tabs a {
  color: #000;
	font-weight: normal;

}
#tabs .active {
  font-size: 12px;
  color: #56add5;
	font-weight: bold;
	background-color: white;
}
table.details {
  width:100%;
  margin-top:20px;
  margin-bottom:5px;
}
table.details  textarea, table.details  select {
  border-width: 1px;
	font-family: tahoma, arial, sans-serif;
	font-size: 11px;
}
table.details  textarea {
	height: 100px;
	width: 250px;
}
.send {
	background: url('gfx/verzenden.gif') no-repeat;
	height: 21px;
	width: 102px;
	padding: 0px;
	border: 0px;
	margin-top: 20px;
}
table.details td {
  vertical-align: middle;
  color: #333;
  border-bottom: 1px solid #ffffff;
  line-height:21px;
}
table.details tr.spacer {
  background:#fff;
  height:5px;
}
table.details tr.head {
  background-color: #56add5;
}
table.details tr.head td {
  padding-left:15px;
  font-weight: bold;
  color: white;
}
table.details a.emptyCard {
  background: url('gfx/cart_delete.gif') left center no-repeat;
  padding: 5px 0px 5px 20px;
  color:#5695b3;
}
table.details tr.footer td {
  padding-top:5px;
  padding-left:15px;
  background:#fff;
}
table.details label {
  cursor: pointer;
}
table.details tr.row1 {
  background-color: #d7ecf5;
}
table.details tr.row2 {
  background-color: #bad9e8;
}
table.details tr .star {
  color: red;
}
table.details tr td.euro {
  width: 16px;
  text-align: left;
}
table.details tr td.title {
  padding-left: 10px;
  width: 150px;
}
table.details tr td.pieces {
  width: 60px;
  text-align: center;
}
table.details input {
  width: 100px;
	font-size: 11px;
	border-width: 1px;
}
table.details tr td.price {
  font-size: 12px;
  font-weight:normal;
	text-align: right;
	padding-right: 5px;
}
table.details tr td.insurance {
  text-align: center;
  width: 50px;
}
table.details tr td.options {
  text-align: center;
  padding-top: 2px;
  width: 50px;
}
table#total td {
	color: #33333;
}

.buttonNext, .buttonPrev, .buttonBestel {
	height: 21px;
	width: 94px;
	padding: 0px;
	border: 0px;
	margin-top: 20px;
}

.buttonNext {
	background: url('gfx/volgende.gif') no-repeat;
}
.buttonPrev {
	background: url('gfx/vorige.gif') no-repeat;
}
.buttonBestel {
	background: url('gfx/afronden.gif') no-repeat;
	width: 175px;
}

/*### VIEW IMAGE POPUP ###*/
#viewImage div {
  position:absolute;
  left:200px;
  top:300px;
  border:1px solid #909090;
  background:#fff;
  padding:30px;
}

/* ### Google map ### */
div#map {
	margin-top: 35px;
	width: 320px;
	height: 250px;
	border:1px solid #2d8ec0; 
	float: right;
}
div#contact {
	width: 250px;
	float: left;
}
table#service input {
	  width: 140px;
		font-size: 11px;
		border-width: 1px;
}
table#service textarea {
	  width: 400px;
		font-size: 11px;
		border-width: 1px;
}

/* ###  iDeal ### */
table.ncoltable1 {
	background-color: white;
	border: 3px solid #eaf4f6;
	margin-bottom: 6px;
}
table.ncoltable1 td, table.ncoltable2 td, table.ncoltable3 td {
	padding: 5px;
		font-family: tahoma, arial, sans-serif;
	font-size: 11px;
	color: #006c9c;
}
table.ncoltable2 {
	background-color: white;
	border: 3px solid #eaf4f6;
	margin-bottom: 6px;
}
table.ncoltable3 {
	background-color: white;
	border: 3px solid #eaf4f6;
	margin-bottom: 6px;
}
td.ncoltxtc {
	text-align: center;
}
td.ncoltxtl {
	text-align: right;
}
.ncol {
	background: url('gfx/button_bg_blank.gif') repeat-x;
	height: 21px;
	color: #0099de;
	font-weight: bold;
	margin: 10px 0px;
	cursor: pointer;
	font-size: 9px;
	border: 1px solid #b8dded;
}
td.ncollogoc img {
	display: none;
}