body {
    background: #f1f1e7 url('../img/background.jpg') repeat-x;
    font: small / normal "Lucida Sans Unicode", Verdana, Arial;
    color: #7d7953;
}

/* Links */

a {
    color: #366ea4;
    text-decoration: none;
}

a:hover {
    color: #999;
    text-decoration: underline;
}

/* Paragraphs */

#right p {
	padding: 0 0 10px 0;
}

#welcomeTo {
    padding: 13px 0 15px 10px;
    font: small / normal "Lucida Sans Unicode", Verdana, Arial;
    color: #7d7953;
}

/* List style */

.list li {
	list-style: none;
	display: block;
	background: transparent url('../img/arrow_white.gif') 0 5px no-repeat;
	padding: 2px 0 0 15px;
}

.listHolder {
	float: left;
	width: 137px;
	padding: 0 10px 0 10px;
}

.clearBoth {
	clear: both;
}

.spacer {
	height: 20px;
	width: 100%;
	display: block;
}

/* Container */

#container {
    margin: 0 auto 0 auto;
    width: 996px;
}


/* S: Header */
#branding {
    width: 100%;
    height: 120px;
    background: #e1dfd1 url('../img/header.jpg') no-repeat;
}

#homelink {
    display: block;
    width: 193px;
    height: 46px;
    position: absolute;
    z-index: 1;
    margin: 42px 10px 0 38px;
}

#homelink h1 {
    display: none;
}

#homePhoto {
	display: block; 
	height: 210px;
}

.homeHolder {
	float: left;
}

#headerMenu {
    float: right;
    width: 110px;
    height: 80px;
    padding: 25px 25px 0 0;
}

#headerMenu ul {
    list-style: none;
}

#headerMenu li {
    float: left;
}


#headerMenu li a {
    background: url('../img/arrow.gif') 0px 5px no-repeat;
    float: left;
    display: block;
    padding: 0 0 5px 15px;
    font: x-small / normal "Lucida Sans Unicode", Verdana, Arial;
    text-decoration: none;
    color: #7d7953;
}

#headerMenu li a:hover {
    text-decoration: underline;
}

#headerMenu h3 {
    display: none;
}

/* E: Header */

/* S: Menu */
#menu {
    width: 100%;
    height: 45px;
    padding: 0 2px 0 2px;
}

#menu li ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

#menu li {
    float: left;
}

#menu li a {
    display: block;
    text-decoration: none;
    height: 44px;
}

#menu li a span {
    display: none;
}

#menu h3 {
    display: none;
}

#menu li a:hover {
    background-position: 0 -44px;
}

li a#home {
    width: 98px;
    background: url('../img/btn/home.jpg') no-repeat;
}

li a#drukwerk {
    width: 200px;
    background: url('../img/btn/drukwerk.jpg') no-repeat;
}

li a#ontwerpstudio {
    width: 171px;
    background: url('../img/btn/ontwerpstudio.jpg') no-repeat;
}

li a#aanlevering {
    width: 146px;
    background: url('../img/btn/aanlevering.jpg') no-repeat;
}

li a#producten {
    width: 125px;
    background: url('../img/btn/producten.jpg') no-repeat;
}

li a#offerte {
    width: 113px;
    background: url('../img/btn/offerte.jpg') no-repeat;
}

li a#contact {
    width: 138px;
    background: url('../img/btn/contact.jpg') no-repeat;
}

/* E: Menu */
/* S: Navigator */

#navigator {
	padding: 5px 0 5px 0;
}

#navigator p {
    font: x-small / normal "Lucida Sans Unicode", Verdana, Arial;
}

#navigator a {
    text-decoration: none;
    font-weight: bold;
    color: #7d7953;
}

#navigator a:hover {
    text-decoration: underline;
}

/* E: Navigator */
/* S: Left Content (Menu) */
#left {
    width: 240px;
    float: left;
}

#left h3 {
    height: 45px;
    width: 239px;
    display: block;
    float: left;
    position: relative;
}

#left h3 span {
    display: none;
}

.hoofdmenuItem {
	height: 45px;
	width: 239px;
	display: block;
	float: left;
	position: relative;
}

.hoofdmenuItem:hover {
	background-position: 0 -45px;
}

.hoofdmenuzakelijk { background: url('../img/zakelijk_drukwerk_btn.jpg') no-repeat; }
.hoofdmenufamilie { background: url('../img/familie_drukwerk_btn.jpg') no-repeat; }
.hoofdmenuaanbieding { width: 239px; height: 46px; display: block; float: left; position:relative; background: url('../img/aanbieding_btn.jpg') no-repeat; }
.hoofdmenuaanbieding:hover { background-position: 0 -46px; }

#familie {
    background: url('../img/familie_drukwerk.jpg') no-repeat;
}

#aanbieding {
    background: url('../img/aanbieding.jpg') no-repeat;
}

#left ul {
    list-style: none;
}

#left ul li {
    float: left;
    height: 44px;
    width: 237px;
    border-right: #c8c0ab 1px solid;
    border-top: #c8c0ab 1px solid;
    border-left: #c8c0ab 1px solid;
    background: #f1f1ea;
}

#left ul li a {
    display: block;
    text-decoration: none;
    height: 29px;
    color: #787878;
    padding: 15px 0 0 35px;
    background: url('../img/arrow_yellow.gif') 23px 19px no-repeat;
}

#left ul li a:hover {
    background: url('../img/submenu_hover.gif') 0 0 no-repeat;
}

/* E: Left Content (Menu) */
/* S: Right Content (Content) */
#right {
    float: right;
    clear: right;
    width: 740px;
    color: #7d7953;
}

