/* 
FloorHouse (v1) Main stylesheet
------------------------------
Created for www.FloorHouse.be by tom.mampaey@floorhouse.be
 */

/* @group undoHTML */

/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */

@charset utf-8;

/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol,li { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:12px; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0; }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border: none }

/* de-italicize address */
address { font-style:normal }

/* more varnish stripping as necessary... */

/* @end */

/* @group basic */

html {
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #C8C8C8;
	margin: 10px 0px 0px 0px; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
#container { 
	width: 900px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left;
	background-image:url(../background/containerBackground.gif);
} 
#header { 
	padding: 0;
	margin: 0;
}
#header #logo {
	margin: 0;
	padding: 0;
	width: 229px;
	float: left;
	height: 126px;
}
#header #topImage {
	margin: 0;
	padding: 0;
	width: 671px;
	float: left;
	background-color: #C8C8C8;
	height: 102px;
}
#header #mainNav {
	margin: 0;
	padding: 0;
	width: 671px;
	float: left;
	background-color: #C8C8C8;
	height: 24px;
	font-size: 11px;
	font-weight: bold;
}
#mainNav ul{
	padding: 0;
	margin: 0;
}
#mainNav li {
	float: left;
	background-image: url(../background/mainNavButton.jpg);
	background-repeat: repeat-x;
	height: 24px;
	padding-top: 2px;
	color: #ea3d01;
}
#mainNav li.between {
	float: left;
	height: 24px;
	width: 31px;
	background-image: url(../background/mainNavButtonSide.jpg);
	background-repeat: no-repeat;	
}
#mainNav li.left {
	float: left;
	height: 24px;
	width: 25px;
	background-image: url(../background/mainNavButtonSideLeft.jpg);
	background-repeat: no-repeat;	
}
#mainNav li.right {
	float: left;
	height: 24px;
	width: 23px;
	background-image: url(../background/mainNavButtonSideRight.jpg);
	background-repeat: no-repeat;	
}
#mainNav a:link {
	color:#333333;
	text-decoration: none;
}
#mainNav a:visited {
    color: #333333;
	text-decoration: none;
}
#mainNav a:hover {
    color: #ea3d01;
	text-decoration: none;
}
#breadCrumb {
	margin: 0;
	padding: 0;
	width: 880px;
	float: left;
	background-color: #FFFFFF;
	height: 16px;
	background-image:url(../background/breadCrumb.jpg);
	background-repeat:no-repeat;
}
#breadCrumb ul{
	padding: 0;
	margin-right: 6px;
}
#breadCrumb li {
	margin-left: 4px;
	padding: 0;
	float: right;
	color: #ea3d01;
	font-size: 10px;
}
#breadCrumb a {
	color: #333333;
	text-decoration: none;
}
#breadCrumb a:visited {
    color: #333333;
	text-decoration: none;
}
#breadCrumb a:hover {
    color: #ea3d01;
	text-decoration: none;
}
#contentContainer {
	background-image:url(../background/contentContainerBackground.jpg);
	background-repeat: repeat-y; 
	width: 671px;
	float: left;
	padding: 0;
	margin: 0;
	min-height: 300px;
}
#sidebarLeft {
	float: left;
	width: 191px;
	padding: 0;
}
#sidebarLeft ul {
	float: left;
	width: 176px;
	padding: 0;
	margin-left: 15px;
}
#sidebarLeft li {
	background-image:url(../background/subNavButton.jpg);
	background-repeat: no-repeat;
	height: 17px;
	padding-left: 14px;
	font-size: 10px;
	line-height: 16px;
	color: #ea3d01;
	font-weight: bold;
}
#sidebarLeft li.title {
	background-image:url(../background/subNavTitle.jpg);
	height: 17px;
	padding-left: 14px;
	color: #FFFFFF;
}
#sidebarLeft li.titleTwo {
	background-image:url(../background/subnavTwoTitle.jpg);
	height: 17px;
	padding-left: 14px;
	color: #FFFFFF;
}
#sidebarLeft li.emptyItem {
	background-image:url(../background/subnavEmptyItem.jpg);
	height: 17px;
	padding-left: 14px;
	font-weight: bold;
}
#sidebarLeft li.soloItem {
	background-image:url(../background/subnavSoloItem.jpg);
	height: 23px;
	padding-left: 14px;
	margin-bottom: 6px;
	font-weight: bold;
}
#sidebarLeft li.firstItem {
	background-image:url(../background/subnavFirstItem.jpg);
	height: 17px;
	padding-left: 14px;
	font-weight: bold;
}
#sidebarLeft li.firstItemTwo {
	background-image:url(../background/subnavTwoFirstItem.jpg);
	height: 17px;
	padding-left: 14px;
	font-weight: bold;
}
#sidebarLeft li.lastItem {
	background-image:url(../background/subnavLastItem.jpg);
	height: 23px;
	padding-left: 14px;
	margin-bottom: 6px;
	font-weight: bold;
}
#sidebarLeft li .b:link {
	color : #FFFFFF;
	text-decoration: none;
}
#sidebarLeft li .b:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#sidebarLeft li .b:hover {
	 color: #333333;
	 text-decoration: none;
}
#sidebarLeft li a {
	color: #333333;
	text-decoration: none;
}
#sidebarLeft li a:visited {
	color: #333333;
}
#sidebarLeft li a:hover {
	 color: #ea3d01;
	 text-decoration: none;
}
#sidebarLeft #block{
	float: left;
	width: 170px;
	margin: 6px 0px 0px 14px;
	font-size:11px;
}
#sidebarLeft #block p{
	float: left;
	width: 131px;
	margin: 0px 0px 0px 11px;
	background-color:#CCCCCC;
	padding: 0px 0px 4px 8px;
	font-weight:bold;
	font-size:11px;
	color:#ea3d01;
	}	
