/*
_______________________
webdesign & webhosting: 
_______________________
Lucas IT              
Zandhuisweg 1
7665 SH Albergen
T. 0546-442322
F. 0546-442311
E. info@lucasit.nl
I. www.lucasit.nl
_______________________

*/

body {
	height:100%;
	width:100%;
	background:#ffebba url('/images/bg_body.gif') repeat-x;
	padding:0;
	margin:0;
	font-family:Arial;	
	font-size:9pt;
}

#wrap {
	width:930px;
	height:auto;
	position:absolute;
	left:50%;
	margin-left:-465px;
	margin-top:15px;
}

#breadcrums {
	font-size:8pt;
	margin-bottom:20px;
}
#foto {	
	position:absolute;
	top:50px;
	right:87px;
	width:676px;
	height:130px;
}

#logo_horsefriend_left {
	position:absolute;
	top:-8px;
	left:0;
}
#logo_horsefriend_right {
	position:absolute;
	top:-8px;
	left:221px;
}

.pagetitle {
	font-size:12pt;
	font-weight:bold;
	color:#005d36;
}

.textinput {
	width:200px;
	height:20px;
	font-size:10pt;
	border:1px solid #005d36;
}
.textarea {
	width:200px;
	height:150px;
	font-size:10pt;
	border:1px solid #005d36;
}

#topnav {
	position:absolute;
	top:185px;
	right:0px;
	}
	.menutje {
		width:220px;
		height:22px;
		display:block;
		background:#005d36;
		color:#ffcc00;
		font-size:11pt;
		text-decoration:none;
		padding:3px 0 0 5px;
		margin:0;
	}
	.topnavitem a:link, .topnavitem a:visited, .topnavitem a:active {
		width:auto;
		height:22px;
		display:block;
		background:#005d36;
		color:#ffcc00;
		font-size:11pt;
		text-decoration:none;
		padding:3px 37px 0 37px;
		margin:0;
	}
	.topnavitem a:hover {
		width:auto;
		height:22px;
		display:block;
		background:#007443;
		color:#ffd52b;
		font-size:11pt;
		text-decoration:none;
		padding:3px 37px 0 37px;
		margin:0;
	}

	.topnavitemrechts a:link, .topnavitemrechts a:visited, .topnavitemrechts a:active {
		width:100px;
		height:22px;
		display:block;
		background:#005d36 /*url('/images/bg_navitemrechts.png') no-repeat*/;
		background-position:bottom right;
		color:#ffcc00;
		font-size:11pt;
		text-decoration:none;
		text-align:center;
		padding:3px 0 0 0;
		margin:0;
	}
	.topnavitemrechts a:hover {
		width:100px;
		height:22px;
		display:block;
		background:#007443 /*url('/images/bg_navitemrechts.png') no-repeat*/;
		background-position:bottom right;
		color:#ffd52b;
		font-size:11pt;
		text-decoration:none;
		text-align:center;
		padding:3px 0 0 0;
		margin:0;
	}

	.topnavsub a:link, .topnavsub a:active, .topnavsub a:visited {
		width:155px;
		height:auto;		
		display:block;
		padding:2px 10px 1px 10px;
		border-bottom:1px solid #005d36;
		background:#077044;
		color:#ffcc00;
		font-weight:bold;
		text-decoration:none;
	}
	.topnavsub a:hover {
		width:155px;
		height:auto;		
		display:block;
		padding:2px 10px 1px 10px;
		border-bottom:1px solid #005d36;
		background:#158154;
		color:#ffcc00;
		font-weight:bold;
		text-decoration:none;
		}
		#menualgemeen {
			position:absolute;
			top:210px;
			left:230px;
			border:1px solid #005d36;
			list-style:none;
			margin:0;
			padding:0;
			display:none;
		}
		#menuinformatie {
			position:absolute;
			top:210px;
			left:620px;
			border:1px solid #005d36;
			list-style:none;
			margin:0;
			padding:0;
			display:none;
	}
	.aantalartikelen {
		position:absolute;
		top:243px;
		left:740px;
		width:193px;
		height:35px;
		display:block;
		padding:10px;
		text-decoration:none;
		font-size:9pt;
		color:#005d36;
	}
	.winkelmand_legen {
		position:absolute;
		background:url('/images/trashcan.jpg');
		top:252px;
		right:13px;
		border:0;
		font-size:8pt;
		width:30px;
		height:30px;
		cursor:pointer;
	}
	.winkelmand_legen_hover {
		position:absolute;
		background:url('/images/trashcan.jpg');
		top:252px;
		right:13px;
		border:0;
		font-size:8pt;
		width:30px;
		height:30px;
		cursor:pointer;
}		
#left {
	width:225px;
	height:auto;
	float:left;
	padding:60px 0 0 0;
}
#leftmenu {
	float:left;	
	padding:0;	
	margin:0;
	list-style:none;
	}	
	.menuitem a:link, .menuitem a:active, .menuitem a:visited {
		width:205px;
		height:auto;
		display:block;		
		padding:2px 10px 1px 10px;
		background:#077044;
		color:#ffcc00;
		font-weight:bold;
		text-decoration:none;
	}
	.menuitem a:hover, .menuitem_actief a:link, .menuitem_actief a:active, .menuitem_actief a:visited, .menuitem_actief a:hover {
		width:205px;
		height:auto;
		display:block;	
		padding:2px 10px 1px 10px;
		background:#158154;
		color:#ffcc00;
		background-position:top left;
		background-repeat:no-repeat;		
		font-weight:bold;
		text-decoration:none;		
	}
	.menuitem {
		border-bottom:1px solid #005d36;
	}
	.menuitem_actief {
		border-bottom:1px solid #005d36;
	}
	.submenuitem a:link, .submenuitem a:active, .submenuitem a:visited {
		width:185px;
		height:auto;		
		display:block;
		padding:2px 10px 1px 10px;
		margin-left:20px;
		background:#158154;
		color:#ffcc00;
		text-decoration:none;
	}
	.submenuitem a:hover, .submenuitem_actief a:link, .submenuitem_actief a:active, .submenuitem_actief a:visited, .submenuitem_actief a:hover {
		width:185px;
		height:auto;		
		display:block;
		padding:2px 10px 1px 10px;
		margin-left:20px;
		background:#289467;
		color:#ffcc00;
		text-decoration:none;
	}
	.subchild a:link, .subchild a:active, .subchild a:visited {
		color:#005d36;
		text-decoration:none;	
	}
	.subchild a:hover {
		color:#30a138;
		text-decoration:none;	
	}

