/**
* main styles
*  - elements
*  - span, div classes
*  - input classes
*/
html, body{
	font-family: Georgia, "Times New Roman", Sylfaen, Helvetica, Arial, san-serif;
 	font-size:11px;
	color:#000066;
}
body {
	background: #FFFFFF url("../img/assets/bg.jpg") 0 0 repeat;
}
h1, h2, h3, h4 {color: #a31926;}
h5, h6 { text-decoration: underline;}
table{
	padding: 0px;
	margin: 0px;
}
td{
	font-size: 11px;
}
.small{	font-size: 9px;}
.image{	margin: 0px 3px  3px 0;	padding: 0px 0 0;}
input.blue_button { border: 2px outset #00ADEF; font: bold 11px/13px Georgia, "Times New Roman", Sylfaen, Helvetica, Arial, san-serif;}
div.inline_picture { margin: 0; padding: 0; vertical-align: top; float: right; clear: none;}
fieldset {margin: 0; padding: 0; border: 0;}
form { margin: 0; padding: 0; }
table.frmLogin { padding: 0; margin: 0; border: 0;}
table.frmLogin td { padding: 0; margin: 0; border: 0;}
td.labeler { 
	max-width: 150px; width: 130px; 
	letter-spacing: -1px; 
	font: normal 10px/10px Georgia, "Times New Roman", Sylfaen, Helvetica, Arial, san-serif; 
	padding-left: 14px !important;
	background: transparent url('../img/assets/itemX.gif') 0 50% no-repeat; 
}
td.labeler:first-letter {font-weight: bold;}
td.inputter { width: auto; text-align: right; }
.inputter input { 
	width: 100px; 
	height: 14px; 
	text-align: left;
	background-color: #DDD;
	font: normal 10px/10px Georgia, "Times New Roman", Sylfaen, Helvetica, Arial, san-serif;
	border-width: 2px; border-style: ridge groove;
	border-color:  #a31926;
}
.textveld{
	width: 120px;
}
/*  links */
a { text-decoration: none; color: #a31926;}
a:hover { color: #ca1f2f; text-decoration: underline;}
a:visited { color: #ca1f2f; text-decoration: none;}

#nav_right div h4 { display: inline; float: right; }


/**
*  Site Layout :: POSITIONING elements 
*
*/
#siteContainer{
	position: relative; top:0; left: 0;
	padding: 0;	margin: 0 6%;
	width: 88%;
	background-color: #ffffff;
	vertical-align: top;
}
	#header{
		background: transparent url("../img/assets/header.gif") 50% 0 repeat-x;
		padding: 0;
		margin: 0 !important;
		height:90px; max-height: 90px;
	}
		#header h1{
			display: block; 
			margin: 0px; padding: 0px;
			max-width: 300px; max-height: 90px;
			position: absolute; left: 0px; top: 95px;
			z-index: 512;
		}
		#header h1 span{
			position: absolute; top: 0; left: 250px;
			margin: 0; padding: 0;
			display: block;
			color: #a31926;
			font: bold 26px/30px Georgia, "Times New Roman", Sylfaen, Helvetica, Arial, san-serif;
		}
		#header a img { border: none;}
		
	/**
	*  navigation
	*
	*/
	#nav{	
		position: relative; left: 0; top: 0;
		height: 110px; 
		background-color: #c0c8dd; 
		vertical-align: top;
		border: 1px solid #fff; border-width: 5px 0;
	}

		#nav_left {
			width: 71%; 
			margin: 0 0 0 0px; padding: 0 0 0 90px;
			position: relative;
			float: left;	
			border-left: 5px solid #fff; 
		}
			#nav_left_right {
				margin: 0 0 0 10px; padding: 2px;
				float:left; clear: none;
				font-size:11px;
				width: 300px;
			}

		#nav_right{
			position: absolute; top: 0; right: 0;
			width: 29%; 
			padding: 0.5%;
			border-left: 5px solid #fff;
			font: bold 10px/12px Verdana, Times, san-serif;
		}
			#nav_right h4 { font-size: 14px; margin: 0; padding: 4px; text-align: left; color: #ca1f2f;}
			#nav_left_right ul {margin: 0; padding: 0; height: 110px;}
				#nav_left_right ul li { list-style: none; font: bold 12px/14px Verdana, Times, san-serif;}


	#mainContent{
		width: 66.5%;
		position: relative; top: 0; left: 0;
		float: left; 
		margin: 0px 0 0 0; padding: 10px 1% 10px 2%;
		background: #ffffff url("../img/assets/hoekbr.gif") 100% 100% no-repeat;
		min-height: 400px;
	}
	   #mainContent div { 
	   	   /*background: transparent url("../img/assets/hoektl.gif") 0 0 no-repeat;*/
	   	   padding: 0;
	   }
	   #mainContent #products_sorts, #mainContent #products_countries {
	   	margin: 0 30px; padding: 40px 0 0 40px;
	   	float: left; clear: right;
	   	background: transparent url("../img/assets/hoektl.gif") 0 0 no-repeat;
	   }
	       #products_sorts div.inner_products, #products_countries  div.inner_products {
	          background: transparent url("../img/assets/hoekbr.gif") 100% 100% no-repeat;
	   			margin: 0; padding: 0 40px 40px 0;
	       }
	       	#products_sorts div.inner_products div.product_sorts, #products_countries  div.inner_products div.product_sorts {
	       		margin: 5px 0;
	       	}
	   	

	#right_column {	
		width: auto; position: relative; top: 0;
		padding: 10px 1% 10px 1%;
		min-height: 400px;
		margin: 0px 0px 0px 70%;
		background-color: #f0f4ff;/*#D1D2D4;*/
	}
		 
		#right_column h3 {margin: 0; padding: 4px; text-align: left; color: #ca1f2f;}
		#right_column h4 {margin: 0; padding: 0;}

	
		/* 30% brede grijze zijkant (winkelmandje en login)  */
		 #right_column  #winkelmandje, #right_column #winkelmantje, #right_column #news {
			padding: 2px;
			width:auto;
			text-align: left;
			margin: 0px;
			font: 400 9px Verdana;
			border-top: 3px solid #ca1f2f;
		}
			#news p { margin-top: 8px;}
		#stats, #statistics, #login, #language { 
			position: relative;
			padding: 2px;
			margin: 0px;
			width: auto;
			font: bold 11px Verdana;
		}
		#mailinglist{
			margin-top:0px; clear: none;
			margin-bottom:20px;
		}
	/**
	*  footer
	*/

	#footer {
		clear: both;
		min-height: 25px;
		text-align: right;
		margin-bottom: 10px;
		border-top: 10px solid white;
		font-size: 12px; 
	}




