/*
 * Proga Plastics B.V.
 * Barneveld
 */
 
* {margin:0; padding:0;}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #000;
	text-align:center; 
	background-color: #fff;
}
h1 {font-size:18px;font-weight:bold; color: #db001b; display:block;}
h2 {font-size:14px; font-weight:bold; color: #666; display:block; margin: 4px 0}
h3 {font-size:12px; font-weight:bold; color: #000;}
h4,h5,h6 {font-size:100%; font-weight:bold; color: #ff9900;}

p{font-size:12px; line-height:18px; margin:6px 0;}
ul {margin-left:20px;}
ol {margin-left: 24px;}
div,table,tr,td,p {font-size: 12px; color:#666;}
a img{border:none;}
a {text-decoration:underline;}
a:hover {text-decoration:none;}

hr{
	margin: 4px 0 4px 0;
	padding: 0px;
	display: block;
	height: 1px;
	background-color: #e2e2e2; 
	border: none;
}

/*
 * Layout
 */

#pagecontainer {
	width:1000px; 
	margin:0 auto; 
	text-align:left; 
	display:block;
	/*border: 1px solid #000;*/
	overflow:hidden;
	background: url(/cmsfile/73) repeat-y center top; /* 5 */ 
}
#header {
	width:1000px; 
	height: 141px; 
	text-align:left;
	display:inline;
	overflow:hidden;
	float:left;
	}
	/* per productgroep een bijpassenden afbeelding */
	.defaultimg{
		background: transparent url(/cmsfile/85) no-repeat 180px top !important; 
	}
	.buizen{
		background: transparent url(/cmsfile/89) no-repeat 180px top !important; 
	}
	.staven{
		background: transparent url(/cmsfile/101) no-repeat 180px top !important; 
	}
	.platen{
		background: transparent url(/cmsfile/93) no-repeat 180px top !important; 
	}
	.profielen{
		background: transparent url(/cmsfile/97) no-repeat 180px top !important; 
	}
	.toebehoren{
		background: transparent url(/cmsfile/105) no-repeat 180px top !important; 
	}
#logo{
	width: 180px;
	height:141px;
	float:left;
}
#zoekbox{
	width:300px;
	height:141px;
	float:right;
	background: url(/cmsfile/21) no-repeat -14px top;
	overflow:hidden;
	color:#fff;
	padding:6px;
}
#zoeken{width:300px; height:auto; float:left; overflow:hidden;}
#topnav{
	width:100%; 
	height:30px;
	border-bottom:1px solid #e2e2e2;
	background:url(/cmsfile/29) repeat-x 300px top;
}
#contentcontainer{
	width:1000px; 
	height:auto; 
	display:inline;
	overflow:hidden;
	float:left;
	background: url(/cmsfile/53) no-repeat right bottom;
}
#rightcol{
	width:310px; 
	float:left; 
	text-align:left;
	background: transparent;
	background: url(/cmsfile/65) no-repeat left top;
	padding-top:12px;
}
#maincontent{
	width:690px; 
	height:auto;
	float:left; 
	background-color: transparent; 
	text-align:left;
	overflow:hidden;
}
#kp{color:#b1b2b4; width:100%; height:24px; font-size:11px; line-height:24px; padding-top:4px;}
#kp a{color:#b1b2b4 !important; text-decoration:none !important;}
#kp a:hover{color:#4b575e !important;}
#footer {
	width:670px; 
	height: 24px; 
	float:left; 
	clear:both; 
	border-top:1px solid #db001b; 
	text-align:left;
	margin: 0 auto;
}

/* box voor padding in de div elements */
.box{padding:12px;}

/*
 * Topnav
 */
#topnav ul{
	list-style-type:none;
	display:inline;
	background: url(/cmsfile/57) no-repeat 600px top;
	width:auto;
	height:30px;
	line-height:30px;
	margin-left:20px;
}
#topnav ul li {
	float: left;
	display:block;
}
#topnav ul li a{
	color:#fff;
	text-decoration:none;
	padding:0 8px;
	line-height:30px;
	display:block;
	background: url(/cmsfile/25) no-repeat right 1px;
}
#topnav ul li a:hover{
	background: url(/cmsfile/1) no-repeat right 1px;
	color:#fff !important;
}
#topnav ul li a.current{
	background: url(/cmsfile/1) no-repeat right 1px;
}
/*
 * Zoekbox
 */

#zoekbox{
	
}
#zoekbox ul{list-style-type:none; display:inline; width:310px; height:30px; line-height:30px; margin-left:12px;}
#zoekbox ul li {float:left;}
#zoekbox ul li a{color:#fff; text-decoration:none;}
#zoekbox ul li a:hover{color:#fff; text-decoration:underline !important;}

#zoekform{float:left;}
#zoeken{ 
	width:300px;
	height:auto;
	overflow:hidden;
}
.zoekwoord {background-color:#fff; border: 1px solid #b1b2b4; width:160px; height:18px;}
.zoekbtn{
	background: url(/cmsfile/17) repeat-x left top; 
	border:none; 
	color:#fff; 
	line-height:18px; 
	width:46px; 
	height:26px;
}


/*
 * Specifieke Layout styles
 */

#header a img{border:none;}
#topnav{line-height:30px;}/* verticaal centreren */

#maincontent h2{color:#4b575f; font-size:13px; font-weight:bold; display:block;}
#maincontent p{font-size:12px; line-height:18px;} 
#maincontent a{color:#db001b; text-decoration:underline;}
#maincontent a:hover{color:#db001b; text-decoration:none;}
#maincontent ul{list-style-image: url(/cmsfile/69);}

/*
 * producten lijst
 */
ul#products{
	list-style-type:none;
	margin:0;
} 
ul#products li a img {margin: 6px 0;}
 
/*
 * Formulieren
 */
form{font-family: Arial, Helvetica, sans-serif;}
fieldset {border:none;}
legend {border:none;}
input{font-size:11px; margin:4px 0; padding:2px 3px; border: 1px solid #666; background-color:#fff;}
input:focus{background-color:#fff;}
input[type="checkbox"]{border:none;}
input[type="radio"]{border:none;}
input[type="password"]{border:1px solid #666;}
textarea {margin:4px 0; width:240px; height:120px; border:1px solid #666; background-color:#fff;}
textarea:focus{margin-top:4px;background-color:#fff;}
input[type="select"]{margin-top:4px;border: 1px solid #666; background-color:#fff;}
.inputtext{width:234px;}

/*
 * Submit buttons
form_submit_link{background: #000; padding:3px;}
a#form_submit_link {color:#fff; text-decoration:none;}
 */

/*
 * Lijsten
 */
.view_header_table_data {background-color: #000; color:#fff;}
.list_header {background-color: #333; color:#fff;}
.list_record{padding-right:6px;}
.list-record:hover {background-color: #e2e2e2;}
.valign_top {padding: 3px 6px;}

/*
 *CMS textfooter
 */
#cms_textfooter a{color:#b1b2b4; text-decoration:none;}
#cms_textfooter a:hover{color:#4b575e; }  

#maincontent table [
width:600px !important;
background-color:lime;
}