/* ============================================================	*/ 
/* ========	HTML STANDAARDEN  	===============================	*/
/* ============================================================	*/ 

html {
	height:100%;
	width:100%;
	overflow: -moz-scrollbars-vertical;
	}
body {
	margin:0 0 0 0;
	width:100%;
	height:100%;
	text-align:center;
	background-color:#FFF;

	
	scrollbar-face-color: #ddd; 
	scrollbar-highlight-color: #FFF; 
	scrollbar-shadow-color: #aaa; 
	scrollbar-3dlight-color: #aaa; 
	scrollbar-arrow-color:  #666; 
	scrollbar-track-color: #FFF; 
	scrollbar-darkshadow-color: #FFF;
	}
body {
	font-family:Verdana, Arial, Helvetica, Sans-serif;
	font-size:11px;
	}
	
table {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 11px;
	border-spacing: 0px;
	border:0;
}
	
th {
	font-family:Verdana, Arial, Helvetica, Sans-serif;
	font-size:11px;
	}
	
p {
	font-family:Verdana, Arial, Helvetica, Sans-serif;
	font-size:11px;
	}
	
td{
}
h1 {
	margin:0 0 10px 0;
	}
h2 {
	margin:0 0 10px 0;
	}
h3 {
	margin:0 0 10px 0;
	}
h4 {
	margin:0 0 0px 0;
	}
h5 {
	margin:0 0 10px 0;
	}
h6 {
	margin:0 0 10px 0;
	}
.kopbold{
	font-weight: bold;
	color:#666666;
	font-family:Verdana, Arial, Helvetica, Sans-serif;
	font-size:10px;
	line-height:18px;
}

h1 {}
h2 {}
h3 {font-weight: bold;
	color:#666666;
	font-family:Verdana, Arial, Helvetica, Sans-serif;
	font-size:16px;
}
	
ol {}
ul {}
li {}
li li {}

label {
	
	}
/* ============================================================	*/ 
/* ========	LAYOUT BLOCKEN  	===============================	*/
/* ============================================================	*/ 

#container {
	position:relative;
	margin:0 auto 0 auto;
	width:1000px;
	min-height:100%;
	height:100%;
	text-align:left;
	background-color:#FFF;

	}
	/* mozilla hax \*/
html>body #container {
    height:auto;
	}
	/* mozilla hax */

/* ============================================================	*/ 
/* ========	HEADER				===============================	*/
/* ============================================================	*/

div.header {
	background: url('../gfx/PT_logo.gif') 166px 9px no-repeat;
	height:54px;
	overflow:hidden;
	}
	
div.header a{
	position:absolute;
	display:block;
	top:20px;
	height:19px;
	line-height:19px;
	overflow:hidden;
}	
div.header a.home{background:url('../gfx/Home.gif') no-repeat ; width:38px; left:9px;text-indent:38px;}
div.header a.home:hover{background:url('../gfx/Home_o.gif') no-repeat ; width:38px; left:9px;}

div.header a.info{ background:url('../gfx/info.gif') no-repeat ; width:93px; left:60px;text-indent:93px;}	
div.header a.info:hover{ background:url('../gfx/info_o.gif') no-repeat ; width:93px; left:60px;}	

div.header a.over{
	background:url('../gfx/over.gif') no-repeat;
	width:82px;
	left:450px;
	text-indent:82px;
}	
div.header a.over:hover{ background:url('../gfx/over_o.gif') no-repeat ; width:82px; left:450px;}	

div.header a.collectie{background:url('../gfx/collectie.gif') no-repeat ;	width:84px; left:532px;text-indent:84px;}	
div.header a.collectie:hover{ background:url('../gfx/collectie_o.gif') no-repeat ; width:84px; left:532px;}	

div.header a.handgemaakt{background:url('../gfx/handgemaakt.gif') no-repeat ;	width:119px; left:616px;text-indent:119px;}	
div.header a.handgemaakt:hover{ background:url('../gfx/handgemaakt_o.gif') no-repeat ; width:119px; left:616px;}	

div.header a.outlet{background:url('../gfx/outlet.gif') no-repeat ;	width:67px; left:735px;text-indent:67px;}	
div.header a.outlet:hover{ background:url('../gfx/outlet_o.gif') no-repeat ; width:67px; left:735px;}	

div.header a.totaalplan{background:url('../gfx/totaalplan.gif') no-repeat ;	width:105px; left:802px;text-indent:105px;}	
div.header a.totaalplan:hover{ background:url('../gfx/totaalplan_o.gif') no-repeat ; width:105px; left:802px;}	

div.header a.projecten{background:url('../gfx/projecten.gif') no-repeat ;	width:92px; left:907px;text-indent:92px;}	
div.header a.projecten:hover{ background:url('../gfx/projecten_o.gif') no-repeat ; width:92px; left:907px;}	



	
/* ============================================================	*/ 
/* ========	NAVIGATIE			===============================	*/
/* ============================================================	*/

div.navigatie {
	width: 166px;
	height: 320px;
	float: left;
	line-height:25px;
	font-weight: bold;
	font-size: 12px;
	

}
div.navigatie a{
	padding-left:5px;
	text-decoration:none;
	color: #fff;
}

div.navigatie a:hover{

}




