/* STYLES RESETTER */
html, body, form, fieldset, h2, h4, h5, h6, p, pre, blockquote, ul, li, ol, dl, dd, address, blockquote, hr { margin: 0px; padding: 0px; }
html, body, form, fieldset { font: 100%/120% Verdana, Arial, Helvetica, sans-serif; color: #687885; }
form input[type="submit"], form input[type="reset"] { cursor: pointer; }
fieldset { border: none; }
input, select, textarea { font-size: 100%; }
h1, h2, h3, h4, h5, h6 { font-size: 10px; font-weight: bold; color: #000000; }
a { text-decoration: none; }
address { font-style: normal; }
/* CLEARDIV STYLE */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1px; }
/* End hide from IE-mac */
/* TUTORIAL STYLES */
/* BIJ HERGEBRUIK DE IE7 STYLES NIET VERGETEN!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
html { }
/*** font-size:100.1% ; Don't change this setting. Make all other font-sizes in % (preferred) or ems ***/
body{ min-width: 100%; }
/**
* margin-bottom:-50px; == NEGATIVE TOTAL Height of Footer Rows
* background-color: #4A4A4A; == Background colour center column
**/
#fullheightcontainer { position: relative; display: table; margin-bottom: 500px; }
/*** needed for IE ***/
#wrapper { position:relative;}
/**
* height:90px; == TOTAL Height of Header Rows
**/
#clearheadercenter { height: 14px; overflow: hidden; }
/**
* height:50px; == TOTAL Height of Footer Rows
**/
#clearfootercenter { height: 5px; }
#footer { z-index: 20; position: absolute; width: 100%; height: 80px; background: url(../images/footer_bg_center.jpg) no-repeat center top; }
#subfooter1 { margin: 0px; text-align: center; height: 175px; overflow: hidden; }
#header { z-index: 10; position: absolute; top: 0px; left: 0px; width: 100%; height: 0px; }
#header-inner { height: 0px; }
#subheader1 { margin: 0px; text-align: center; height: 14px; overflow: hidden; }
#container-center { padding: 0px; }
/*** end style needed for general page ***/
/*** Start style needed for general full height effect ***/
html, body, #fullheightcontainer { height: 708; }
#centerfill { display: none; }
/*** end style needed for general full height effect ***/
/*** Start style needed for fixing width of page ***/
body{ text-align: left; }
/**
* width: 100%; //770px; == Content Width
**/
#fullheightcontainer { margin-left: auto; margin-right: auto; text-align: center; width: 100%; }
#footer-inner { width: 100%; margin-left: auto; margin-right: auto; }
#header-inner { width: 100%; margin-left: auto; margin-right: auto; }
/*** end style needed for fixing width of page ***/
/*** Start style needed for full height effect for a single column page ***/
#wrapper { height: 100%; }
/*** end style needed for full height effect for a single column page ***/
/* COMMON TEXT STYLES */
body{ font-family: Arial, "Times New Roman", Times, serif; font-size: 12px; color: #ffffff; }
.empty { font-size: 0px; line-height: 0px; }
/* MY STRUCTURE STYLES */
html { background: #D6D6D6 url(../images/html_bg_repeat_x.jpg) repeat-x top; }
#fullheightcontainer { }
#subfooter1,
div#head_bg_holder { width: 100%; height: 100px; background: url(../images/header_bg_center.jpg) no-repeat center top; }
div#toh_logo_wrap { top: 0px; width: 210px; height: 100px;}
div#toh_logo_wrap h1, div#toh_logo_wrap h2 { text-indent: -9999px; }
div#header_pics_wrap { width: 536px; height: 197px; position: absolute; right: 0px; bottom: 0px; }
div#lang_nav_wrap { width: 120px; height: 22px; position: absolute; right: 17px; top: 53px; }
div#lang_nav_wrap ul { list-style: none; }
div#lang_nav_wrap ul li { width: 20px; height: 22px; float: left; margin-right: 10px; }
div#lang_nav_wrap ul li a, div#lang_nav_wrap ul li span { display: block; width: 19px; height: 19px; text-align: center; padding: 3px 0px 0px 1px; }
div#lang_nav_wrap ul li a, div#lang_nav_wrap ul li span { font-size: 13px; color: #FFF; }
div#lang_nav_wrap ul li span.active_lang { background: url(../images/active_lang_bg.gif) no-repeat; }
div#lang_nav_wrap ul li a.lang_btn { background: url(../images/lang_btn_bg.gif) no-repeat; }
div#main_center_holder { width: 1000px; margin: 0px auto; text-align: left; }
div#main_nav_wrap { float: left; width: 210px; padding-bottom: 10px; }
div#main_nav_wrap ul { list-style: none; margin-top:0px; }
div#main_nav_wrap ul, div#main_nav_wrap ul li { float: left; }
div#main_nav_wrap ul li#top_sm_spacer { background: url(../images/top_sm_spacer.png) repeat-y; height: 13px; width: 210px; }
div#main_nav_wrap ul li#end_sm_spacer { background: url(../images/end_sm_spacer.png) repeat-y; height: 13px; width: 210px; }
div#main_nav_wrap ul li.l1_li { width: 210px; background: url(../images/main_btn_li_bg_repeat.png) repeat-x;}
div#main_nav_wrap ul li ul li.l2a_li { background: url(../images/main_btn_li2a_bg_repeat.png) no-repeat left; color: #ffffff; padding-left:10px; }
div#main_nav_wrap ul li ul li.l2b_li { background: url(../images/main_btn_li2b_bg_repeat.png) no-repeat left; color: #ffffff; padding-left:10px }
div#main_nav_wrap ul li span.active_btn,
div#main_nav_wrap ul li a.main_btn,
div#main_nav_wrap ul li ul li span.active_subbtn,
div#main_nav_wrap ul li ul li a.main_subbtn { display: block; color: #ffffff; outline: none; height: 24px; width: 210px; padding-left:20px; }
div#main_nav_wrap ul li.last_li span.active_btn,
div#main_nav_wrap ul li.last_li a.main_btn,
div#main_nav_wrap ul li.last_li ul li span.active_subbtn,
div#main_nav_wrap ul li.last_li ul li a.main_subbtn { background: none; }
div#main_nav_wrap ul li span.active_btn, div#main_nav_wrap ul li a.main_btn span { display: block; padding: 7px 13px 2px 13px; }
div#main_nav_wrap ul li span.active_btn { color: #666600; background: url(../images/main_btn_hover_bg.png) no-repeat left 10px;}
div#main_nav_wrap ul li span.active_btn { background: url(../images/main_btn_hover_bg.png) no-repeat left 10px; color: #ffffff; }
div#main_nav_wrap ul li a.main_btn {}
div#main_nav_wrap ul li a.main_btn:hover span,
div#main_nav_wrap ul li ul li a.main_subbtn:hover span { background: url(../images/main_btn_hover_bg.png) no-repeat left 10px; color: #8c8b81; }
div#main_nav_wrap ul li ul li a span { background: url(../images/main_btn_hover_bg.png) no-repeat left 10px; color: #ffffff; }
div#main_nav_wrap ul li ul li span.active_subbtn, div#main_nav_wrap ul li ul li a.main_subbtn span { display: block; padding: 5px 13px 0px 13px; }
div#main_nav_wrap ul li ul li span.active_subbtn { color: #666600; background: url(../images/main_btn_hover_bg.png) no-repeat left 10px;}
div#main_nav_wrap ul li ul li a.main_subbtn {}
div#main_nav_wrap ul li ul li a.main_subbtn:hover span { background: url(../images/main_btn_hover_bg.png) no-repeat left 10px; color: #8c8b81; }
div#main_cont_wrap { float: left; width: 790px; margin: 0px 0px 0px 0px; padding: 0px; background: url(../images/center_repeat.png) repeat-y top;}
div#main_cont_wrap_supp { float: left; width: 790px; margin: 0px 0px 0px 0px; padding: 0px; background: url(../images/center_repeat_supp.png) repeat-y top;}
div#main_cont_wrap_verz { float: left; width: 790px; margin: 0px 0px 0px 0px; padding: 0px; background: url(../images/center_repeat_verz.png) repeat-y top;}
div#main_cont_wrap_pet { float: left; width: 790px; margin: 0px 0px 0px 0px; padding: 0px; background: url(../images/center_repeat_pet.png) repeat-y top;}
div#col_center_shade { margin: 0px 0px 0px 0px; padding: 0px; background: url(../images/main_btn_hover_bg.png);}
/* CONTENT STYLES */
/* Common pagina styles */
div#bc_wrap { padding: 25px 0px 25px 0px; color: #abac9d; text-transform: uppercase; }
div#bc_wrap a.bc_link, div#bc_wrap span.active_bc_link { padding: 0px 5px; }
div#bc_wrap a.bc_link { color: #7e7d75; }
div#bc_wrap a.bc_link:hover { text-decoration: underline; }
div#bc_wrap span.active_bc_link { color: #b1b0b1; }
div#content_color { background-color:#990000; background-image:url(../images/center_repeat_paard.jpg) }
div#content_wrap {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
div#content_wrap p { color: #ffffff; line-height: 15px; padding: 0px 0px 25px 0px; }
div#content_wrap p a { color: #b1b0b1; text-decoration: underline; }
div#content_wrap p a:hover { color: #fff; }
div#content_wrap ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
div#content_wrap ul li { color: #b1b0b1; line-height: 18px; margin-bottom: 0px; }
div#content_wrap ol { margin: 0px 0px 25px 0px; padding: 0px 0px 0px 14px; }
div#content_wrap ol li { color: #b1b0b1; line-height: 18px; margin-bottom: 10px; }
div#content_wrap h2.lelie { background: url(../images/h2_lelie_img.gif) no-repeat left 5px; color: #9a9c8e; font-size: 17px; }
div#content_wrap h2.lelie { font-family: Arial, "Times New Roman", Times, serif; font-weight: normal; line-height: 20px; }
div#content_wrap div.img_col_left_bg { float: left; width: 4px; margin:2px; min-height:586px; height:100%; }
div#content_wrap div.col_index { float: left; width: 782px; color:#000000; height:120px; background: url(../images/center_repeat_x.jpg) repeat-x bottom #ffffff; }
div#content_wrap div.col_index h1 { color: #ffffff; font-size:22px; line-height: 25px; text-decoration:none; font-weight:200; padding-left:20px; PADDING-TOP:30px; }
div#content_wrap div.col_produkten { float: left; width: 782px; color:#000000; height:120px; background: url(../images/center_repeat_produkten.jpg) repeat-x bottom #ffffff; }
div#content_wrap div.col_produkten h1 { color: #ffffff; font-size:22px; line-height: 25px; text-decoration:none; font-weight:200; padding-left:20px; PADDING-TOP:30px; }
div#content_wrap div.col_produkten_paard { float: left; width: 782px; color:#000000; height:120px; background: url(../images/center_repeat_paard.jpg) repeat-x bottom #ffffff; }
div#content_wrap div.col_produkten_paard h1 { color: #ffffff; font-size:22px; line-height: 25px; text-decoration:none; font-weight:200; padding-left:20px; PADDING-TOP:30px; }
div#content_wrap div.col_shop_paard { float: left; width: 782px; color:#000000; height:120px; background: url(../images/center_shop_paard.jpg) repeat-x bottom #ffffff; }
div#content_wrap div.col_shop_paard h1 { color: #ffffff; font-size:22px; line-height: 25px; text-decoration:none; font-weight:200; padding-left:20px; PADDING-TOP:30px; }
div#content_wrap div.col_center { float: left; width: 782px; color:#000000; height:120px; background: url(../images/center_repeat_x.png) repeat-x bottom #ffffff; }
div#content_wrap div.col_center h1 { color: #ffffff; font-size:22px; line-height: 25px; text-decoration:none; font-weight:200; padding-left:20px; PADDING-TOP:30px; }
div#content_wrap div.paard-detail { float: left; width: 782px; color:#000000; height:120px; background: url(../images/paard-detail.jpg) repeat-x bottom #ffffff; }
div#content_wrap div.paard-detail h1 { color: #ffffff; font-size:22px; text-decoration:none; font-weight:200; padding-left:25px; PADDING-TOP:30px; }
div#content_wrap div.paard-detail h5 { color: #ffffff; font-size:12px; text-decoration:none; font-weight:200; padding-left:25px; }
div#content_wrap div.paard-detail_verzorging { float: left; width: 782px; color:#000000; height:120px; background: url(../images/paard-detail_verzorging.jpg) repeat-x bottom #ffffff; }
div#content_wrap div.paard-detail_verzorging h1 { color: #ffffff; font-size:22px; line-height: 25px; text-decoration:none; font-weight:200; padding-left:20px; PADDING-TOP:30px; }
div#content_wrap div.paard-detail_verzorging h5 { color: #ffffff; font-size:12px; text-decoration:none; font-weight:200; padding-left:25px; }
div#content_wrap div.paard-detail_verzorging2 { float: left; width: 782px; color:#000000; height:120px; background: url(../images/paard-detail_verzorging2.jpg) repeat-x bottom #ffffff; }
div#content_wrap div.paard-detail_verzorging2 h1 { color: #ffffff; font-size:22px; line-height: 25px; text-decoration:none; font-weight:200; padding-left:20px; PADDING-TOP:30px; }
div#content_wrap div.pet-detail { float: left; width: 782px; color:#000000; height:120px; background: url(../images/pet-detail.jpg) repeat-x bottom #ffffff; }
div#content_wrap div.pet-detail h1 { color: #ffffff; font-size:22px; line-height: 25px; text-decoration:none; font-weight:200; padding-left:20px; PADDING-TOP:30px; }
div#content_wrap div.pet-detail2 { float: left; width: 782px; color:#000000; height:120px; background: url(../images/pet-detail2.jpg) repeat-x bottom #ffffff; }
div#content_wrap div.pet-detail2 h1 { color: #ffffff; font-size:22px; line-height: 25px; text-decoration:none; font-weight:200; padding-left:20px; PADDING-TOP:30px; }
div#content_wrap div.pet-detail2 h5 { color: #ffffff; font-size:12px; text-decoration:none; font-weight:200; padding-left:25px; }
div#content_wrap div.col_language { float: left; width: 1000px; color:#000000; height:587px; background: url(../images/language.jpg) repeat-x bottom }
div#content_wrap div.col_language h1 { color: #ffffff; font-size:14px; line-height: 30px; text-decoration:none; font-weight:200; padding-left:550px; PADDING-TOP:380px; }
div#content_wrap div.col_language h1 a { color: #ffffff; text-decoration:none; font-weight:200; }
div#content_wrap div.img_col_left { float: left; width: 390px; background-color:#ffffff; }
div#content_wrap div.img_col_left img { float: left; background-color:#ffffff; }
div#content_wrap div.img_col_left a { float: left; background-color:#ffffff; }
div#content_wrap div.img_col_right { float: left; width: 390px; }
div#content_wrap div.img_col_right img { float: left; background-color:#AEC200; }
div#content_wrap div.img_col_center { float: left; min-height:530px; height:530px; background-color:#000000; width: 1px; }
div#content_wrap div.img_col_center_l { float: left; min-height:650px; height:650px; background-color:#000000; width: 1px; }
div#content_wrap div.txt_col_right { float: left; width: 391px; background-color:#ffffff; }
div#content_wrap div.txt_col_right ul { list-style-position: inside; list-style-type: circle; line-height: 25px; }
div#content_wrap div.txt_col_right ul li { text-transform: uppercase; }
div#content_wrap div.txt_col_right ul li span { color: #979590; text-transform: none; }
div#content_wrap div.txt_col_right h1 { color: #ffffff; font-size:22px; line-height: 25px; text-decoration:none; font-weight:100;}
div#content_wrap div.txt_col_right h3 { color: #ffffff; font-size:15px; line-height: 25px; text-decoration:none; font-weight:100;}
div#content_wrap div.boxgrey { color: #4C4C4E; font-size:11px; text-decoration:none; background-color:#ffffff; padding:5px 25px 5px 25px; min-height:520px;}
div#content_wrap div.boxgrey p { color: #4C4C4E; font-size:11px; text-decoration:none; background-color:#ffffff;}
div#content_wrap div.boxgrey h3 { color: #4C4C4E; font-size:22px; text-decoration:none; font-weight:200;}
div#content_wrap div.txt_col_left { float: left; width: 391px; background-color:#ffffff; }
div#content_wrap div.boxpaard_verzorging { color: #4C4C4E; font-size:11px; text-decoration:none; background-color:#59A826; padding:5px 25px 5px 25px; min-height:520px;}
div#content_wrap div.boxpaard_verzorging p { color: #ffffff; font-size:11px; text-decoration:none;}
div#content_wrap div.boxpaard_verzorging h3 { color: #ffffff; font-size:22px; text-decoration:none; font-weight:200; padding-top:100px; }
div#content_wrap div.boxpaard_supplement { color: #4C4C4E; font-size:11px; text-decoration:none; background-color:#AEC200; padding:5px 25px 5px 25px; min-height:520px;}
div#content_wrap div.boxpaard_supplement p { color: #ffffff; font-size:11px; text-decoration:none;}
div#content_wrap div.boxpaard_supplement h3 { color: #ffffff; font-size:22px; text-decoration:none; font-weight:200; padding-top:10px; }
div#content_wrap div.boxpet { color: #4C4C4E; font-size:11px; text-decoration:none; background-color:#00AEEF; padding:5px 25px 5px 25px; min-height:520px;}
div#content_wrap div.boxpet p { color: #ffffff; font-size:11px; text-decoration:none;}
div#content_wrap div.boxpet h3 { color: #ffffff; font-size:22px; text-decoration:none; font-weight:200; padding-top:10px; }
div#content_wrap div.AEC200 {background-color:#AEC200; }
div#content_wrap div.box1 { color: #ffffff; font-size:11px; text-decoration:none; background-color:#59A826; padding:5px; min-height:520px;}
div#content_wrap div.box1 p { color: #ffffff; font-size:11px; text-decoration:none; background-color:#59A826;}
div#content_wrap div.box1 h3 { color: #ffffff; font-size:22px; line-height: 25px; text-decoration:none; font-weight:200;}
.top_bot_line { border-top: 1px dotted #5e5d5d; border-bottom: 1px dotted #5e5d5d; }
/* About pagina styles */
/* Kamers pagina styles */
div.kamer_sum { border-bottom: 1px dotted #5e5d5d; padding: 20px 0px 25px 0px; }
div.kamer_sum h2 { padding: 0px 0px 5px 30px; }
div.kamer_sum div.img_col_left img { margin-bottom: 0px !important; }
div.kamer_sum div.txt_col_right p { line-height: 18px; color: #ffffff; }
/* Kamer detail pagina styles */
div.kamer_sum_block { border-bottom: 1px dotted #5e5d5d; padding: 20px 0px 0px 0px; }
div.first_block { padding: 0px 0px 0px 0px; }
div.kamer_sum_block h2 { padding: 0px 0px 15px 30px; }
div.kamer_sum_block img.kamer_foto { float: left; border: 1px solid #615f5b; padding: 5px; margin: 0px 4px 4px 0px; background: #4e4d4e; position: relative; left: 1px; }
div.kamer_sum_block div.kamer_foto_wrap { padding-bottom: 15px; }
div.kamer_vwdn { color: #5e5d5d; font-style: italic; padding: 20px 20px; line-height: 18px; }
/* Restauratie pagina styles */
ul#restauratie_list { padding: 25px 0px 15px 14px !important; list-style: circle; }
/* Vergaderzaal pagina styles */
div.overzicht_block { border-bottom: 1px dotted #5e5d5d; padding: 20px 0px 25px 0px; }
div.overzicht_block h2 { padding: 0px 0px 15px 30px; }
div.overzicht_block p { padding: 0px 0px 0px 0px !important; }
div#vloerplan_pic { width: 458px; height: 208px; background: url(../images/grondplan.jpg) no-repeat; border: 1px solid #5f5c59; }
div.zaalstijl { width: 107px; height: 127px; float: left; margin: 0px 8px 8px 0px; background: #4e4d4e; border: 1px solid #5f5c59; position: relative; }
div.last_zaalstijl { margin: 0px 0px 5px 0px; }
div.zaalstijl span { position: absolute; bottom: 10px; color: #9a9c8e; display: block; width: 109px; text-align: center; }
div#theater { background: #4e4d4e url(../images/theater_stijl.gif) no-repeat 17px 15px; }
div#klas { background: #4e4d4e url(../images/klas_stijl.gif) no-repeat 17px 15px; }
/* Vergaderzaal pijzen pagina styles*/
ul#vergaderzaalprijzen_list { padding: 0px 0px 15px 14px !important; list-style: circle; }
/* Receptie pagina styles */
ol#receptie_list { padding: 0px 0px 0px 14px !important; list-style:circle; /*list-style: upper-roman;*/ }
/* Receptie pagina styles */
div.arr_block { padding: 0px 0px 25px 0px; border-bottom: 1px dotted #5e5d5d; }
div.arr_block h2 { padding: 0px 0px 10px 25px; }
/* Veurne pagina styles */
div#mapwrap { border: 1px solid #615f5b; padding: 5px; margin-bottom: 20px; position: relative; top: 7px; background: #4e4d4e; width:445px; height:300px; }
div.history_block { padding: 0px 0px 25px 0px; border-bottom: 1px dotted #5e5d5d; }
div.history_block h2 { padding: 0px 0px 10px 25px; }
div.ligging_block { padding: 25px 0px 25px 0px; border-bottom: 1px dotted #5e5d5d; }
div.ligging_block h2 { padding: 0px 0px 10px 25px; }
div.info_block { border-bottom: 1px dotted #5e5d5d; padding: 20px 0px 25px 0px; }
div.info_block h2 { padding: 0px 0px 15px 30px; }
/* contact pagina styles */
div.contact_block { border-bottom: 1px dotted #5e5d5d; padding: 20px 0px 25px 0px; }
div.contact_block h2 { padding: 0px 0px 25px 30px; }
div.contact_block p { padding: 0px 0px 0px 0px !important; }
div.contact_item { width: 460px; position: relative; margin: 0px 0px 2px 0px; }
div.txt_item { height: 20px; }
div.txt_item label.item_lbl { display: block; width: 100px; margin: 0px 5px 0px 0px; padding: 2px 0px 0px 0px; float: left; color: #FFF; }
div.txt_item input.item_txt { display: block; width: 348px; margin: 0px 5px 0px 0px; float: left; background: #565551; border: 1px solid #9a9c8e; color: #FFF; }
div.txt_item img.item_stat { margin: 2px 5px 0px 0px; float: left; }
div.txt_item span.item_expl { display: block; width: 150px; float: left; padding: 3px 0px 0px 0px; color: #888; font: 10px normal Tahoma, Arial, sans-serif; font-style: italic; text-align: right; }
div.ta_item { height: 155px; }
div.ta_item label.item_lbl { display: block; width: 100px; margin: 0px 5px 0px 0px; padding: 2px 0px 0px 0px; color: #FFF; position: absolute; left: 0px; top: 0px; }
div.ta_item textarea.item_ta { display: block; width: 348px; height: 150px; background: #565551; border: 1px solid #9a9c8e; color: #FFF; position: absolute; left: 105px; top: 0px; }
div.btn_block { border-bottom: none; }
div.submit_btn { height: 20px; text-align: right; }
div.submit_btn input#submit { background: #565551; border: 1px solid #9a9c8e; color: #FFF; padding: 0px 20px; position: relative; right: 5px; top: 10px; }
div.submit_btn input#submit:disabled { background: #666666; border: 1px solid #999999; color: #888; }
div#thx { position: absolute; float: left; width: 100%; padding: 15px 0 0 0; display: none; }