/* Algemeen */
body, html {
	margin: 0px;
	background: #000;
	overflow: hidden;
	
	font-family: Arial, Helvetica, sans-serif normal;
	font-size: 11px;
	color: #093416;
	background: url(../images/layout/bg_site.jpg) repeat;
}

img {border: none;}

/* Teksten */
h1 {width: 230px; font-size: 25px; margin: 0px; text-align:center; padding-top: 19px;}
h2 {font-family: "Times New Roman", Times, serif; font-size: 17px; margin: 0px 0px 20px 0px; padding: 0px;}
h3 {font-size: 18px; margin: 0px; padding: 0px; font-family: "Times New Roman", Times, serif; font-weight: normal;}
h3 a{color: #e19c2c; text-decoration: none;}
h3 a:hover {color: #efc689;}

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

.archief a{color: #093416; text-decoration: none; font-weight: bold; font-family: "Times New Roman", Times, serif;}
.archief_white a{color: #FFF; text-decoration: none; font-weight: bold; font-family: "Times New Roman", Times, serif;}
.archiefDatum {float: left; margin-right: 5px;}
.archiefTitel {float: left;}
.archiefItem {display: block; width: 100%; margin-bottom: 7px;}

#extra {color: #FFF; text-align: right; padding-top: 5px;}
#extra a{color: #FFF; text-decoration: none;}
#extra a:hover{color: #FFF; text-decoration: underline;}

#menu {
	font-family: "Times New Roman", Times, serif normal;
	font-weight: bold;
	font-size: 14px;
	color: #dc972f;
}

a.orange{color: #e19c2c; font-weight: bold; text-decoration: none;}
a.orange:hover {color: #f7ac15; text-decoration: none;}


/* Site opmaak - ABC */
#actieButton { width: 75px; height: 75px; position: absolute; top: 24px; left: 11px; }

#actiebutton-ijs { width: 206px; height: 136px; position: absolute; top: -30px; left: 805px; }
#actiebutton-front-ijs { width: 206px; height: 136px; position: absolute; top: -50px; left: 25px; }

.actieKop {color: #ea5d0d; font-size: 18px; font-family: "Times New Roman", Times, serif;}

.actieGuusHolder {width: 271px; margin-left: 14px; margin-top: 20px;}
.actieGuusButton {width: 271px; height: 94px;}
.actieGuusButton a {display: block; width: 100%; height: 100%;}

.actieGuusVideoHolder{position:absolute; top:72px; left:20px; width:500px; height:310px; padding:9px; background-image: url(../images/layout/background-guus-video.png);}
.actieGuusVideoHolder #guusIntroVideo{position:relative;}
.actieGuusSkip{position:absolute; left: 540px; top: 351px;}

.agendaItem {width: 335px; margin: 0px 0px 20px 0px; border: 1px solid red;}
.agendaTitle {width: 100%; font-family: "Times New Roman", Times, serif; text-transform: uppercase; border-bottom: 1px solid #7f8b66;}
.agendaText {width: 100%; margin-top: 10px;}


.archief {position: absolute; width: 230px; bottom: 185px; left: 8px; height: 20px; text-align: center;}
.archief_white {position: absolute; width: 230px; bottom: 185px; left: 8px; height: 20px; text-align: center; color: white;}

.assortiment-overview{display:none; margin-left: 46px;}
.assortiment-image{}
.assortiment-title{font-size:12px; font-weight:bold; padding-bottom: 4px; border-bottom: 1px solid #7f8b66; }
.assortiment-description{font-size:10px; padding: 4px 4px 4px 0px;}

		/* BACKGROUNDS PER PAGINA */
		/* hoofdmenu */
		.bg-intro {background: url(../images/backgrounds/bg_intro.jpg);}
		.bg-intro-actie {background: url(../images/backgrounds/bg_intro_met_ijs.jpg) top left no-repeat;}
		.bg-schrobbeler {background: url(../images/backgrounds/bg_schrob_schrob.jpg);}
		.bg-sfeertenten {background: url(../images/backgrounds/bg_sfeer_sfeer.jpg);}
		.bg-activiteiten {background: url(../images/backgrounds/bg_activiteiten_guus_start.jpg);}
		.bg-actueel {background: url(../images/backgrounds/bg_actueel.jpg);}
		.bg-contact, .bg-verkooppunten {background: url(../images/backgrounds/bg_contact.jpg);}
		.bg-shop, .bg-winkelwagen, .bg-bestelling {background: url(../images/backgrounds/bg_shop.jpg);}
		.bg-pers {background: url(../images/backgrounds/bg_pers.jpg);}
		.bg-stuur-door {background: url(../images/backgrounds/bg_stuur_door.jpg);}
		
		/* submenu - schrobbeler */
		.bg-geschiedenis { background:url(../images/backgrounds/bg_schrob_geschiedenis.jpg);}
		.bg-assortiment { background: url(../images/backgrounds/bg_schrob_assortiment.jpg);}
		.bg-drinkrecepten { background: url(../images/backgrounds/bg_schrob_drinkrecept.jpg);}
			
		/* submenu - schrobbeler- drinkrecepten */
		.bg-traditioneel { background: url(../images/backgrounds/bg_schrob_traditioneel.jpg);}
		.bg-slagroom { background: url(../images/backgrounds/bg_schrob_slagroom.jpg);}
		.bg-on-the-rocks {background: url(../images/backgrounds/bg_schrob_on_the_rocks.jpg);}
		.bg-mix-tips {background: url(../images/backgrounds/bg_schrobbeler_mix.jpg);}
		.bg-hotshot { background: url(../images/backgrounds/bg_schrob_hotshot.jpg);}
		.bg-rondje { background: url(../images/backgrounds/bg_schrob_rondje.jpg);}
		.bg-schenktoren {background: url(../images/backgrounds/bg_schrobbeler_toren.jpg);}
		.bg-plankje { background: url(../images/backgrounds/bg_schrobbeler_plankje.jpg);}
		.bg-kist {background: url(../images/backgrounds/bg_schrob_kist.jpg);}
		
		/* submenu - activiteiten - recepten */
		.bg-kookrecepten {background: url(../images/backgrounds/bg-recept-kook.jpg);}
		.bg-mixrecepten {background: url(../images/backgrounds/bg-recept-mix.jpg);}
		
		.bg-schrobbeler-ijs {background: url(../images/backgrounds/bg_schrobbeler_met_ijs.jpg);}
		
		/* submenu - activiteiten */
		.bg-actie-guus-meeuwis, .bg-concertkaarten, .bg-actie-priveconcert, .bg-video, .bg-actie-concertkaarten, .bg-actie-voorwaarden, .bg-songtekst, .bg-bedankt, .bg-winnaars-actie {
			background: url(../images/backgrounds/bg_acties_guus_content.jpg);
		}
		
		.bg-guusactie2010-vervolg{background: url(../images/backgrounds/bg_acties_guus2010_vervolg.jpg);}
		.bg-guusactie2010-overzicht{background: url(../images/backgrounds/bg_acties_guus2010_overzicht.jpg);}
		
		
		.bg-actie-recepten-overzicht{background: url(../images/backgrounds/bg_acties_recepten_overzicht.jpg);}
		.bg-actie-recepten-formulier{background: url(../images/backgrounds/bg_acties_recepten_formulier.jpg);}
		
		
		.bg-guus-meeuwis, .bg-overzicht{background: url(../images/backgrounds/bg_acties_guus_splash.jpg);}		
		.bg-e-card {background: url(../images/backgrounds/bg_ecard.jpg);}
		
		/* submenu - sfeertenten */
		.bg-sfeertenten-aluhal { background: url(../images/backgrounds/bg_sfeer_aluhal.jpg);}
		.bg-decor-standbouw { background: url(../images/backgrounds/bg_sfeer_decor.jpg);}
		.bg-het-schrobbeler-huisje { background: url(../images/backgrounds/bg_sfeer_huisje.jpg);}
		.bg-schrobbeler-sfeerproeverij { background: url(../images/backgrounds/bg_sfeer_proeverij.jpg);}
		
		.bg-sfeertenten-informatieformulier { background: url(../images/backgrounds/bg_sfeer_proeverij.jpg);}
		.bg-vacatures {background: url(../images/backgrounds/bg_vacatures.jpg);}	
			
		/* submenu - contact */
		.bg-contact-slijterij {background: url(../images/backgrounds/bg_contact.jpg);}
		
		/* submenu - fotoalbum */
		.bg-fotoalbum {background: url(../images/backgrounds/bg_fotoalbum.jpg);}
				
		/* footer items */
		.bg-algemene-voorwaarden{background: url(../images/backgrounds/bg_blanco.jpg);}
		.bg-privacy-statement{background: url(../images/backgrounds/bg_blanco.jpg);}
		.bg-disclaimer{background: url(../images/backgrounds/bg_blanco.jpg);}
		.bg-sitemap{background: url(../images/backgrounds/bg_blanco.jpg);}
		
		/* extra */
		.bg-blanco {background: url(../images/backgrounds/bg_blanco.jpg);}
		
		

#bottom_background {
	position: absolute;
	bottom: 42px;
	left: 8px;
	z-index: 101;
	width: 985px;
	height: 146px;
	background-image: url(../images/layout/bg_menu.png);
}

#bottom_menu{
	position: absolute;
	bottom: 42px;
	left: 8px;
	z-index: 104;
	width: 985px;
	height: 146px;
}

#buttons_homepage {width: 308px; height: 186px; position: absolute; z-index: 130; top: 340px; left: 10px;}
#button_homepage {width: 284x; height: 102px; position: absolute; z-index: 130; top: 388px; left: 42px;}

.clear {clear: both;}

.contentLeftTellaFriend {width: 450px; float: left; margin: 0px 0px 0px 10px; padding-bottom: 25px;}
.contentLeft {width: 315px; float: left; margin: 0px 0px 0px 10px; padding-bottom: 25px;}

.contentLeft.actie, .contentLeft_actie{width: 400px; padding-bottom: 10px;}
.contentLeft.actie p, .contentLeft_actie p{margin-top:2px;}

.contentLeft_actie_slijterij {width: 670px; padding-bottom: 10px;}
.contentLeft_actie_slijterij p{margin-top:2px;}

.contentLeft_breed {width: 630px; margin: 0px 10px 0px 10px; padding-bottom: 25px; position:relative;}
.contentRight {width: 315px; float: left; margin: 0px 10px 0px 10px;}

.contentRight .overlay {width: 340px; height:265px; display:block; margin:4px 0 0 35px;}
.contentRight .overlay a{display:block; width:100%; height:100%}


.contentLeft.recept {width: 370x; padding-bottom: 10px;}
.contentLeft.recept p{margin-top:2px;}

#extra {
	width: 100%;
	margin: 0px;
}

#flash_assortiment {width: 630px; height: 380px; position: relative; margin-left: 90px;}
#flash_shop {width: 630px; height: 380px; position: relative; margin-left: 90px; margin-top:-40px;}

.form-text {width: 100px; float: left; padding-top: 3px; padding-right: 10px; text-align: right;}

.formulier {margin-bottom: 30px;}
.formulier form {width: 290px; font-size: 11px; color: #093416;}
.formulier label {float: left; margin-right: 10px; padding-top: 3px; width: 120px; text-align: right;}
.formulier input {float: left; border: none; background: #eedab2; margin-bottom: 3px; color: #093416; font-size: 10px; padding-left: 5px; padding-top: 2px;}
.formulier input.input_form_button {float: right; background: none; margin: 0px; font-weight: bold;}

/* frontend form validation */
.frontend_form_recept{padding:0 0 15px 0;}
.frontend_form_recept label {width: 13em; float: left; }
.frontend_form_recept label.error {clear:left; float:none; color: red; padding: 0 3px; vertical-align: top; background-color:#FFFFCC;}
.frontend_form_recept input{clear:right; font-size:11px; width:160px; height: 16px; padding: 2px; background:#FFF; border:1px solid #CCC;}
.frontend_form_recept textarea{clear:right; padding: 2px; background:#FFF; border:1px solid #CCC; font-size:11px; font-family: Arial, Helvetica, sans-serif normal; width:100%;}
.frontend_form_recept input.error{border:1px solid red;}
.frontend_form_recept input._file{ height: 23px; }
.frontend_form_recept span.error {display:block; color: red; padding: 5px; vertical-align: top; background-color:#FFFFCC; width:306px;}
.frontend_form_recept p { clear: both; margin-bottom:0px; margin-top:3px;}
.frontend_form_recept p.error{color: red; margin:0 0 5px;}
.frontend_form_recept .input-radio{float:left; clear:right; width: 160px;}
.frontend_form_recept .input-radio input{display:inline; width:auto; border:none; background:none;}

.guusactie2010{}

#guusactie-button-intro{width: 211px; position:absolute; z-index:103; left: 73px; top: 300px;}

.guusactie2010 #guusactie-button1 {width: 211px; position:absolute; z-index:103; left: 73px; top: 71px;}
.guusactie2010 #guusactie-button2 {width: 179px; position:absolute; z-index:101; left: 260px; top: 60px;}
.guusactie2010 #guusactie-button3 {width: 179px; position:absolute; z-index:102; left: 200px; top: 205px;}
.guusactie2010 #guusactie-button4 {width: 179px; position:absolute; z-index:102; left: 26px; top: 243px;}

.guusactie2010 .button a {display: block; width: 100%; height: 100%;}
.bg-guusactie2010-vervolg .actieGuusSkip{width: 156px; position:absolute; z-index:102; left: 540px; top: 243px;}

select { font-size: 11px; }


.bg-guusactie2010-vervolg .contentLeft.actie, .contentLeft_actie_slijterij{
	padding-bottom: 10px;
	color:#f4e2c4;
}
.bg-guusactie2010-vervolg .contentLeft.actie p, .contentLeft_actie_slijterij p{margin-top:2px;}
.bg-guusactie2010-vervolg .contentLeft.actie .actieKop, .contentLeft_actie_slijterij .actieKop{color:#ffffff;}
.bg-guusactie2010-vervolg .contentLeft.actie a, .contentLeft_actie_slijterij a{color:#fff;}
.bg-guusactie2010-vervolg .contentLeft.actie h2, .contentLeft_actie_slijterij h2{margin:3px 0 5px 0;}
.bg-guusactie2010-vervolg h1{color:#f8ecd8;}

.hitVlak {width: 300px; height: 220px; position: absolute; left: 340px; top: 10px;}
.hitVlak a {display: block; width: 100%; height: 100%;}

.item {width: 300px; margin: 0px 0px 20px 0px;}
.itemIcon {width: 78px; height: 78px; background: #000; float: left;}
.itemText {float: right; width: 212px;}


#kruikenconcert {width: 320px; height: 240px;}

#left {
	width: 230px;
	height: 293px;
	margin-top: 42px;
	float: left;
}

.left-contact {margin-left: 50px; margin-top: 10px;}

.locaties{display:none; margin:0; padding:0 0 10px 0;}
.locaties ul{margin:0; padding:0; list-style:none;}

#nav {margin: 0px 0px 3px 0px; padding: 0px; list-style: none; position:absolute; bottom: 0px; left: 60px; vertical-align: bottom;}
#nav li {float: left; padding: 0px 24px 0px 22px; height: 28px;}

#return-home {margin: 0px 0px 3px 0px; padding: 0px; list-style: none; position:absolute; bottom: 30px; left: 250px; vertical-align: bottom; text-align:center; width:500px;}


.persItem {margin-bottom: 10px;}
.persDatum {float: left; margin-right: 10px; text-decoration: underline;}
.persDownload {float: left; margin-right: 10px; width: 60px;}
.persTitel {float: left; width: 480px;}
.persTitel-recept {float: left; width: 315px;}

.recept-preview{display:none; margin-top: 20px;}

#right {
	position:relative;
	width: 750px;
	height: 300px;
	margin-top: 58px;
	float: left;
	overflow-y: auto;
	overflow-x: hidden;
}

#right_intro {
	position:relative;
	width: 750px;
	height: 310px;
	margin-top: 0px;
	float: left;
	overflow-y: auto;
	overflow-x: hidden;
}

#right_shop {
	width: 750px;
	float: left;
	overflow-y: hidden;
	overflow-x: hidden;
}
#right_assortiment {	
	width: 750px;
	float: left;
	overflow-y: hidden;
	overflow-x: hidden;
}

#rightSpacer {height: 30px; width: 10px; position: relative;}

.normalList {list-style: none; margin: 0px; padding: 0px;}
.normalList li {margin: 0px 0px 2px 0px; width: 340px;}
.normalList li a { display: block; padding: 2px 2px 2px 4px; background-color: #e4d2ad; color: #093416; text-decoration: none; width: 100%;}
.normalList li a:hover { color: #fff;}

.sfeertent-preview {margin-top: 39px; margin-left: 19px;}

#siteContainer { width: 985px; height: 545px; border: 8px solid white; background-color:#ead1ad;}

#sitemap {list-style: circle; background: none;}
#sitemap li {margin-bottom: 5px; background: none; list-style: circle;}
#sitemap li a {color: #093416; text-decoration: none;}
#sitemap li a {text-decoration: underline;}

.shop-overview{display:none; margin-left: 46px;}
.shop-image{}
.shop-title{font-size:12px; font-weight:bold; padding-bottom: 4px; border-bottom: 1px solid #7f8b66; }
.shop-description{font-size:10px; padding: 4px 4px 4px 0px;}
.shop-description p{margin:0px; padding:0px;}
.shop-price{font-size:11px; padding: 4px 4px 0px 0px; margin:0px; font-weight:bold;}
.shop-extra{font-size:10px; padding: 4px 4px 4px 0px; text-align:right;}


.slijterij{position:relative; background:#ffe7c0; float:left; width:310px; color:#6d270c; padding:5px; margin:0 10px 10px 0;}
.slijterij img{float:left; border:1px solid #e3551d; margin:0 10px 0 0;}
.slijterij h2, .slijterij h2 a{font-size:14px; margin:5px 0 3px 0; color:#6d270c;}
.slijterij p{margin:0;}

.vendorsearch{width:100%;}
.vendorsearch th{background: #e4d2ad; text-align:left; padding:3px;}
.vendorsearch td{background: #FFF; padding: 3px; font: 11px Arial, Helvetica, sans-serif normal; color: #093416;}

.vendorsearch .name{font-weight:bold;}
/*
.vendorsearch .address{}
.vendorsearch .postalcode{}
.vendorsearch .city{}
.vendorsearch .distance{}
*/

.subnavHolder {width: 100%; height: 113px; vertical-align: bottom;}
.subnav {list-style: none;  margin: 0px; padding: 0px;}
.subnav li {line-height: 14px;}
.subnav.NAVschrobbeler {margin-left: 83px;}
.subnav.NAVacties {margin-left: 217px;}
.subnav.NAVsfeertenten {margin-left: 305px;}
.subnav.NAVactueel {margin-left: 433px;}
.subnav.NAVshop {margin-left: 430px;}

/* tijdelijke aanpassen omdat shop er niet in zit */
	.subnav.NAVcontact {margin-left: 705px;}
	.subnav.NAVpers {margin-left: 627px;}
/* 
	.subnav.NAVcontact {margin-left: 616px;}
	.subnav.NAVpers {margin-left: 717px;}
*/




.subnav a {color: #e19c2c; text-decoration: none;}
.subnav a:hover {color: #FFF; text-decoration: none;}

.subTitle {font-family: "Times New Roman", Times, serif; font-weight: bold; font-size: 14px; margin: 0px 0px 5px 46px;}

#tell-a-friend input {background: #eedab2; margin-bottom: 3px; border: none; padding: 2px 5px 2px 5px; font-size: 10px; width: 150px;}
#tell-a-friend input#submit {background: none; border: none; font-weight: bold; font-size: 10px; color: #093416; float: right; margin-right: 17px; }

#top {
	position: relative;
	width: 100%;
	height: 57px;
	background-image: url(../images/layout/bg_top.png);
	background-repeat:no-repeat;
}

#video{width: 320px; height: 270px;}

.winkelwagen-item {width: 680px; margin-bottom: 5px;}
.winkelwagen-kop {width: 680px; height: 25px; background: #e4d2ad; margin-bottom: 15px;}
.winkelwagen-beschrijving {width: 375px; margin-right: 5px; float: left;}
.winkelwagen-beschrijving.kop {width: 355px; margin-right: 5px; float: left; padding: 3px 10px 3px 10px;}
.winkelwagen-prijs {width: 80px; float: left; padding: 6px 10px 6px 10px;}
.winkelwagen-aantal {width: 60px; float: left; padding: 6px 10px 6px 10px;}
.winkelwagen-delete {width: 80px; float: left; padding: 6px 10px 6px 10px;}
.winkelwagen-opties {width: 300px; height: 26px; background: #e4d2ad; float: left;}
.winkelwagen-item-icon {width: 75px; height: 75px; float: left;}
.winkelwagen-item-titel {
	width: 280px; 
	height: 20px; 
	margin-bottom: 4px; 
	background: #e4d2ad; 
	float: right; 
	padding: 3px 10px 3px 10px;
	
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
}
.winkelwagen-item-beschrijving {width: 280px; background: #fff6e5; float: right; padding: 6px 10px 6px 10px;}

#wrap {
	position: absolute;
	width: 1001px;
	height: 595px;
	top: 50%;
	left: 50%;
	margin-left: -502px;
	margin-top: -290px;	
}