#sidebarLeft #block img{
	margin: 0;
}
#sidebarLeft #block a{
	font-weight: normal;
	font-size:10px;
	color:#333333;
	text-decoration: none;
	}
#sidebarLeft #block a:visited{
	font-weight: normal;
	font-size:10px;
	color:#ea3d01;
	text-decoration: none;
	}
#sidebarLeft #block a:hover{
	font-weight: normal;
	font-size:10px;
	color:#ea3d01;
	text-decoration: none;
	}
#sidebarRight {
	text-align: left;
	float: left;
	width: 209px;
	background-image:url(../background/titleRight.jpg);
	background-repeat:repeat-x;
	padding-top: 30px;
}
#sidebarRight p{
	padding: 4px 4px 4px 4px;
}
#sidebarRight p.title{ 
	padding-top: 10px;
	line-height: 12px;
	font-size: 11px;
	font-weight:bold;
	color: #ea3d01;
}
#sidebarRight p.textsmall {
	font-size: 10px;
	line-height: 12px;
}
#sidebarRight img{
	margin: 0px;
}
#sidebarRight #block{
	width: 209px;
	background-color:#CCCCCC;
	text-align: center;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
#sidebarRight table{
	width: 196px;
	background-color:#CCCCCC;
	text-align:left;
	border-style:solid;
	border-width: 1px;
	border-color: #ea3d01;
	margin-bottom: 6px;
}
#sidebarRight td{
	padding: 0px 2px 2px 2px;
	font-size: 10px;
	height: 12px;
}
#sidebarRight td.title{
	font-size: 12px;
	font-weight:bold;
	color: #ea3d01;
	border-bottom-style:solid;
	border-bottom-width: 1px;
	border-bottom-color: #ea3d01;
	height: 12px;
}
#sidebarRight td.price{
	font-size: 12px;
	text-align: right;
	height: 12px;
}
#sidebarRight #verhuurpricelist p{
	line-height: 14px;
	font-size: 12px;
}
#sidebarRight #verhuurpricelist p.title{ 
	padding: 4px 4px 2px 6px;
	line-height: 12px;
	font-size: 12px;
	font-weight:bold;
	color: #ea3d01;
	}
