body {
	color:#000;
	font:0.8em/1.4em 'trebuchet ms', arial, sans-serif;
	margin:0;	
    background:#39c9ff url(../images/bg.gif) repeat-y center;
	text-align:center;
}

td {
	font-size:0.8em;
}

img {
    border:none;
}

h1 {
    font-size:1.4em;
}
h2 {
    color:#00abe6;
    font-size:1.2em;
    margin: 2em 0 0 0;
}
h3 {
    font-size:1em;
    margin: 1.4em 0 0 0;
}

.contactgegevens {
	margin-left:10px;
	color: #999;
	font-size:11px;
	line-height:1.4em;
}

#site {
    width:980px;
	margin:0 auto;
	position:relative;
	text-align:left;

}

#top {
    position:absolute;
    top:0; 
    left:0;
    width:980px;
    background-color:#f7a600;
    height:40px; 
    border-bottom:solid 3px #00abe6;
    font-family:'trebuchet ms';
    color:white;
    font-size:18px;
    line-height:40px;
    z-index:40;
}

#top #pay-off {
    margin-left:25px;
}

#logo {
    position:absolute;
    top:50px; 
    right:20px;
    z-index:100;
}

#linksboven {
    position:absolute;
    top:43px;
    left:4px;
    width:500px;
    height:300px;
	background:url(../images/linksboven.gif) no-repeat;
}

#lidvan {
	position:absolute;
    top:260px;
    left:240px;
	z-index:100;
}

#zoeken {
	position:absolute;
	right:20px; 
	top:10px;
	z-index:100;
}

#zoekveld{
	width:170px;
	color:gray;
	background-color:#fee0b3;
	border:none;
	line-height:20px;
}

#zoeken .zoekbtn {
	vertical-align:text-bottom
}

.copyright {
	margin-top:30px; 
	color:#a1d6f5;
	font-size:0.9em;
}

#menucontainer {
    position:absolute;
    left:5px;
    top:315px;
    color:black;    
}

#menucontainer img {
	margin-top:20px;
}

#menucontainer ul {
    list-style:none;
    margin:0;
    padding:0;
    width:315px;
}

#menucontainer ul ul {  
	padding:5px 0 0 20px;
	width:auto;
	background-color:#eef8fe;
}

#menucontainer ul li {
    margin:0 0 5px 0;
    padding:0 0 0 0px;
    background-color:#dceffc;
}

#menucontainer ul ul li {
   	background-color:#a1d6f5;
	padding:0 20px 0 10px;
}


#menucontainer ul li.active {
    background:#a1d6f5 url(../images/menu-item-active.gif) no-repeat 290px 1px;
}

#menucontainer ul li.activeChild {
	background-color:#a1d6f5;
    background-image:none;
}

#menucontainer ul ul li.active {
    background:#00abe6 url(../images/menu-item-active-2.gif) no-repeat 270px 1px;
	color:white;
}

#menucontainer ul li a {
    color:black;
    text-decoration:none;
	padding:0 0 0 10px;
}

#menucontainer ul li a:hover {
	font-weight:bold;
}

#menucontainer ul ul li a {
	padding:0;
}

#menucontainer ul ul li.active a {
	color:white;
}


#content {
    position:relative;
    padding: 200px 20px 20px 0px;
    margin-left:340px;
    width:620px;
    z-index:50;    
}

#content a {
	color:black;
	text-decoration:underline;
}

#content a:hover {
	background-color:f7a600;
	color:white;
	text-decoration:none;
}


.product {position:relative; border-bottom:solid 1px #D2D2D2; padding:10px; min-height:120px; height:auto !important; height:120px; z-index:-10;}
.product img.foto {position:absolute; top:10px;}
.product .meta {position:relative; top:0; margin-left:120px;}
.product .titel {font-weight:bold; font-size:130%; margin:5px 0 5px 0;}
.product .omschrijving {}
.product .prijs {margin-top:10px;}
.product .prijs table { padding:0; margin:0 0 4px 0; border-collapse:collapse; background-color:#eef8fe;}
.product .prijs table tr { height:30px;}
.product .prijs table td { vertical-align:bottom; }
.product .prijs table td.omschrijving {width:280px; padding:0 0 5px 5px;}
.product .prijs table td.bedrag {width:100px; padding:4px 15px 10px 5px; white-space:nowrap; text-align:right}


.product .knop {float:right;}

ul.contentMenu {
	position:relative;
	left:-19px;
	top:-21px;
	list-style:none;
	background-color:#fff6ea;
	padding:0;
	margin:0;
	width:615px;
	z-index:100;
}

html>body ul.contentMenu {
	width: 655px;
	left:-19px;
}

ul.contentMenu li {
	padding:0 0 0 40px;	
	background-color:#ffeed4;
	margin-bottom:5px;
	font:0.9em/1.3em 'trebuchet ms', arial, sans-serif;
}


ul.contentMenu li img {
	vertical-align:middle;
	margin-left:10px;
}

#content ul.contentMenu li a, #content ul.contentMenu li a:hover {
	color:black;
	text-decoration:none;
}

#content ul.contentMenu li a:hover {
	font-weight:bold;
	background-color:inherit;
}

