/*------------------------------------------------------------------ General mark-up */
p {
	margin: 0px;
	padding: 0px;
}


/* 
Januari 2006
Door : Koen Haarbosch  |  Bit Squad

Kleuren:
donker rood: #9E2E34
bg Site: #F4F6F5
grijs: #E4E9E7

/* --------------------------------------------- // -------- ALGEMENE SITE */

* 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

a:link { color: #9E2E34; text-decoration: underline; } /*  niet bezochte link */
a:hover  { color: #000000; text-decoration: none;} /*  roll over  */

img
{
	margin: 0;
	padding: 0;
	border: 0;
}

body 
{
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 100%; /* font-size wordt op 100% van de browser instellingen van de gebruiker gezet, deze grootte wordt dus overgenomen */
	background: #F4F6F5 url(../_images/bgSite.gif) repeat-y;
}

.clear 
{
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0; 
	padding:0;
	background:transparent;
}

#pagecontainer 
{
	width: 100%;
	margin: 0; 
	padding: 0;
	text-align: left;
	background: url(../_images/uitvulRechts.gif) repeat-x;
}


/* --------------------------------------------- // -------- Instellen fonts */

#breadcrumb, #news, #address, #sideWideMenu, #copyright, #content, #sitemap, #nieuws
{ font-size: 0.75em; }

#shoppingcart
{ font-size: 0.7em; }

#content h1, #sitemap h1, #nieuws h1
{
	font-size: 1.7em; /* staat onder invloed van font-size #content */
}

/* --------------------------------------------- // -------- Header */

#header
{
	float: left;
	width: 996px;
	height: 123px;
}

#header img
{
	float: left;
}

/* --------------------------------------------- // -------- Visual */

#visual
{
	float: left;
	width: 772px;
	height: 94px;
	background: url(../_images/visual.jpg) no-repeat;
}

/* --------------------------------------------- // -------- Menu */

#menu
{
	float: left;
	width: 762px;
	height: 23px;
	padding: 0 0 0 10px;
}

#menu ul, #menu li	{
	display : inline;
	list-style-type : none;
	margin : 0;
	padding : 0;
}

#menu ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}

#menu ul li a
{	
	display: block;
	float: left;
	text-decoration: none;
	font-size: 12px;
	line-height: 28px;
	height: 28px;
	padding: 0 10px 0 10px;	
}

#menu ul li a:hover
{	
	background: #E0D8BF url(../_images/bgMenuHover.gif) repeat-x;		
}

/* Submenu */
#menu #nav li li a {
	display: block;
	float: left;
	width: 130px;
	color: #9E2E34;
	text-decoration: underline;
	font-size: 11px;
	line-height: 28px;
	height: 28px;
	padding: 0px 14px 0 30px;
	background: #EFF0E6 url(../_images/linkArrow.gif) no-repeat 15px 12px;
}

#menu #nav li li a:hover {
	color: #000000;
	background: #EFF0E6 url(../_images/linkArrow.gif) no-repeat 15px 12px;
	text-decoration: none;
}

#menu #nav li {
	float: left;
	position: relative;
	cursor: default;
}

#menu #nav li ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
}
/*
#nav li>ul {
	top: auto;
	left: auto;
}
*/
#menu #nav li li {
	display: block;
	float: none;
	clear: left;
	padding: 0;
	margin: 0;
	border: 0;
}

#menu #nav li:hover ul, #menu #nav li.over ul {
	display: block;
}

/* --------------------------------------------- // -------- Wrapper */

#wrapper
{
	/*
	Wrapper, houdt kolommen bij elkaar 
	Ook bij hoge resolutie scherm instellingen
	*/
	width: 997px;
}

/* --------------------------------------------- // -------- ColLeft */

#colLeft
{
	float: left;
	clear: left; /* anders spring bij grote scherm resolutie deze kolom naast de header */
	width: 231px;
}

#colLeft img.verloop 
{ 
	float: left; 
	width: 21px;
}

#banner
{
	float: left;
	width: 195px; /* 210 - padding */
	padding: 10px 0 15px 15px;
	background: url(../_images/bgBanner.gif) repeat-y;
}

#banner span
{
	float: left;
	width: 145px; /* 173 - padding */
	height: 145px; /* 173 - padding */
	background: #E4E9E7;
	padding: 14px;
	margin: 0 0 15px 0;
	border: solid 1px #A7B5AE;
}