#sidebarRight #line {	
	border-bottom:1px solid #999999;
	width: 209px;
	line-height: 11px;
}
#mainContent {
	padding: 0;
	float: left;
	width: 480px;
	background-color:#FFFFFF;
}
#mainContent a {
	color: #ea3d01;
	text-decoration: none;
}
#mainContent a:visited {
    color: #ea3d01;
	text-decoration: none;
}
#mainContent a:hover {
    color:#000000;
	text-decoration: none;
}
#mainContent #title {
	background-image:url(../background/mainContentTtitle.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	height: 24px;
	padding-left: 0;
	width: 480px;
}
#mainContent h1 {	
	border-bottom:1px solid #999999;
	color:#EA3D01;
	font-size:16px;
	padding: 4px 0px 4px 0px;
	margin-bottom: 2px;
	width:95%;	
}
#mainContent h2 {
	font-size: 11px;
	color: #FFFFFF;
	line-height: 15px;
}
#mainContent p{ 
	padding: 6px 20px 0px 0px;
	line-height: 16px;
}
#mainContent p.smallText{ 
	padding: 6px 20px 0px 0px;
	line-height: 12px;
	font-size: 9px;
}
#mainContent p.intro{ 
	padding: 5px 20px 0px 0px;
	line-height: 16px;
	color: #ea3d01;
}
#mainContent p.introTwo{ 
	padding: 5px 20px 14px 0px;
	line-height: 16px;
	color: #ea3d01;
}
#mainContent p.subtitle{ 
	padding: 10px 20px 0px 0px;
	line-height: 16px;
	color: #ea3d01;
	font-weight: bold;
}
#mainContent p.subtitleTwo{ 
	padding: 2px 20px 0px 0px;
	line-height: 16px;
	color: #ea3d01;
	font-weight: bold;
}
#mainContent ul { 
	list-style-position: outside;
	text-transform: none;
	margin: 0px 0px 0px 14px;
}
#mainContent li {
	padding-right: 20px;
	line-height: 16px;
	margin-top: 2px;
	list-style-image: url('../background/bullet.gif');
}
#mainContent #productTip {
margin: 14px 0px 0px 0px;
border:#000000;
border-style:solid;
border-width: 1px;
width:95%;
overflow: hidden;
text-align: left;
font-size: 11px;
line-height: 12px;
}
#mainContent #productTip p{ 
	padding: 3px 5px 2px 5px;
}
#mainContent #productTip .fltlft { 
	margin: 0px;
	float: left;
	margin-right: 8px;
	padding: 0;
}
#mainContent #productTip p.title{ 
	padding: 6px 5px 2px 5px;
	line-height: 16px;
	color:#000000;
	font-weight: bold;
}
#mainContent #productTip a{ 
	color: #ea3d01;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}
#mainContent #productTip a:visited{ 
	color: #ea3d01;
	text-decoration: none;
}
#mainContent #productTip a:hover{ 
	color:#000000;
	text-decoration: none;
}
#mainContent #installation {
margin:10px 0px 0px 0px;
border:#000000;
border-style:solid;
border-width: 1px;
width:95%;
overflow: hidden;
padding: 0px 0px 5px 0px;
text-align: center;
}
#mainContent #installation img {
margin: 0px 0px 0px 16px;
padding: 0;
}
#mainContent #installation p{
width:95%;
text-align: center;
}
#mainContent #installation ul{
margin: 0;
text-align: center;
}
#mainContent #installation li{
line-height: 12px;
list-style: none;
color:#000000;
padding: 4px 4px 5px 4px;
width: 125px;
margin: 5px 0px 0px 12px;
border:#FF0000;
border-style:solid;
border-width: 1px;
font-size: 10px;
font-weight: bold;
text-align: right;
float: left;
height: 18px;
}
#mainContent #installation img.pdf{
margin: 0px 0px -4px 5px;
padding: 0;
}
#mainContent #line {	
	border-bottom:1px solid #999999;
	width: 100%;
	line-height: 10px;
}
#leginstructies li a{ 
	color: #000000;
	text-decoration: none;
}
#leginstructies li a:visited{ 
	color: #000000;
	text-decoration: none;
}
#leginstructies li a:hover{ 
	color: #ea3d01;
	text-decoration: none;
}
#footer { 
	padding: 0;
	background:#DDDDDD;
} 
#footer #left{ 
	margin: 0;
	background:#DDDDDD;
	width: 190px;
	background-image:url(../background/footerLeft.jpg);
	height: 70px;
	float: left;
}
#footer #left p{ 
	padding: 30px 0px 0px 10px;
	margin: 0;
	font-size:9px;
	color:#666666;
	line-height: 11px;
}
#footer #middle{ 
	padding: 0;
	margin: 0;
	background:#DDDDDD;
	width: 680px;
	background-image:url(../background/footerMiddle.jpg);
	height: 70px;
	float: left;
}
#footer #middle ul{
	padding: 0;
	margin-top: 8px;

}
#footer #middle li {
	float: left;
	margin-right: 10px;
	height: 24px;
	padding-top: 2px;
	font-size:9px;
	line-height: 11px;
	color:#666666;
}
#footer a {
	color: #666666;
	text-decoration: none;
}
#footer a:visited {
    color: #666666;
	text-decoration: none;
}
#footer a:hover {
    color: #ea3d01;
	text-decoration: none;
}
#footer #right{ 
	padding: 0;
	margin: 0;
	background:#DDDDDD;
	width: 28px;
	background-image:url(../background/footerRight.jpg);
	height: 70px;
	float: left;
}
#footer p {
	margin: 0;
	padding: 10px 0;
}
.fltrt {
	padding-top: 6px;
	float: right;
	margin-left: 10px;
}
.fltlft { 
	margin-top: 6px;
	float: left;
	margin-right: 10px;
}
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#sitemap h3 {
    font-size: 18px;
    color: #000;
    padding-top: 15px;
    padding-bottom: 5px;
}