#content {
	width:496px;
	height:auto;
	border-left:1px solid #005d36;
	border-right:1px solid #005d36;
	min-height:500px;
	float:left;
	margin:0;
	letter-spacing:1.5px;
	padding:20px 4px 0 4px;
	background:#ffebba;
	display: inline;
	}
	#content a:link, #content a:active, #content a:visited {
		color:#0f4800;
		text-decoration:none;
	}
	#content a:hover {
		color:#0f4800;
		text-decoration:underline;
	}
	#content a.actief:link, #content a.actief:active, #content a.actief:visited, #content a.actief:hover {
		color:#0f4800;
		font-weight:bold;
		text-decoration:underline;
}

#cat_right {
	width:200px;
	height:auto;
	float:right;
	}
	.catimage {
		float:right; 
		border:1px solid #005d36;
		margin-bottom:15px;
	}
	.cat_tekst {
		width:200px;
		height:auto;
		float:right;
}
.categoriemenu_main {
	list-style:none;
	margin:0 0 0 15px;
	padding:0;
}
.categoriemenu_main a {
	font-weight:bold;
}

#right {
	width:193px;
	height:auto;
	float:right;
	display: inline;
	padding:60px 0 0 0;
	text-decoration:none;
	}
	.title_aanbiedingen {
		width:193px;
		height:22px;
		display:block;
		background:#005d36;
		color:#ffcc00;
		font-size:11pt;
		text-decoration:none;
		padding:3px 0 0 5px;
		margin:0;
	}
	.title_new {
		width:193px;
		height:22px;
		display:block;
		background:#005d36;
		color:#ffcc00;
		font-size:11pt;
		text-decoration:none;
		padding:3px 0 0 5px;
		margin:0;
	}
	#aanbiedingen li {
		color:#004c06;
		font-weight:bold;
		font-size:10pt;
	}
	#aanbiedingen a {
		color:#004c06;
		font-weight:bold;
		font-size:10pt;
		text-decoration:none;
	}
	#aanbiedingen a:hover {
		color:#004c06;
		font-weight:bold;
		font-size:10pt;
		text-decoration:underline;
	}

