
/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1, h2, h3, h4, h5, h6 { font-size : 100%; }
UL { list-style: disc outside; margin-left: 20px; padding:0px; }
OL { margin-left: 20px; margin-bottom: 10px; }

/* Removes border from fieldset and img */
img { border : 0; }
html { margin: 0px 0px 1px 0px; padding: 0px; height: 100%; -ms-overflow-y: scroll; }

/* "sticky footer" -- include: #page : padding-bottom=height-footer */
html, body, #nonfooter { height: 100%; }
body > #nonfooter { height: auto; min-height: 100%; }
#page {padding-bottom: 70px;}  /* must be same height as the footer */

body { margin: 0px; padding: 0px;  background:  #FFF;}

body, div { font: normal 12px Arial, Helvetica, sans-serif; line-height: 16px; color: #000; }
div#main { position: relative; top: 0px; left: 0px; width: 960px; margin-right: auto; margin-left: auto; text-align: left; }


input:focus,
a:focus { outline: 0; }

.xsButton, .button { padding:1px 10px; }

/* header */
div#header { position: relative; height: 166px; background: url(../images/jellinekretreat_header.jpg) no-repeat top left; z-index:1; }
#header_container { position: relative;width:960px; position:relative; margin:0 auto; }
div#logo { position: absolute; top:24px; right:12px; }
div#second_menu { position: absolute; left: 284px; top: 20px; width: 370px; height: 19px; z-index: 10; padding: 1px 0px 0px 0px; text-align: right; }
div#second_menu a { font: normal 12px arial, helvetica, sans-serif; height: 22px; margin-right: 10px; color: #949494; text-decoration: none; }
div#language_select { position: absolute; top: 16px; left: 860px; width: 99px; height: 24px; padding: 1px; z-index:2; background: url('../images/flag_bg.gif') no-repeat; }
div#language_select a { margin-right: 1px; }
div#main_navigation { width: 960px; height: 30px; background: #FFF url('../images/bg_navbar.gif') repeat-x; margin-bottom: 5px; }
div#breadcrumb { width: 935px; height: 19px; float: left; margin: 10px 0 10px; padding:0 0 0 25px; }
div#breadcrumb div#breadcrumb_clip { float:left; width:520px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 11px; }

/* Text styles */
H1 { font-size: 28px; color: #000; font-weight: normal; display: block; line-height: 22px; margin: 0px 0px 20px 0px; }
H2 { font-size: 24px; color: #000; font-weight: normal; line-height: 24px; margin: 0px 0px 4px 0px; }
H3 { font-size: 18px; color: #000; font-weight: normal; line-height: 18px; margin: 5px 0px 2px 0px; }
H4 { font-size: 13px; color: #000; font-weight: bold; }
H5 { font-size: 12px; color: #000; font-weight: bold; }
H6 { font-size: 11px; color: #000; font-weight: bold; }
.main_article H1, .main_article H2, .main_article H3, .main_article H4, .main_article H5, .main_article H6 { font-size: 18px; color: #333; font-weight: normal; line-height: 18px; margin: 5px 0px 2px 0px; }
.bold { font-weight: bold; }
.small { font-size: 10px; }
a { color: #194d8c; text-decoration: none; }
.main_article a { color: #265a9a; text-decoration: underline; }
.extraspace { margin-bottom: 15px; }

#vervolg_col_right .whitespace_hor ul { list-style: none; margin: 0px; padding:0px; }
#vervolg_col_right .whitespace_hor ul li { background: url('../images/bullet.gif') no-repeat 0px 5px; padding: 0px 0px 0px 10px; }

/* Top Menu Tab bar */
#main_navbar_container { position: absolute; top:111px; left:5px; height:28px; width:960px; z-index: 10; }
ul#main_navbar_dropdown { list-style: none; margin:0; padding:0;  z-index:100; }

ul#main_navbar_dropdown li { position:relative; float:left;}
ul#main_navbar_dropdown li.niv1 a.tab { display: block; float: left; font: bold 13px arial, helvetica, sans-serif; color: #9f9162; text-decoration: none; padding: 7px 20px 5px; height: 18px; }

ul#main_navbar_dropdown li.niv1active a.tab, 
ul#main_navbar_dropdown li.niv1:hover a.tab { display: block; float: left; font: bold 13px arial, helvetica, sans-serif; color:#776d64; text-decoration: none; padding: 7px 20px 5px; height: 18px; }

ul#main_navbar_dropdown li.niv1active ul.niv2, 
ul#main_navbar_dropdown li.niv1 ul.niv2 { display: none; }

ul#main_navbar_dropdown li.niv1active:hover ul.niv2,
ul#main_navbar_dropdown li.sfHover ul.niv2, 
ul#main_navbar_dropdown li.niv1:hover ul.niv2 { display: block; position: absolute; top: 28px; left: 0px; width: 226px; z-index:12; list-style: none; margin: 0 0 0 8px; text-align:left; border-bottom:1px solid #9f9162; }

ul#main_navbar_dropdown li.niv1active:hover ul.niv2 li a,
ul#main_navbar_dropdown li.sfHover ul.niv2 li a,
ul#main_navbar_dropdown li.niv1:hover ul.niv2 li a { display: block; background: #FFF; border-width:1px 1px 0 1px; border-style: solid; border-color: #9f9162; border-top-color:#DDD; width: 200px; padding: 6px 12px 5px 12px; color: #9f9162; }

ul#main_navbar_dropdown li.niv1active:hover ul.niv2 li a:hover,
ul#main_navbar_dropdown li.sfHover ul.niv2 li a:hover,
ul#main_navbar_dropdown li.niv1:hover ul.niv2 li a:hover { color: #564F34; background:#DDD; }

ul#main_navbar_dropdown li.niv1active ul.niv3, 
ul#main_navbar_dropdown li.niv1 ul.niv3 { display: none; }

ul#main_navbar_dropdown li.niv1active:hover ul.niv3,
ul#main_navbar_dropdown li.sfHover ul.niv3, 
ul#main_navbar_dropdown li.niv1:hover ul.niv3 { display: block; position: absolute; top: 0px; left: 217px; width: 226px; z-index:12; list-style: none; margin: 0 0 0 8px; text-align:left; border-top:1px solid #9f9162; border-bottom:1px solid #9f9162; }

ul#main_navbar_dropdown li.niv1active:hover ul.niv3 li a,
ul#main_navbar_dropdown li.sfHover ul.niv3 li a,
ul#main_navbar_dropdown li.niv1:hover ul.niv3 li a { display: block; background: #FFF; border-width:1px 1px 0px 1px; border-style: solid; border-color: #9f9162; border-top-color:#DDD; width: 200px; padding: 6px 12px 5px 12px; color: #9f9162; }

ul#main_navbar_dropdown li.niv1active:hover ul.niv3 li:first-child a,
ul#main_navbar_dropdown li.sfHover ul.niv3 li:first-child a,
ul#main_navbar_dropdown li.niv1:hover ul.niv3 li:first-child a {border-top: 0px solid white; }
 
ul#main_navbar_dropdown li.niv1active:hover ul.niv3 li a:hover,
ul#main_navbar_dropdown li.sfHover ul.niv3 li a:hover,
ul#main_navbar_dropdown li.niv1:hover ul.niv3 li a:hover { color: #564F34; background:#B5C8DF; }

hr { height: 1px; display: block; margin: 1px 0px; !margin:-5px 0px;
color:#E0E0E0; background-color:#E0E0E0; border:0px; clear: both; }

/* CONTENT */
.whitespace { margin: 0 0 20px 0;}

#vervolg_col_main .divgumbuttons { padding-left:25px; }
#vervolg_col_main { width:600px; float:left;}
#vervolg_col_main h1 { background:url(../images/jellinekretreat_header_bottom.jpg) no-repeat bottom center; padding:5px 25px; font-size:16px; text-transform:uppercase; }
#vervolg_col_main h2 { padding:5px 25px; font-size:16px; }
#vervolg_col_main h3 { padding:5px 25px; font-size:14px; }
#vervolg_col_main h4 { padding:5px 25px; font: bold 12px; }
#vervolg_col_main p { padding:0 25px; font-size:12px; }
#vervolg_col_main ul { margin-left: 50px; }

#visual { margin:25px; }

#vervolg_col_right {width:250px; float:right; }
.col_right_block { margin:0 0 10px 0; }

#translate_search { height:50px; padding:0 0 0 10px; }
#translate_search a { float:left; }
#translate_search #zoekForm { float:left; margin:3px 0 0; }
#translate_search #zoekBox { float:left; width:125px; margin:0 5px 0 10px; border:1px solid #9f9162; }
#translate_search #search-button { height:14ppx; width:14px; float:right; }

.cat_button { float:left; height:20px; width:21px; background: url(../images/search.gif) no-repeat 0px 0px; border:0; cursor:pointer; }

.sidebarBlock { padding:5px 18px; }
.sidebarBlock h1 { background:url(../images/sidebar_header_bottom.gif) no-repeat center bottom; padding:5px 0 10px; margin-bottom:10px; font-size:16px; text-transform:uppercase; }

.sidebar_link { margin:10px 0 0 0; }
.sidebar_link a { color:#B3A982; font-style:italic; }
.sidebar_link a:hover { color:#918557; }

.bannerblok { margin:10px 0 0 0; }

.sidebar_introblauw_top { background:url(../images/jellinekretreat_veelbekeken_top.jpg) no-repeat top center; height:6px; font-size:6px; line-height:6px; }
.sidebar_introblauw_mid { background:url(../images/jellinekretreat_veelbekeken_repeat.jpg) repeat-y top center; padding:5px 20px 15px; }
.sidebar_introblauw_mid h1 { color:#FFF; background:url(../images/jellinekretreat_veelbekeken_title_bottom.jpg) no-repeat center bottom; padding:5px 0 10px; margin-bottom:10px; font-size:16px; text-transform:uppercase; }
.sidebar_introblauw_mid p { color:#FFF; }
.sidebar_introblauw_mid p a { display:block; margin:2px 0; color:#FFF; }
.sidebar_introblauw_mid p a:hover { color:#D0CAB3; }
.sidebar_introblauw_bottom { background:url(../images/jellinekretreat_veelbekeken_bottom.jpg) no-repeat top center; height:5px; margin:0 0 25px 0; }
.sidebar_link { margin:5px 0; }
.sidebar_introblauw_mid .sidebar_link a:hover { color:#D0CAB3; }

#phone { color:#000; font-size:14px; margin:0 0 10px 15px; }

/* FAQ */
.questionGroup { background:transparent url(../images/jellinekretreat_header_bottom.jpg) no-repeat scroll center bottom; padding:5px 25px; font-size:16px; text-transform:uppercase; }
.question a.plus { width: 520px; padding: 8px 25px 8px 30px; background: #FFF url('../images/list_arrow_down.png') no-repeat top right; display: block; }
.question a.min { width: 520px; padding: 8px 25px 8px 30px; background: #FFF url('../images/list_arrow_up.png') no-repeat top right; display: block; }
.question a:hover { color:#918557; }
.questionAnswer { width: 520px; padding: 0px 25px 16px 30px; line-height: 18px; }
div.questionnumber { position: absolute; font-size: 16px; color: #555; width: 25px; padding-top: 8px; float: left; }

/* GUESTBOOK */
.guestbook { float:left; }
#vervolg_col_main .comment p { margin:0; padding:0; }
.comment { float:left; width:600px; background:transparent url(../images/jellinekretreat_header_bottom.jpg) no-repeat scroll center bottom; margin:0 0 10px;  }
.comment_content { width:550px; float:left; padding:10px 25px; }
.comment_author { color:#B3A982; clear:both; float:left; display:inline; padding:0 0 25px 25px; }
.comment_date { color:#B3A982; float:left; display:inline; }
.comment_separator { float:left; margin:0 5px; }
.guestbook_from { float:left; }
#guestbook_input { margin:15px 25px 0; }
.form_description { width:100px; }

/* VACATURES */
.vacature { margin:10px 0; }
.vacature_link { padding:5px 25px; }
.vacature_link a { color:#786D49; }

/* NEWSLETTER */
.newsletter { float:left; margin:15px 0 25px; }
.newsletter h1 { background:url(../images/sidebar_header_bottom.gif) no-repeat center bottom; padding:5px 0 10px; margin:0 0 15px; font-size:16px; text-transform:uppercase; }
.newsletterFeedback { text-align:center;  font-weight:bold; padding:10px; font-size:16px; text-transform:uppercase; }
.emailBox { float:left; width:180px; padding:1px 0 1px 4px; margin:0 0 10px; border:1px solid #9f9162; }

#xsnewsUnsubscribeForm1 { padding:20px 25px; }
#xsnewsUnsubscribeForm1 .form-description { float:left; width:100px; padding:5px 10px 0 0; }
#xsnewsSubscribe1Element_email { border:1px solid #9f9162; }

#xsnewsSubscribeError1 { margin:0 0 10px; }

.newsletterButton-en, .newsletterButton-nl { float:left; margin:0 0 0 3px ; height:18px; width:21px; background:url(../images/buttons.gif) no-repeat 0px -56px; border:0 }
.newsletterButton-en:hover, .newsletterButton-nl:hover { background-position: -110px -56px; }

/* WEATHER */
.weather_icon { height:75px; }
.weather_icon img { float:left; }
.temperature { float:left; margin:30px 0 0 30px; font-size:20px; }

/* SITEMAP */
div#sitemap { padding:15px 30px; }
div#sitemap ul { width: 460x; list-style: none; margin: 0px; padding: 0px; }
div#sitemap ul li { display: block; padding: 4px 0px 5px 20px; margin: 5px 0; background: #fff url('../images/icon_page.gif') no-repeat 0px 6px; }
div#sitemap ul li ul { margin:10px 0 0; }
div#sitemap ul li ul li { display: block; padding: 1px 0px 1px 15px; margin: 5px 0; background: #fff url('../images/icon_page_small.gif') no-repeat 0px 4px; }

/* FOOTER */
#footer { position:relative; margin-top:-70px; height:70px; clear:both; width: 100%; background: url('../images/bg-footer.gif') top repeat-x; }

#footer_content { width:960px; margin:0 auto; color:#FFF; }
#footer_content #footer_contact { color:#FFF; margin:10px 0 0 25px; float:left; display:inline; }
#footer_content #footer_contact a { color:#FFF; text-decoration:underline; }

#footer_content #footer_disclaimer { float:right; margin:10px 7px 0 0; display:inline; }
#footer_content #footer_disclaimer a { color:#FFF; }

/*-------- ZOEK RESULTAAT --------*/
.xsearchKeyword, .xsearchHighlightedKeyword { font-weight: bold; color: #756B46; background-color:#eee; font-style:italic; }
#xsearchResultMessage { float:left; margin: 5px 0 5px 25px; clear: both; }

.xsearchSearchboxContainer { padding: 0 0 0 25px; overflow: auto;}
div.xsearchSearchboxContainer .searchBox { width: 200px; height: 16px; border:1px solid #9f9162; padding: 2px 1px 2px 5px; margin: 0px 3px 0px 0px; float: left;}

div.xsearchSearchboxContainer .searchButton,
div.xsearchSearchboxContainer .searchButtonHigh { 
	background: url('../images/search.gif') no-repeat center center; 
	width: 20px; height: 20px; 
	margin: 0px; padding: 3px; 
	border: 0px; cursor: pointer; float: left;
}

.xsearchPageTitle { font: bold 12px verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; }
.xsearchResultsContainer { margin: 20px 0; padding: 20px; }
.xsearchResult { width: 550px; padding:20px 5px; border-top: 1px solid #e4e4e4; line-height: 18px; }
.xsearchResult a { color:#786D49; }   
.xsearchNavbarContainer { margin-bottom: 0px; clear: both; padding: 0 0 0 25px; }
.xsearchModifiedDate { color: #999; }
.xsearchUrlDate { font: normal 10px verdana, arial, helvetica, sans-serif; color: #777; }
.xsearchUrlDate a { color: #999; }

/*---------- NAVBAR / PAGE NAVIGATION -------------*/
.navbar { height: 30px; padding-top: 10px; }
.navbarActivePageNumber { font-weight: bold; border-left: 1px solid #DADADA; padding: 0px 3px 0px 5px; }
.navbarPageNumber { border-left: 1px solid #DADADA; padding: 0px 3px 0px 5px; }
.navbarPreviousNextArrow { padding: 0px 5px; }
.navbarDots { display: inline; border-left: 1px solid #DADADA; padding: 0px 3px 0px 5px; }
/* CLEAR FIX*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/*-------- Formbuilder form -----------*/
.xsformbuilder_table td:first-child { width: 25%; }
.xsformbuilder_simple_textbox { width: 260px; border: 1px solid #a5acb2; padding:3px; margin:0px; font: normal 11px Arial, Helvetica, sans-serif; }
.xsformbuilder_large_textbox { width: 260px; border: 1px solid #a5acb2; padding:3px; margin:0px; font: normal 11px Arial, Helvetica, sans-serif; }
.xsformbuilder_small_textbox { width: 260px; border: 1px solid #a5acb2; padding:3px; margin:0px; font: normal 11px Arial, Helvetica, sans-serif; display:none; }
.xsformbuilder_calendarbox { background: #FFF url('../images/form_icon_calendar.gif') no-repeat top right; cursor:pointer; cursor:hand; }
.xsformbuilder_calendarbox:hover { background: #e8f5fb url('../images/form_icon_calendar.gif') no-repeat top right; cursor:pointer; cursor:hand; }

/*-------- MAIL A FRIEND & PRINT PAGE -----------*/
.mailafriend { margin:5px 0 0 25px; }
#mailafriend_form .textField { margin:2px; padding:2px; border:1px solid #9F9162; }
#mailafriend_form .button { margin:10px 0 0; }
#mailafriend_response_div { padding:5px 0 0 25px; }

#printpage { padding:25px; }
#printpage-buttons { float:right; }
#printpage-buttons .print { height:20px; width:20px; margin:0 20px 0 0; border:0; background:url(../images/buttons.gif) no-repeat 0px -92px; cursor:pointer; } 
#printpage-buttons .close { height:20px; width:20px; border:0; background:url(../images/buttons.gif) no-repeat -46px -92px; cursor:pointer; }

#service-buttons { float:left; padding:5px 0 0; background: line;}
#service-buttons #mail-a-friend { float:left; margin:0 10px 0 0; }
#service-buttons #mail-a-friend a { display:block; height:20px; width:20px; background:url(../images/buttons.gif) no-repeat -20px -92px; }
#service-buttons #print-button { float:left; margin:0 10px 0 0; }
#service-buttons #print-button a { display:block; height:20px; width:20px; background:url(../images/buttons.gif) no-repeat 0px -92px; }

/*-------------- Photo Gallery -----------------------------*/
input.editPhotoAlbum { border:0px; background: #FFF url('../plugins/content_types/photoalbum/images/bt_edit_photoalbum.gif') no-repeat;
											 width:199px; height:47px; clear:both; margin: 10px 0px; cursor:pointer; cursor:hand;
										 }
.photoalbum { padding: 15px 0 0 25px; }
.photoAlbumContainer { overflow: auto; }
.photoAlbumThumb { float:left; width:136px; height:136px; margin:0px 5px 5px 0px; background-position:center center; background-repeat:no-repeat; overflow:hidden; }
.photoAlbumDescription { padding: 10px 0px; }
.photopopup img { border:1px dotted #cfc6a6; }
#fancybox-title-main { font-weight:normal !important; }

/*-------------- Medewerkers -----------------------------*/

.medewerker .foto { margin:15px 25px; }
.functie { font-size:18px; padding:0 25px; }
.medewerker-overview { float:left; width:100px; height:235px; margin:15px 23px 0 25px; }
.medewerker-overview a { display:block; width:100px; color:#000; }

/*-------------- Button uit Tinymce -----------------------------*/
.Roundbutton, .roundbutton, .Roundbutton p, .roundbutton p { 
	cursor:pointer; 
	cursor:hand; 
	line-height:22px;
	height:22px;
	background:url(../images/button.gif) no-repeat left top; 
	padding-left:20px;
	margin-bottom:5px;
	display:inline-block;
}

.Roundbutton a, .roundbutton a { 
	line-height:22px;
	height:22px;
	background:url(../images/button.gif) no-repeat right top; 
	padding-right:20px; 
	margin-right: -1px;
	display:inline-block;
	text-decoration: none;
	color:#FFF; 
}
.Roundbutton a:hover, .roundbutton a:hover { 
	color:#D0CAB3; 
}
