/*--------------------------------------------------------------------
Basic Style Sheet

Version: 2.0
Author: Dennie Pasman
Copyright: 2006, DeTi Internet Hosting Service VOF
Email: info@deti.nl
Website: http://www.deti.nl
--------------------------------------------------------------------*/

* { 
	font-family: verdana, arial; 
	font-size: 11px; 
	color: white;
}

html, body { 
	margin: 0px; 
	padding: 0px;
}

body { 
	text-align: center;
}

input.button, select, option { 
	color: black; 
}

input.veld, textarea.veld { 
	color: black; 
	border: 1px solid #fff
}

img	{ 
	border: 0px; 
}

#site { 
	position: relative; 
	width: 1000px; 
	margin: 0 auto; 
	text-align: center;
}

div.bgtop { 
	position: absolute; 
	width: 550px; 
	height: 140px; 
	top: 0px; 
	right: 0px; 
	background: url(/images/background1.gif) no-repeat; 
	z-index: 1;
}

body.collection div.bgbottom { 
	position: absolute; 
	width: 520px; 
	height: 270px; 
	bottom: -120px; 
	left: -36px; 
	background: url(/images/background2.gif) no-repeat; 
	z-index: 1;
}

body.page div.bgbottom { }

div.animatielogo { 
	position: absolute; 
	width: 294px; 
	height: 122px; 
	top: 0px; 
	left: 20px; 
	background: url(/images/animatieS4Y.gif) no-repeat; 
	z-index: 2;
}

div.logo { 
	position: absolute; 
	width: 239px; 
	height: 75px; 
	top: 40px; 
	left: 180px; 
	z-index: 2; 
	background: url(/images/sieraad4you.png) no-repeat;
}

div#copyright { 
	position: relative; 
	color: black; 
	padding: 5px 0px 2px 0px; 
	text-align: center; 
	margin: 0 auto;
	z-index: 4;
}

div#copyright a { 
	color: black; 
	text-decoration: none;
}

div#copyright a:hover { 
	color: #cf86a3;
}

div#banner { 
	position: relative; 
	margin: 170px 0 2px 0; 
	text-align: center; 
	z-index: 3;
	width: 1000px;
	height: 60px;
}

div#keurmerk { 
	position: relative; 
	margin: 0 0 2px 0; 
	text-align: center; 
	z-index: 3;
	width: 1000px;
	height: 100px;
}

#menu { 
	position: relative; 
	width: 918px;
	margin: 0 auto;
	top: 130px; 
	z-index: 3;
	text-align: left;
}

#menu a { 
	font-weight: bold; 
	color: #000; 
	text-decoration: none; 
}

#menu a:hover { 
	color: #cf86a3;
}

#menu ul { 
	list-style-type: none; 
	margin: 0 0 0 6px; 
	padding: 0; 
}

#menu ul li { 
	float: left; 
	padding: 0 10px;
	background: url(/images/menu_bg.gif) no-repeat center right;
}

#menu ul li.active a {
	color: #cf86a3;
}


#wrapper {
	position: relative;
	margin: 0 auto;
	width: 918px;
	top: 140px;
}

#middle { 
	position: relative; 
	float: left;
	z-index: 3; 
	width: 503px;
}

#middle div.top { 
	position: relative; 
	width: 483px; 
	height: 18px; 
	padding: 1px 0 0 20px; 
	text-align: left;
	color: white; 
	font-weight: bold; 
	font-size: 12px; 
	background: url(/images/middle_top.png) no-repeat; 
}

#middle div.content { 
	position: relative; 
	width: 475px; 
	padding: 0 8px 2px 20px; 
	background: url(/images/middle_row.png) repeat-y; 
}

#middle div.content ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#middle div.content ul li {
	float: left;
	padding-right: 2px;
}

#middle div.bottom { 
	position: relative; 
	width: 503px; 
	height: 89px; 
	background: url(/images/middle_bottom.png) no-repeat; 
}

