/*
  Thema Name: Dhoogpoorte_Shop
  Version: 1.0
  Author: Ivan Candaele
*/

/*------------------------ General ------------------------------*/
body {
  margin: 0px;
  padding: 0px;
  text-align: center;
  font: 80%/130% Tahoma, Geneva, Arial, Helvetica, sans-serif;
  color: #333;
  background: #ddd;
}
#container {
  width: 760px;
  text-align: left;
  display: block;
  margin: 0px auto 0px auto;
  background: #fff;
  /*border: 2px solid #777;*/
  overflow: hidden;
}  

/*------------------------ Header------------------------------*/
#headertop { 
  background-color: #69f;
  background-image: url(http://www.dhoogpoorte.com/images/frontsmall.jpg);
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 55px;
  border: 0px;
  margin: 0px;
}
#headerzoek { 
  float: right;
  height: 35px;
  padding: 10px 8px 0px 0px;
  color: #fff; 
  font-size: 11px;
  text-decoration: none; 
}
.textinput {
  width: 250px;
  background-color : white;
  border: 1px solid #aaa; 
  font-size: 11px;
  color: #039;
}
.human {
  visibility: hidden;
  display: none;  
}
.emailinput {
  width: 300px;
  background-color : white;
  border: 1px solid #aaa; 
  font-size: 11px;
  color: #039;
}
.numinput {
  width: 30px;
  background-color : white;
  border: 1px solid #aaa; 
  font-size: 11px;
  color: #039;
}
#headerlogo {
  padding: 15px 0px 4px 10px;
  font-size: 25px;
  color: #fff;
}
#headerinfo {
  padding-left: 21px;
  color: #fff; 
  font-size: 11px;
}
.headerbottom {
  width: 100%;
  height: 20px;
  text-align: center;
  background-color: #039;
  background-position: center;
  background-image: url(images/bg_headerbottom.gif);
}
A.headerlinks { 
  font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif; 
  font-size: 11px;
  color: white; 
  font-weight: bold;
  text-decoration: none;
}
A.headerlinks:hover {
	color: #9cf;
}

/*------------------------ Menu ------------------------------------*/
#navcol {
  padding: 10px 10px 0px 10px;
  width: 165px;
  float: right;
  background-color: #fff;
  min-height: 100%;
  overflow: hidden;
  white-space: nowrap;
}
*html #navcol {
  width: 185px;
} 
.menuheader {
  color: #000;
  font-size: 14px;
  font-weight: bold;
  border-bottom: 1px solid #bbb;
  margin-bottom: 4px;
}
.menuitem {
  line-height: 13px;
  width: auto;
}
.menuitem a {
  color: #147;
  font-size: 11px;
  text-decoration: none;
  white-space: nowrap;
}
.menuitem a:hover {
  color: #147;
  font-weight: bold;
  text-decoration: underline;
}

/*------------------------ Footer ------------------------------------*/
#footer {
  width: 100%;
  height: 20px;
  padding: 0px auto 0px auto;
  text-align: center;
  font-size: 11px;
  color: #444;
  display: block;
}

/*------------------------ Content ------------------------------------*/
#content {
  float: left;
  padding: 10px 0px 10px 10px;
  width: 70%;
  background-color: #fff;
  min-height: 100%;
  overflow: hidden;
  white-space: nowrap;
} 

#content li {
  list-style-type: circle;
  padding: 0 0 0 0;
}

.button
{
	z-index: 100000;
	cursor: default;
	border-bottom: 1px solid #BBBBBB;
	padding-left: 5px;
}
				
.buttonlabel
{
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: white;
	font-weight: bold;
	cursor: pointer;
	visibility: visible;
}

.knop {
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #039;
	padding-left: 5px;
	padding-top: 1px;
	cursor: pointer;
	/*width: 568px;*/
}

#product {
width: 100%;
background: #fff;
}

#image {
float: left;
width: 70px;
}

.tekstContent
{
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #1D3A3F;
	padding-left: 5px;
	padding-right: 10px;
	padding-top: 5px;
}

.tekstNieuw
{
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #FF0000;
	padding-left: 5px;
	padding-right: 10px;
	padding-top: 7px;
}

.fill
{
	background-color: #AAAAAA;
	background-image: url(bg.gif);
}

.sidefill
{
	background-color: #AAAAAA;
}

.footer
{
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	/*font-weight: bold;*/
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 2px;
	padding-top: 1px;
	padding-bottom: 1px;
	background-color: #AAAAAA;
}

.textwhite
{ 
 	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif; 
 	color: #FFFFFF; 
	font-size: 15px;
	text-decoration: none; 
	padding-right: 8px;
}

.pageLinks
{
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #1D3A3F;
	padding-right: 10px;
	padding-bottom: 5px;
	height: 12px;
}

	
/*------------------------ ContentPage------------------------------*/

.bodyContent
{
	background-color: #FFFFFF;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	margin: 0px;
}

.bodyTitle
{
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #336699;
	padding-left: 0px;
}

.bodyTxt
{
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #1D3A3F;
	padding-left: 15px;
}

.txt
{
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #1D3A3F;
	padding-left: 5px;
}

.bodyLink
{
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #1D3A3F;
}

.bodyLink:hover
{
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #336699;
}

.aanbiedingenTop
{
	background-color: #699EA8;
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding-left: 10px;
	color:white;
	padding-top: 2px;
}

