@import url("/css/fabriccolors.css");
@import url("/css/dottedlines.css");

html {
	min-height: 100%;
	margin-bottom: 1px;
}
body, input, textarea, select {
	
	font: 11px Georgia, "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	line-height: 15px;
}
body {
	background: #fff url("/images/background_gritty.gif") top center no-repeat;
	color: #333;
}

p { margin-bottom: 1em; }
strong { font-weight: bold; }
em { font-style: italic; }

/* PNG fix */
#page img,
#page .thumbnail { behavior: url(/css/iepngfix.htc); }

.indicator {
	width: 22px;
	height: 22px;
	float: left;
	background: url(/images/loading.gif) top left no-repeat;
}

h1, h2, h3, h4, h5, h6 { margin-bottom: 0.5em; color: #717050; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #717050;}
h1 { font-size: 2.1em; }
h2 { font-size: 1.9em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.3em; margin-bottom: 0.7em; }
h5 { font-size: 1.3em; margin-bottom: 0.7em; color: #9cb33b;}

/*
 * sIFR alternative
 */
.gazette {
	color: #333333;
	font-style: italic;
	font-family: Georgia, "Times new Roman", Times, sans-serif;
}
h1.gazette { font-size: 21px; line-height: 25px;}
h2.gazette { font-size: 19px; line-height: 23px;}

a { color: #8eaa17; text-decoration: none; outline-style: none; }
a:hover { color: #8eaa17; text-decoration: underline; }

input[type=text],
input[type=password],
input.text,
select,
textarea { border: 1px solid #cccccc; font-size: 13px; padding: 3px;}
input[type=button],
input[type=submit] { font-style: italic; background: #ebebeb; color: #808080; font-size: 13px; padding: 3px; border: 1px solid #cccccc; }
.bad { background: #feeae6; border: 1px solid #dc4228; }

/* sIFR CSS Style Check */
.sIFR-dummy { 
  width: 0px;
  height: 0px;
  margin-left: 42px !important;
  z-index: 0;
}

/*
 * Header
 */
 
.headerImage {
	width: 100%;
	height: 120px;
	margin-bottom: 5px;
	float: left;
	clear: both;
	background-image: url('/images/headers/default.gif');
	overflow: hidden;
}

.headerImage h1 {
	background: #fff;
	color: #96b33c;
	float: left;
	padding: 10px;
	padding-left: 6px;
	margin-left: 10px;
	text-transform: uppercase;
	font-size: 36px;
	line-height: 42px;
}
.sIFR-active .headerImage h1 {
	font-size: 42px;
	line-height: 45px;	
}
.headerImage h3 {
	color: #98906f;
	font-size: 15px;
	line-height: 18px;
	font-style: italic;
	font-family: Georgia, "Times new Roman", Times, sans-serif;
}
.sIFR-active .headerImage h3 {
	font-size: 15px;
	line-height: 18px;	
}



/*
 * Dashboard
 */
#dashboard {
	color: #333;
	float: right;
	width: 300px;
	text-align: right;
	line-height: 15px;
}
#dashboard .padder {
	padding: 0 5px 5px 5px;	
}
#dashboard .options {
	margin-bottom: 0.5em;
	color: #aeaeae;	
}
#dashboard .options a { color: #8d8c6c;}
#dashboard .options a:hover { color: #9cb33b; }

#dashboard .welcome { font-style: italic; color: #666; }



/*
 * Layout
 */
#page {
	margin: 0 auto;
	width: 900px;
	padding: 10px;
	overflow: hidden; /* voorkom flash overlap */
}

#header {
	width: 100%;
	float: left; 
	margin: 10px 0 20px 0;
}

#footer {
	width: 100%;
	float: left;
	clear: both;
	display: inline;
	font-size: 10px;
	color: #666;
	background: url('/images/common/background_footer.gif') top left no-repeat;
	padding-top: 25px;
}
#footer .left, #footer .right { float: left; display: inline; }
#footer .left { width: 600px; margin-right: 10px; }
#footer .right { width: 290px; text-align: right; text-align: right; padding-top: 5px;}

#footer a { color: #666; text-decoration: none; }
#footer a:hover { color: #666; text-decoration: underline; }

#footer .informationBoxes  { 
	/* background: url('/images/common/background_footer.gif') top left repeat-y;*/ 
	padding: 5px;
	float: left;
}
#footer .informationBoxes .katoenenzo_nl,
#footer .informationBoxes .about { border-left: 1px solid #ebebeb; }