/**
 *  layout mainContent
 * USER INPUT !!!!!!!!!!!!!!!!!!!!
 **/


#mainContent h2 {  	font-size:18px; }
#mainContent #userContent h1, #mainContent #userContent h2, #mainContent #userContent h3, #mainContent #userContent h4 { 
	padding-left: 70px;
}
#mainContent .showItem h3{	font-size:16px;}
#mainContent #invullen a{
	font-weight:bold;
	text-align:right;
	text-decoration: none;
	color:#fff;
}
#mainContent #invullen a:hover{	color:#000066;}
#mainContent .showItem h3{	background-color: #D1D2D4; margin-bottom:0px;padding:2px;}
#mainContent #invullen{	background-color: #A8A7AD;	margin-bottom:0px;	padding:2px;}
#mainContent #invullen a{	margin-left: 320px;}
#mainContent .field{	margin-left:200px;}
#mainContent .field{	margin-left:200px;}
#mainContent #sender{	margin-left:55px;} 
#mainContent #sender #name,
#mainContent #sender textarea{	padding:0px;	width:270px;}
#mainContent #sender td{	border-width:0px;}
#mainContent #sender #btn{	margin-top:90px;}

/**
*.   Right colum Layout
*
*/
#right_column a { color: #a31926; margin-left: 14px;}

#winkelmandje h3, #mailinglist h3, 
#stats h3, #login h3, #language h3 { 
	margin: 12px 0px 10px 0px; padding: 8px 2px 0px 40px; 
	height: 18px; width: auto; 
	vertical-align: middle;
	font: bold 13px Verdana, san-serif;
}
#winkelmandje h3 { background: white url('../img/assets/cart_klein.gif') 0 50% no-repeat; }
#login h3 { background: white url('../img/assets/member_klein.gif') 0 50% no-repeat; }
#stats h3 { background: white url('../img/assets/stats_klein.gif') 0 50% no-repeat; }
#language h3 { background: white url('../img/assets/language.gif') 0 50% no-repeat; }
#login {position: relative;}
span.topalign { position: absolute; top: 10px; right: 10px; }