#banner span img
{
	border: solid 1px #A7B5AE;
}

#colLeft img.footer 
{ 
	float: left; 
	margin: 0 0 0 21px;
}

/* --------------------------------------------- // -------- ColMiddle */

#colMiddle
{
	float: left;
	width: 544px; /* 544 - padding */
	background: #EBEEEC;
}

#breadcrumb
{
	float: left;
	width: 524px; /* 539 - padding */
	padding: 20px 0 0 15px;
	background: #FFFFFF;
}
#breadcrumb ul { 
	list-style: none;
	padding: 0px;
	margin: 0px;

}
#breadcrumb ul li {
	float: left;
}

#breadcrumb ul li a {
	padding: 0px 14px 0 15px;
	background: url(../_images/linkArrow.gif) no-repeat 3px 7px;
}



#content, #sitemap, #nieuws
{
	float: left;
	width: 509px; /* 539 - padding */
	background: #FFFFFF;
	letter-spacing: 0.1em;
	line-height: 1.5em;
	padding: 0 15px 0 15px;
}

#content h1, #sitemap h1, #nieuws h1
{
	width: 100%;
	color: #9E2E34;
	border-bottom: solid 1px #838E88;
	padding: 35px 0 7px 0;
	margin: 0;
}

#content img
{
	float: right;
	margin: 5px;
	border: solid 1px #838E88;
}

#footer
{
	float: left;
	width: 544px; /* 539 - padding */
	height: 122px;
	background: #FFFFFF url(../_images/footer.jpg) no-repeat;
}

#footer img.buggy
{
	position: absolute;
	margin: 16px 0 0 544px;	
}

/* --------------------------------------------- // -------- ColRight */

#colRight
{
	float: left;
	width: 191px; /* 221 - padding */
	padding: 15px;
	margin: 0 0 0 1px; /* om lijn in body bg zichtbaar te maken */
	background: #F4F6F5;
}

/* --------------------------------------------- // -------- Language */

#language
{
	float: left;
	width: 191px;
	background: #FFFFFF;
	padding-bottom: 15px;
	border-top: dotted 1px #000000;
	border-bottom: dotted 1px #000000;
}


#language ul, #language li	
{
	/* voor IE */
	display : inline;
	list-style-type : none;
	margin : 0;
	padding : 0;
}


#language ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}

#language ul li a
{	
	display: block;
	float: left;
	width: 22px;
	height: 18px;
	padding: 15px 0 0 8px;
}

#languageMenu
{
	width: 168px;
	margin: 10px 0 15px 8px;
}

/* --------------------------------------------- // -------- Shopping Cart */

#shoppingcart
{
	float: left;
	width: 183px; /* 191 min padding */
	background: #FFFFFF;
	padding: 8px 0 10px 8px;
	border-bottom: dotted 1px #000000;
}

/* --------------------------------------------- // -------- News */

#news
{
	float: left;
	width: 188px; /* 191 min padding */
	line-height: 1.6em;
	border-bottom: dotted 1px #000000;
	padding: 15px 0 15px 3px;
}

/* #news dd en #news dt worden bij adres gedeclareerd */

#news dt
{
	padding: 15px 0 0 0;
}


#news a
{
	display: block;
	padding: 0 0 0 12px;
	background: url(../_images/linkArrow.gif) no-repeat 0px 7px;
}

/* --------------------------------------------- // -------- Address */

#address
{
	float: left;
	width: 188px; /* 191 min padding */
	line-height: 1.6em;
	padding: 15px 0 0 3px;
	border-bottom: dotted 1px #000000;
}

#address dt, #news dt
{
	font-weight: bold;
}

#address dd, #news dd
{
	padding: 0;
	margin: 0;
}

/* --------------------------------------------- // -------- Side Wide Menu */

#sideWideMenu
{
	float: left;
	width: 188px; /* 191 min padding */
	padding: 15px 0 15px 3px;
	border-bottom: dotted 1px #000000;
}

#sideWideMenu a
{
	display: block;
	padding: 0 10px 0 12px;
	margin: 0;
	background: url(../_images/linkArrow.gif) no-repeat 0px 7px;
}

/* --------------------------------------------- // -------- Copyright */

#copyright
{
	float: left;
	width: 188px; /* 191 min padding */
	padding: 15px 0 0 3px;
	color: #AAACAB;
}


