/*
  Simons en Boom
  Copyright (C) 2008-2011 by Systemantics, Bureau for Informatics

  Lutz Issler
  Mauerstr. 10-12
  52064 Aachen
  GERMANY

  Web:    www.systemantics.net
  Email:  mail@systemantics.net

  Permission granted to use the files associated with this
  website only on your webserver.
*/



body {
	margin: 0;
	padding: 0;
}
img {
	border: none;
}
#container {
	position: absolute;
	top: 0;
	width: 961px;
}
#header {
	height: 184px;
}
#logo {
	left: 0;
	position: absolute;
	top: 38px;
}
#buttons {
	left: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 139px;
}
#buttons li {
	float: left;
	margin-right: 8px;
}
#buttons li a {
	display: block;
}
#phone {
	left: 253px;
	position: absolute;
	top: 139px;
}
#work {
	left: 434px;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 29px;
	width: 528px;
}
#work li {
	float: left;
	margin: 0 18px 20px 0;
}
#work li.last {
	margin-right: 0;
}
#buttons img,
#phone img {
	background-image: url(/elements/buttons.gif);
	background-repeat: no-repeat;
	height: 18px;
	overflow: hidden;
}
#buttons .slash {
	background-position: -46px 0 !important;
	width: 9px;
}
#buttonFresh {
	width: 37px;
}
#buttonFresh:hover,
.buttonFreshHover,
#buttonFresh.active {
	background-position: 0 -20px !important;
}
#buttonWe {
	background-position: -64px 0;
	width: 26px;
}
#buttonWe:hover,
.buttonWeHover,
#buttonWe.active {
	background-position: -64px -20px !important;
}
#buttonShop {
	background-position: -118px 0;
	width: 44px;
}
#buttonShop:hover,
.buttonShopHover,
#buttonShop.active {
	background-position: -118px -20px !important;
}
#buttonContact {
	background-position: -190px 0;
	width: 65px;
}
#buttonContact:hover,
.buttonContactHover,
#buttonContact.active {
	background-position: -190px -20px !important;
}
#buttonFacebook {
	background-position: -283px 0;
	width: 17px;
}
#buttonFacebook:hover,
.buttonFacebookHover,
#buttonFacebook.active {
	background-position: -283px -20px !important;
}
#phone img {
	background-position: -182px 0;
	width: 129px;
}
#phone img:hover,
#phone img.Hover {
	background-position: -182px -20px !important;
}
#work img {
	background-repeat: no-repeat;
	height: 55px;
	overflow: hidden;
	width: 60px;
}
#work img:hover,
#work img.Hover,
#work img.active {
	background-position: -60px 0;
}
.rule {
	background: url(/elements/rule.gif) no-repeat;
	height: 5px;
	left: 0;
	width: 961px;
}
.rule.content {
	clear: left;
	margin-bottom: 31px;
}
.rule hr {
	display: none;
}
#bottom {
	background-color: white;
	clear: left;
	float: left;
	height: 100px;
	padding-top: 22px;
}
#copyright {
	float: left;
	margin-top: 12px;
}
#men {
	cursor: pointer;
	float: right;
	height: 34px;
}
.work {
	float: left;
	margin: 0 0 31px 0;
	width: 961px;
}
.work h1,
.contact h1 {
	margin: 0 0 15px 0;
}
.work p,
.work h2,
.work ul,
.work .caption {
	color: #0090D4;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 16px;
	line-height: 23px;
}
.work p,
.work ul,
.contact p {
	margin: 0 0 1em 0;
}
.work h2 {
	margin: 0;
}
.work .text {
	float: left;
	width: 380px;
}
#newsitems .work .images {
	float: right;
}
.work .images object {
	outline: none;
}
.work img.first {
	clear: none !important;
	float: right;
	margin: 0 !important;
	max-width: 536px;
}
.work img.image {
	clear: left;
	margin-top: 31px;
	max-width: 961px;
}
.work img.image.captionbelow {
	float: left;
	margin-bottom: 15px;
}
.work img.image.captionright {
	float: right;
}
.work a {
	color: #B1B3B4;
	text-decoration: none;
}
.work a:hover {
	color: #0090D4;
}
.work .caption,
.work em {
	color: #B1B3B4;
	font-style: normal;
}
.work .caption {
	float: left;
	margin: 0;
}
.work em a {
	text-decoration: underline;
}
.work .captionContainer {
	float: right;
	width: 561px;
}
.work .captionContainer .image {
	margin-right: 150px !important;
}
.work .captionContainer .caption {
	float: right;
	width: 135px;
	margin-left: 31px;
}
.work ul {
	list-style: none;
	padding: 0;
}
#more {
	background: url(/elements/more.gif) no-repeat;
	display: none;
	height: 29px;
	overflow: hidden;
	text-indent: -9999px;
	width: 186px;
}
#more:hover {
	background-position: 0 -29px;
}
#more a {
	display: block;
	height: 100%;
}

#facebook-link {
	margin-top: -2px;
}