body.collection #middle div.content { 
	min-height: 700px; 
	height: auto; 
}

#right { 
	position: relative; 
	margin-left: 510px;
	z-index: 3; 
	width: 405px;
}

#right div.top { 
	position: relative; 
	text-align: left;
	width: 378px; 
	height: 18px; 
	padding: 1px 0 0 27px; 
	color: white; 
	font-weight: bold; 
	font-size: 12px;
	background: url(/images/right_top.png) no-repeat; 
}

#right div.content { 
	position: relative; 
	width: 405px; 
	padding: 0; 
	background: url(/images/rightrow.png) repeat-y; 
}

#right div.bottom { 
	position: relative; 
	width: 405px; 
	height: 7px; 
	background: url(/images/right_bottom.png) no-repeat; 
}

#right a { 
	font-weight: bold; 
	color: #000; 
	text-decoration: none; 
}

#right a:hover { 
	color: #cf86a3;
}

#right ul { 
	list-style-type: none; 
	margin: 0 0 0 6px; 
	padding: 0; 
}

#right ul li { 
	float: left; 
	padding: 0 10px;
	background: url(/images/menu_bg.gif) no-repeat center right;
}

#right div.content div.image { 
	position: relative; 
	width: 375px;
	text-align: left;
	padding-left: 30px;
	background: url(/images/right_row1.png) repeat-y; 
}

#right #imagebottom { 
	width: 405px;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	background: url(/images/right_row2.png) no-repeat; 
}

#right div.content div.info { 
	position: relative; 
	padding: 5px 7px 15px 5px; 
	background: url(/images/right_row3.png) repeat-y; 
	text-align: left;
}

div.info table { 
	width: 95%; 
}

div.info table th { 
	text-align: left; 
	vertical-align: top; 
	width: 85px;
}

#front { 
	position: relative; 
	margin: 0 auto;
	width: 918px;
	top: 150px;
	z-index: 3;
	text-align: left;
}

#front table td { 
	font-size: 8pt;
	line-height: 1.4em;
	letter-spacing: 0.1em;
	color: #000;
	padding: 0 10px 10px 0;
	vertical-align: top;
}

#front div.top { 
	position: relative; 
	width: 918px; 
	height: 18px; 
	padding: 1px 0 0 10px; 
	color: white; 
	font-weight: bold; 
	font-size: 12px; 
	background: url(/images/front_top.png) no-repeat; 
}

#front div.text { 
	position: relative; 
	width: 900px; 
	min-height: 255px;
	height: auto;
	padding: 10px 16px 2px 16px; 
	background: url(/images/front_row.png) repeat-y; 
	z-index: 2;
}

#front div.text ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 903px;
}

#front div.text ul li {
	float: left;
	margin-right: 3px;
	z-index: 2;
}

#front div.bottom { 
	position: relative; 
	width: 898px; 
	height: 38px; 
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	padding-top: 0;
	background: url(/images/front_bottom.png) no-repeat; 
	z-index: 2;
}

#front div.bottom p {
	font-size: 16px;
	line-height: 36px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

#content { 
	position: relative; 
	margin: 0 auto;
	top: 150px; 
	width: 918px; 
	text-align: left;
}

div.first { 
	background: url(/images/pagebg_1.gif) no-repeat; 
}

div.second { 
	background: url(/images/pagebg_2.gif) no-repeat; 
}

#content div.title { 
	position: absolute; 
	left: 200px; 
	font-weight: bold; 
	font-size: 10pt; 
	z-index: 10;
}

#content input.veld, #content textarea.veld { 
	width: 250px;
}

#content div.top { 
	position: relative; 
	width: 917px; 
	height: 19px;
}

body.page #content div.text { 
	position: relative; 
	width: 702px; 
	padding: 10px 15px 10px 200px; 
	font-size: 8pt;
	min-height: 350px;
}

#content div.text table td, #content div.text a, #content div.text b, #content div.text li { 
	font-size: 8pt;
}