#footer .informationBoxes h2 { font-size: 9px; margin: 0; font-weight: bold; color: #333; text-transform: uppercase; }

#footer .information {
	width: 150px;
	float: left;
	position: relative;
	display: inline;
	font-size: 9px;
	padding-left: 10px;
}


#footer .information li { width: 146px; padding: 2px; margin-bottom: 2px; clear: both; float: left; display: inline; background: #fff; } 
#footer .information li a {  }

#footer .copyright,
#footer .designby { float: right; }



#footer .copyright a {
	float: left;
	width: 140px;
	height: 22px;
	outline-style: none;
	border: 0;
	background: url('/images/common/copyright.gif') top left no-repeat;
}
#footer .designby { margin-right: 10px; }
#footer .designby a {
	float: left;
	width: 130px;
	height: 22px;
	outline-style: none;
	border: 0;
	background: url('/images/common/nickstakenburg_logo_small.gif') top left no-repeat;
}

#logo {
	position: relative;
	width: 312px;
	height: 38px;
	float: left;
	background: url("/images/logo_katoenenzo.png") top left no-repeat;
	*background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/logo_katoenenzo.png',sizingMethod='scale');
	
}


.menu, #content { display: inline; }

.menu {
	position: relative;
	float: left;
	width: 100%;
	margin-bottom: 2px;
	clear:both;
}
.menu .menuitem {
	position: relative;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	float: left;
}
.menu .menuitem h1 {
	position: relative;
	font-size: 15px;
	color: #98906f;
	margin: 0 5px 0 0;
	float: left;
	padding: 0;
	
}
.sIFR-active .menu .menuitem h1  {
	font-size: 18px;
}
#menuClothinglines { position: relative; }
#menuClothinglines embed,
#menuClothinglines object { position: relative; }

#submenu {
	float: left;
	position: relative;
	clear: both;
	width: 100%;
	height: 39px;
	margin-bottom: 4px;
	background: url("/images/common/headerfulldotsstickback.gif") top left no-repeat;
	padding-top: 5px;
}
#submenu .menuitem h1 {
	text-transform: uppercase;
	color: #96b33c;
	font-size: 15px;
	line-height: 19px;
}
.sIFR-active #submenu .menuitem h1 {
	font-size: 21px;
	line-height: 25px;
}

/* menuClothinglines */
#clothinglinesBox {
	position: absolute;
	top: 28px;
	left: 0;
	background: #fff;
	width: 200px;
	overflow: hidden;
	z-index: 99999;
}
#clothinglinesBox .clothingline { font-size: 15px; text-transform: uppercase;}
#clothinglinesBox .padder {
	padding: 0.5em;	
}
#clothinglinesBox a {
	float: left;
	clear: both;
	margin-bottom: 0.5em;
}


#content {
	float: left;
	clear: both;
	width: 100%;
}



#menu .seperate { margin-left: 5px; padding-left: 5px; border-left: 1px solid #cbcbcb;  }





/* Data formulieren */
.dataForm { clear: both; font-size: 13px; }
.dataForm .zend_form { width: 100%; float: left; margin-bottom: 1em; }
.dataForm dt,
.dataForm dd {
	float: left;
	display: inline;
	margin-bottom: 0.5em;
}
.dataForm dt {
	clear: both;
	width: 40%;
	padding: 3px 0;
}
.dataForm dd { float: left; width: 60%; }
.dataForm label {
	float: left;
}
.dataForm label.required:after { color: #808080; content: " *"; }

.dataForm .errors {
	margin-top: 3px;
	clear: both;
	color: #ed430f;
}

.updated {
	clear: both;
	background: #c0f588;
	color: #4fa720;
	width: auto;
	margin-bottom: 1em;
	float: left;
}
.updated .padder { padding: 5px; }

form .bad { background: #feeae6; border: 1px solid #dc4228; }

/*
 * Paginator
 */
.paginationControl {
	float: left;
	width: 100%;
	text-align: right;
	margin-bottom: 1.5em;
	clear: both;
	position: relative;
	line-height: 15px;
	font-size: 13px;
	color: #cccccc;
}
.paginationControl .currentPage { color: #333; }
.paginationControl img { vertical-align: middle; width: 15px; height: 15px;}


/* Shim */
.iframeShim{position:absolute;border:0;margin:0;padding:0;background:none;overflow:hidden;}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.clearfix{display:inline-block;}/* IE Mac Hide \*/ .clearfix{display:block;}/* IE Mac Hide End */