/**
 * Style Reset
 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
	margin:				0;
	padding:			0;
	border:				0;
	outline:			0;
	font-size:			100%;
	vertical-align:		baseline;
	background:			transparent;
}

blockquote, q
{
	quotes:				none;
}

blockquote:before, blockquote:after,
q:before, q:after
{
	content:			'';
	content:			none;
}

del
{
	text-decoration:	line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table
{
	border-collapse:	collapse;
	border-spacing:		0;
}

/**
 * Algemene opmaak
 */

html,
body
{
	background-color:	#000;
	background-image:	url("/images/bg.gif");
	height:				100%;
	margin:				0 0 1px;									/*	Force scrollbar */
	font-family:		Verdana, sans-serif;
}

a
{
	cursor:				pointer;
}

a:active,
a:focus,
button:active,
button:focus
{
	outline:			none;
}

a
{
	color:				#292829;
}

.clear
{
	clear:				both;
}

.hide
{
	display:			none;
}

/**
 * Page
 */

div#page
{
	position:			relative;
	margin:				0 auto;
	padding-top:		100px;
	padding-left:		30px;
	width:				845px;
}

div#logo_janine
{
	position:			absolute;
	top:				0;
	border:				0;
	left:				-70px;
	z-index:			1;
}

div#page div#bloemenschilderijen
{
	position:			absolute;
	top:				50px;
	margin:				0px 0 5px 0;
	z-index:			2;
}

div#page div#bloemenschilderijen h1
{
	font-size:			1.60em;
	font-weight:		normal;
}

div#page div#bloemenschilderijen h1 a
{
	color:				#fff;
	text-decoration:	none;
}

/**
 * Supernav
 */

div#page ul#super_nav
{
  	font-weight:		normal;
	position:			absolute;
	list-style:			none;
	top:				5px;
	right:				10px;
	z-index:			4;
}

div#page ul#super_nav li
{
	float:				left;
}

div#page ul#super_nav li div.spacer
{
	width:				1px;
	height:				10px;
	background-color:	#7d7d7d;
	margin-top:			6px;
}

div#page ul#super_nav li a
{
	text-decoration:	none;
	color:				#fff;
	font-size:			.80em;
	padding:			5px;
}

/**
 * Container
 */

div#page div#container
{
	clear:				both;
	border:				1px solid #9e9e9c;
	color:				#292829;
}

/**
 * Navigation
 */

div#container ul#nav
{
  	font-weight:		normal;
	background-image:	url("/images/nav_button_inactive.gif");
	background-repeat:	repeat-x;
	border:				1px solid #3c3c3c;
	width:				841px;				/* -4px border */
	height:				26px;
	list-style:			none;
}

div#container ul#nav li
{
	float:				left;
	text-align:			center;
	
}

div#container ul#nav li.spacer
{
	background-image:	url("/images/nav_stripe.gif");
	background-repeat:	repeat-x;
	width:				1px;
	height:				26px;
}

div#container ul#nav li a
{
	padding:			4px 8px 0 8px;
	height:				22px;
	display:			block;
	font-weight:		bold;
	color:				#fff;
	text-decoration:	none;

	width:				103px;						/*	IE6 fix	*/
	font-size:			.70em;
}

div#container ul#nav li > a
{
	width:				auto;
	font-size:			.90em;
}

div#container ul#nav li a:hover
{
	background-image:	url("/images/nav_button_active.gif");
	background-repeat:	repeat-x;
	color:				#292829;
}

div#container ul#nav li.active a
{
	background-image:	url("/images/nav_button_active.gif");
	background-repeat:	repeat-x;
	color:				#292829;
}

/**
 * Content Container
 */

div#container div#content_container
{
	clear:				both;
	background-color:	#000;
	border-right:		1px solid #3c3c3c;
	border-bottom:		1px solid #3c3c3c;
	border-left:		1px solid #3c3c3c;
	height:				100%;
	min-height:			470px;
}

/**
 * Content Header
 */

div#content_container div#content div#content_header
{
	position:			relative;
	background-image:	url("/images/header_topshadow.gif");
	background-repeat:	repeat-x;
	height:				60px;
}

div#content_header div#content_title
{
	position:			absolute;
	background-image:	url("/images/title_bg.png");
	background-repeat:	no-repeat;
	top:				10px;
	right:				-30px;
	width:				182px;
	height:				54px;
	text-align:			center;
}

