/*---------------- KOPREGELS EN ANDERE ZELF TE WIJZIGEN KLEUREN ----------------------*/

.topline
{
	background-image: url(toplineplaatje.gif);
	background-repeat: repeat;
	background-position: top;
	background-color: #963502;
}

.middleline
{
	background-image: url(middlelineplaatje.gif);
	background-repeat: repeat;
	background-position: top;
	background-color: #dd9500;
}

.botline
{
	background-image: url(botlineplaatje.gif);
	background-repeat: repeat;
	background-position: top;
	background-color: #963502;
}


.toplinetext
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:#ffffdd;
	font-weight: bold;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align : right;

}

.botlinetext
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#ffffdd;
	font-weight: bold;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align : right;
}

.benamingen 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: white;
	background-color: #dd9500;
	border-top: 0px solid #eeeeee;
	border-bottom: 1px solid #000000;
	padding-left: 10px;
	height: 15px;
	padding-right: 10px;
}


/*------------------------ ALGEMEEN ------------------------------*/



BODY {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	SCROLLBAR-FACE-COLOR: #963502;
	SCROLLBAR-HIGHLIGHT-COLOR: #F5F5D1;
	SCROLLBAR-SHADOW-COLOR: #F5F5D1;
	SCROLLBAR-3DLIGHT-COLOR: #F5F5D1;
	SCROLLBAR-ARROW-COLOR: #ffffff;
	SCROLLBAR-TRACK-COLOR: #efefbd;
	SCROLLBAR-DARKSHADOW-COLOR: #F5F5D1;
}

INPUT {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}

TABLE {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}

.algemeen
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #808080;
}

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

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


A.algemeen:active
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #FFCC33;
}

.textField
{
	background-color : #F7FAFD;
	border-left: 1px solid #06489A; 
	border-right: 1px solid #06489A; 
	border-top: 1px solid #06489A; 
	border-bottom: 1px solid #06489A; 
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color: #06489A;
	padding-left : 2px;
}

/*------------------------ HEADER------------------------------*/

.bodyHeader
{
	background-color: #F5BC43;
}

.headerTop
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#FFFFFF;
	font-weight: bold;
	padding-bottom: 3px;
	padding-left: 10px;
}

.headerLogo
{
	/*padding-top: 2px;*/
}

.headerBottom
{
	background-image: url(shadow.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #707070;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-right: 15px;
	padding-top: 5px;
	color: #333366;
}

A.extraLinks
 { 
 	color: #a0a0a0; 
 	font-size: 12px;
 	font-family: Arial, Helvetica, sans-serif; 
	text-decoration: underline; 
}

A.extraLinks:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #900000;
	text-decoration: underline;
}

/*------------------------ Navigation------------------------------*/

.bodyNavigation
{
	background-color: #EEF3F8;
	background-image: url(navfill.gif);
	background-position: right;
	background-repeat: repeat-y;
}

.searchField
{
	background-image: url(bgsearch.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
}

.btnMainNav
{
	background-image: url(mainnav.gif);
	background-position: left;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: white;
	text-decoration: none;
	height: 25px;
	padding-top:6px;
	padding-left: 5px;
}


.subnav
{
	width: 166px;
	/*height:20px;*/
	border-left: 1px solid white; 
	border-right: 1px solid #4C4C4C; 
	border-top: 1px solid white; 
	border-bottom: 1px solid #4C4C4C; 
	background-color: #BECDDF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left: 20px;
	color:#333333;
}


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

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

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

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

.aanbiedingenBottom
{
	background-color: #ffffdd;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#333333;
	padding-left: 5px;
	text-decoration: underline;
	padding-bottom: 10px;
}

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

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

.yellowlizt
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#000000;
}


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

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

.bodyContent
{
	background-color: #ffffdd;
	/*padding-top: 15px;*/
}

.title
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #606060;
	padding-left: 25px;
	padding-top: 10px;
}

.bodyTxt
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #13243A;
	padding-left: 35px;
	padding-right: 2px;
}

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

.titleProducten
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #606060;
	padding-left: 2px;
}

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

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

.bodyTxtProducten
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #13243A;
	padding-left: 5px;
	padding-right: 10px;
}

.prijs
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #13243A;
	padding-left: 5px;
	padding-top:15px;
}

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

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

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

.productImageTd
{
	padding-right:15px;
	padding-top: 15px;
}

.spatieproducten
{
	border-bottom: 1px solid #6B7D94;
	height: 30px;
}

.artSubLinks
{
	background-color: #F7FAFD;
	padding-top: 5px;
	padding-left:5px;
	padding-bottom:10px;
	border-bottom: 1px solid #6B7D94;
}

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

.delete
{
	border-top: 1px solid white;
	border-bottom: 1px solid #6B7D94;
	border-right: 1px solid  #6B7D94;
	background-color: #BECDDF;
	padding-left: 15px;
	height: 15px;
}

.waarden
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #999999;
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #000000;
	padding-left: 10px;
	padding-right: 10px;
	height: 15px;
}

.button
{
	background-color: #666666;
	border-left: 1px solid white;
	border-right: 1px solid #444444;
	border-top: 1px solid white;	
	border-bottom: 1px solid #444444;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: white;
	padding-left: 5px;
	padding-right: 5px;
}

.subtotaal
{
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-top: 1px solid #666666;	
	border-bottom: 1px solid #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	/*font-weight:bold;*/
	color: #13243A;
	padding-right: 10px;
	padding-left: 10px;
}

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

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

.bodyTxtFormBeschrijving
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #13243A;
	padding-left: 55px;
	text-align : right;
}

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

.sidefillLeft
{
	background-color: #ffffdd;
	/*background-image: url(sidefill.gif);
	background-repeat: repeat-y;
	background-position: right;*/
}

.sidefillRight
{
	background-color: #ffffdd;
	/*background-image: url(sidefill.gif);
	background-repeat: repeat-y;
	background-position: left;*/
}

.footer
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #860101;
}

.indexBody
{
	background-color: #ffffdd;
}