/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd,fieldset, form, label, legend,caption {	margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%;	vertical-align: top;	background: transparent;}table, td, tr, thead, tbody{vertical-align: top;}body {	line-height: 1;}blockquote, q {	quotes: none;}blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}/* remember to define focus styles! */:focus {	outline: 0;}/* remember to highlight inserts somehow! */ins {	text-decoration: none;}del {	text-decoration: line-through;}/* tables still need 'cellspacing="0"' in the markup */table {	border-collapse: collapse;	border-spacing: 0;}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window { font: 12px Tahoma;color: #333333;}
#TB_secondLine {font: 9px Tahoma, sans-serif;color:#666666;}

#TB_window a:link {color: #4f5050;}
#TB_window a:visited {color: #4f5050;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #4f5050;}
#TB_window a:focus{color: #4f5050;}

.thickbox		{}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {position: fixed;z-index:100;top: 0px;left: 0px;height:100%;width:100%;}
.TB_overlayMacFFBGHack {background: url(../images/macFFBgHack.png) repeat;}
.TB_overlayBG {	background-color:#000;	filter:alpha(opacity=20);-moz-opacity: 0.2;opacity: 0.2;}

* html #TB_overlay { /* ie6 hack */ position: absolute;height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}

#TB_window {position: fixed;background: #ffffff;z-index: 102;color:#000000;display:none;border: none;text-align:left;top:50%;left:50%;}

* html #TB_window { /* ie6 hack */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:#cbd0b2;height:27px; color: #ffffff;}
#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; /* -height/2 0 0 -width/2 */}

* html #TB_load { /* ie6 hack */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: 0;left: 0;background-color:#fff;border:none;filter:alpha(opacity=0);-moz-opacity: 0;opacity: 0;height:100%;width:100%;}

* html #TB_HideSelect { /* ie6 hack */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;}

/**********************************************
 * STANDAARD ELEMENTEN
**********************************************/
html				{background: #767676 url(../images/grad.gif) repeat-x left top; height: 100%; width: 100%;}
body				{background: url(../images/bgtop.jpg) no-repeat center 66px; color: #6b6b6b; height: 100%; width: 100%; font-size: 11px; line-height:18px; font-family: 'Tahoma';}
body				{color: #000000; font-size: 11px; line-height:18px; font-family: 'Arial'; }
img					{border:0px;}
p					{margin:0px 0px 0px 0px;}
ul					{margin: 10px 0px 10px 10px; padding: 0px 0px 0px 10px; list-style: disc outside;}
ol					{margin: 10px 0px 10px 10px; padding: 0px 0px 0px 15px; list-style: decimal outside;}
table				{}
img					{border:0px; padding:0px;}
.clearfix			{clear:both; height:0px; line-height:0px; font-size:0px;}
span 				{line-height:normal}
input.search		{margin-left: 10px;height: 14px; padding: 3px; background: #ffffff; color: #4f4f4f; border: none; float: left; width: 160px;}	
textarea			{padding: 10px;}
input[type="submit"]{}
input[type="image"]{margin: 0px 0px 5px 0px; padding: 0px;}
input.login			{border: 1px solid #72c688; background: #ffffff; color: #27813f;}

/**********************************************
LINKS
**********************************************/
a:visited, a:active, a:link							{outline: none; color:#ee3b33;text-decoration:none;font-weight: bold;}
a:hover												{text-decoration:underline;}

a.hoofdnav				{margin: 0px 0px 0px 0px; font-size: 18px; float: left; font-weight: bold; color: #000000; padding: 0px 8px; height: 20px; text-decoration: none;}
a.hoofdnav:hover, a.hoofdnav:active, a.Active		{color: #e6150c;}

a.subnav				{font-size: 15px; font-weight: normal; display: block; float:left; color: #576168; line-height: 28px; text-align: center; text-decoration: none; height: 28px; padding: 13px 0px 0px 8px; background: url(../images/subback.gif) no-repeat left top;}
a.subnav img			{margin-left: 8px;}	
a.subnav:hover, a.subnav:active, a.subnavActive		{color: #0e0e0c; background: url(../images/subback_ov.gif) repeat-x left top;}

a.shopnav				{display: block; text-decoration: none; font-size: 11px; text-transform: uppercase; color: #000000; font-weight: normal; padding: 3px 10px 3px 35px; width: 158px;  background: url(../images/arrow.gif) no-repeat 12px center; }
a.shopnav:hover, a.shopnav:active, a.shopnavActive		{font-weight: bold; background: url(../images/arrow2.gif) no-repeat 12px center; }

a.subshopnav				{display: block; text-decoration: none; font-size: 11px; color: #000000; font-weight: normal; padding: 1px 10px 1px 35px; width: 158px; background: url(../images/sarrow.gif) no-repeat 17px center; filter:alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;}
a.subshopnav:hover, a.subshopnav:active, a.subshopnavActive		{ filter:alpha(opacity=100);-moz-opacity: 1;opacity: 1;}

/**********************************************
MAIN DIVS 
**********************************************/

h1						{margin: 0px 0px 10px 0px; font-size: 18px; font-weight: bold; color: #000000; border-bottom: 1px dotted #b7b7b7; padding: 5px 0px 10px 0px; height: 20px;}
h3						{margin: 0px 0px 10px 0px; font-size: 18px; font-weight: bold; color: #000000; border-bottom: 1px dotted #b7b7b7; padding: 5px 0px 10px 0px; margin-top: 15px;}
h2						{margin: 0px 0px 10px 0px;text-indent: 22px; font-size: 18px; font-weight: bold; color: #da1d15; border-bottom: 1px dotted #b7b7b7; padding: 5px 0px 10px 0px; height: 20px;}

a.blockslide			{color: #000000; margin-top: 20px; padding: 5px 0px; font-size: 12px; display: block; width: 375px; border: 1px dotted #b7b7b7; border-width: 0px 0px 1px 0px;}

h1 span					{font-size: 11px; float: right;}
h1 span			a		{color: #333333;}

a.besteloverzicht		{ position:absolute; right: 30px; bottom: 10px; }

#main					{width: 1024px; height: auto !important; min-height: 100%; height: 100%;  margin: 0px auto; background:#ac2e28 url(../images/content.gif) repeat-y center top;}
#main2					{width: 1024px; height: auto !important; min-height: 100%; height: 100%;  margin: 0px auto; background:#ac2e28 url(../images/content2.gif) repeat-y center top;}
	#top				{}
		#menu			{width: 1024px; height: 213px; background: url(../images/top.png) no-repeat left top; position: relative;}
		#menu2			{width: 1024px; height: 213px; background: url(../images/top2.png) no-repeat left top; position: relative;}
			#navi		{width: 400px; height: 32px; position: absolute; bottom: 90px; left: 230px;}
	#content			{width: 1024px; height: auto;}
		#ctable			{width: 986px; margin: 0px 19px;}
			#shopmenu	{width: 203px; overflow: hidden;}
			#shopmenu h1	{text-indent: 35px;}
				div.subshop	{width: 203px; height: auto; overflow: hidden; background: #d6d6d6; padding: 5px 0px; display: none;}
				div.subshopActive	{width: 203px; height: auto; overflow: hidden; background: #d6d6d6; padding: 5px 0px;}
			#tekst		{width: 375px; padding: 0px 20px 20px 20px;}
			#tekst2		{width: 743px; padding: 0px 20px 20px 20px;}
			#news		{width: 368px;}
	
	#navbar				{position: absolute; left: 50%; margin-left: 300px; top: 220px;}
		
	div.newshome		{margin: 0px 26px 20px 26px;}
	div.newshome2 a		{color: #000000}
	div.newshome a		{color: #000000; font-weight: normal;}
	div.newshome2		{width: 316px; margin: 0px 26px 20px 26px; border: 1px solid #d9d9d9; border-width: 1px 0px 1px 0px; padding: 10px 0px;}
	div.newshome3 a		{color: #000000}
	div.newshome3		{width: 375px; margin: 15px 0px; border: 1px solid #d9d9d9; border-width: 0px 0px 1px 0px; padding: 10px 0px;}
			
	a.pager		{color: #333333; padding:0px 3px; height: 11px; line-height: 11px;}
	a.pager:hover, a.pageActive	{color: #ffffff; background: #ac2e28;}
	
	a.login				{position: absolute; top: 8px; right: 240px;}
	a.register			{position: absolute; top: 8px; right: 50px;}
	
	#zoek		{width: 340px; height: 20px; overflow: hidden; position: absolute; right: 20px; bottom: 85px;}
	#zoek	input[type='text'] 	{width: 254px; height: 18px; border: 1px solid #5e5f60; padding: 0px; text-indent: 10px; line-height: 18px;float: left;}
	#zoek	input[type='image']	{float: left;}
	
	#zoek2		{width: 340px; height: 20px; overflow: hidden; position: absolute; left: 50%; margin-left: 150px; top: 190px;}
	#zoek2	input[type='text'] 	{width: 254px; height: 18px; border: 1px solid #5e5f60; padding: 0px; text-indent: 10px; line-height: 18px;float: left;}
	#zoek2	input[type='image']	{float: left;}
	
	td.prodfoto 		{width: 84px; height: 84px; background: #ffffff; border: 1px solid #d9d9d9; vertical-align: middle;}
	td.prodtype 		{width: 62px; height: auto; background: #ffffff; border: 1px solid #d9d9d9; border-right: 1px dotted #747474; border-width: 1px 1px 1px 0px; padding: 11px 13px;}
	td.proddetails 		{width: 374px; height: auto;border: 1px solid #d9d9d9; border-width: 1px 0px 1px 0px; padding: 11px 13px; background: url(../images/grad2.gif) no-repeat 186px top;}
	td.proddetails 	div	{width: 400px; height: auto; display: none;}
	td.prodform			{width: 169px; height: auto; border: 1px solid #d9d9d9; border-width: 1px 1px 1px 0px; vertical-align: text-bottom; background: url(../images/grad2.gif) no-repeat right top;}
	td.prodform		div	{width: 169px; height: 84px; position: relative; }
	td.prodform	 div 	h5						{font-weight: normal; position: absolute; bottom: 45px; left: 10px; color: #666666;}
	td.prodform	 div 	input[type="text"]		{width: 20px; position: absolute; bottom: 8px; left: 10px;}
	td.prodform	 div	input[type="image"]		{float: right; position: absolute; bottom: 3px; right: 10px;}
/**********************************************
* FORM ELEMENTS
**********************************************/
input,  select{ font-size: 11px; line-height:13px; font-family:Tahoma;}
input,  select{ padding:2px;}
textarea{ line-height:18px;}

/**********************************************
TBMODULE
**********************************************/
.tbmodule{ background-color:#ea0082; color:#FFF; padding:20px; margin:15px 0px 15px 0px; text-align:center; font-weight:bold; border:dotted 1px #000000; }

/**********************************************
IMAGES VANUIT TOOLBOX
**********************************************/
.img_left_border		{float:left; margin-right:15px; margin-bottom:5px; width: auto;}
.img_left_noborder		{float:left; margin-right:15px; margin-bottom:5px;  width: auto;}
.img_right_border		{float:right; margin-left:15px; margin-right:4px;	margin-bottom:5px;  width: auto;}
.img_right_noborder		{float:right; margin-right:4px;	margin-left:15px; margin-bottom:5px;  width: auto;}
.img_noalign_noborder	{margin:0px; }
.img_noalign_border		{margin:0px; }
.cssbutton				{cursor:pointer; border:1px solid #FFF; background-color:#00457c; width: auto; color:#FFF; background-image:url('../images/arrow_rechts.gif'); background-repeat:no-repeat; background-position:100% 50%; text-align:left; text-indent:4px;	padding-left:4px; padding-right:20px; padding-top:3px; padding-bottom:3px;	font-size: 12px; float:left;}
.cssfield				{padding:5px; line-height:11px;border:1px solid #4db3d0; font-size:11px;}
.boekField				{border:1px solid #dedede; padding:2px 0px 2px 4px; height:18px;}



.ui-datepicker { width: 17em; padding: .2em .2em 0; }
.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; }
.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; }
.ui-datepicker .ui-datepicker-title select { float:left; 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 .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.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%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* 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*/
}/* Dialog