div#content_header div#terug_naar
{
	position:			absolute;
	top:				10px;
	left:				62px;
	height:				20px;
	font-size:			.70em;
	font-weight:		bold;
}

div#content_header div#content_title h2
{
	font-size:			1em;
	padding-top:		14px;
	padding-right:		4px;
	color:				#fff;
	font-weight: 		bold;
}

/**
 * Content Etalage
 * fixed images and Slideshow
 */

div#content_container div#content_etalage.left
{
	float:				left;
	position:			relative;
	background-color:	#000;
	border-right:		1px solid #3c3c3c;
	width:				360px;			/* Left half of page width 845px -481px right and -4px border */
	height:				470px;
	overflow: 			hidden;
}

div#content_container div#content_etalage img
{
	position:			relative;
	right:				0;
}

/**
 * Slideshow
 */

img.slideshowInContent
{
	display: none;
}

div.navigation_slideshow
{
	display: none;
}

/**
 * Content Container
 */

div#content_container div#content
{
	width:				100%;
	min-height:			470px;
	background-color:	#fff;
}

div#content_container > div#content
{
	background-image:	url("/images/content_bg.gif");
	background-position: bottom;
	background-repeat:	repeat-x;
}

div#content_container div#content.right
{
	float:				left;
	width:				480px;			/* Right half of page width 845px -360px left and -4px border */
}

/**
 * Content Default
 */

div#content div#content_text
{
	height:				100%;
	padding:			0 30px;
}

/**
 * Content Custom
 */

div#content div#content_custom
{
	height:				100%;
	min-height:			410px;
	padding:			0 30px;
}

/**
 * Verkocht Category
 */

div#content_custom ul#verkocht_category
{
	list-style: 		none;
	padding:			30px 0 0 70px;
}

div#content_custom ul#verkocht_category li
{
	margin:				10px 0;
	height:				55px;
}

div#content_custom ul#verkocht_category li h3
{
	font-size:			1em;
	font-weight:		bold;
}

div#content_custom ul#verkocht_category li h3 a
{
	display:			block;
	background-image: 	url("/images/verkocht_select_overlay.png");
	background-repeat: 	no-repeat;
	padding:			15px 0 0 15px;
	width:				252px;
	height:				39px;
	text-decoration: 	none;
	color:				#fff;
}

div#content_custom ul#verkocht_category li a:hover
{
	background-image:	none;
	color:				#292829;
}

div#content_custom ul#verkocht_category li.category_Tulpen
{
	background-image: 	url("/images/verkocht_select_tulpen.png");
	background-repeat: 	no-repeat;
}

div#content_custom ul#verkocht_category li.category_Papavers
{
	background-image: 	url("/images/verkocht_select_papaver.png");
	background-repeat: 	no-repeat;
}

div#content_custom ul#verkocht_category li.category_Rozen
{
	background-image: 	url("/images/verkocht_select_rozen.png");
	background-repeat: 	no-repeat;
}

div#content_custom ul#verkocht_category li.category_Overige
{
	background-image: 	url("/images/verkocht_select_overige.png");
	background-repeat: 	no-repeat;
}

div#content_custom ul#verkocht_category li.category_Vrij
{
	background-image: 	url("/images/verkocht_select_vrijwerk.png");
	background-repeat: 	no-repeat;
}

/**
 * Galerie Category List
 */

div#content_custom a.back
{
	font-size: 			.60em;
	color:				#292829;
	text-decoration: 	none;
}

div#content_custom div.galerie_row
{
	clear:				both;
	text-align: 		center;
	padding-bottom:		10px;
}

div#content_custom div.galerie_row a
{
	color:				#292829;
	text-decoration:	none;
}

div#content_custom div.galerie_row div.schilderij
{
	float:				left;
	margin:				0 45px;
	padding:			5px;
	font-size: 			.58em;
	width:				150px;
	border:				1px solid #f4f4f4;
}

div#content_custom div.galerie_row div.schilderij div.foto
{
	width:				150px;
	height:				150px;
	text-align:			center;
	vertical-align:		middle;
}

div#content_custom div.galerie_row div.schilderij img
{
	margin:				0;
	padding:			0;
	border:				0;
	outline:			0;
	vertical-align:		baseline;
}

div#content_custom div.galerie_row div.schilderij ul
{
	list-style: 		none;
}

div#content_custom div.galerie_row div.schilderij ul li.title
{
	font-weight:		bold;
}

div#content_custom div.galerie_row div.schilderij ul li
{
	padding:			1px 0;
}

