/* Reset CSS */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td { margin: 0;padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,th,var { font-style: normal; font-weight: normal; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; }
html { overflow: -moz-scrollbars-vertical; }
* { margin: 0px; padding: 0px; } 
ul, ol { margin-left: 30px; }

/***** Global Classes *****/

.clear { clear:both; font-size: 0px; line-height: 0px; }
.float-left { float:left; }
.float-right { float:right; }

.text-left { text-align:left; }
.text-right { text-align:right; }
.text-center { text-align:center; }
.text-justify { text-align:justify; }

.bold { font-weight:bold; }
.italic { font-style:italic; }
.underline { border-bottom:1px solid; }
.highlight { background:#ffc; }

.wrap { width:960px;margin:0 auto; }

.img-left { float:left;margin:4px 10px 4px 0; }
.img-right { float:right;margin:4px 0 4px 10px; }

.nomargin { margin: 0; }
.nopadding { padding:0; }
.noindent { margin-left:0;padding-left:0; }
.nobullet { list-style:none;list-style-image:none; }

/* Message class */

.msg {
	color: #ff0090;
	font-weight: bold;
}

.emsg {
	color: #c30;
	font-weight: bold;
}

.formErrorItem { display: block; color: #c30; font-weight: bold; }
.formChecked { background: url(/Icons/accepted_16.png) no-repeat; height: 16px; width: 16px; }

.verplichtVeld { color: #c30; font-weight: bold; font-size: 12px; }

/* Admin */

/*.adminNavigatie { margin: 3px; font-size: 11px; font-family: Helvetica, Arial, sans-serif; clear: both; overflow: hidden; }
	.adminNavigatie a:link, .adminNavigatie a:active, .adminNavigatie a:visited { text-decoration: none; color: rgb(51,51,102); display: block; float: left; padding: 4px; background: url(/Skins/Standaard/Content/Images/Windows/button_content_bg.png) repeat-x; }
	.adminNavigatie a:hover { background: url(/Skins/Standaard/Content/Images/Windows/button_content_hover_bg.png) repeat-x; }
	.adminNavigatie .buttonLeft { background: url(/Skins/Standaard/Content/Images/Windows/button_bg.png) -22px 0; width: 1px; height: 22px; display: block; float: left; margin: 0 0 1px 0; }
	.adminNavigatie .buttonRight { background: url(/Skins/Standaard/Content/Images/Windows/button_bg.png) 22px 0; width: 1px; height: 22px; display: block; float: left; margin: 0 1px 0 0; }
	.adminNavigatie .buttonMid { background: url(/Skins/Standaard/Content/Images/Windows/button_bg.png); width: 1px; height: 22px; display: block; float: left; margin: 0; }
	.adminNavigatie a img { margin: -3px 0; }*/

.adminNavigatie { margin: 3px 0px; font-size: 11px; font-family: Helvetica, Arial, sans-serif; clear: both; overflow: hidden; }
.adminNavigatie a:link, .adminNavigatie a:active, .adminNavigatie a:visited 
{ 
	text-decoration: none; 
	color: #fff; 
	background-color: #333; 
	display: block; 
	float: left; 
	padding: 3px; 
	margin: 1px; 
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #999;
}
	.adminNavigatie.bestelling a.current { color: #333; background-color: #fff; }
.adminNavigatie span { display: block; float: left; padding: 3px; margin: 0px 1px; }
.adminNavigatie.website a { background-color: #C0D4DA; color: #263B41; }
	.adminNavigatie.website a:hover { color: #fff; }
.adminNavigatie.gebruiker a { background-color: #263B41; color: #fff; }
	.adminNavigatie.gebruiker a:hover { color: #263B41; background-color: #ccc; }
.adminNavigatie.inhoud a { background-color: #71AFC0; color: #fff; }
	.adminNavigatie.inhoud a:hover { color: #fff; }
.adminNavigatie.module a { background-color: #53858D; color: #fff; }
	.adminNavigatie.module a:hover { color: #fff; }
.adminNavigatie.prominent a { background-color: #8E3557; }
.adminNavigatie.bestelling a { background-color: #4A1A2C; }
	.adminNavigatie.bestelling a.current { color: #4A1A2C; background-color: #fff; }
.adminNavigatie a:hover { background-color: #393F40; }

h1.admin { background-color: #fff; color: #000; font-size: 20px; font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 10px 0; font-style: normal; font-weight: normal; }
h2.admin 
{ 
	background: #f8f8f8 url(../Images/H2Arrow.png) no-repeat 5px 12px; 
	color: #558493; 
	font-size: 14px; 
	font-family: Arial, Helvetica, sans-serif; 
	margin: 0; 
	padding: 10px 0 10px 25px; 
	font-style: normal; 
	font-weight: normal; 
	border-bottom: 1px solid #ccc; 
	border-top: 1px solid #ccc; 
}
h6.admin { background-color: #fff; color: #333; font-size: 10px; font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 5px 10px; font-style: normal; font-weight: bold; text-transform: uppercase; }

table.admin { margin: 5px 0px; background-color: #fff;}
table.admin tr { border-bottom: #ccc 1px solid; background-color: #fff; }
table.admin th { padding: 2px; background-color: #666; color: #fff; font-weight: bold; }
table.admin td { padding: 2px; background-color: #fff; color: #000;  }
table.admin tr.prominentLine td { background: #DDDCC5; }

.CMS_Error { background-color: #fff; border: 2px solid #c30; color: #802000; margin: 10px 0px; padding: 5px; }

#CMS_LayoutTotaal { border: 0px red dotted; clear: both; overflow: hidden; margin: 0; }
#CMS_LayoutKolom1, #CMS_LayoutKolom2, #CMS_LayoutKolom3 { border: 0px red dotted; float: left; margin: 0; overflow: hidden; }

#CMS_LayoutLabel { background: red; color: white; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; display: inline; }

/* Contact module */
.adminContactBericht { margin: 5px 0px; padding: 5px; }

/* Nieuwe pagina, Pagina instellingen */

#pagina_module td { padding: 0px 3px; margin: 0px; text-align: center; }
#pagina_module img { border: 2px solid #fff; }
#pagina_layout img { border: 2px solid #fff; }

/* Form */

form { margin: 3px 0px; }
form fieldset { border: #ccc 1px dashed; padding: 5px; }
form p { width: 300px; clear: left; margin: 0; padding: 5px 0 5px 100px; height: 1%; }
form label { float: left; margin-left: -100px; width: 100px; cursor: pointer; }
form label.select { margin: 0px; float: none; }
form input[type="text"], form input[type="password"] { width: 150px; border: 1px solid #999; padding: 1px; }

form input[type="submit"], 
	form input[type="button"], 
	#content form table.admin input[type="submit"], 
	#content form input[type="submit"].admin 
{ 
	cursor: pointer; 
	border: solid 1px #ccc; 
	color: #666; 
	padding: 1px 2px; 
	background: #999 url(/Skins/Standaard/Content/Images/button.gif) repeat-x left top; 
}

form textarea { width: 250px; height: 100px; border: 1px solid #999; }
form div { padding: 3px 0; }
form option, form select, form input { font-size: 11px; }
form #mens { display: none; visibility: hidden; }

/* Custom CSS buttons by stopdesign.com */

.btn { display:inline-block; background:none; margin:0; padding:3px 0; border-width:0; overflow:visible; font:100%/1.2 Arial,Sans-serif; text-decoration:none; color:#333; }
* html button.btn { padding-bottom:1px; }
/* Immediately below is a temporary hack to serve the 
   following margin values only to Gecko browsers
   Gecko browsers add an extra 3px of left/right 
   padding to button elements which can't be overriden.
   Thus, we use -3px of left/right margin to overcome this. */
html:not([lang*=""]) button.btn { margin:0 -3px; }
.btn span { background:#ddd url(/Skins/Standaard/Content/Images/google_button_bg.gif) repeat-x 0 0; margin:0; padding:3px 0; border-left:1px solid #bbb; border-right:1px solid #aaa; }
* html .btn span { padding-top:0; }
.btn span span { position:relative; padding:3px .4em; border-width:0; border-top:1px solid #bbb; border-bottom:1px solid #aaa; }
/* pill classes only needed if using pill style buttons ( LEFT | CENTER | RIGHT ) */
button.pill-l span { border-right-width:0; }
button.pill-l span span { border-right:1px solid #bbb; }
button.pill-c span { border-right-style:none; border-left-color:#fff; }
button.pill-c span span { border-right:1px solid #bbb; }
button.pill-r span { border-left-color:#fff; }
/* only needed if implementing separate hover/focus/active state for buttons */
.btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span span { cursor:pointer; border-color:#9cf !important; color:#000; }
.btn:active span { background-position:0 -400px; outline:none; }
.btn:focus, .btn:active { outline:none; }
/* use if one button should be the 'primary' button */
.primary { font-weight:bold; color:#000;}

/**
 *	Navigatie sorteren
 */ 

#navigatieSort { list-style-type: none; margin: 0; }
 
.navigatieSortItem { border:1px solid #DADADA; background-color: #EFEFEF; padding: 3px 5px; margin-bottom:3px; margin-top:3px; width: 250px; font-family: Arial, Helvetica, sans-serif; color: #666666; font-size: 0.8em; }
.navigatieSortItem:hover { background-color:#FFF; cursor:move; }

/**
 *  Admin paneel
 */  

#TB_window {
    font: 12px Arial, Helvetica, sans-serif;
    color: #333;
}

#TB_window table, #TB_window td, #TB_window tr { background-color: #fff; color: #000; }

#TB_window form p {
	width: 300px;
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 155px;
	height: auto;
}

#TB_window form label {
	color: #304B53;
	float: left;
	margin-left: -155px;
	width: 150px;
}

#TB_window form input[type="text"], #TB_window form input[type="password"] {
	width: 180px;
}

/*#TB_window form input[type="submit"], #TB_window form input[type="button"] { cursor: pointer; border: 1px solid #a0bcde; color: rgb(51,51,102); padding: 2px 2px; background: url(/Skins/Standaard/Content/Images/Windows/button_button_bg.png) repeat-x left top; }
#TB_window form input[type="submit"]:hover, #TB_window form input[type="button"]:hover { background: url(/Skins/Standaard/Content/Images/Windows/button_button_hover_bg.png) repeat-x left top; }*/

#TB_window form textarea {
	width: 250px;
	height: 150px;
}

#TB_secondLine {
    font: 10px Arial, Helvetica, sans-serif;
    color: #666;
}

#TB_window a:link, #TB_window a:visited, #TB_window a:active, #TB_window a:focus {
    color: #666;
}

#TB_window a:hover {
    color: #000;
}

#TB_window .adminNavigatie a:link, #TB_window .adminNavigatie a:active, #TB_window .adminNavigatie a:visited { color: #fff; }

#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 { /* 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: 1px solid #888;
  	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;
}

#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: 4px 10px 4px 0;
  	margin-bottom: 1px;
  	text-align: right;
  	float: right;
}

#TB_ajaxWindowTitle{
  	float: left;
  	padding: 4px 0 4px 10px;
  	margin-bottom: 1px;
}

#TB_title{
  	/*background: url(/Skins/Standaard/Content/Images/Windows/button_content_bg.png) repeat-x;*/
  	background: #999 url(/Skins/Standaard/Content/Images/button.gif) repeat-x left top;
  	height: 22px;
	font-size: 11px;
	font-family: Helvetica, Arial, sans-serif;
	color: rgb(51,51,102);
}

#TB_title a:link, #TB_title a:active, #TB_title a:visited { color: rgb(0,51,153); }
#TB_title a:hover { text-decoration: none; }

#TB_ajaxContent{
  	clear: both;
  	padding: 2px 15px 15px 15px;
  	overflow: auto;
  	text-align: left;
  	line-height: 1.4em;
  	color: #333;
}

#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;
}

/**
 *	Popup window voor het toevoegen van afbeeldingen in de editor
 */ 

#popupWindow { font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin: 10px; }
#popupWindow a:link, #popupWindow a:active, #popupWindow a:visited { color: #000; text-decoration: underline; } 
#popupWindow a:hover { color: #ff0090; text-decoration: none; }

#popupWindow .afbeeldingenLijst ul { list-style-type: none; margin: 5px 3px; }

/* FOTOALBUMS album beheren */

#fotosBeheren { padding: 0; overflow: hidden; }
#fotosBeheren li {  list-style: none; float: left; margin: 2px; overflow: hidden; padding: .2em;  background: #e3e3e3; }
#fotosBeheren li img {}

/* REACTIES */

#paginaModuleReactiesLaden { text-align: center; display: none; }

#manageBestellingenList form p { width: auto; margin: 0; padding: 0; }

#manageBestellingenListTable { width: 100%; }

#sortProductOptionItems { list-style-type: none; margin: 0; }
.sortProductOptionItemsItem { border:1px solid #DADADA; background-color: #EFEFEF; padding: 3px 5px; margin-bottom:3px; margin-top:3px; width: 250px; font-family: Arial, Helvetica, sans-serif; color: #666666; font-size: 0.8em; }
.sortProductOptionItemsItem:hover { background-color:#FFF; cursor:move; }

table#composeDelivery tr { border-bottom: 1px solid #fff; }
table#composeDelivery tr td { padding: 3px 2px; color: #fff; }
table#composeDelivery tr td a { color: #000; }
table#composeDelivery tr.stock td { background: #A6CE3A; }
table#composeDelivery tr.ordered td { background: #F60;}
table#composeDelivery tr.toorder td { background: #c30; }
table#composeDelivery tr.normal td { color: #000; }

.articlesInDelivery { margin: 5px 0; display: none; border: 1px solid #ccc; }
.articlesInDelivery p { padding: 5px; color: #666; }

table.admin tr.prominentLine td.flag, .flag { background: #F0F0F6; padding: 0; width: 10px; }
.flag a { display: block; width: 10px; height: 30px; }
.flagged, table.admin tr.prominentLine td.flagged { background-color: Red; color: White; }
.notFlagged, table.admin tr.prominentLine td.notFlagged { background-color: none; color: Black; }

a.deliveryBlock:link,
	a.deliveryBlock:active,
	a.deliveryBlock:visited
{
	padding: 0 10px;
	line-height: 30px;
	display: block; 
	color: #fff;
	text-decoration: none;
	float: right;
}
a.deliveryBlock:hover 
{
	color: #000;
	text-decoration: none;
}

/* tables */
table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(../Images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(../Images/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}