#language ul { margin: 0; padding: 0;}
#language ul li { margin: 5px 0 5px 25px; list-style-image: url(../img/assets/itemX.gif);}
#language ul li a img { border: 0; }

#winkelmandje fieldset, #winkelmandje form { border: 0; padding: 0; margin: 0;}
table#tbl_cart { background-color: white;}
table#tbl_cart, 
 table#tbl_cart th, 
 table#tbl_cart td { margin: 0; padding: 0; border: 0;border: 1px solid #eaeef9;}
 
table#tbl_cart th { border: 1px solid #D1D2D4; background-color: #eaeef9;}

input.cart_btn { 
	border-color: #c0c8dd; 
	background-color: #eaeef9; 
	font: 300 10px/11px Verdana, san-serif;
	letter-spacing: 0px;
	padding: 2px;
	margin: 0px;
	width: 225px;
	word-spacing: 0px;
}
td.checkbox { max-width: 14px; }
input.cart_checkbox { width: 12px; height: 12px; font-size: 7px;}
td.td_cart_name {font: 600 9px Verdana, san-serif;  width: 100px;}
td.td_cart_price {font: normal 9px Verdana, san-serif;  width: 45px;}
td.td_cart_number {max-width: 30px;}
input.cart_number { width: 30px; height: 16px; font: normal 9px Verdana, san-serif;}

/**
*  E S H O P : products
*         cart
*         order-details
*/

#products { margin: 0; padding: 0; position: relative;}
#products div.product { margin: 20px 0 10px 0; padding: 0 10px 0 0;  position: relative; clear: left;}
table#tbl_products { background: #FFF; margin: 5px 0; padding: 0; border: 0; }
	table#tbl_products tr { }
	 
		table#tbl_products tr th.th_head_info { background-color: #f0f4ff;}
		table#tbl_products tr th, table#tbl_products tr td {border: 1px solid #f0f4ff; text-align: left; }
		/* special header with sorting possibilities */
		table#tbl_products tr th.th_products { 
			font-size: 0.9em; 
			font-weight: 400;
			vertical-align: top;
			background-color: #f0f4ff;
			border-style: groove;
			border-color: #454586 #2f2f5c #2f2f5c #454586; 
			border-width: 1px 2px 2px 1px;
		}
			table#tbl_products tr th span { display: block; margin: 0; padding: 0 0 0 0; }
			table#tbl_products tr th a { padding: 0; margin: 1px 5px 0 1px; float: right; clear: left;}
			table#tbl_products tr th a img { border: 0; margin: 0; padding: 0; }
			
		table#tbl_products tr td.prod_name { width: auto; }
		   td.prod_name a { 
		   		display: block;
		   		margin: 0; padding: 0;
		   		width: auto;
		   }
		table#tbl_products tr td.prod_type { 
			color: #F78F1E; 
			font: 500 italic 10px Georgia, san-serif;
			width: 50px;
		}
		table#tbl_products tr td.prod_price { 
			font-weight: bold; color: #111111; border: 0; 
			background-color: #f0f4ff; 
			width: 85px;
			text-align: center;
		}
		table#tbl_products tr td.prod_to_cart { 
			background-color: #FFFFFF;
			width: 50px;
		}
			table#tbl_products tr td.prod_to_cart a img { 
				padding: 0px; margin: 0px; border: 0;
			}
			table#tbl_products tr td.prod_to_cart a { 
				font-weight: bold; font-size: 11px; 
				text-decoration: none; 
				padding: 0; margin: 0px;
				color: #888888;
			}
			
		
		table#tbl_products tr td { min-height: 20px; vertical-align: top;}
		table#tbl_products tr td.bold { 
			background-color: #f0f4ff;
			min-width: 200px; 
			color: #111111; 
			font: 800 normal 11px Georgia, san-serif;
			
		}
		table#tbl_products tr td.prod_field { 
			color: #F78F1E; 
			font: 500 normal 11px Georgia, san-serif;
			width: auto; min-width: 350px;
		}
		table#tbl_products tr td.prod_field a img { border: 0;}
		table#tbl_products tr td.prod_text {  }
		table#tbl_products tr td.prod_picture {
			text-align: right;  width: 220px; 
			max-height: 270px; 
			padding: 0px; margin: 0px;
		}