/* ============================================================	*/ 
/* ========	maincontent				===============================	*/
/* ============================================================	*/



div.topcontent{
	float:left;
	width:640px;
	height:320px;
	overflow:hidden;
	}
	
div.topcontent td{
	width: 160px;
	height: 160px;
	}
	
div.topcontent a{
	border:0px;
	text-decoration:none;
	display:block;
	}
	
div.topcontent img{
	border:0px;

}



div.mainContent{
	min-height:350px;
	_height:350px;
	color:#666666;
	padding-bottom:40px;
	}
	
div.mainContenttxt{
	padding-top:25px;
	margin-left:325px;
	margin-right:75px;
}



/* ============================================================	*/ 
/* ========	CONTENTBLOCK		===============================	*/
/* ============================================================	*/

div.contenttop{
	position:relative;
	clear:both;
	width:1000px;

	}

div.contentbot{
	position:relative;
	clear:both;
	width:1000px;
	overflow:hidden;
	}
	


div.sidebarR {
	position:absolute;
	top:0px;
	right:0px;
	background:#333333;
	width:194px;
	height: 320px;
	overflow:hidden;
	}
	
div.sidebartable {
	position:absolute;
	top:0px;
	right:0px;
	background:#333333;
	width:194px;
	height: 320px;
	overflow:hidden;

	text-indent:8px;
	/*border:#333333 solid 4px;*/
	}

div.productinfo{
	position:absolute;
	left:8px;
	top:4px;
}
div.productinfo td{
text-align:left;
height:16px!important;
line-height:16px!important;
vertical-align:top!important;


}

	
.productkop{
	font-size: 12px;
	font-weight: bold;
	color: #CCC;
}
.productgroep{
	font-size: 10px;
	font-weight: bold;
	color: #865f40;
}
.productgroep span{
	font-size:10px;
	font-weight: normal;
	color:#CCC;
}

.details{
	font-size:10px;
	color:#CCC;
}
.incl{
	font-size:10px;
	color:#CCC;
}

div.sidebartable td{
	vertical-align:bottom;
	height:20px;
	width:190px;
	}
div.sidebartable tr{
	width:186px;
	}
div.productinfo a{
	color:#CCC;
	border:0px;
	text-decoration:none;
	display:block;
	font-size: 10px;
	font-weight: bold;
	}
a{
	color:#54504d;
	border:0px;
	text-decoration:none;
	font-size: 10px;
	font-weight: bold;
}	
	
	/* MOZILLA HAX */
	html>body div.left {
		margin-bottom:0px;
		}
	/* MOZILLA HAX */
	

	
/* ============================================================	*/ 
/* ========	FOOTER				===============================	*/
/* ============================================================	*/

div#footer {
	height:20px;
	position:absolute;
	bottom:0;
	left:0;
	width:1000px;
	clear:both;
	}
	
div#footer .footerText {
	color:#54504d;
	font-size: 10px;
	font-weight: bold;
	text-align:center;
}
div#footer .footerText a{
	color:#54504d;
	font-size: 10px;
	font-weight: bold;
	text-decoration:none;
	}

html>body #footer {
	top:expression(document.getElementById('container').clientHeight - 25 + "px");} /* IE7 fix */
	
	
/* ============================================================	*/ 
/* ========	FORMULIEREN		  	===============================	*/
/* ============================================================	*/ 

.form {
		margin:0px;
		}
.formgrid {
		}
.formGrid td {
		}
.formGrid .nameCell {
	}
.formGrid .inputCell {
		}
select {
	vertical-align:middle;
	}
	
input {
	vertical-align:middle;
	}
	
input.submit{
	height:20px;
	background:#666666;
	border:1px #666 solid;
	color:#fff;
}
input.submit:hover{
	height:20px;
	background:#FFF;
	border:1px #666 solid;
	color:#666;
}

input.typeText {
	color:#666666;
	font-weight:normal;
	border:1px solid #666666;
	width:300px;
	}
	
.formGrid input.typeText {
	padding-left:5px;
	}
	
label {
	vertical-align:middle;
	}
textarea.textarea {
	width:300px;
	color:#666666;
	font-weight:normal;
	border:1px solid #666666;	}
	
	
select {
	font-family:Verdana, Arial, Helvetica, Sans-serif;
	font-size:11px;
	}
textarea {
	font-family:Verdana, Arial, Helvetica, Sans-serif;
	font-size:11px;
	}
input {
	font-family:Verdana, Arial, Helvetica, Sans-serif;
	font-size:11px;
	}

div.quotes {
	position:absolute;
	bottom:10px;
	right:10px;
	color:#FFFFFF;
	font-size:15px;
	font-style:italic;
}
div.quotes1 {
	position:absolute;
	top:20px;
	right:10px;
	color:#FFFFFF;
	font-size:13px;
	font-style:italic;
	width:174px;
}
div.quotes2 {
	position:absolute;
	top:90px;
	right:10px;
	color:#FFFFFF;
	font-size:13px;
	font-style:italic;
	width:174px;
}
div.quotes3 {
	position:absolute;
	bottom:20px;
	right:10px;
	color:#FFFFFF;
	font-size:12px;
	font-style:italic;
	width:174px;
}
div.banner {
	float:left;
	margin-left:0px;
	margin-top:100px;
	
}