@charset "UTF-8";
/* CSS Document */

body{
	background-color:#3b3b3b;
	font-family: verdana;
	font-size: 12px;
	color: #666666;
}

/****** Text stylen ******/

a:link {
	color: #3b3b3b;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #3b3b3b;
}
a:hover {
	text-decoration: none;
	color: #df1000;
}
a:active {
	text-decoration: none;
	color: #3b3b3b;
}

#container{
	width: 999px;
	
	margin: auto auto;
	padding: 0px;
	
	font-family: verdana;
	font-size: 11px;
	color: #777171;
}

/****** klanten service ******/
.klantserv_link:link {
	color: #df1000;
	text-decoration: none;
}
.klantserv_link:visited {
	text-decoration: none;
	color: #df1000;
}
.klantserv_link:hover {
	text-decoration: none;
	color: #df1000;
}
.klantserv_link:active {
	text-decoration: none;
	color: #df1000;
}

/******* klanten service eind *******/

/****** Eind Layout ******/

#doeken_overzicht{
	width: 550px;
	float: left;
	margin-bottom: 15px;
}

#doeken_latenzien{
	width: 120px;
	height: auto;
	padding: 5px;
	float: left;
	
	text-align: center;
}

#grootdoek{
	width: 500px;
	height: 120px;
	margin: 0px;
	margin-left: 30px;
	padding: 0px;
	
	text-align: center;
}

.groot_doek_doeken
{
	width: 110px;
	height: 120px;
	padding: 5px;
	float: left;
}


/* Winkelwagentje */
.winkel_wagen_product_info
{
	width: 543px;
	padding: 5px;
	float: left;
	border-bottom: 1px solid #CCC;
}


#pro_blok{
	width: 267px;
	height: 192px;
	
	margin: 0px;
	margin-right: 1px;
	margin-left: 1px;
	margin-bottom: 2px;
	padding: 10px;
	
	text-align: center;
	
	background-image: url(./images/product.png);
	
	float: left;
}

# sub_cat_blok{
	width: 168px;
	height: 70px;
	
	margin: 0px;
	margin-right: 3px;
	margin-left: 2px;
	margin-bottom: 5px;
	padding: 10px;
	
	font-weight: bold;
	
	background-image: url(./images/blok_submenu.png);
	
	float: left;
}

/*-- CONTENT BlOK --*/
#content_blok{
	width: 575px;
	margin: 0px;
	margin-right: 1px;
	margin-left: 1px;
	margin-top: 2px;
	margin-bottom: 2px;
	padding: 0px;
	float: left;
}

#content_blok div#cont_top{
	width: 575px;
	height: 12px;
	margin: 0px;
	padding: 0px;
	
	background-image: url(./images/cont_top.png);
}

#content_blok div#cont_midden{
	width: 555px;
	margin: 0px;
	padding: 10px;
	
	overflow:auto;
	
	background-image: url(./images/cont_midden.png);
}

#content_blok div#cont_foot{
	width: 575px;
	height: 12px;
	margin: 0px;
	padding: 0px;
	
	background-image: url(./images/cont_foot.png);
}

#klanten_service{
	width: 250px;
	
	margin: 0px;
	margin-right: 1px;
	margin-left: 1px;
	margin-bottom: 2px;
	
	float: left;
}
/*-- EIND CONTENT BLOK --*/

/****** ASSORTIMENT ******/

#cat_pro_item
{
	width: 542px;
	max-height: 180px;
	margin-bottom: 5px;
	padding: 5px;
	border: 1px solid #CCC;
	float: left;
}

.cat_pro_afbeelding
{
	float: left;
	max-width: 120px;
	max-height: 120px;
	margin: 5pt; 
	border: 1px solid #CCC;
}

.cat_pro_omschrijving
{
	width: 242px;
	height: 120px;
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	float: left;
}

.cat_pro_prijs
{
	width: 145px;
	padding-left: 5px;
	float: left;
}

.cat_pro_extra
{
	width: 532px;
	height: 15px;
	padding: 5px;
	border-top: 1px solid #CCC;
	float: left;
}

.cleardiv{
	clear:both;
}

/****** Styles opmaak ******/

h1 {
	color: #df1000;
	font-size:	18px;
	font-weight:100;
	margin-bottom: 14px;
}

h2 {
	color: #df1000;
	font-size:	16px;
	font-weight:100;
	margin-bottom: 14px;
}

hr {
	height: 0;
	border: 0;
	border-top: 1px dotted #000;
	margin-bottom: 20px;
	margin-top: 20px;
}

.titel {
	font-size: 15px;
	color: #df1000;
	padding-bottom: 20px;
}

.head_zoek_veld{
	color: #6e6e6e;
	font-style:italic;
	border: 1px solid #3b3b3b;
	padding: 3px;
}

.head_zoek_but{
	color: #3d3d3d;
	border: 1px groove #3b3b3b;
	padding: 2px;
}

.totaalbedrag{
	font-size: 15px;
	color: #df1000;
	
	width: 100%;
}

ul#menu_list{
 margin:0;
 margin-left: 15px;
 margin-right: 15px;
 padding:0;
 list-style:none;
 width:170px;
}

ul#menu_list li{
	margin-left: 0px;
	background-image: url(./images/list_stroke.png);
	list-style-type: none;
	height: 16px;
	padding: 7px;
	font-size: 10px;
}

ul#rechts_list{
 margin:0;
 margin-left: 14px;
 margin-right: 0px;
 padding:0;
 list-style:none;
 width:130px;
}

ul#rechts_list li{
	margin-left: 0px;
	list-style-type: circle;
	padding: 3px;
	font-size: 10px;
}

.tabel_back{
	border: 1px;
	background-color:#fafafa;
}

.tabel_back:hover{
	border: 1px;
	background-color:#E6E6E6;
}

/****** Forms******/
 label{
    float: left;
    width: 150px;
    text-align: right;
    
    margin-right: 15px;
}

input{
    background-color: #f5f5f5;

    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
    
    margin-bottom: 10px;
}

select{
    background-color: #f5f5f5;
    
    border-color: #cccccc;
    border-style: solid;
    border-width: 1px;
    
    margin-bottom: 10px;
}

textarea{
    width: 350px;
    height: 200px;
    background-color: #f5f5f5;
    
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
    
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    
    margin-bottom: 10px;
}

/****** Eind Forms ******/

/* Pagina numering */

.paginanumering, .paginanumering a {
	border: 1px solid #CCC;
	padding: 2px;
	
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	
	-moz-border-radius-topleft: 100px;
	-moz-border-radius-topright: 100px;
	-moz-border-radius-bottomleft: 100px;
	-moz-border-radius-bottomright: 100px;
	
	font-size: 10px;
}

.paginanumering:hover, .paginanumering a:hover {
	border: 1px solid #CCC;
	padding: 2px;
	
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	
	-moz-border-radius-topleft: 100px;
	-moz-border-radius-topright: 100px;
	-moz-border-radius-bottomleft: 100px;
	-moz-border-radius-bottomright: 100px;
	
	font-size: 10px;
	background-color: #df1000;
	color: #FFF;
}