
* {
	border:0;
	margin:0;
	padding:0;
}
/* en dan de rest... */
body {
	background-color: #fff;
	font-size: 0.73em;/*11px*/
	line-height: 1.4em;/*18px*/
}
body,td,div,p, a{
	font-family: Arial, Helvetica, sans-serif;
	color: #1d3d6a;
}

p {
	padding-bottom: 12px;	
}
/*******************   HEADING REPLACEMENT ******************/

h1,h2,h3,h4,h5,h6 {
	font-family: Univers;
	font-weight: normal;
}
.replaced {
	font-family: UniversBold;
	font-weight: bold;
	color:white;
	font-size:12px;
}

h1 {
	margin-top:10px;
	font-size: 22px;
	line-height: 18px;
}

h2 {
	font-size: 18px;
	line-height: 18px;
}

h3 {
	font-size: 16px;
	line-height: 16px;
}




/*************************************************************/


a.normal {
	text-decoration: none;
}

strong {
	font-weight: bold;
}


/* ----------------------------- */

#content-main a {
	text-decoration: underline;
}

#content-main li {
    margin-left: 15px;
}

#top-bar {
	float: left;
	width: 496px;
	margin-right: 2px;
	margin-bottom: 2px;
	height: 121px;
	background-color: #efefee;
	padding-top: 15px;
	padding-left: 10px;
}

#sfeer {
	float: left;
	margin-bottom: 2px;
	width: 252px;
	height: 136px;
}

#left-bar {
	float: left;
	width: 125px;
	margin-right: 2px;
}

.empty {
	background-color: #efefee;
	height: 136px;
	width: 125px;
	float: left;
}


#stramien_bottom .empty {
	height: 24px;
	margin-right: 2px;
}

#contact-info {
	font-size: 11px;
	background-color: white;
	padding-left: 18px;
	padding-top: 11px;
	height: 123px;
	width: 107px;
	margin-bottom: 2px;
	float: left;
}

#content-main {
	float: left;
	width: 466px;
	min-height: 372px;
	margin-right: 2px;
	padding: 20px;
	font-size: 11px;
	/*overflow: auto;*/
}

#products {
	float: left;
	width: 506px;
	min-height: 412px;
	_height: 412px;
	margin-right: 2px;
	font-size: 11px;
}

#right-bar {
	width: 252px;
	float: left;
}

#right-extra {
	height: 239px;
	margin-bottom: 2px;
	padding: 15px;
	padding-top: 20px;
	font-size: 11px;
	line-height: 14px;
	
}

#right-extra a {
	text-decoration: none;
}

#copyright {
	font-family: arial;
	padding-right: 10px;
	padding-top: 5px;
	text-align: right;
	color: #86B6D8;
	font-size: 10px;
}

#copyright a {
	text-decoration: none;
	color: #86B6D8;
}

.news-item {
	margin-bottom: 11px;
}

#contact td {
	padding-bottom: 3px;
}



/* ----------------------------- */

#top {
	height: 95px;
	vertical-align: bottom;
}

#container {
	width:887px;
	margin:10px auto;
	background-color:white;
}

#top-menubar {
	width: 400px;
	float: right;
	margin-top: 67px;
	text-align: right;
	color: #86B6D8;
	font-size: 11px;
	line-height: 18px;
	vertical-align: bottom;
}

#top-menubar a {
	text-decoration: none;
	color: #86B6D8;
	margin-right: 15px;
}

#top-menubar a:hover {
	color: #1B3B68;
}


/** Main menu **/

#top-menu-main {
	height: 26px;
}

#top-menu-main li {
	list-style-type: none;
	float: left;
	margin-right: 2px;
	width: 125px;
	background: #86B6D8;
}

#top-menu-main li a {
	display: block;
	height: 16px;
	text-decoration: none;
	padding: 8px 8px 0px 8px;
	color: #fff;
	vertical-align: bottom;
	
	font-size: 12px;
	line-height: 13px;
	font-family: Univers;
}

#top-menu-main li a:hover,
#top-menu-main li a.active {
	background: #1B3B68;
}


/** Left menu **/

#menu-left {
	min-height: 278px;
	_height: 278px;
	background: #86B6D8;
}

#menu-left li {
	list-style-type: none;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