/**
 * React on Painting
 */

div#content_react div.form_row
{
	font-size: 			.80em;
	margin:				15px 0;
}

div#content_react div.form_row div.form_label
{
	font-weight: 		bold;
	float:				left;
	width:				130px;
}

div#content_react div.form_row div.form_field
{
}

div#content_react div.form_field_TextField textarea
{
	width:				200px;
}

div#content_react div.form_error
{
	color:				red;
}

/**
 * Expo Catagory
 */

div#content_custom ul#expo_year
{
	list-style: 		none;
	padding:			70px 0 0 70px;
}

div#content_custom ul#expo_year li
{
	margin:				5px 0;
	text-align: 		center;
}

div#content_custom ul#expo_year li h3
{
	font-size:			1em;
	font-weight:		bold;
}

div#content_custom ul#expo_year li h3 a
{
	background-image:	url("/images/expo_inactive.png");
	background-repeat:	no-repeat;
	display:			block;
	padding-top:		15px;
	width:				252px;
	height:				39px;	/* Original height 54 */
	text-decoration: 	none;
	font-weight:		bold;
	color:				#fff;
}

div#content_custom ul#expo_year li h3 a:hover
{
	background-image:	url("/images/expo_active.png");
	background-repeat:	no-repeat;
	color:				#292829;
}

/**
 * Expo Catagory Results
 */

div.expo_row
{
	clear:				both;
	margin-bottom:		5px;
	height:				80px;
}

div.expo_row a
{
	text-decoration:  none;
}

div.expo_row div.image
{
	position:			relative;
	float:				left;
	margin-right:		5px;
	width:				80px;
	height:				80px;
	overflow: 			hidden;
}

div.expo_row div.image img
{
	position: 			absolute;
	right:				0;
	bottom:				0;
}

div.expo_row div.info
{
	float:				left;
	width:				auto;
	height:				80px;
	border-bottom:		1px solid #bdbabd;
}

div.expo_row div.info ul
{
	list-style: 		none;
	font-size: 			.80em;
	margin:				5px 0 5px 10px;
}

div.expo_row div.info ul li.title h2
{
	font-weight: 		bold;
	text-decoration: 	underline;
	font-size: 			1.1em;
	color:				#292829;
	text-transform: 	uppercase;
}

div.expo_row div.info ul li
{
	margin:				6px 0;
	width:				650px;
}

div.expo_row div.info ul li span.span
{
	display:			block;
	float:				left;
	width:				70px;
	color:				#7b797b;
}

div.expo_row div.info ul li div
{
	color:				#292829;
}

/**
 * Expo Details
 */

div#expo_details
{
	padding-bottom:		20px;
	border-bottom:		1px solid #bdbabd;
}

div#expo_details div#expo_details_container
{
	min-height:		180px;
}


div#expo_details_container img
{
	float:				left;
	margin-right:		20px;
}

div#expo_details_container div#expo_details_info
{
	float:				left;
	min-width:				400px;
}

div#expo_details_container div#expo_details_info h2
{
	font-size: 			1.1em;
	padding-bottom: 	5px;
}

div#expo_details_info ul.info
{
	list-style: 		none;
	font-size: 			.80em;
}

div#expo_details_info ul.info li
{
	padding-bottom:		2px;
}

div#expo_details_info ul.info li a
{
	color:				#292829;
}

div#expo_details_info ul.info li span
{
	float:				left;
	width:				80px;
	font-weight:		bold;
}

div.expo_back
{
	position:			absolute;
	top:				10px;
	right:				160px;
	font-weight:		bold;
	font-size:			.70em;
	color:				#292829;
}

/**
 * Dit is een popup venster
 */

div#popup *
{
	border:				none;
	margin:				0;
	padding:			0;
}

div#popup
{
	position:			fixed;
	background-image:	url("/images/popup_bg.png");
	background-repeat:	repeat;
	top:				0;
	left:				0;
	width:				100%;
	height:				100%;
	z-index:			100;
}

div#popup_window
{
	position:			absolute;
	left:				50%;
	top:				50%;
	z-index:			150;
}

div#popup_container
{
	background-color:	#fff;
	border:				2px solid gray;
	padding:			10px;
	z-index:			200;
}

div#popup_image img
{
	border:				1px #000 solid;
}

ul#popup_details
{
	position:			relative;
	list-style: 		none;
	padding-top:		5px;
}