#content div.bottom { 
	position: relative; 
	width: 917px; 
	height: 38px;
}

#content div.top_purple { 
	background: url(/images/purple_top.png) no-repeat;
}

#content div.text_purple { 
	background: url(/images/purple_row.png) repeat-y; 
}

#content div.bottom_purple { 
	background: url(/images/purple_bottom.png) no-repeat; 
}

#content div.top_seablue { 
	background: url(/images/seablue_top.png) no-repeat;
}

#content div.text_seablue { 
	background: url(/images/seablue_row.png) repeat-y; 
}

#content div.bottom_seablue { 
	background: url(/images/seablue_bottom.png) no-repeat; 
}

#content div.top_blue { 
	background: url(/images/blue_top.png) no-repeat;
}

#content div.text_blue {
	background: url(/images/blue_row.png) repeat-y;
}

#content div.bottom_blue { 
	background: url(/images/blue_bottom.png) no-repeat; 
}

#content div.top_red { 
	background: url(/images/red_top.png) no-repeat;
}

#content div.text_red {
	background: url(/images/red_row.png) repeat-y; 
}

#content div.bottom_red { 
	background: url(/images/red_bottom.png) no-repeat; 
}

#content div.top_green { 
	background: url(/images/green_top.png) no-repeat;
}

#content div.text_green { 
	background: url(/images/green_row.png) repeat-y; 
}

#content div.bottom_green { 
	background: url(/images/green_bottom.png) no-repeat; 
}

/* =Admin part
-------------------------------------------------------------------------*/
#admincontent { 
	position: relative;
	margin: 0 auto; 
	top: 140px; 
	width: 918px; 
	background: url(/images/pagebg_1.gif) no-repeat;
	text-align: left;
}

#admincontent li {
	color: #000;
}

#admincontent div.top { 
	position: relative; 
	width: 918px; 
	height: 18px; 
	padding: 1px 0 0 10px; 
	color: white; 
	font-weight: bold; 
	font-size: 12px; 
	background: url(/images/front_top.png) no-repeat; 
	z-index: 5;
}

#admincontent div.text { 
	position: relative; 
	width: 900px; 
	min-height: 360px;
	height: auto;
	padding: 5px 9px 2px 9px; 
	background: url(/images/front_row.png) repeat-y; 
	z-index: 2;
	color: #000;
}

#admincontent div.text * { 
	color: #000;
}

#admincontent div.bottom { 
	position: relative; 
	width: 908px; 
	height: 38px; 
	padding: 10px 0 0 10px;
	background: url(/images/front_bottom.png) no-repeat; 
	z-index: 2;
}

#admincontent div.title {
	position: relative;
	z-index: 10;
}

a.arr {
	text-decoration: none;
	font-size: 120%;
}

/* =IE Hacks
-------------------------------------------------------------------------*/

/* Fix png images for IE
-------------------------------------------------------------------------*/

* html div.logo {
	background: url(css/images/sieraad4you.png);
}

* html #front div.top { 
	background: url(css/images/front_top.png);
	width: 911px;
}

* html #front div.text { 
	background: url(css/images/front_row.png); 
	width: 903px;
}

* html #front div.bottom { 
	background: url(css/images/front_bottom.png); 
	width: 921px;
}

* html #content div.top_purple { 
	background: url(css/images/purple_top.png);
}

* html #content div.text_purple { 
	background: url(css/images/purple_row.png);
	height: 350px;
}

* html #content div.bottom_purple { 
	background: url(css/images/purple_bottom.png); 
}

* html #content div.top_seablue { 
	background: url(css/images/seablue_top.png); 
}

* html #content div.text_seablue { 
	background: url(css/images/seablue_row.png); 
	height: 350px;
}

* html #content div.bottom_seablue { 
	background: url(css/images/seablue_bottom.png); 
}

* html #content div.top_blue { 
	background: url(css/images/blue_top.png);
}

