@charset "utf-8";
/* CSS Document */


 body					{ font-family:Verdana, Geneva, sans-serif; color:#000; font-size:12px; }
 
 div#global				{ width:1000px; margin:0px auto; padding:0px;}
 div#top				{ position:relative; width:1000px; height:110px; }
 div#user_info			{ position:absolute; right:0px; top:5px; width:200px; height:100px;}	
 div#menu				{ width:950px; height:40px; }
 	ul#menu				{ list-style:none; margin:0px; padding:0px; }
	ul#menu li			{ float:left; }
	ul#menu li a		{ color:#00F; background-color:#CCF; margin-right:2px; border:1px solid #00F; padding:4px; text-decoration:none; }
	ul#menu li a:hover	{ color:#00F; background-color:#CFF; }
 div#main_intro			{ width:950px; padding:0px 5px 20px 5px; }
 div#main				{ width:950px; padding:0px 5px 20px 5px; }


/* Datum */
 .ui-datepicker { width: 17em; padding: 10px; display:none;  background-color:#FFF; border:1px solid #000;  }
 .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0;}
 .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
 .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; cursor:pointer; }
 .ui-datepicker .ui-datepicker-prev { left:2px; }
 .ui-datepicker .ui-datepicker-next { right:2px; }
 .ui-datepicker .ui-datepicker-prev-hover { left:1px; }
 .ui-datepicker .ui-datepicker-next-hover { right:1px; }
 .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
 .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center;  background-color:#FFF;}
 .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
 .ui-datepicker select.ui-datepicker-month-year {width: 100%;}
 .ui-datepicker select.ui-datepicker-month, 
 .ui-datepicker select.ui-datepicker-year { width: 49%;}
 .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; background-color:#FFF; }
 .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; background-color:#000; color:#FFF;  }
 .ui-datepicker td { border: 0; padding: 1px; }
 .ui-datepicker td span { display: block; padding: .2em; text-align: center; text-decoration: none; border:1px solid #000; color:#CCC; } 
 .ui-datepicker td a { display: block; padding: .2em; text-align: center; text-decoration: none; border:1px solid #000; color:#000; }
 .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } 
 .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
 .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

 /* with multiple calendars */
 .ui-datepicker.ui-datepicker-multi { width:auto; }
 .ui-datepicker-multi .ui-datepicker-group { float:left; }
 .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
 .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
 .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
 .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
 .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
 .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
 .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
 .ui-datepicker-row-break { clear:both; width:100%; }
 
 /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
 .ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
 }/*

 /* files */ 
 ul#list					{ list-style:none; width:800px; margin:0px 0px 50px 0px; padding:0px; overflow:auto; }
 ul#list li					{ width:796px; overflow:auto; padding:3px 2px; }
 ul#list li.top				{ border-bottom:1px dotted #CCC; }
 ul#list li	div.ico			{ float:left; width:40px; }
 ul#list li	div.filename	{ float:left; width:455px; }
 ul#list li	div.datum		{ float:left; width:100px; }
 ul#list li	div.edit		{ float:left; width:150px; }
 ul#list li a				{ text-decoration:none; }
 ul#list li a:hover			{ text-decoration:underline; }
 ul#list li a.title			{ color:#000; font-weight:bold; text-decoration:none; }
 ul#list li a.title:hover	{ text-decoration:underline; }
 ul#list li a.info_files			{ text-decoration:none; float:right; background:url(../img/files/info.png) left no-repeat; padding:0px 18px; }
 ul#list li a.info_files:hover		{ text-decoration:underline; }
 ul#list li a.folder_add			{ text-decoration:none; float:right; background:url(../img/files/add_folder.png) left no-repeat; padding:0px 18px; }
 ul#list li a.folder_add:hover		{ text-decoration:underline; }

  /* uploading */
 #js-error			{ background-color:#FFF; color:#F00; font-weight:bold; border:1px solid #500265;  margin:0px auto; padding:0px; width:300px; height:70px; padding:2px; text-align:center}
 form 				{ margin: 0; padding: 0; }
 div.fieldset 		{ border:  1px solid #d11241; margin: 10px 0; padding: 20px 10px; width: 375px; height:100px!important; overflow-y: auto!important; overflow-x: hidden!important; }
 div.fieldset span.legend 	{ position: relative; padding: 3px;  top: -15px; font: 12px Arial, Helvetica, sans-serif; color: #000; }
 div.flash 					{ width: 375px; border:1px solid #000; margin: 10px 5px; border-color: #d11241; -moz-border-radius-topleft : 5px; -webkit-border-top-left-radius : 5px; -moz-border-radius-topright : 5px;
 						-webkit-border-top-right-radius : 5px; -moz-border-radius-bottomleft : 5px; -webkit-border-bottom-left-radius : 5px; -moz-border-radius-bottomright : 5px; -webkit-border-bottom-right-radius : 5px; height:100px!important; overflow-y: auto!important; overflow-x: hidden!important; }						
 input[disabled]	{ border: 1px solid #ccc } /* FF 2 Fix */
 label 				{ width: 150px;  text-align: right; display:block; margin-right: 5px; }

 .progressWrapper 	{ width: 357px; overflow:hidden;  }
 .progressContainer { width: 337px; margin: 5px; padding: 4px; border: solid 1px #E8E8E8; background-color: #F7F7F7; overflow: hidden; }

 .message 			{ margin: 1em 0; padding: 10px 20px; border: solid 1px #FFDD99; background-color: #FFFFCC; overflow: hidden; }
 .red 				{ border: solid 1px #B50000; background-color: #F00; color:#FFF;}
 .green 			{ border: solid 1px #DDF0DD; background-color: #fff; }
 .blue 				{ border: solid 1px #CEE2F2; background-color: #00ff00; color:#FFF; }
 .progressName 		{ font-size: 8pt; font-weight: 700;	color: #555; width: 323px; height: 14px; text-align: left; white-space: nowrap;	overflow: hidden; }
 .progressBarInProgress,
 .progressBarComplete,
 .progressBarError 		{ font-size: 0; width: 0%; height: 4px; background-color: blue;	margin-top: 2px; }
 .progressBarComplete 	{ width: 100%; background-color:#00ff00; visibility: hidden; }
 .progressBarError 		{ width: 100%; background-color: red; visibility: hidden; color:#FFF;}
 .progressBarStatus 	{ margin-top: 2px; width: 337px; font-size: 7pt; font-family: Arial; text-align: left;	white-space: nowrap; }
 a.progressCancel 		{ font-size: 0;	display: block;	height: 14px; width: 14px;	background-image: url(../img/cancelbutton.gif); background-repeat: no-repeat; background-position: -14px 0px; float: right; }
 a.progressCancel:hover { background-position: 0px 0px; }
 .swfupload 			{ vertical-align: top; }
 
 /* Popup */
 #backgroundPopup	{ display:none; position:fixed; _position:absolute; height:100%; width:100%; top:0; left:0; background:#ffffff; border:1px solid #ed8926; z-index:1000; }
 #popupContact		{ display:none; position:fixed; _position:absolute; width:600px; background:#FFFFFF; border:2px solid #35649e; z-index:1001; text-align:center; padding:12px; font-size:13px; }
 #popupContact h1	{ text-align:center; color:#35649e; font-size:22px; font-weight:700; border-bottom:1px dotted #008fb3; padding-bottom:2px; margin-bottom:20px; }
 #popupContact h2	{ font-size:14px; letter-spacing:2px; color:#35649e; line-height:16px; }
 #popupContact h3	{ font-size:12px; letter-spacing:2px; color:#000; line-height:14px; }	
 #popupContactClose	{ font-size:12px; line-height:14px; right:6px; top:4px; position:absolute; color:#35649e; font-weight:700; display:block; cursor:pointer; }
 
 
 /* Teksten */
 ul#text li				{ padding:4px 0px 12px 0px;} 
 ul#text li:hover		{ background-color:#f4f4f4; } 
 ul#text li ul				{ padding-top:10px; }
 ul#text li ul li			{ padding-top:10px; margin-top:3px; }
 ul#text li ul li:hover		{ background-color:#d8d9db; } 
 ul#text li ul li ul li:hover		{ background-color:#CCC; } 
 ul#text li.menunaam	 	{ padding-top:10px; font-size:16px; font-weight:bold; list-style:none; margin-left:-30px;}
 ul#text li.menunaam:hover 	{ background-color:transparent; }
 ul#text li.nobullit		{ list-style:none; margin-left:-35px; }
 ul#text li div			{ float:right; margin:0px; padding-bottom:5px; vertical-align:super; }
 .no_style				{ list-style:none; font-weight:bold; }
 
  /* GASTENBOEK */
 .guestbook					{ width:540px; border:1px solid #66177d; padding:10px;  }
 .guestbook_txt				{ padding:5px; }
 .guestbook_top				{ border:1px solid #000; background:#000; width:540px; padding:0px 10px; color:#FFFFFF; }
 .guestbook_edit			{ border-left:1px solid #000; border-right:1px solid #000; border-bottom:1px solid #000; }
 .guestbook_quote			{ text-align:left; border:dotted 1px #000000; padding:5px; }
 .guestbook_comment			{ border-left:1px solid #000; border-right:1px solid #000; border-bottom:1px solid #000;	width:400px; }
 .guestbook_table_topper	{ width:540px; border:1px solid #000;  }
 .guestbook_topper			{ border:1px solid #000;	background-color:#ffffff; }
 .guestbook_txt_topper		{ background-color:#000;	border-top:1px solid #66177d; color:#FFFFFF; font-weight:bold; }
 .naam						{ display:none; }
 
 /* Webshop */
 
 fieldset.webshop					{ border:  1px solid #CCC; margin: 10px 0; padding: 20px 10px; width: 700px; height:140px;}
 div#prod_cont						{ position:relative; width:800px; }
 div#menu_webshop					{ position:absolute; left:0px; top:0px; z-index:10; width:800px; }
 ul#menu_webshop_prod				{ margin:0px; padding:0px; list-style:none; }
 ul#menu_webshop_prod li			{ float:left; padding:4px 5px; border:1px solid #CCC; border-bottom:1px solid #333; } 
 ul#menu_webshop_prod li:hover		{ background-color:#f4f4f4; }
 ul#menu_webshop_prod li.selected	{ border:1px solid #333; color:#F00; border-bottom:1px solid #FFF; font-weight:bold; } 
 ul#menu_webshop_prod li.selected a	{ color:#F00; }
 div#prod_details					{ position:absolute; left:0px; top:24px; width:710px; padding:20px; border:1px solid #333; z-index:1; }
 
 /* Items */
 
 fieldset.webshop					{ border:  1px solid #CCC; margin: 10px 0; padding: 20px 10px; width: 900px; height:140px;}
 div#prod_cont						{ position:relative; width:800px; }
 div#menu_items						{ position:absolute; left:0px; top:0px; z-index:10; width:800px; }
 ul#menu_items						{ margin:0px; padding:0px; list-style:none; }
 ul#menu_items li					{ float:left; padding:4px 5px; border:1px solid #CCC; border-bottom:1px solid #333; } 
 ul#menu_items li:hover				{ background-color:#f4f4f4; }
 ul#menu_items li.selected			{ border:1px solid #333; color:#F00; border-bottom:1px solid #FFF; font-weight:bold; } 
 ul#menu_items li.selected a		{ color:#F00; }
 div#items_details					{ position:absolute; left:0px; top:24px; width:910px; padding:20px; border:1px solid #333; z-index:1; }
 
 div.inputs 						{ margin:5px 0px; float:left; width:700px; }	
 div.inputs_add			 			{ margin:5px 0px; float:left; width:200px; }	
 	fieldset.prod					{ width:640px; padding:20px 0px 20px 20px; margin:20px 0px;}
 	label.prod_label				{ width:200px; text-align:left; float:left; }
	label.prod_label span			{ color:#ee2e24; padding-left:5px; }
	div.inputs input				{ float:left; width:300px; }
	div.inputs input.sm				{ float:left; width:50px; }
	div.inputs select				{ float:left; width:300px; }
	div.inputs select.sm			{ float:left; width:150px; }
	div.inputs textarea			 	{ font-family:Arial, Helvetica, sans-serif; width:300px; height:100px; }
	div.inputs input.verstuur		{ margin-top:20px; width:80px }
	div.inputs input.button			{ margin-top:20px; width:80px }
	div.inputs input.sm_no_border	{ border:none; width:auto; }
	
 /* winkelwagen */ 
	table#winkelwagen_table		{ width:700px;}
	table#winkelwagen_table hr	{ width:700px!important;}
	table tr.table_top	{ background-color:#000; color:#FFF; }
	.td_product			{ width:280px; padding-left:5px; }
	.td_aantal			{ width:120px; }
	.td_prijs				{ width:110px; }
	.td_totaal			{ width:95px; text-align:right; }
		.td_totaal div	{ float:left; padding-left:30px; }		
	.td_tot_prod			{ text-align:right; }
	.td_tot_bezorg		{ width:90px; text-align:right; }
	.td_tot_bezorg_prijs			{ text-align:right; }
		.td_tot_bezorg_prijs div	{ float:left; padding-left:30px; padding-top:3px;  }
	.td_tot_totaaltxt		{ padding-top:10px; text-align:right; font-size:16px; font-weight:bold; color: #000; }
	.td_totaal_prijs 		{ padding-top:10px; text-align:right; font-size:16px; font-weight:bold; color: #000; }
	.td_totaal_prijs div	{ float:left; padding-left:30px;}
	sup.transport			{ font-size:10px; font-weight:bold; color: #000; }
	
 /* producten */
 ul#prod				{ list-style:none; }
 ul#prod li				{ padding:4px 0px 12px 0px;} 
 ul#prod li:hover		{ background-color:#f4f4f4; } 
 ul#prod li ul				{ padding-top:10px; }
 ul#prod li ul li			{ padding-top:10px; margin-top:3px; }
 ul#prod li ul li:hover		{ background-color:#d8d9db; } 
 ul#prod li ul li ul li:hover		{ background-color:#CCC; } 
 ul#prod li.menunaam	 	{ padding-top:10px; font-size:16px; font-weight:bold; list-style:none; margin-left:-30px;}
 ul#prod li.menunaam:hover 	{ background-color:transparent; }
 ul#prod li div			{ float:right; margin:0px; padding-bottom:5px; vertical-align:super; }
 
 /* fotoboek */
 input.fotos			{ width:300px; }
 
 .cms_form				{ margin: 10px 0px;  }
 .cms_form div.info		{ float:left; width:200px; padding:0px 20px 0px 5px; font-weight: bold;}
 .cms_form div.uploader	{ padding-left:225px; width:400px; }
 .cms_form input		{ margin-top: -1px; width: 340px; border: 1px #cccccc solid; color: #000; }
 .cms_form textarea		{ min-width: 340px; display: inline!important; font-family:Verdana, Geneva, sans-serif; border: 1px #cccccc solid; }
 .cms_form input.sm		{ margin-top: -1px; width: 40px; border: 1px #cccccc solid; color: #000; }
 .cms_form input.med	{ margin-top: -1px; width: 180px; border: 1px #cccccc solid; color: #000; }
 .cms_form input.sm_no_border	{ margin-top: -1px; width: 40px; border: none; color: #000; }
 .cms_form input.readonly		{ margin-top: -1px; width: 40px; border: none; color: #000; }
 .cms_form select		{ margin-top: -1px; width: 340px; border: 1px #cccccc solid; color: #000; }
 .cms_form select.sm	{ margin-top: -1px; width: 60px; border: 1px #cccccc solid; color: #000; }
 .cms_form hr			{ border:none; border-bottom:1px solid #333; margin:20px 0px 20px 0px; padding:10px; width:500px;}
 .cms_form img.pic		{ border:1px solid #CCC; }
 .cms_form div.txtarea          { float:left;}
 
 .no_border				{ border:none; } 
 fieldset				{ border:1px solid #999; padding:10px; padding:20px; width:400px; }
 fieldset.pics			{ border:1px solid #999; padding:10px; width:500px; }
 .btn					{ border:1px solid #666; color:#333; padding:2px 4px 2px 4px; }
 .btn:hover				{ border:1px solid #666; background-color:#CCC; padding:2px 4px 2px 4px; cursor:pointer; }
 textarea				{ font-family:Verdana, Geneva, sans-serif; }
 a						{ color:#999; text-decoration:none; }
 a:hover				{ color:#000; text-decoration:underline; }
 .hidden				{ display:none; }
 h1						{ color:#00F; font-size:16px; letter-spacing:1px; }
 h2						{ color:#000; font-size:14px; letter-spacing:1px; }
 hr						{ border:none; border-bottom:1px solid #333; margin:20px 0px 20px 0px; }
 
 /*  croptool */
 .imgareaselect-border1 		{ background: url(../img/croptool/border-anim-v.gif) repeat-y left top; }
 .imgareaselect-border2 		{ background: url(../img/croptool/border-anim-h.gif) repeat-x left top; }
 .imgareaselect-border3 		{ background: url(../img/croptool/border-anim-v.gif) repeat-y right top; }
 .imgareaselect-border4 		{ background: url(../img/croptool/border-anim-h.gif) repeat-x left bottom; }
 .imgareaselect-border1, 
 .imgareaselect-border2,
 .imgareaselect-border3, 
 .imgareaselect-border4 		{ opacity: 0.5; filter: alpha(opacity=50); }
 .imgareaselect-handle 			{ background-color: #fff; border: solid 1px #191717; opacity: 0.5;	filter: alpha(opacity=50); }
 .imgareaselect-outer 			{ background-color: #191717; opacity: 0.7;  filter: alpha(opacity=70); }
 .imgareaselect-selection 		{ }		
 
 /* Thickbox */
 #TB_window 				{ font: 12px Arial, Helvetica, sans-serif; color: #333333; }
 #TB_secondLine 			{ font: 10px Arial, Helvetica, sans-serif; color:#666666; }
 #TB_window a				{ color: #666666;}
 #TB_window a:hover 		{ color: #000;}
 #TB_overlay 				{ position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; }
 .TB_overlayMacFFBGHack 	{ background: url(macFFBgHack.png) repeat;}
 .TB_overlayBG 				{ background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }
 * html #TB_overlay 		{ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
 #TB_window 				{ position: fixed; background: #fff; z-index: 102; color:#000; display:none; border: 4px solid #525252; text-align:left; top:50%;	left:50%; }
 * html #TB_window 			{ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
 #TB_window img#TB_Image 	{ display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; }
 #TB_caption				{ height:25px; padding:7px 30px 10px 25px; float:left; }
 #TB_closeWindow			{ height:25px; padding:11px 25px 10px 0; float:right; }
 #TB_closeAjaxWindow		{ padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right; }
 #TB_ajaxWindowTitle		{ float:left; padding:7px 0 5px 10px; margin-bottom:1px; }
 #TB_title					{ background-color:#e8e8e8; height:27px; }
 #TB_ajaxContent			{ clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; }
 #TB_ajaxContent.TB_modal	{ padding:15px; }
 #TB_ajaxContent p			{ padding:5px 0px 5px 0px; }
 #TB_load					{ position: fixed; display:none; height:13px; width:208px; z-index:103;	top: 50%; left: 50%; margin: -6px 0 0 -104px; }
 * html #TB_load 			{ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
 #TB_HideSelect				{ z-index:99; position:fixed; top: 0px; left: 0px; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; }
 * html #TB_HideSelect 		{ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
 #TB_iframeContent			{ clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; }