.aanbiedingenBottom
{
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#1D3A3F;
	padding-left: 10px;
	text-decoration: none;
	padding-top: 5px;
	padding-bottom: 10px;
}

A.aanbiedingenLinks
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#1D3A3F;
	text-decoration: none;
}

A.aanbiedingenLinks:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#FF0000;
	text-decoration: none;
}

/*------------------------ producten------------------------------*/

.titleProducten
{
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #369;
	text-decoration: none;
	padding-left: 15px;
	padding-top: 1px;
	padding-bottom: 1px;
	/*background-color: #DDDDDD;*/
	/*border-bottom: 1px solid;*/
}

.titleProducten:hover
{
    font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #369;
	text-decoration: underline;
	padding-left: 15px;
}

.titleProductenNew
{
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #369;
	text-decoration: none;
	padding-left: 5px;
	padding-top: 1px;
	padding-bottom: 1px;
	/*background-color: #DDDDDD;*/
	/*border-bottom: 1px solid;*/
}

.titleProductenNew:hover
{
    font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #369;
	text-decoration: underline;
	padding-left: 5px;
}

.subTitleProducten
{
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #44727B;
	font-weight: bold;
	padding-left: 7px;
	padding-top: 10px;
	background-repeat: no-repeat;
	background-position: top left;
	height: 20px;
}

.bodyProductenPuntjes
{
	background-image: url(images/puntjes1.gif);
	background-repeat: no-repeat;
	background-position: top;
}

.bodyTxtProducten
{
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #1D3A3F;
	padding-left: 5px;
	padding-right: 10px;
	padding-top: 5px;
	width: 723px;
}

.prijs
{
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #1D3A3F;
	padding-left: 5px;
	padding-top: 5px;
	padding-right: 10px;
	width: 300px;
}

.nieuw
{
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #FF0000;
	padding-left: 5px;
	padding-right: 10px;
	padding-top: 5px;
	width: 723px;
}

.bodyProductenPuntjesRood
{
	background-image: url(puntjes2.gif);
	background-repeat: no-repeat;
	background-position: top;
}

.aantal
{
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #1D3A3F;
	padding-left: 5px;
	padding-top: 15px;
}

.productImage
{
	border:1px solid #333366;
}

.productImageTd
{
	padding: 7px 5px 8px 15px;
	width: 65px;
}

.productImageTdB
{
	padding-right:15px;
	padding-top: 70px;
}

.spatieproducten
{
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 2px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 10px;
	height: 5px;
	padding-top: 1px;
	padding-bottom: 1px;
	background-color: #AAAAAA;
}

.artSubLinks
{
	background-color: #E8F3F3;
	padding-top: 5px;
	padding-left:5px;
	padding-bottom:10px;
}

/* ----------------------------------bestelling --------------------------*/

.delete
{
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-top: 1px solid white;
	border-bottom: 1px solid #35636C;
	border-right: 1px solid  #35636C;
	background-color: #DDDDDD;
	padding-left: 5px;
	height: 15px;
}

.benamingen
{
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: white;
	background-color: #999999;
	border-top: 1px solid white;
	border-bottom: 1px solid #35636C;
	padding-left: 5px;
	height: 15px;
	padding-right: 5px;
}

.waarden
{
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #DDDDDD;
	border-top: 1px solid white;
	border-bottom: 1px solid #35636C;
	padding-left: 5px;
	padding-right: 5px;
	height: 15px;
}

.orderbutton
{
	background-color: #44727B;
	border-left: 1px solid white;
	border-right: 1px solid #35636C;
	border-top: 1px solid white;	
	border-bottom: 1px solid #35636C;
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: white;
	padding-left: 5px;
	padding-right: 5px;
}

.subtotaal
{
	border-left: 1px solid #44727B;
	border-right: 1px solid #44727B;
	border-top: 1px solid #44727B;	
	border-bottom: 1px solid #44727B;
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	/*font-weight:bold;*/
	color: #44727B;
	padding-right: 5px;
	padding-left: 5px;
}

.dropdown
{
	border-left: 1px solid #C6A21B;
	border-right: 1px solid #C6A21B;
	border-top: 1px solid #C6A21B;	
	border-bottom: 1px solid #C6A21B;
	background-color: #F2F8F8;
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}

.bodyTxtForm
{
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #1D3A3F;
	padding-left: 10px;
	width: 450px;
}

.bodyTxtFormBeschrijving
{
	font-family: Tahoma, Geneva, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #1D3A3F;
	padding-left: 15px;
	text-align : right;
	width: 250px;
}

/*------------------sideFill -----------------------*/

.indexBody
{
	background-color: #C2E4E4;
}

.algemeen
{
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
	color: #FF0000;
	font-weight: bold;
	padding-left: 2px;
	padding-right: 10px;
}

A.algemeen
{
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
	color: #FF0000;
}

A.algemeen:hover
{
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
	color: #1D3A3F;
}


A.algemeen:active
{
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
	color: #FF0000;
}

.navTitle
{
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold;
	color: white;
	/*padding-left: 8px;*/
}

.navLinksBody
{ 
 	padding-left: 8px;
	padding-top: 3px;
	padding-bottom: 8px;
}

.navLinks
{ 
 	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif; 
 	font-size: 11px;
 	color: #FFFFFF; 
	text-decoration: none; 
}

.navLinks:hover
{
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #99CCFF;
	font-weight:bold;
	text-decoration: none;
}