#winkelwagen {	
	position:relative;
	left:-19px;
	top:-27px;
	background-color:#f6aa42;
	width:615px;
	height:32px;
	color:white;
	display:none;
	border:solid 3px white;
	border-width:6px 0;
}

html>body #winkelwagen {
	width:655px;
	left:-19px;
}


#winkelwagen img {
	position:absolute;
	left:6px;
	top:2px;
}

#winkelwagen .inhoud {
	margin:0px 10px 10px 40px;
	line-height:2.5em;
}
#winkelwagen .inhoud p {
    margin:0;
}

table.winkelwagen {
	border-collapse:collapse;
	margin:20px 0;
}
table.winkelwagen td {
	padding:4px 4px;
	vertical-align:top;
	border-bottom:solid 1px #00abe6;
}
table.winkelwagen tr.alternatieverij td {
	padding:4px 4px;
	vertical-align:top;
	border-bottom:solid 1px #f6aa42;
}
table.winkelwagen tr.laatste td {
	border-bottom:none;
}

table.winkelwagen th {
	text-align:left;
	font-size:0.8em;
	padding: 2px 2px 10px 4px;
}

table.winkelwagen .col3, table.winkelwagen .col4 {
	text-align:right;
}

table.winkelwagen .col2, table.winkelwagen .col4 {
	background-color:#eaf8fe;	
}

#btnnaarkassa {
	float:right;
}

#content #btnnaarkassa a {
	color:white;
}

#content #btnnaarkassa a:hover {
	color:#f6aa42;
	background-color:white;
}
	

#winkelwagen h3 {	
	margin:5px 0 10px 0;
}

#winkelwagen .winkelwagenproduct {
	background-color:#dceffc;
	width:270px;
	margin: 2px 0;
}

#winkelwagen .winkelwagenproduct td {
	text-align:left;
}

#winkelwagen .winkelwagenproduct td.verwijderlink {
	text-align:right;
	font-size:0.7em;
}

.shopoffline 
{
	border:solid 00abe6 1px; padding:10px;
}


/* Beheer */
.dhtmlgoodies_tree {margin-left:10px; }
#floatingContainer{	margin:0px;	padding:0px; z-index:100;}
.dhtmlgoodies_tree ul{ margin-left:15px;padding-left:0; display:none;}
.dhtmlgoodies_tree li, #floatingContainer li{ list-style-type:none; vertical-align:middle; margin-top:5px;}
.dhtmlgoodies_tree li a, #floatingContainer li a { color:#000; text-decoration:none; padding-left:5px;}

table.lijst {width:100%;}
table.lijst td {font-size:70%; line-height:1.8em; padding:0 0 0 5px;}
tr.lijstheader td {background-color:#1DA1FC; color:white}
tr.even td { background-color:#F0F0F0;}

td.formlabel {background-color:#F0F0F0; padding:5px; font-size:70%; vertical-align:top; width:80px;}
td.formveld {font-size:80%;}
input.veld {width:400px; font-family:verdana; font-size:0.9em;}
input.postcodeveld {width:100px; font-family:verdana; font-size:0.9em;}
textarea.veld {width:400px; font-family:verdana; height:60px;  font-size:0.9em;}

#klantgegevensformulier input.veld {width:340px;}
#klantgegevensformulier td.status {color:red; font-size:11px;}
#klantgegevensformulier label.error {
  background:url("../images/unchecked.gif") no-repeat 0px 0px;
  padding-left: 16px;
  padding-bottom: 2px;
  font-weight: bold;
  color: #EA5200;
}
#klantgegevensformulier label.checked { background:url("../images/checked.gif") no-repeat 0px 0px;width:50px;}
#klantgegevensformulier label.unchecked { background:url("../images/unchecked.gif") no-repeat 0px 0px;width:50px;}


#prijstabel input.veld {width:300px; font-family:verdana; font-size:0.9em;}
#prijstabel input.prijsveld {width:70px; font-family:verdana; font-size:0.9em;}
#prijstabel th {text-align:left; font-family:verdana; font-size:0.7em; font-weight:normal;}