#pages {
	list-style:none; 
	display:inline;
}
#pages li {
	display:inline;
	font-size:11pt;
}	
.titel {
	font-size:12pt;
	color:#004c06;
}
.product {
	width:120px; /* is 122 incl. border */
	height:240px; /* is 242 incl. border */
	border:1px solid #005d36;
	background:#f4d58b;
	margin:0 0 10px 0;
	float:left;
	padding:0;
	}	
	.producttitle {		
		height:70px;
		text-align:center;
		vertical-align:top;
		font-size:9pt;
		letter-spacing:0px;
		color:#30a138;		
	}
	.productimage {
		height:80px;
		text-align:center;
		vertical-align:top;
		padding:5px 0 0 0;
		margin:0;
	}
	.productimage a {
		font-size:8pt;
		color:#30a138;
		padding:0;
		margin:0;
	}
	.productimage img {
		width:100px;
		border:2px solid #004c06;
	}
	.productprijs {
		padding:1px 1px 5px 1px;
		text-align:center;
		font-size:10pt;
	}
	.productsubmit {
		text-align:center;
	}
	.addproduct {
		border:1px solid #004c06;
		background:#fff;
		cursor:pointer;
	}
	.addproduct_hover {
		border:1px solid #004c06;
		background:#fff;
		cursor:pointer;
}
.delproduct_ffdea9 {
	width:25px;
	height:25px;
	background:url('/images/delete_ffdea9.gif');
	cursor:pointer;
	border:0;
}
.delproducthover_ffdea9 {
	width:25px;
	height:25px;
	background:url('/images/delete_hover_ffdea9.gif');
	cursor:pointer;
	border:0;
}

.delproduct_ffebba {
	width:25px;
	height:25px;
	background:url('/images/delete_ffebba.gif');
	cursor:pointer;
	border:0;
}
.delproducthover_ffebba {
	width:25px;
	height:25px;
	background:url('/images/delete_hover_ffebba.gif');
	cursor:pointer;
	border:0;
}

.submit {
	width:150px;
	height:25px;
	display:block;
	background:#004c06;
	color:#fff;
	font-weight:bold;
	border:1px solid #004c06;
	cursor:pointer;
}
.submit_hover {
	width:150px;
	height:25px;
	background:#126d1a;
	color:#fff;
	font-weight:bold;
	display:block;
	border:1px solid #004c06;
	cursor:pointer;
}

.submitlink a:link, .submitlink a:active, .submitlink a:visited {
	width:170px;
	height:20px;
	background:#004c06;
	color:#fff;
	display:block;
	font-size:10pt;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	padding-top:3px;
	border:1px solid #004c06;
	cursor:pointer;
}
.submitlink a:hover {
	width:170px;
	height:20px;
	background:#126d1a;
	color:#fff;
	display:block;
	font-size:10pt;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	padding-top:3px;
	border:1px solid #004c06;
	cursor:pointer;
}

.labeltd {
	width:180px;
}
.errorsign {
	font:bold 14pt Arial;
	color: #004c06;0;
}
.errormessage {
	font:bold 10pt Arial;
	color: #cf0000;
}

#productinfotable {
	margin:45px auto 0 auto;
	display:block;
	border:2px solid #004c06;
	background:#fff;
	}
	.productinfo_spacer {
		height:10px;
	}
	.productinfo_naam {
		height:30px;
		width:650px;
		border-bottom:1px solid #004c06;
		padding:0 0 0 5px;
		font-size:12pt;
		font-weight:bold;
	}
	.productinfo_img img {
		border:1px solid #004c06;
		margin:5px 0 0 5px;
	}
	.productinfo_omschrijving {
		width:340px;
		vertical-align:top;
		padding:5px; 0 0 5px;
		font-style:italic;
	}
	.productinfo_prijs {
		font-size:14pt;
		font-weight:bold;
		text-align:right;
		color:#004c06;
		vertical-align:bottom;
		padding:0 5px 0 0;
	}
	.detail_naam {
		width:350px;;
	}
	.detail_artn {
		width:50px;;
	}
	.detail_prijs {
		width:165px;
		text-align:right;
	}
table #voorwaarden {
	width:500px;
}

.table_kosten {
	width:400px;
	border:1px solid #005d36;
	background:#ffdea9; 
	padding:5px;
}

.table_kosten td {
	vertical-align:top;
}
.bold {
	font-weight:bold;
}