* html #content div.text_blue {
	background: url(css/images/blue_row.png);
	height: 350px;
}

* html #content div.bottom_blue { 
	background: url(css/images/blue_bottom.png);
}

* html #content div.top_red { 
	background: url(css/images/red_top.png);
}

* html #content div.text_red {
	background: url(css/images/red_row.png);
	height: 350px;
}

* html #content div.bottom_red { 
	background: url(css/images/red_bottom.png); 
}

* html #content div.top_green { 
	background: url(css/images/green_top.png); 
}

* html #content div.text_green { 
	background: url(css/images/green_row.png);
	height: 350px;
}

* html #content div.bottom_green { 
	background: url(css/images/green_bottom.png);
}

* html #middle div.top { 
	background: url(css/images/middle_top.png); 
}

* html #middle div.content { 
	background: url(css/images/middle_row.png); 
}

* html #middle div.bottom { 
	background: url(css/images/middle_bottom.png);
}

* html #right div.top { 
	background: url(css/images/right_top.png); 
}

* html #right div.bottom { 
	background: url(css/images/right_bottom.png); 
}

* html #right div.content div.image { 
	background: url(css/images/right_row1.png); 
}

* html #right div.imagebottom { 
	background: url(css/images/right_row2.png); 
}

* html #right div.content div.info { 
	margin-top: -1px;
	background: url(css/images/right_row3.png); 
}

* html #admincontent div.top { 
	background: url(css/images/front_top.png); 
}

* html #admincontent div.text { 
	background: url(css/images/front_row.png); 
}

* html #admincontent div.bottom { 
	background: url(css/images/front_bottom.png);
}

/* Fix positions for IE
-------------------------------------------------------------------------*/
* html #front { 
	top: 140px;
}

* html #content { 
	top: 140px;
}

* html #wrapper {
	top: 0;
	margin-top: 140px;
}

* html #admincontent {
	top: 0;
	margin-top: 140px;
}

* html #admincontent div.text { 
	height: 360px;
	width: 910px;
}

* html #admincontent div.bottom { 
	width: 918px;
}



/* winkelwagen
----------------------------------------------------------------------------*/

	div.ordered_products {
		position: relative;
		float: left;
		width: 700px;
	}

	div.continue {
		position: relative;
		float: right;
		width: 150px;
		margin-right:15px;	
	}

	div#winkelwagen {
		margin: 0;
		padding: 5px 0 10px 5px;
		color: #000000;	
	}
	
	div#winkelwagen.text h1 {
		margin: 0;
		font-weight: bold;
		color: #000000;
	}

	div#winkelwagen div.ordered_products div {
		position: relative;
		float: left;
		line-height: 22px;
		width: 100px;
		color: #000000;
	}

	div#winkelwagen div.ordered_products * {
		color: #000000;
	}
	
	div#winkelwagen div.ordered_products div.product {
		width: 200px;
	}
	
	div#winkelwagen div.ordered_products div.endtotal {
		width: 400px;
	}
	
	div#winkelwagen div.ordered_products div.erase {
		margin-left: 300px;
	}
	
	div.persoonsgegevens {
		position: relative;
		float: left;
		width: 500px;
	}

	div.remarks {
		position: relative;
		float: right;
		width: 350px;
		margin-right: 50px;
		color: #000000;	
	}

	div.ordered_products h2 {
		color: #000000;	
	}
	
	div.endtotal h2 {
		color: #000000;		
	}
	
	div.erase {
		position: relative;
		float: left;
		margin-top: 7px;		
	}	
	
	div.key {
		float:left;
		position:relative;
		width:100px;
		margin: 15px 20px 0 0;
	}
	
	div.value {
		float:left;
		position:relative;
		margin: 15px 0 0 0;
	}

	div.key, div.value input, div.value textarea {
		color: #000000;		
	}

	
	div.button {
		margin: 15px 0 15px 252px;
		width: 124px;	
	}
	
	div.clear {
		clear: both;
	}