ul#popup_details li
{
	font-size:			.70em;
	color:				#292829;
	width:				300px;
	line-height: 		15px;			/* To have the same space between li's in IE and FF */
}
ul#popup_details li.popup_title
{
	font-weight: 		bold;
	font-size:			1em;
	margin-bottom:		3px;
}
ul#popup_details li.spacer
{
	height:				5px;
}

ul#popup_details li span
{
	display:			block;
	float:				left;
	clear:				left;
	width:				120px;
	font-weight:		bold;
	margin-right:		5px;
}

div#popup_react
{
	height:				10px;
	font-size: 			.70em;
}

div#popup_close
{
	position:			absolute;
	bottom:				5px;
	right:				5px;
	width:				30px;
	height:				30px;
	z-index: 			300;
}

/**
 * Bottom Zig logo
 */

div#logo_zig
{
	float:				right;
	margin:				10px 10px 0 0;
}

div#logo_zig a img
{
	border:				0;
}

/********************************************************
 * Standard Content Settings
 * Necessary for optimal control of CMS Content
 ********************************************************/

div#content_cms			/* New div for cms content only */
{
	font-size:			.80em;
  	font-weight:		normal;
	color:				#292829;
	margin:				10px 0;
}

/********************************************************
 * Elements expected in CMS editor
 ********************************************************
 * table, tbody, tr, td
 * ul, li
 * ol, li
 * p, h1, h2, h3
 * span
 * hr
 * a
 ********************************************************/

div#content_cms p
{
	margin-bottom: 		.80em;
}

div#content_cms h1
{
	font-size:			1.60em;
	margin-bottom: 		.80em;
}

div#content_cms h2
{
	font-size:			1.30em;
	margin-bottom: 		.80em;
}

div#content_cms h3
{
	font-size:			1em;
	margin-bottom: 		.80em;
}

div#content_cms hr											/* Because of the reset of border to 0 */
{
	border-bottom:		1px solid #000;
}

div#content_cms ul,											/* Because of the reset of margin and padding */
div#content_cms ol
{
	margin:				10px 0 10px 30px;
}

div#content_cms a
{
	color:				#000;
}

div#content_cms a:hover
{
	color:				#000;
}

div#content_cms a:visited
{
	color:				#000;
}

div#content_cms a:visited:hover
{
	color:				#000;
}

/****************************************************
 * FORM SETUP
 ****************************************************
 * div.form
 *
 *     div.form_row            (in form)
 *          div.form_label     (in row)
 *          did.form_field     (in row)
 *
 *     input.button            (in form)
 *
 ****************************************************
 * Differend field names for different types of input
 *
 * form_row_x
 * form_label_x
 * form_field_x
 * 
 * RadioField
 * CheckboxField
 * SingleSelectField
 * PostalField (Field for Postcode)
 * NumericField
 * DateField
 * AccountNumberField
 * SeparatorField
 * StringField (singleline textinput)
 * TextField
 * PhoneField
 * BirthDateField
 * LandField
 ****************************************************/

div#content_cms div.form_form								/* Form container */
{
	width:				600px;
	margin:				20px 0 50px 50px;
}

div#content_cms div.form_form div.form_row					/* The row where form-label and form-field are */
{
	clear:				both;
	min-height:			30px;
}

div#content_cms div.form_row div.form_label,
div#content_cms div.form_row div.form_field
{
	float:				left;								/* To put the label and field next to eachother */

}

div#content_cms div.form_row div.form_label
{
	width:				200px;
	padding-top:		3px;
}

div#content_cms div.form_row div.form_field
{
}

/**
 * Input
 */

div#content_cms div.form_form input.tekst,
div#content_cms div.form_form select,
div#content_cms div.form_form textarea
{
	border:				1px solid #000;
}

div#content_cms div.form_row div.form_field 				/* Input Type Checkbox */
{
}

div#content_cms div.form_row div.form_field textarea		/* Input Type TextArea */
{
	font-size:			12px;
	width:				350px;
	height:				100px;
	margin-bottom:		10px;
}

div#content_cms div.form_row div.form_field input.button	/* Input with .button class */
{
	clear:				both;
}

div#content_cms div.form_error								/* Shows error message */
{
	clear:				both;
	color:				red;
	font-size:		 	.70em;
	margin-left:		200px;
}

div#content_cms div.form_label_SeparatorField				/* Scheidingsveld */
{
	margin:				10px 0;
}

div#content_cms span.hidden
{
	display				:none;
}