@charset "utf-8";
/***********************************************************
	MINIFIED MASTER STYLESHEET FOR BEDRIJFSNAAM.NL
	CREATED BY: 	DIGITAL4U.NL
	CREATED ON: 	DATUM
	LAST CHANGE: 	DATUM
	AUTHOR: 		NAAM
***********************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }  :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; }  table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; }   div#container { width: 980px; padding: 30px 0; margin: 0 auto; position: relative; }  div#top { width: 980px; padding: 0; margin: 0; float: left; position: absolute; left: 0; top: 0; } div#logo { display: none; } div#header { width: 980px; height: 208px; padding: 0; margin: 40px 0 53px 0; background: url(/css/screen/../../images/design/header_foto.jpg) 360px 0 no-repeat; float: left; } div#headerbg { width: 980px; height: 271px; margin:0 0 0 -490px; background: url(/css/screen/../../images/design/rondehoeken.png) 0 0 no-repeat; position: absolute; top: 30px; left: 50%; } div#menuHorizontal { width: 854px; height: 43px; padding: 0; margin: 0; background: #FFFFFF; position: absolute; top: 257px; left: 116px; }  div.column {  padding: 0; margin: 0; float: left; } div.contentWrapper { width: 980px; padding: 50px 0 0 0; margin: 250px 0 0 0;  background: #fff; } div.centerWrapper {  width: 780px; display: inline; } div.center { width: 560px; padding: 10px; margin: 0 200px; } div.left { width: 200px; margin: 0 0 0 -780px; } div.right { width: 200px; background: #666; } div.clearIeBug { width: 1px; height: 1px; overflow: hidden; }  body.oneColumn div.center { width: 940px; padding: 0 20px 10px 20px; margin: 0; } body.oneColumn div.right { display: none; } body.oneColumn div.left { display: none; } body.oneColumn div.centerWrapper { width: 980px; } body.oneColumn div.clearIeBug { display: none; }  body.twoColumnLeft div.center { width: 700px; padding: 0 20px 20px 0; margin: 0 0 0 260px; } body.twoColumnLeft div.right { display: none; } body.twoColumnLeft div.left { width: 220px; padding: 0 20px 20px 20px; margin: 0 0 0 -980px; } body.twoColumnLeft div.centerWrapper { width: 980px; }  body.twoColumnRight div.center { width: 760px; margin: 0; } body.twoColumnRight div.left { display: none; } body.twoColumnRight div.centerWrapper { width: 780px; }  div#footer { width: 980px; height: 20px; padding: 20px 0 20px 0; margin: 0 0 20px 0; background: url(/css/screen/../../images/design/rondehoeken.png) 0 100% no-repeat; text-align: center; clear: both; }    html,body { min-height: 100%; margin: 0; padding: 0 0; } html { background: #e4e7e6 url(/css/screen/../../images/design/html_bg.png) 0 100% repeat-x; } body { background: url(/css/screen/../../images/design/background_flower.png) 0 0; color: #000; font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif; font-size: 0.8em; line-height: 1.6em; }  h1, h2, h3, h4, h5, h6 { font-weight: bold; } h1 { margin: 0 0 10px 0; font-size: 220%; } h2 { margin: 10px 0 20px 0; font-size: 160%; } h3 { margin: 0 0 3px 0; font-size: 133%; } h4 { margin: 4px 0 0 0; font-size: 110%; } h5 { margin: 0 0 10px 0; font-size: 110%; } h6 { margin: 0 0 10px 0; font-size: 100%; }  p { margin: 0 0 10px 0; } strong { font-weight: bold; } em { font-style: italic; } abbr { border-bottom: 1px dotted #666; } div.center ul { margin: 10px 0 10px 20px; list-style: disc; } hr { height:1px; margin: 10px 0px 20px 0px; background:#ce181e; border: none; }  a { color: #ce181e; text-decoration:underline; } a:visited { color: #000; text-decoration:underline; } a:hover { color: #000; text-decoration: none; } a.skip { position: absolute; left: -9999px; } div#submenu li a { color: #ce181e; font-size: 133%; font-weight: bold; text-decoration: none; line-height: 28px; } div#submenu li.active a { color:#000000; } div#footer a { color: #8b8c8c; } div#footer a:hover { color: #7a0105; } a span#reserveren_restaurant { width: 220px; height: 100px; margin: 20px 0 0 0; background: url(/css/screen/../../images/design/reserveren_restaurant.png) no-repeat; background-position: 0 0; cursor: pointer; display: block; position: relative; } a:hover span#reserveren_restaurant { background-position: 0 -100px; } a span#reserveren_overnachten { width: 220px; height: 100px; margin: 20px 0 0 0; background: url(/css/screen/../../images/design/reserveren_overnachten.png) no-repeat; background-position: 0 0; cursor: pointer; display: block; position: relative; } a:hover span#reserveren_overnachten { background-position: 0 -100px; } body#id-1084 a span#reserveren_overnachten { margin: 0; } a span#informatie_aanvragen { width: 220px; height: 100px; margin: 20px 0 0 0; background: url(/css/screen/../../images/design/informatie_aanvragen.png) no-repeat; background-position: 0 0; cursor: pointer; display: block; position: relative; } a:hover span#informatie_aanvragen { background-position: 0 -100px; } body#id-1082 a span#informatie_aanvragen, body#id-1083 a span#informatie_aanvragen { margin: 0; } a span#solliciteren { width: 220px; height: 100px; margin: 20px 0 0 0; background: url(/css/screen/../../images/design/solliciteren.png) no-repeat; background-position: 0 0; cursor: pointer; display: block; position: relative; } a:hover span#solliciteren { background-position: 0 -100px; } a.solliciteerNu {float:right;}  span.rondehoeken{ width: 20px; height: 20px; overflow: hidden; background-image: url(/css/screen/../../images/design/witte_hoekjes_220x220.png); display: block; position: absolute; } span.rondehoeken.leftup{ background-position: 0 0; top: 0; left: 0; } span.rondehoeken.rightup{ background-position: 100% 0; top: 0; right: 0; } span.rondehoeken.leftdown{ background-position: 0 100%; bottom: 0; left: 0; } span.rondehoeken.rightdown{ background-position: 100% 100%; bottom: 0; right: 0; } img { border: 0; } img#headerlogo { position: absolute; top: 40px; left: 20px; } div#map { width:470px; height:251px; margin-top:-210px; border:1px solid #ce181e; float:right; } span#borrel_1 { width: 220px; height: 220px; margin: 10px 0 0 0; background: url(/css/screen/../../images/design/Borrel_olijven_1.jpg) no-repeat; background-position: 0 0; display: block; position: relative; text-indent:-9999px; } span#borrel_2 { width: 220px; height: 220px; margin: 10px 0 0 0; background: url(/css/screen/../../images/design/borrel_bier_2.jpg) no-repeat; background-position: 0 0; display: block; position: relative; text-indent:-9999px; } span#vergadering_1 { width: 220px; height: 220px; margin: 10px 0 0 0; background: url(/css/screen/../../images/design/vergaderingen_1.jpg) no-repeat; background-position: 0 0; display: block; position: relative; text-indent:-9999px; } span#vergadering_2 { width: 220px; height: 220px; margin: 10px 0 0 0; background: url(/css/screen/../../images/design/vergaderingen_2.jpg) no-repeat; background-position: 0 0; display: block; position: relative; text-indent:-9999px; } span#wijnkaart { width: 220px; height: 440px; margin: 10px 0 0 0; background: url(/css/screen/../../images/design/wijnkaart_220x440.jpg) no-repeat; background-position: 0 0; display: block; position: relative; text-indent:-9999px; } span#wijnkaart_1 { width: 220px; height: 220px; margin: 10px 0 0 0; background: url(/css/screen/../../images/design/wijnkaart1.jpg) no-repeat; background-position: 0 0; display: block; text-indent:-9999px; } span#wijnkaart_2 { width: 220px; height: 440px; margin: 10px 0 0 0; background: url(/css/screen/../../images/design/wijnkaart_2_220x440.jpg) no-repeat; background-position: 0 0; display: block; position: relative; text-indent:-9999px; } span#catering_hapje { width: 220px; height: 220px; margin: 10px 0 0 0; background: url(/css/screen/../../images/design/catering_hapje.jpg) no-repeat; background-position: 0 0; display: block; position: relative; text-indent:-9999px; } span#catering_taart { width: 220px; height: 220px; margin: 10px 0 0 0; background: url(/css/screen/../../images/design/catering_taart.jpg) no-repeat; background-position: 0 0; display: block; position: relative; text-indent:-9999px; } span#sfeer_stel { width: 220px; height: 220px; margin: 10px 0 0 0; background: url(/css/screen/../../images/design/sfeer_stel.jpg) no-repeat; background-position: 0 0; display: block; position: relative; text-indent:-9999px; } span#duin_helmgras { width: 220px; height: 220px; margin: 10px 0 0 0; background: url(/css/screen/../../images/design/duin_helmgras.jpg) no-repeat; background-position: 0 0; display: block; position: relative; text-indent:-9999px; } span#overnachten_1 { width: 220px; height: 220px; margin: 10px 0 0 0; background: url(/css/screen/../../images/design/overnachten_1.jpg) no-repeat; background-position: 0 0; display: block; position: relative; text-indent:-9999px; } span#overnachten_2 { width: 220px; height: 220px; margin: 10px 0 0 0; background: url(/css/screen/../../images/design/overnachten_2.jpg) no-repeat; background-position: 0 0; display: block; position: relative; text-indent:-9999px; } span#overnachten_3 { width: 220px; height: 220px; margin: 10px 0 0 0; background: url(/css/screen/../../images/design/overnachten_3.jpg) no-repeat; background-position: 0 0; display: block; position: relative; text-indent:-9999px; } span#overnachten_4 { width: 220px; height: 220px; margin: 10px 0 0 0; background: url(/css/screen/../../images/design/overnachten_4.jpg) no-repeat; background-position: 0 0; display: block; position: relative; text-indent:-9999px; } span#contact_1 { width: 220px; height: 220px; margin: 10px 0 0 0; background: url(/css/screen/../../images/design/contact_1.jpg) no-repeat; background-position: 0 0; display: block; position: relative; text-indent:-9999px; } span#contact_2 { width: 220px; height: 220px; margin: 10px 0 0 0; background: url(/css/screen/../../images/design/contact_2.jpg) no-repeat; background-position: 0 0; display: block; position: relative; text-indent:-9999px; } span#menu_1 { width: 220px; height: 220px; margin: 10px 0 0 0; background: url(/css/screen/../../images/design/menu_1.jpg) no-repeat; background-position: 0 0; display: block; position: relative; text-indent:-9999px; } span#menu_2 { width: 220px; height: 220px; margin: 10px 0 0 0; background: url(/css/screen/../../images/design/menu_2.jpg) no-repeat; background-position: 0 0; display: block; position: relative; text-indent:-9999px; } span#voorgerechten_1 { width: 220px; height: 220px; margin: 10px 0 0 0; background: url(/css/screen/../../images/design/voorgerechten_1.jpg) no-repeat; background-position: 0 0; display: block; position: relative; text-indent:-9999px; } span#voorgerechten_2 { width: 220px; height: 220px; margin: 10px 0 0 0; background: url(/css/screen/../../images/design/voorgerechten_2.jpg) no-repeat; background-position: 0 0; display: block; position: relative; text-indent:-9999px; } span#hoofdgerechten_1 { width: 220px; height: 220px; margin: 10px 0 0 0; background: url(/css/screen/../../images/design/hoofdgerecht_1.jpg) no-repeat; background-position: 0 0; display: block; position: relative; text-indent:-9999px; } span#hoofdgerechten_2 { width: 220px; height: 220px; margin: 10px 0 0 0; background: url(/css/screen/../../images/design/hoofdgerecht_2.jpg) no-repeat; background-position: 0 0; display: block; position: relative; text-indent:-9999px; } span#hoofdgerechten_3 { width: 220px; height: 220px; margin: 10px 0 0 0; background: url(/css/screen/../../images/design/hoofdgerecht_3.jpg) no-repeat; background-position: 0 0; display: block; position: relative; text-indent:-9999px; } span#desserts_1 { width: 220px; height: 220px; margin: 10px 0 0 0; background: url(/css/screen/../../images/design/dessert_1.jpg) no-repeat; background-position: 0 0; display: block; position: relative; text-indent:-9999px; } span#desserts_2 { width: 220px; height: 220px; margin: 10px 0 0 0; background: url(/css/screen/../../images/design/dessert_2.jpg) no-repeat; background-position: 0 0; display: block; position: relative; text-indent:-9999px; } span#lunch_1 { width: 220px; height: 220px; margin: 10px 0 0 0; background: url(/css/screen/../../images/design/lunch_1.jpg) no-repeat; background-position: 0 0; display: block; position: relative; text-indent:-9999px; } span#lunch_2 { width: 220px; height: 220px; margin: 10px 0 0 0; background: url(/css/screen/../../images/design/lunch_2.jpg) no-repeat; background-position: 0 0; display: block; position: relative; text-indent:-9999px; } span#vacature_1 { width: 220px; height: 220px; margin: 10px 0 0 0; background: url(/css/screen/../../images/design/vacatures_2.jpg) no-repeat; background-position: 0 0; display: block; position: relative; text-indent:-9999px; } span#vacature_2 { width: 220px; height: 220px; margin: 10px 0 0 0; background: url(/css/screen/../../images/design/vacature_2.jpg) no-repeat; background-position: 0 0; display: block; position: relative; text-indent:-9999px; }  div#actiemenuHolder { width: 420px; height: 180px; float:left; background:url(/css/screen/../../images/design/home_actiemenu_nieuw.jpg) no-repeat 0 0; position:relative; text-align:center; font-size: 220%; font-weight:bold; padding:20px; } div#actiemenuHolder a#actiemenu { width: 460px; height: 220px; display: block; text-indent:-9999px; overflow:hidden; position:absolute; left:0; top:0; background:transparent; } div#actiemenuHolder a { text-decoration:none; } span#home_actiemenubg { width: 420px; height: 180px; background: url(/css/screen/../../images/design/home_actiemenu_nieuw.jpg) no-repeat; background-position: 0 0; padding:20px; float:left; cursor: pointer; display: block; text-decoration:none; } a:hover span#home_actiemenubg { background-position: 0 -220px; text-decoration:none } span#actieblokTekst { width:200px; height:180px; color:#FFF; text-align:center; font-size:150%; font-weight: bolder; line-height: 1.5em; display:block; float:right; } .homeblokkenTekst { margin:8px 0 22px 0; font-size:200%; font-weight: bolder; line-height: 1.2em; } div#overnachtenHolder, div#cateringServiceHolder { width: 180px; height: 180px; margin: 0 0 0 20px; padding: 20px; text-align:center; background: url(/css/screen/../../images/design/grijs_blok220x220.png) 0 0 no-repeat; float:left; } div#cateringServiceHolder { margin: 20px 0 0 20px; } div#homeContactgegevens { width: 199px; height: 184px; margin: 0 0 0 20px; padding: 36px 0 0 21px; background: url(/css/screen/../../images/design/home_adresblok.png) 0 0 no-repeat; float:left; }  div#home_eetzaal { width: 180px; height: 180px; margin: 0 20px 0 0; padding: 20px 20px 20px 0 ; float:left; } div.smallItemHolder { width: 220px;  float:left; } img#home_appartement { margin: 20px 0 0 0; } div#vacaturesHolder { width: 220px; height: 100px; margin: 15px 0 0 0; } a span#home_vacatures { width: 220px; height: 100px; background: url(/css/screen/../../images/design/vacatures.png) no-repeat; background-position: 0 0; cursor: pointer; display: block; position:relative; } a:hover span#home_vacatures { background-position: 0 -100px; } div#reserveren_restaurantHolder { width: 220px; height: 100px; margin: 0; } div#reserveren_restaurantHolder a span#reserveren_restaurant { width: 220px; height: 100px; background: url(/css/screen/../../images/design/reserveren_restaurant.png) no-repeat; background-position: 0 0; cursor: pointer; display: block; } div#reserveren_restaurantHolder a:hover span#reserveren_restaurant { background-position: 0 -100px; } div#reserveren_overnachtenHolder { width: 220px; height: 100px; margin: 20px 0 0 0; } div#reserveren_overnachtenHolder a span#reserveren_overnachten { width: 220px; height: 100px; background: url(/css/screen/../../images/design/reserveren_overnachten.png) no-repeat; background-position: 0 0; cursor: pointer; display: block; } div#reserveren_overnachtenHolder a:hover span#reserveren_overnachten { background-position: 0 -100px; }  body.menukaart table { vertical-align: top; } body.menukaart th { font-weight: bold; text-align: left; vertical-align: top; } body.menukaart th.colcenter { width: 100px; text-align: right; vertical-align: top; } body.menukaart td.cellcenter { width: 100px; text-align: right; } body.menukaart th.colright { width: 100px; text-align: right; } body.menukaart td.cellright { width: 100px; text-align: right; }  div#menuHorizontal ul#menu { padding: 0; margin: 0; list-style-type: none; width:800px; float:right; background:url(/css/screen/../../images/design/menubalk.png) no-repeat; height:43px; } div#menuHorizontal ul#menu li { float: left; display: inline; width:160px; font-size:16px; font-weight:bold; text-align:center; height:43px; } div#menuHorizontal ul#menu li a { color:#FFFFFF; text-decoration:none; display:block; height:43px; width:160px; padding-top:10px; } ul#menu li.active{ background:url(/css/screen/../../images/design/menu-active.png) no-repeat; } div#menuHorizontal ul#menu li#menuItem1:hover{ background:url(/css/screen/../../images/design/menu-active.png) no-repeat; } div#menuHorizontal ul#menu li#menuItem2:hover{ background:url(/css/screen/../../images/design/menu-active.png) no-repeat; } div#menuHorizontal ul#menu li#menuItem3:hover{ background:url(/css/screen/../../images/design/menu-active.png) no-repeat; } div#menuHorizontal ul#menu li#menuItem4:hover{ background:url(/css/screen/../../images/design/menu-active.png) no-repeat; } div#menuHorizontal ul#menu li#menuItem5:hover{ background:url(/css/screen/../../images/design/menu-active.png) no-repeat; } .youtubeHolder{ float:left; width:460px; margin-left:20px; margin-top:20px; height:220px; background:url(/css/screen/../../images/design/yt-box.png) no-repeat; text-align:center; }   div.vcard div.tel span.type, div#homeContactgegevens span.country-name, div#homeContactgegevens div#mobiel, div#homeContactgegevens a.url { display: none; } div#homeContactgegevens span.postal-code { display:block; }  form#contactform fieldset legend { display: none; } form#contactform fieldset div { padding: 4px 0 0 0; display: block; clear: left; } form#contactform fieldset div label.formLeft, form#contactform fieldset div span.formLeft, form#contactform fieldset div input.text, form#contactform fieldset div textarea, form#contactform fieldset div div.button { display: block; float: left; } form#contactform fieldset div label.formLeft, form#contactform fieldset div span.formLeft { width: 200px; } form#contactform fieldset div input.text { width: 300px; } form#contactform fieldset div textarea { width: 300px; height: 100px; } form#contactform fieldset div div.button { width: 507px; text-align: right; } form#contactform fieldset div button { cursor: pointer; } form#contactform fieldset div span.verplicht { color: #666; font-style: italic; }  div.formError { padding: 2px 5px; background: #f00; color: #fff; display: none; } form#contactform fieldset div input.error, form#contactform fieldset div textarea.error { border: 1px solid #f00; } form#contactform fieldset div span.formErrorMark { color: #f00; font-weight: bold; }  form#reserveerform fieldset legend { display: none; } form#reserveerform fieldset div { padding: 4px 0 0 0; display: block; clear: left; } form#reserveerform fieldset div label.formLeft, form#reserveerform fieldset div span.formLeft, form#reserveerform fieldset div input.invulveld, form#reserveerform fieldset div textarea, form#reserveerform fieldset div div.button { display: block; float: left; } form#reserveerform fieldset div label.formLeft, form#reserveerform fieldset div span.formLeft { width: 200px; } form#reserveerform fieldset div input.invulveld { width: 300px; } form#reserveerform fieldset div input#aantal_personen { width: 50px; } form#reserveerform fieldset div textarea { width: 300px; height: 100px; } form#reserveerform fieldset div div.button { width: 507px; text-align: right; } form#reserveerform fieldset div button { cursor: pointer; } form#reserveerform fieldset div span.verplicht { color: #666; font-style: italic; }  div.formError { padding: 2px 5px; background: #f00; color: #fff; display: none; } form#reserveerform fieldset div input.error, form#reserveerform fieldset div textarea.error { border: 1px solid #f00; } form#reserveerform fieldset div span.formErrorMark { color: #f00; font-weight: bold; }  ul.pagination { text-align: center; } ul.pagination li { padding: 0; margin: 0 3px; display: inline; } ul.pagination li.active { padding: 0 5px; border: 1px solid #fe6600; background-color: #fe6600; color: #fff; font-weight: bold; } ul.pagination a { padding: 0 5px; border: 1px solid #fe6600; color: #fe6600; text-decoration: none; } ul.pagination a:hover { border: 1px solid #000; background: #000; color: #fff; } ul.pagination li.previous-off, ul.pagination li.next-off { border: 0; background-color: #fff; color: #929292; font-weight: normal; } ul.pagination li.next a, ul.pagination li.previous a { border: 0; font-weight: bold; } ul.pagination li.next a:hover, ul.pagination li.previous a:hover { background: #fff; color: #fe6600; text-decoration: underline; }  div.gallery { width: 100%; float: left; } div.galleryNav { width: 100%; float: left; } div.headerNav { padding: 0 0 10px 0; margin: 0 0 20px 0; border-bottom: 1px solid #ccc; } div.footerNav { padding: 10px 0 0 0; border-top: 1px solid #ccc; } div.galleryNavPrev, div.galleryNavNext { width: 25%; float: left; } div.galleryNavBack { width: 50%; float: left; } div.galleryNavPrev { text-align: left; } div.galleryNavBack { text-align: center; } div.galleryNavNext { text-align: right; } div.galleryRow { width: 100%; border: 1px solid #ccc; float: left; } div.galleryItem { width: 33%; height: 135px; border: 1px solid #ccc; text-align: center; float: left; } div.galleryItem img { border: 2px solid #e3ddd1; } div.clearGalleryRow { height: 15px; overflow: hidden; clear: left; } .width100 { width: 100%; } .width75 { width: 75%; } .width50 { width: 50%; } .floatLeft { float: left; } .floatRight { float: right; } .alignLeft { text-align: left; } .alignRight { text-align: right; } .alignCenter { text-align: center; } .alignJustify { text-align: justify; } .clear { clear: both; } div.clearLine { height: 0; padding: 15px 0 0 0; margin: 0 0 20px 0; overflow: hidden; border-bottom: 1px solid #ddd; clear: both; } .zoekexample { color: #999; font-style: italic; }