html {
	/*margin-bottom: 1px;*/
	font-size: 100%;
}
body, input, textarea, select {
	font: 9px Arial, Helvetica, sans-serif, Verdana;
	line-height: 15px;
	height: 100%;
}
body {
	color: #333;
}

p { margin-bottom: 15px; }
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/common/loading.gif) top left no-repeat;
}

h1, h2, h3, h4, h5, h6 { margin-bottom: 15px; color: #000; font-weight: bold;}
h1 { font-size: 9px; }
h2 { font-size: 9px; }
h3 { font-size: 9px; }
h4 { font-size: 9px; }
h5 { font-size: 9px; color: #9cb33b;}

a { color: #000; text-decoration: underline; outline-style: none; }
a:hover { color: #000; 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; }

hr { width: 100%; clear: both; float: left; background: black; border: none; height: 1px; margin-bottom: 15px; }

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


/*
 * Layout
 */
#page {
	position: relative;
	margin-left: 165px;
	margin-top: 40px;
	width: 500px;
	background: #fff;
}


#menu, #content {
	float: left;
	position: relative;
	display: inline;
	overflow: hidden;
}
#content {
	float: left;
	clear: both;
	width: 100%;
	margin-bottom: 15px;
}

#menuCloneDimensions { 
	width: 100px;
	left: 55px;
	top: 40px;
	position: absolute;
}
#menu {
  width: 100px;
  position: fixed;
  left: 55px;
  top: 40px;
}

* html #menu { /* IE6 */
  position: absolute;
  top: 0;
  margin-top: expression(NS_menuMoveTop = 40 + (document.documentElement ? document.documentElement.scrollTop : 0) + 'px');
}

#menu a {
	text-decoration: none;
	float: left;
	clear: both;
	width: 100%;
	position: relative;
}
#menu a:hover { text-decoration: underline; }

#menu a.active { text-decoration: underline; }

#logoContainer {
	float: left;
	width: 100px;
	height: 100px;
	border-bottom: 1px solid #000;
	margin-bottom: 15px;
}

#logo {
	float: left;
	width: 70px;
	height: 70px;
	background: url('/images/common/logo.gif') top left no-repeat;
}


#topmenu {
	position: relative;
	float: left;
	margin-bottom: 15px;
	width: 100%;
}

#archiveMenu {
	position: relative;
	float: left;
	clear: both;
	width: 100%;
}
#archiveMenu .categories,
#archiveMenu .projects {
	position: relative;
	float: left;
	margin-bottom: 15px;
	clear: both;
	width: 100%;
}

#archiveMenu .projects a {
	position: relative;
	float: none;
	overflow: hidden;
	clear: both;
}

/* more links */
#archiveMenu .moreWrapper {
	float: left;
	width: 100%;
	clear: both;	
}
#archiveMenu .moreLink {
	margin-top: 15px;
	float: left;
	position: relative;
	width: 100%;
	clear: both;
	cursor: pointer;
}
#archiveMenu .addMarginTop { margin-top: 15px; }


#topBar {
	float: left;
	width: 100%;
	height: 100px;
	display: inline;
	border-bottom: 1px solid #000;
	margin-bottom: 15px;
}

#toggleCategories { margin-bottom: 15px; }
#archiveMenu .nomargin { margin-bottom: 0; }

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