#menu-left li a {
	display: block;
	text-decoration: none;
	min-height: 14px;
	_height: 14px;
	padding: 9px 8px 3px 8px;
	color: #fff;
	margin: 0;
	
	white-space: normal;
	
	font-size: 12px;
	line-height: 13px;
	font-family: Univers;
}

#menu-left li a:hover,
#menu-left li a.active {
	background: #1B3B68;
	white-space: normal;
}

#menu-left li ul li a {
	font-size: 11px;
}



/******/


#logo {
	width:200px;
	height:95px;
	text-align:left;
	float:left;
}

#search-field {
	border:1px solid #ccc;
	padding:3px;
	width:110px;
	height:12px;
	vertical-align: top;
	margin-left:10px;
	
	font-family: Arial, Helvetica, sans-serif;
	color: #065190;
	font-size: 1em;
}

#but-search {
	margin-top:0px;
	width:55px;
	height:20px;
	margin-left:3px;
	vertical-align: top;
}

.menu-item, .last-menu-item {
	float:left;
	height:26px;
	width:127px;
}

.last-menu-item {
	width:125px;
}

.divider {
	width:760px;
	height:2px;
	float:left;
}

#left-menu-container {
	float:left;
	width:125px;
	background-color:#FFF;
	padding:0px;
}

#content-container {
	float:right;
	width: 760px;
	background-color:#FFFFFF;
	padding:0px;
	margin:0px;
}

#bigbut-welkom {
	width:254px;
	height:136px;
	float:left;
}
#bigbut-houtenvloeren, #bigbut-lamelparket {
	width:254px;
	height:136px;
	float:left;
	cursor:pointer;
	cursor:hand;
}

#sfeer-square {
	width:125px;
	height:136px;
	float:left;
}

#splash-content {
	float: left;
	width: 224px;
	height: 251px;
	padding: 15px;
	padding-bottom: 10px;
	overflow: auto;
}

#sfeer-splash {
	width:381px;
	height:276px;
	float:left;
}

#sfeer-rectangular {
	width:252px;
	height:276px;
	float:left;
	background:url(../img/shapes/shape_splash_openingstijden.gif) bottom right;
}

#splash-adress {
	margin:10px;
	margin-left:15px;
}

#splash-bottom {
	width:887px;
	height:136px;
	float:left;
	background:url(../img/shapes/shape_splash_bottom.gif) top left;
}
#openingstijden {
	margin:10px;

	margin-top:10px;
	padding-left: 5px;
	color:white;
}

#breadcrumbs-top {
	font-size: 11px;
	padding-left: 2px;
}

#breadcrumbs-top a {
	text-decoration: none;
}

#breadcrumbs {
	font-size: 11px;
	margin-top: 8px;
	color: #86b6d8;
	float: left;
}
#breadcrumbs a {
	color:#86b6d8;
	text-decoration: none;
}
#breadcrumbs a:hover {
	color: #1b3b68;
	text-decoration: underline;
}





/* algemeen */
.clear-both {
	clear: both;
}

/* vervolg pagina's */



#content {
	padding: 20px;
}

/* contact */

td.normal {
	
}
input[type='text'], textarea, select {
	border: 1px solid #86b6d8;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 2px;
	font-size: 11px;
	width: 150px;
}





/* sitemap */
#sitemap .sitemaptable-main a:link {
	color: #1d3d6a;
	text-decoration: none;
	font-weight: bold;
}

#sitemap .sitemaptable-main a:visited {
	color: #1d3d6a;
	text-decoration: none;
	font-weight: bold;
}

#sitemap .sitemaptable-level2 a:link {
	color: #1d3d6a;
	text-decoration: none;
	font-weight: bold;
}

#sitemap .sitemaptable-level2 a:visited {
	color: #1d3d6a;
	text-decoration: none;
	font-weight: bold;
}

#sitemap .sitemaptable-level3 a:link {
	color: #1d3d6a;
	text-decoration: none;
	font-weight: normal;
}

#sitemap .sitemaptable-level3 a:visited {
	color: #1d3d6a;
	text-decoration: none;
	font-weight: normal;
}

#sitemap .sitemaptable-level4 a:link {
	color: #1d3d6a;
	text-decoration: none;
	font-weight: normal;
}

#sitemap .sitemaptable-level4 a:visited {
	color: #1d3d6a;
	text-decoration: none;
	font-weight: normal;
}

.sitemap-item {
	line-height: 0;
}




.hilite {
	background-color: #dde8f0;
}

