/* CSS Itadakimasu
Author: SS & RVD
Last Modified: 08-10-2009
Copyright http://www.itadakimasu.co.nr

Notes:
#000000 = Black
#ffffff = White
#808080 = Gray
#800000 = Crimson
#f0f0f0 = White/Gray

# = ID
. = Class
*/

/* Basic */

* { border: 0px; margin: 0; padding: 0; } 

form { display:inline; }

img {
 	border: 0px;
	vertical-align: middle;
}

BODY {
	background-color: 	#000000;
	background-image: url(../images/pattern.png); 
	color: 				#000000;
	font-family: 		Calibri, Verdana, Tahoma, Helvetica, Arial, sans-serif;
	font-size: 			12px;
	/*height: 			98%;*/
}

div { 
/*	border: 			white 1px dashed;	*/
	margin: 			0px;
}

/* Links */

a {
   outline: none;
}

a:link, a:visited, a:active { color:#000000; text-decoration:underline;}
a:hover { color:#800000; text-decoration: none; }

p {
	margin-bottom: 		5px;
}

h1 { 
	color:				#800000;
	font-family: 		Verdana, Tahoma;
	font-size:			1.5em;
	margin-top:			20px;
	margin-bottom:		7px;
}

h2 { 
	color:				#800000;
	font-family: 		Verdana, Tahoma;
	font-size:			1.2em;
	margin-bottom: 		5px;
	margin-top:			20px;
}

/* Forms */

input {
	font-family: 		Verdana, Tahoma, Arial;
	font-size: 			14px;
}

.forminput, .textinput {
 	border: 			1px solid #000000;
	font-family: 		Calibri, Verdana, Tahoma, Arial;
	font-size: 			16px;
}

.wrong {
	border: 			2px solid #800000;
}
/*
.radiobutton, .checkbox { 
 	font-size: 			10px;
 	font-family: 		Calibri, Verdana, Tahoma, Helvetica, Arial, sans-serif;
 	vertical-align: 	middle;
}*/

/* Divs */

#container {	
	background-color:	#000000;
	border:2px solid	#000000;
	margin:				0 auto;
	margin-top:			16px;
	-moz-border-radius: 10px;
	-moz-box-shadow: #000000 4px 4px 8px;
	-webkit-box-shadow: #000000 4px 4px 8px;
	-webkit-border-radius:10px;
	overflow: 			hidden;
	width: 				970px;
}

#buttoncontainer {
	margin:				0 auto;
	width:				430px;
}

.easybutton {
	float:				left;
	margin: 			20px;
	text-align:			center;
	vertical-align: 	middle;
	width:				170px
}

#fotocontainer {
	margin:				0 auto;
	width:				625px;
}

.foto {
	border: 			white 1px solid;
	margin-top:			5px;
	text-align:			center;
	vertical-align: 	middle;
	width:				160px
}

.rij1 {
	float:				left;
	margin: 			20px;
}

.rij2 {
	float:				left;
	margin: 			20px;
}

.rij3 {
	float:				left;
	margin: 			20px;
}

/* Header */

#header {
	background-image: url(../images/top.png);
	/*background-repeat: no-repeat; */
	clear:				both;
	text-align:			center;
}

#submenu {
	border-bottom:		1px solid #800000;
	border-top:			1px solid #800000;
	clear:				both;
	font-family:		Verdana, Tahoma, Calibri;
	font-size:			1.3em;
	padding-top:		10px;
	padding-bottom:		10px;
	text-align:			center;
}

#submenu a:link, #submenu a:visited, #submenu a:active { color:#FFFFFF; text-decoration: none;}
#submenu a:hover { text-decoration: underline; color:#800000; }

/* Menu */

#nav {
	border-right:		1px solid #800000;
	float:				left;
	font-family:		Verdana, Tahoma, Calibri;
	font-size:			1.2em;
	height:				500px;
	width:				150px;
}

.nav-list {
 	list-style: 		none;
	margin: 			0;
	padding: 			0;
}

.nav-list li {
	border-bottom: 		dotted 1px #800000;
	cursor: 			pointer;
	padding: 			5px 0px 5px 10px;
}

.nav-list li:hover {
	/*background: 		#FFC0CB;  /*#FAAFBE */
}

.nav-list a:hover {
	color: 				#800000;
	text-decoration: 	none;
}

/* Content */

#inhoud {
	background-image: url(../images/body.png);
}

#content {
	float:				left;
	height:				490px;
	overflow: 			auto;
	padding:			5px;
	width: 				66%;
}

#right {
	border-left:		1px solid #800000;
	float:				left;
	height:				500px;
	width:				150px;
}

#winkelwagen {
	border-bottom: 		1px solid #800000;
	padding: 			5px;
	vertical-align: 	middle;
	width:				157px;
}

#weetjes {
	margin-top: 		30px;
	padding: 			5px;
}

#adres {
	margin-top: 		30px;
	padding: 			5px;
}

.highlight {
	color: 				#800000;
}

/* Footer */

#footer {
	background-image: 	url(../images/bottom.png);
	background-repeat: 	no-repeat;
	color:				#FFFFFF;
	clear:				both;
	margin:				0 auto;	
	padding-left:		5px;
	padding-right:		5px;				
}

#footer a:link {
	color:				#FFFFFF;
}

.right { 
	clear:				right;
	float: 				right;
	text-align: 		right; 
}

.right a:link {
	color:				#FFFFFF;
}

/* Sitemap */

.sitemap {
 	list-style-type: 	disc;
	margin: 			20px;
}

.sitemap li {
	padding: 			3px 0px 0px 20px;
}*

.sitemap a:hover {
	color: 				#800000;
	text-decoration: 	none;
}

/* Start Lightbox CSS */

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}

#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}

#jquery-lightbox a img { border: none; }

#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}

#lightbox-container-image { padding: 10px; }

#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}

#lightbox-container-image-box > #lightbox-nav { left: 0; }

#lightbox-nav a { outline: none;}

#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}

#lightbox-nav-btnPrev {
	left: 0;
	float: left;
}

#lightbox-nav-btnNext {
	right: 0;
	float: right;
}

#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}

#lightbox-container-image-data {
	padding: 0 10px;
	color: #666;
}

#lightbox-container-image-data #lightbox-image-details {
	width: 70%;
	float: left;
	text-align: left;
}

#lightbox-image-details-caption { font-weight: bold; }

#lightbox-image-details-currentNumber {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}

#lightbox-secNav-btnClose {
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
}