#right h2 {
    color: #7d7953;
    font: 150% / normal "neosans";
    margin: 5px 0 5px 0;
}

/*
 #right h2 span {
 font-weight: bold;
 }
 */
.notice {
    font: x-small / normal "Lucida Sans Unicode", Verdana, Arial;
}

/* E: Right Content (Content) */
#footer {
    position: relative;
    float: right;
    font: x-small / normal "Lucida Sans Unicode", Verdana, Arial;
}

#footer p {
    display: block;
    padding: 10px 0 10px 0;
    float: left;
    font: x-small / normal "Lucida Sans Unicode", Verdana, Arial;
}

#imageLink {
    display: block;
    float: left;
    padding: 9px 0 0 5px;
    border: none;
}

#textLink {
    padding: 10px 0 0 5px;
    float: left;
    display: block;
    font: x-small / normal "Lucida Sans Unicode", Verdana, Arial;
    font-weight: bold;
    color: #7d7953;
    text-decoration: none;
}

/* Pagina's */

.imagePlaceHolder {
	width: 738px;
	height: 181px;
}

/* Ontwerpstudio */
#ontwerpstudio { background: url('../img/ontwerpstudio.jpg'); }
/* Zakelijk drukwerk */
#zakelijkdrukwerk { background: url('../img/zakelijkdrukwerk.jpg'); }
/* Drukken en Printen */
#drukkenenprinten { background: url('../img/drukprint.jpg'); }
/* Offerte */
#offerteaanvragen { background: url('../img/offerte.jpg'); }
/* Familiedrukwerk */
#familiedrukwerkafb { background: url('../img/familiedrukwerk.jpg'); }
/* Producten */
#producten { background: url('../img/producten.jpg') }

/* Aanbieding */
#aanbiedingafb { background: url('../img/aanbieding.jpg'); }

/* Over ons */
#overons { background: url('../img/overons.jpg'); }

#aanbiedingimage {
	float: left;
	width: 415px;
}

#aanbiedingbeschr {
	float: right;
	width: 310px;
	height: 180px;
}

#hbar {
	float: left;
	padding: 5px 0 5px 5px; 
	border-top: 1px solid #cec5b3;
	width: 738px;
}

a#offerteaanvragen {
    display: block;
    width: 143px;
    height: 30px;
    background: url('../img/btn/offerteaanvragen.jpg') no-repeat;

}

a#offerteaanvragen:hover {
	background-position: 0 -30px;
}

#productenfam { background: url('../img/producten_familiedrukwerk.jpg') }

#productenzak { background: url('../img/producten_zakelijkdrukwerk.jpg') }

#partners { background: url('../img/partners_familiedrukwerk.jpg') }

#handigelinksfam { background: url('../img/handigelinks_familiedrukwerk.jpg') }

/* Contact */

#rightL {
	width: 375px;
	height: 100%;
	border-right: #cec6b3 solid 1px;
	float: left;
	padding: 0 0 0 8px;
}

#rightR {
	position: relative;
	padding: 0 0 0 15px;
	float: right;
	width: 340px;
}

#rightR address {
	float: left;
	display: block;
	font: small/normal "Lucida Sans Unicode", Verdana, Arial;
	width: 140px;
}

#rightR p {
	display: block;
	float: left;
	font: small/normal "Lucida Sans Unicode", Verdana, Arial;
	width: 140px;
	padding: 0px;
}

#contactForm {}

#contactForm label {
	display: block;
	float: left;
	width: 100px;
}

#contactForm p {
	padding: 5px 0;
}

#bericht {
	font: small / normal "Lucida Sans Unicode", Verdana, Arial;
	border: 1px solid #d8d7c5;
	width: 255px;
	height: 150px;
	padding: 2px;
	overflow: auto;
}


/* Aanlevering */

.aanleveringHolder {
	clear: both;
	/* padding: 5px 0 0 0; */
	height: 100px;
}
.aanleveringHolder .imageHolder {
	float: left;
}

.aanleveringHolder h3 {
	margin: 0;
	padding: 0;
}

.aanleveringHolder p {
	padding: 0;
}

#aanleveren {
	background: url('../img/aanleveren.jpg');
	width: 738px;
	height: 181px;
}


/* Form handler: Offerte */

/* Submit btn */

.submit {
	background: transparent url('../img/btn/verzenden.jpg') no-repeat;
	width: 143px;
	height: 30px;
	margin: 0 15px 0 0;
	text-align: right;
	border: none;
  	text-indent: 143px;
	cursor: pointer;
	overflow: hidden;
	float: right;
}

.txtField {
	border: none;
    background: #fff url('../img/inputbg.jpg') no-repeat;
    font: small / normal "Lucida Sans Unicode", Verdana, Arial;
    padding: 2px 4px 2px 4px;
    width: 142px;
	height: 19px;
}

#postcode {
	width: 60px;
	background: #fff url('../img/inputpostal.jpg') no-repeat;
}

.requiredinfo {
	font-size: 10px;
	padding: 2px 0;
	margin: -5px 0 0 0;
	display: block;
}

#offerteForm {
}

#offerteForm p {
    display: block;
    padding: 5px 0 5px 0;
    margin: 0;
}

#offerteForm label {
    display: block;
    width: 175px;
    float: left;
}


#offerteForm textarea {
    border: 1px solid #d8d7c5;
    font: small / normal "Lucida Sans Unicode", Verdana, Arial;
    padding: 2px;
    width: 500px;
    height: 150px;
    overflow: auto;
}