hr {
	height: 0;
	border: 0;
	border-top: 2px solid #fff;
}

#overview {
	margin: 0px;
	padding: 0;
}

#overview-search {
	float: right;
	width: 125px;
}

#overview-search-form {
	background-color: #86b6d8;
	margin-bottom: 2px;
	height: 254px;
	padding: 10px;
	padding-top: 20px;
	padding-bottom: 0px;
}

#overview-search-form select {
	font-size: 11px;
}

#overview-pages {
	background-color: #efefee;
	height: 41px;
	width: 95px;
	float: right;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 95px;
}

#overview-pages span {
	display: block;
	float: left;
	width: 15px;
	height: 15px;
}

#overview-pages span a {
	text-decoration: none;
}

.overview-title {
	padding: 3px;
	display: block;
}

.overview-title a {
	
}


.item {
	float: left; 
	width: 125px;
	height: 136px;
	background: #efefee; 
	font-size: 11px;
	margin-right: 2px;
	margin-bottom: 2px;
	display: block;
	text-decoration: none;
}

.item-lastrowitem {
	float: left; 
	width: 125px; 
	background: #efefee;
	font-size: 11px;
}



.item-info{
	margin: 8px;
}

#item-detail {
	padding: 20px;
	padding-top: 10px;
	padding-bottom: 0;
	width: 466px;
	overflow: hidden;

	background-image: url('/site/img/item_detail_bg.png');

	/*
	background-color: white;
	opacity:.85;
	filter: alpha(opacity=85); 
	-moz-opacity: 0.85;
	*/
}

#item-detail p {
	margin: 0;
}

#item-detail a {
	text-decoration: underline;
}

#item-detail ul {
	margin-left: 20px;
}

#item-title {
	margin-bottom: 8px;
}

#item-detail td {
	padding-top: 2px;
	padding-bottom: 2px;
	height: 18px;
	border-top: 1px solid #e5e5e5;
}

.houtsoorten {
	padding: 7px 10px 0px 10px;
	display: block;
	font-weight: normal;
	font-size: 11px;
	line-height: 18px;
}

/* --------------------------------------------------- */

.project-item {
	margin-bottom: 3px;
}

.project-item img {
	margin-right: 15px;
	float: left;
}

.project-item h2 {
	width: 325px;
	display: inline;
}

.project-item h2.generated span {
	/*background:red;*/
}

#project-pages {
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 110px;
}

#project-pages span {
	display: block;
	float: left;
	width: 15px;
	height: 15px;
}

#project-pages span a {
	text-decoration: none;
}


/* algemeen ------------------------------------------ */
.display-none {
	display:none;
}

/* photo gallery ------------------------------------- */

#img-pages {
	position: relative;
	height: 18px;
	margin-top: -28px;
	background-color: white;
	width: 70px;
	margin-left: 304px;
	padding: 5px;
	padding-left: 5px;
	padding-right: 0px;
}

#img-pages a {
	text-decoration: none;
	display: block;
	width: 13px;
	float: left;
	text-align: center;
}


#gallery {
	background-color: #efefee;
	width: 120px;
	float: right;
	padding: 5px;
	margin-left: 10px;
	margin-bottom: 10px;
}

#gallery-description {
	margin: 0px 5px 2px 5px;
	font-weight: normal;
}

#gallery-shell{
	position: relative;
}

#gallery-shell img {
	margin: 0;
	padding: 0/;
}

#gallery-start{
	position: absolute; 
	left: 0px; 
	top: 50px;
}

.gallery_upper_left {
	margin: 5px 10px 10px 0px;
	float: left;
}

.gallery_upper_center {
	margin: 0 auto;
	margin-bottom: 10px;
	margin-top: 5px;
}

.gallery_upper_right {
	margin: 5px 0px 10px 10px;
	float: right;
}

.gallery_bottom_left {
	margin: 5px 10px 10px 0px;
	text-align: left;
}

.gallery_bottom_center {
	margin: 0 auto;
	margin-bottom: 10px;
	margin-top: 5px;
}

.gallery_bottom_right {
	margin: 5px 0px 10px 10px;
	float: right;
}


.sitemap_block {
	float: left;
	width: 225px;
}

.sitemap_node {
	height: 20px;
	padding: 0;
	line-height: 20px;
}

.sitemap_node img {
	margin: 0;
	padding: 0;
	vertical-align: middle;
}


.project-item canvas {
	padding-top: 5px;
}


