/* Teak house Css */
/* Made by Pure Sign */
/* http://www.puresign.be */

/*Hoofdcontainer */
* {
	margin: 0;
	padding: 0;
}
body {
	text-align: center; /*voor IE*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	letter-spacing:1px;
	background-color:#242529;}

a:link {
	color: #FFFFFF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	text-decoration: underline;
	color: #dccba1;
}
a:active {
	text-decoration: none;
	color: #FFFFFF;
}

#center {
	background-image:url("img teakhouse/achtergrond2.gif");
	background-repeat:repeat-x;
	width:100%;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
#container {
	width: 976px;
	margin : 0px auto 0px auto;
	background-image:url("img teakhouse/achtergrond.gif");
	background-repeat:repeat-y;
	overflow: hidden;}

#kolom1, #kolom2, #kolom3 {
	float : left;
	margin : 0px;}

#kolom1 {
	width:146px;
	padding:0px 0px 0px 31px;}

#kolom2 {
	width:589px;}

#kolom3 {
	width:178px;
	padding:0px 31px 0px 0px;}
	
.header {
	line-height:0px;}

#footer {
	clear: both;
	padding:0px 0px 30px 0px;
	}
	
/*Navigatie */

#hoofdnavigatie{
	width:976px;
	height:20px;
	background-image:url("img teakhouse/navigatie_achtergrond.jpg");
	letter-spacing:2px;
	color:#FFFFFF;}
	
#navigatieLijst { 
	margin: 0; 
	padding: 4px 50px 4px 150px; }
	
.navigatieItem { 
	display: inline; 
 	padding-left: 30px;
 	padding-right: 30px;}
	
/*Producten */


#content{
	position: relative;
	overflow: hidden;
	width:589px;
	text-align:left;}

#positie{
	background-color:#c5b591;
	font-weight:bold;
	line-height:16px;
	text-align:left;
	padding: 0px 0px 0px 20px;}

.lijn{
	margin:10px 0px 0px 0px;
	background-color:#c5b591;
	clear:both;
	height:7px;
	font-size:7px;}

.product{
	line-height:12px;}

.titel{
	float:right;
	font-weight:bold;
	width:450px;
	color:#000000;
	padding: 10px 0px 0px 0px;}

.omschrijving{
	float:right;
	width:450px;
	padding: 8px 0px 0px 10px;}

.prijs{
	float:right;
	width:450px;
	padding: 8px 0px 10px 10px;}
	
.productfoto{
	float:left;
	border:none;
	padding: 15px 0px 8px 30px;}

.titelbasafmeting{
	width:200px;
	float:left;
	font-weight:bold;
	padding: 10px 0px 0px 0px;}

.titelanafmeting{
	width:200px;
	float:right;
	font-weight:bold;
	padding: 10px 0px 0px 0px;}

.afmeting{
	font-weight:normal;}
	
.afmetingen, prijs{
	width:450px;
	float:right;}

.afmetingLijst{ 
	margin: 0; 
	padding: 10px 0px 0px 0px;}
	
.afmetingItem { 
 	list-style:none;
	padding: 0px 0px 0px 0px;}

/* Subnavigatie */

#subnavigatie{
	position: relative;
	overflow: hidden;
	width:116px;
	height:27px;
	background-image:url("img teakhouse/subnav_interieur.jpg");
	color:#FFFFFF;
	text-align:right;
	padding: 1px 20px 0px 10px;
	font-weight:bold;}

.submenu{
	position: relative;
	overflow: hidden;
	width:146px;
	text-align:left;}
	
.menuLijst { 
	margin: 0; 
	line-height:20px;
	padding: 0px 0px 0px 0px;}
	
.menuItem { 
 	list-style:none;
 	padding-left: 20px;
 	padding-right: 10px;}
	
.stijl{
	margin:5px 0px 5px 10px;
	font-weight:bold;}

/* In de kijker */

#indekijkerFoto{
	position: relative;
	overflow: hidden;
	width:116px;
	height:22px;
	background-image:url("img teakhouse/indekijker.jpg");
	background-repeat:no-repeat;
	color:#FFFFFF;
	text-align:right;
	padding: 29px 20px 0px 10px;
	font-weight:bold;}

#indekijker{
	position: relative;
	overflow: hidden;
	width:146px;
	text-align:left;}
	
/* Partners */

#partners{
	position: relative;
	overflow: hidden;
	width:178px;
	text-align:left;}

#fotolinks{
	width:178px;
	height:300px;
	background-image:url("img teakhouse/foto_links.jpg");}

#partnersfoto{
	width:178px;
	height:30px;
	padding: 24px 0px 0px 70px;
	color:#FFFFFF;
	font-weight:bold;
	background-image:url("img teakhouse/partners.jpg");
	background-repeat: no-repeat;}
	
/* Onderhoud */

#onderhoudfoto{
	float:left;
	padding: 20px 0px 0px 10px;}

#titelonderhoud{
	float:right;
	font-weight:bold;
	width:310px;
	color:#000000;
	padding: 35px 10px 0px 0px;}
	
#omschrijvingonderhoud{
	float:right;
	width:310px;
	padding: 8px 10px 0px 0px;}

#onderhoudfoto2{
	float:right;
	padding: 20px 10px 10px 0px;}
		
	
#omschrijvingonderhoud2{
	float:left;
	width:310px;
	padding: 20px 10px 20px 20px;}
	
/* Contact */

#contact{
	float:right;
	padding: 20px 10px 0px 0px;}
	
#omschrijvingcontact{
	float:left;
	width:250px;
	padding: 30px 0px 20px 20px;}
	
#uren{
	float:right;
	width:300px;
	font-weight:bold;
	padding: 20px 0px 20px 20px;}
	
#gegevens{
	float:left;
	width:200px;
	font-weight:bold;
	padding: 38px 0px 20px 40px;}
	
.contactLijst { 
	margin: 0; 
	line-height:20px;
	padding: 10px 0px 0px 0px;}
	
.contactItem { 
	font-weight:normal;
 	list-style:none;
 	padding-right: 20px;}
	
/* Intro */

#intro{
	float:left;
	padding: 10px 0px 0px 10px;}
	
#omschrijvingintro{
	float:left;
	width:250px;
	text-align:left;
	padding: 30px 0px 20px 20px;}
	
#omschrijvingintro2{
	clear:both;
	width:550px;
	text-align:left;
	padding: 15px 0px 20px 20px;}
	
#titelintro{
	clear:both;
	width:550px;
	font-weight:bold;
	text-align:left;
	padding: 15px 0px 0px 20px;}
	
#titelintro2{
	font-weight:bold;
	text-align:left;
	padding: 0px 0px 10px 0px;}