/* --------------------------------------------- // -------- Shop Artikel overzicht */
#content div img
{
	float: left;
	border: solid 1px #D3DAD6;
	margin-right: 10px;
}

#content div h3
{
	color: #9E2E34;
	padding: 0;
	margin: 15px 0 20px 0;
}

#content div
{
	float: left;
	width: 100%;
	border-bottom: solid 1px #D3DAD6;
	padding: 10px 0 10px 0;
}

#content dd a
{
	padding: 0px 14px 0 15px;
	background: url(../_images/linkArrow.gif) no-repeat 0px 7px;
}

#content div.detail, #content div#paginering
{
	border: 0;
}

#content dl.detail
{
	float: left;
	clear: left;
	width: 95%; /* minder dan 100% ivm margin */
	padding: 0;
	margin: 0 0 0 5px;
}

#content dl.detail dd a
{
	display: block;
	padding: 0px 14px 0 15px;
	margin: 40px 0 0 0;
	background: url(../_images/linkArrow.gif) no-repeat 0px 7px;
}

h4 
{ 
	float: left;
	color: #9E2E34; 
	padding: 0 0 0 10px;
	margin: 15px 0 20px 0;
}

#content dl.detail dd
{
	padding: 0;
	margin: 0;
}

#content dl.detail dd.blok
{
	margin: 10px 0 0 0;
}


/* paginering opsomming */
#paginering a { color: #000000; }
#paginering { margin: 15px 0 0 0; text-align: center;}
#paginering a.vorige { margin: 0 36px 0 0; }
#paginering a.volgende { margin: 0 0 0 36px; }
#paginering a.active { text-decoration: none; color:#9E2E34; font-weight: bold;}

/* --------------------------------------------- // -------- Sitemap */
#sitemap h1
{
	margin-bottom: 15px;
}

#sitemap ul
{
	list-style: none;
	margin: 0 0 0 35px;
	padding: 0;
}

#sitemap li
{
	margin: 5px 0 0 0;
}

#sitemap a, #sitemap ul a 
{
	padding: 0 12px 0 12px;
	background: url(../_images/linkArrow.gif) no-repeat 0px 5px;
	margin: 0;
}

#content div.clear
{
  border: 0;
}

/* --------------------------------------------- // -------- Nieuws */

#nieuws dl
{
	border-bottom: solid 1px #D3DAD6;
	padding: 0 21px 0 21px;
}

#nieuws dt
{
	font-weight: bold;
}

#nieuws dd
{
	padding: 0;
	margin: 0;
}
	
#nieuws dd.datum
{
	font-size: 0.9em;
	padding: 0 0 8px 0;
}

#nieuws dd.leesverder
{
	padding: 15px 0 20px 0;
}

#nieuws dd.leesverder a
{
	display: block;
	color: #838195;
	padding: 0px 12px 0px 12px;
	background: url(../_images/linkArrow.gif) no-repeat 0px 8px;
}

/* paginering opsomming */
#paginering { 	margin: 55px 0 55px 0; text-align: center;}
#paginering a.vorige { margin: 0 40px 0 0; }
#paginering a.volgende { margin: 0 0 0 40px; }
#paginering a.active { text-decoration: none; color:#000000; font-weight: bold;}

/* basic_Form_Layout */

#form
{
	width: 100%;
}

#content div.row 
{
  clear: both;
  padding-top: 2px;
  border: 0;
}

#content div#form 
{
	border: 0;
}

div.row span.label
{
  float: left;
  width: 180px;
  text-align: right;
}

div.row span.titel
{
  float: left;
  width: 180px;
  text-align: left;
}

div.row span.label_Breed
{
	float: left; 
 	text-align: left;
}

div.spacer
{
	clear: both;
}

.form_Tekstbox, .form_Multibox
{
	width: 135px;
	padding-left: 5px;
	padding-right: 5px;
}
.form_Offerte
{
	width: 250px;
	padding-left: 5px;
	padding-right: 5px;
}
.formLarge{
	width: 440px;
	padding-left: 5px;
	padding-right: 5px;
}

.form_Multibox
{
	height: 75px;
}

.verzendButton 
{
	background:#CCCCCC;
	color: #000000;
	padding: 0 5px 0 5px;
	border: solid 1px #000000;	
	font-size: 10px;
	cursor: hand;
}
hr {
	color: #D3DAD6;
	height: 1px;
}