html {
	min-height: 100%;
	height: 100%;
	background: #fefefe;
	font-size: 100%;
}
body, input, textarea, select {
	font: 9px Arial, Helvetica, sans-serif, Verdana;
	line-height: 15px;
	height: 100%;
}

body {
	color: #232124;
}

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

.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: #333; text-transform: uppercase; 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: #232124; text-decoration: underline; outline-style: none; }
a:hover { color: #554e57; 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;
}

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

#page ul {
  padding-left: 20px;
  list-style-type: disc;  
}
/*
 * Layout
 */
#page {
  position: absolute;
  height: 440px;
  top: 50%;
  margin-top: -205px;
  overflow:hidden;
  /* background: #efefef; */
}

#logo {
  float: left;
  width: 250px;
  height: 35px;
  border: 0;
  background: url('/images/common/logo.gif') top left no-repeat;
  position: relative;
}
#logo:hover { border: 0; text-decoration: none; }

/*
 * Menu
 */
/*#menu {
  float: left;
  clear: both;
  height: 35px;
  margin-bottom: 50px;
  margin-top: 25px;
  margin-left: 55px;
}*/
#menu {
  position: fixed;
  top: 50%;
  left: 55px;
  height: 35px;
  width: 1150px;
  margin-top: -275px; 
}

* html #menu {
  position: absolute;  
}

#menu .links { 
  float: left;
  width: 760px;
  clear: none;
  position: relative;
}

#menu .link {
  float: left;
  height: 35px;
  background-image: url('/images/common/menu.gif');
  background-repeat: no-repeat;  
}
#menu .links a.active,
#menu .links .link:hover { background-image: url('/images/common/menu_hover.gif'); }

#menu .links .dash {
  background: #fff url('/images/common/menu.gif') 0px 0px no-repeat;
  width: 24px;
  height: 35px;
  float: left;
  clear: none;
}

#menu .links .work {
  background-position: -24px 0px;
  width: 135px;
}

#menu .links .about {
  background-position: -183px 0px;
  width: 158px;
}

#menu .links .contact {
  background-position: -366px 0px;
  width: 220px;
}

#menu .links .shops {
  background-position: -612px 0px;
  width: 148px;
}


#leftright {
  float: left;
  height: 35px;
  width: 50px;
  position: relative;
  margin-left: 50px;
}

#leftright .arrow {
  height: 26px;
  width: 25px;
  position: absolute;
  top: 4px;
  left: 0;
  background-image: url('/images/common/leftright.gif');
  background-repeat: no-repeat;
  background-position: 0 0;
}
#leftright .arrow:hover { background-image: url('/images/common/leftright_hover.gif'); }
#leftright .right { left: 25px; background-position: -25px 0; }

#content {
	float: left;
	clear: both;
	width: 100%;
	height: 440px;
	background: #cccccc;
	margin-bottom: 20px;
}


#work {
  position: fixed;
  top: 50%;
  left: 55px;
  height: 35px;
  margin-top: 245px; 
  line-height: 35px;
  font-size: 26px;
  color: #cccccc;
  letter-spacing: 8px;
}
* html #work { position: absolute; }
/*
#work {
  float: left;
  clear: both;
  margin-left: 55px;
  height: 35px;
  line-height: 35px;
  font-size: 26px;
  color: #cccccc;
  letter-spacing: 8px;
}*/

#work .link, #work span { float: left; clear: none; margin-right: 8px;}
#work a, #work a:visited {
  color: #cccccc;
  text-decoration: none;
}
#work a:hover, #work div.active a { color: #232124; }



/*
 * Boxes
 */
 
#boxes {
  margin: 0 55px 0 45px;
  height: 440px;
  text-transform: uppercase;
}

#boxes .box,
#boxes .photobox {
  float: left;
  position: relative;
  height: 440px;
  width: 273px;
  margin-left: 10px;
}
body #boxes .box {
  width: 263px;
  height: 400px;
  padding: 5px;  
}
body #boxes .photobox {
  height: 440px; 
}

#boxes .box h1.title {
  font-size: 40px;
  font-weight: bold;
  line-height: 34px;
  margin-bottom: 15px;
} 
.sIFR-active #boxes .box h1.title {
  font-size: 40px;
  line-height: 43px;
  margin-bottom: 0px;
}


/* Normale box met foto */
#boxes .box .description {}
html body #boxes .hasImage {
  width: 273px;
  height: 410px;
  padding: 0;
}
html body #boxes .hasImage .title,
html body #boxes .hasImage .description{
  width: 263px;
  padding: 0 5px;
}
html.sIFR-active body #boxes .box .description {
    width: 260px;
    margin-left: 2px;
}
html body #boxes .hasImage .title { padding: 5px 5px 0 5px; }
.boxedImage { margin-bottom: 15px; }


/* Photobox */
.photobox .photo {
  float: left;
  clear: both;
  width: 273px;
  height: 410px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.photobox .description {
  height: 20px;
  width: 263px;
  padding: 5px;
  line-height: 20px;
  float: left;
  overflow: hidden;
}

.box .arrow,
.photobox .arrow {
  cursor: pointer;
  width: 26px;
  height: 26px;
  position: absolute;
  top: 378px;
  left: 3px;
}
.box .arrowRight, .photobox .arrowRight { left: 243px; }
.photobox .arrowLeft {
  background: url('/images/common/arrow_white_left.png') top left no-repeat;
}
.photobox .arrowRight {
  background: url('/images/common/arrow_white_right.png') top left no-repeat;
}
.box .arrowLeft {
  background: url('/images/common/arrow_black_left.png') top left no-repeat;
}
.box .arrowRight {
  background: url('/images/common/arrow_black_right.png') top left no-repeat;
}



#credits {
  position: relative;
  float: left;
  width: 855px;
  height: 273px;
  text-align: right;
}

#credits .offset {
    float: left;
    width: 856px;
    margin-top: 330px;
}


#error404 {
  background: url('../images/common/404.gif') top left no-repeat;
  padding-top: 120px;
  width: 300px;
  float: left;
  margin-left: 20px;
  position: relative; 
}

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