/*

	File: screen.css
	Media: screen
	Copyright: (c) 2009 Yoni Smits
	Author: Yoni Smits
	Notes: 


/* Reset Defaults
--------------------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, del, dfn, font, img, ins, kbd, q, s, samp, strike, 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; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline;}
:focus { outline: 0;}
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: "" "";}


/* Basic Selectors
--------------------------------------------------------------------------------------- */

html {height: 100%;}
body { background: #000000 url(../images/bg/bg_body.jpg) top center no-repeat; font: normal 62.5% Arial, Helvetica, Verdana, sans-serif; color: #786d61; height: 100%;}

h1, h2, h4, h5, h6 { font-size:1.4em; font-weight:bold; color: #573401; font-family: Helvetica, Arial, Verdana, sans-serif; }
h3 { font-size:1.2em; font-weight:bold; font-family: Helvetica, Arial, Verdana, sans-serif; letter-spacing: .4em; text-transform: uppercase; color: #a4865b; }
p { font-size:1.2em; line-height:1.4em; margin:12px 0; }
small { font-size:1.1em;}

.align-left { text-align:left; }
.align-center { text-align:center; }
.align-right { text-align:right; }

.float-left { float:left; }
.float-right { float:right; }
.float-none { float:none; }

.clear-left {clear: left;}
.clear-right {clear:right;}
.push {clear:both;}

.hide {display: none;}
.overflow { width: 100%; overflow: hidden; }
p.btn { margin-top: 20px; margin-bottom: 0; }
p.last { margin-bottom: 0; }

.article_thumb { float: left; display: inline; margin: 16px 16px 16px 0; }

.title_full_width_border { width:100%; padding-bottom:12px; border-bottom:6px solid #ccc; }


/* Links
--------------------------------------------------------------------------------------- */

a {font-weight: bold; text-decoration: none;}
a:link { color: #e36f1e;}
a:visited { color: #e36f1e;}
a:hover { color: #e36f1e; text-decoration: underline;}
a:active { color: #e36f1e;}

.footer a:link { color: #c3a15d;}
.footer a:visited { color: #c3a15d;}
.footer a:hover { color: #e36f1e; text-decoration: underline;}
.footer a:active { color: #c3a15d;}

.site_index ul li.title a:link { color: #fff; }
.site_index ul li.title a:visited { color: #fff; }
.site_index ul li.title a:hover { color: #fff; }
.site_index ul li.title a:active { color: #fff; }

a.arrow {background: transparent url(../images/arrows/arrow_blue.gif) 100% 50% no-repeat; padding-right: 14px;}

.btn_more { display:block; width: 43px; height: 19px; text-indent: -9999px; background: transparent url(../images/btn/btn_more.gif) top left no-repeat; }
.btn_more:hover { background-position: top right;}

.btn_more_2 { display:block; width: 43px; height: 19px; text-indent: -9999px; background: transparent url(../images/btn/btn_more_2.gif) top left no-repeat; }
.btn_more_2:hover { background-position: top right;}

.btn_get_involved { display:block; width: 165px; height: 41px; text-indent: -9999px; background: transparent url(../images/btn/btn_get_involved.gif) top left no-repeat; }
.btn_get_involved:hover { background-position: top right;}

.btn_sign_up { display:block; width: 137px; height: 34px; text-indent: -9999px; background: transparent url(../images/btn/btn_sign_up.gif) top left no-repeat; }
.btn_sign_up:hover { background-position: top right;}

.btn_invite { display:block; width: 137px; height: 34px; text-indent: -9999px; background: transparent url(../images/btn/btn_invite.gif) top left no-repeat; }
.btn_invite:hover { background-position: top right;}

/* Main Structural Selectors
--------------------------------------------------------------------------------------- */

.container { width:960px; margin: 0 auto; background: transparent url(../images/bg/bg_container.gif) 0 0 repeat-y; padding: 0 0; }
.header { width:960px; margin: 0 auto; padding: 0 0 32px 0; overflow: hidden; }
.content { width:960px; margin: 0 auto; padding: 0; background: #f4efd8 url(../images/bg/bg_content.gif) 0 0 repeat;}
.main { width:587px; float:left; display:inline; margin: 34px 0 0 34px; }
.sidebar { width:244px; padding:16px 16px 0 16px; float:right; display:inline; margin: 34px 34px 0 0; background: #e2dcbe;}
.sidebar { border-top: 1px solid #d2cbad; border-left: 1px solid #d2cbad; border-right: 4px solid #d2cbad; border-bottom: 4px solid #d2cbad;}
.bg_middle { width:960px; height: 26px; background: transparent url(../images/bg/bg_middle.jpg) 0 0 no-repeat;}
.footer { width: 960px; margin: 0 auto; padding: 32px 0 24px 0; color: #82591d; overflow: hidden; background: transparent url(../images/bg/bg_footer.jpg) 0 0 no-repeat; }


/* Header Layout
--------------------------------------------------------------------------------------- */

.header h1 { float: left; display: inline; margin: 60px 0 0 34px; }
.header h1 a { display: block; width: 411px; height: 24px; text-indent: -9999px; background: transparent url(../images/pixel.gif) top left no-repeat; }

.btn_donate { display:block; width: 154px; height: 37px; text-indent: -9999px; background: transparent url(../images/btn/btn_donate.gif) top left no-repeat; float: right; margin: 35px 44px 0 0; }
.btn_donate:hover { background-position: top right;}

.main_nav { width: 960px; overflow: hidden; }
.main_nav li { float: left; display: inline;}

.main_nav li a { display: block; height: 78px; text-indent: -9999px; background: #ece3c5 url(../images/bg/bg_nav.gif) 0 0 no-repeat; }
#home { width: 139px; background-position: 0 0; }
#home:hover { background-position: 0 -78px; }
#products { width: 170px; background-position: -139px 0; }
#products:hover { background-position: -139px -78px; }
#support { width: 144px; background-position: -309px 0; }
#support:hover { background-position: -309px -78px; }
#about { width: 129px; background-position: -453px 0; }
#about:hover { background-position: -453px -78px; }
#dealers { width: 207px; background-position: -582px 0; }
#dealers:hover { background-position: -582px -78px; }
#contact { width: 171px; background-position: -789px 0; }
#contact:hover { background-position: -789px -78px; }

body.home #home { background-position: 0 -78px;  }
body.over #over { background-position: -139px -78px; }
body.media #media{ background-position: -309px -78px; }
body.leden #leden { background-position: -453px -78px; }
body.geschiedenis #geschiedenis { background-position: -582px -78px; }
body.contact #contact { background-position: -789px -78px; }


/* Homepage Layout
--------------------------------------------------------------------------------------- */

.welcome { width:884px; height:323px; padding: 0 42px 0 34px; background: transparent url(../images/bg/bg_welcome.gif) top left no-repeat; overflow: hidden;}
.welcome h3 { margin-top: 48px;}
.welcome p { font-size: 2.4em; color: #573401; line-height: 1.2em; margin: 22px 0; }
.welcome p.btn { margin: 28px 0; }
.rotator { width: 540px; height: 244px; float: right; display: inline; overflow: hidden; margin: 39px 0 0 28px; }

.homepage_content { width: 926px; padding: 16px 34px 6px 0; overflow: hidden; background: #efe8c9 url(../images/bg/bg_homepage_content.gif) top left repeat-y;  }
.left_homepage_content { width: 672px; float: left; display: inline; overflow: hidden; margin-top: 6px;  }
.right_homepage_content { width: 220px; float: right; display: inline; overflow: hidden;  }

.left_homepage_content h3 { float: left; display: inline; margin: 4px 0 12px 0;}
.left_homepage_content a.btn_more { float: right; display: inline; }

.listing_module { width: 302px; margin-left: 34px; float: left; display: inline; }
.listing { border-bottom: 1px solid #d8d0ae; overflow: hidden; padding: 10px 0; width: 100%; }

.left_panel_listing { width: 16%; float: left; display: inline; }
.date { background: #5e5a55 url(../images/bg/bg_calendar.gif) bottom left repeat-x; text-align: center; padding: 8px 0 3px 0; }
.date h5 { font-size: 1.1em; text-transform: uppercase; color: #ffffff; letter-spacing: .1em; width: 100% }
.date h4 { font-size: 2em; letter-spacing: .1em; color: #ffffff; }

.right_panel_listing { width: 79%; float: right; display: inline; overflow: hidden; }
.right_panel_listing h4 { color: #de8638; margin-top: 6px;}
.right_panel_listing p { margin: 2px 0 0 0; font-size: 1.1em;}

.right_homepage_content { background: #e2dab7; padding: 10px 0 10px 10px; width: 210px; }
.photo_gallery { overflow: hidden; width: 100%; margin: 0 0 23px 0; }
.photo_gallery img { float: left; display: inline; margin: 7px 7px 0 0; }
.photo_gallery a img { border: 4px solid #ffffff; }
.photo_gallery a:hover img { border: 4px solid #e36f1e; }
.right_homepage_content a.btn_more { float: right; display: inline; margin-right: 10px; }
.right_homepage_content small { color: #786d61; padding-top: 2px;}


/* Main Layout
--------------------------------------------------------------------------------------- */

.main h4, .full h4 { font-size: 1.6em; margin: 20px 0; }
.staff_title { font-size: .75em; font-weight: normal; margin-left: 8px; }
.staff_title img { vertical-align: bottom; margin:0 0 2px 6px; }

.thumbnail {
background:#fafbfc;
border:1px solid #b0b0b0;
margin:20px 0 15px 0px;
padding:5px;
}

.rotator { margin-bottom: 8px; }

.module { padding: 16px; background: #ffffff; border: 1px solid #dddddd; }
.home_top_row { margin-bottom: 8px; }
.home_top_row .module { width: 292px; float: left; display: inline; height: 216px; }
.home_top_row .module.last { margin-left: 8px;}

.h3_title { margin-bottom: 10px; }
.blog_list { width: 100%; border-bottom: 1px solid #e8e8e8; padding: 8px 0; overflow: hidden; }
.blog_list .date { width: 16%; float: left; display: inline; }
.blog_list .listing { width: 80%; float: right; display: inline; }
.blog_list h4 { font-size: 1.2em; margin: 0; }

.top_ten { width: 626px; }
.top_ten_left { width: 47%; float: left; display: inline; }
.top_ten_right { width: 47%; float: right; display: inline; }

.top_ten_row { margin-top:12px; }
.top_ten h6 { float: left; display: inline; width: 15%; font-size:3.6em; text-align: center; margin-top: 2px; color: #42b5e8; }
.top_ten_result { float: right; display: inline; width: 82%; }
.top_ten_result p { margin: 0; }

.case_studies_box { width: 100%; background: #555555; padding: 24px 0 8px 0; }
.case_studies_box h3{ width: 572px; margin: 0 0 16px 24px; color: #ffffff;}
.case_study { width: 174px; float: left; margin-left: 24px; display: inline; }
.case_study img { border: 3px solid #7b7b7b; margin-bottom: 16px; }
.case_study h4 { font-size: 1.4em; color: #42b5e8; margin: 0; }
.case_study p { color: #ffffff;}

.page_header h2 { font-size: 3em; font-weight: normal; color: #5d7c79; }

.main_content p.crumbs { margin: 0 0 16px 0; font-size: 1.1em; }

.main_content { width:522px; padding: 24px 30px; background: #ffffff; }
.main_content { border-top: 1px solid #e6e2c8; border-left: 1px solid #e6e2c8; border-right: 4px solid #e6e2c8; border-bottom: 4px solid #e6e2c8;}
.main_content p { line-height: 1.6em; margin: 18px 0;}
.main_content ul, .main_content dl, .main_content ol, .full ul { margin: 16px 0; }
.main_content ul li, .main_content dl dd, .full ul li { list-style: disc; display: list-item; margin-left: 32px; padding-left: 4px; font-size: 1.2em; line-height: 1.3em; margin-bottom: 6px; }
.main_content ol li { display: list-item; margin-left: 32px; padding-left: 4px; font-size: 1.2em; line-height: 1.3em; margin-bottom: 6px; }

.left_panel { width: 48%; float: left; display: inline; }
.right_panel { width: 48%; float: right; display: inline; }
.row { margin-bottom: 24px; }
.bottom_row { padding-top: 24px; border-top: 8px solid #e8e8e8; }

.main_image { float: left; display: inline; margin: 24px 28px 24px 0; }
.main_image_small { float: left; display: inline; margin: 0 28px 24px 0; }

.staff_box { margin-top: 24px; }
.staff { width:33%; float: left; display: inline; text-align: center; height: 230px; }
.staff h3 { font-size: 1.2em; margin: 8px 0 2px 0; letter-spacing: normal; text-transform: none; }
.staff_info { width: 200px; float: left; display: inline; }
.staff_content { width: 57%; float: right; display: inline; }
.staff_content h4 { font-size: 1.6em; margin: 0 0 2px 0; }
.staff_content p:first-child { margin-top:0; }

.geschiedenis_list { width: 100%; border-bottom: 1px solid #e8e8e8; padding: 14px 0; overflow: hidden; }
.geschiedenis_list .news_date { width: 25%; float: left; display: inline; }
.geschiedenis_list .listing { width: 70%; float: right; display: inline; border-bottom: 0; margin: 0; padding: 0; }
.geschiedenis_list h4 { font-size: 1.4em; margin: 0; }
.geschiedenis_list h5 { font-size: 1.4em; margin: 0; }
.geschiedenis_list .listing h4 { margin: 0 0 0 0; }

.news_list { width: 100%; border-bottom: 1px solid #e8e8e8; padding: 14px 0; overflow: hidden; }
.news_list .news_date { width: 10%; float: left; display: inline; }
.news_list .listing { width: 80%; float: right; display: inline; border-bottom: 0; margin: 0; padding: 0; }
.news_list h4 { font-size: 1.4em; margin: 0; }
.news_list h5 { font-size: 1.4em; margin: 0; }
.news_list .listing h4 { margin: 0 0 0 0; }

.full { width:807px; padding: 40px; background: #ffffff; border: 1px solid #dddddd; margin: 34px 0 0 34px; float: left; display: inline; }
.full h4 { color: #e36f1e; }

.site_map_list { width: 16%; float: left; display: inline; }
.full .site_map_list li { font-size: 1.1em; margin-left: 12px; padding-left: 0;}
.full .site_map_list li.site_map_title { margin: 0 0 8px 0; padding: 0; list-style: none; font-size: 1.4em;}

.big_text { background: #d6ebc4 url(../images/icons/icon_confirmation.gif) 16px 50% no-repeat; padding: 8px 15%; width: 70%; text-align: center; margin: 24px 0; }
.big_text p { font-size: 1.6em; color: #2c8603; margin: 0; line-height: 1.3em; }
.confirmation_content h4 { margin: 30px 0 24px 0; }

/* Events & Calendar
______________________________________________________________________________________ */

.event_row { width: 100%; }
.event_row h3 { margin-bottom: 20px; }
.event_listing { border-bottom: 4px solid #f5ede2; overflow: hidden; padding-bottom: 12px; margin-bottom: 12px; width: 100%; }
.left_panel_event_listing { width: 8%; float: left; display: inline; }
.left_panel_event_listing h5 { font-size: 3.6em; font-weight: normal; }
.right_panel_event_listing { width: 89%; float: right; display: inline; overflow: hidden; }
.right_panel_event_listing h4 { margin: 0;}
.right_panel_event_listing p { margin: 2px 0 0 0;}

.featured_event_listing { border-bottom: 4px solid #f5ede2; overflow: hidden; padding-bottom: 12px; margin-bottom: 12px; }
.left_panel_fevent_listing { width: 28%; float: left; display: inline;}
.left_panel_fevent_listing h5 { font-size: 3.6em; font-weight: normal; }
.right_panel_fevent_listing { width: 69%; float: right; display: inline; overflow: hidden;  }
.right_panel_fevent_listing h4 { margin: 0;}
.right_panel_fevent_listing p { margin: 2px 0 0 0;}

img.featured_event_thumb { width: 154px; height: 60px; }
img.featured_event_image { width: 610px; height: 240px; margin-bottom: 24px; }

.event_title { width: 100%; overflow: hidden; }
.back { font-size: .65em; float: right; display: inline;}

.table_events { width: 100%; border-collapse: collapse; font-size: 1.2em;}
.table_events td { padding: 10px 0; border-bottom: 1px solid #f5ede2; }
.table_events td.titles { background: #5e6874; color: #ffffff; font-weight: bold;}
.table_events td p  { margin: 0; padding: 0; font-size: 1em; }

#calendar_box { width:100%; margin-bottom: 16px; }
#calendar_box ul#calendar_months { width:244px;height: 46px; background:#d2cbad; text-align: center; overflow: hidden; }
#calendar_box ul#calendar_months li { float:left; display: inline;}
#calendar_box ul#calendar_months li#previous_month a { display:block; width:30px; height:46px; text-indent:-9999px; background: transparent url(../images/btn/btn_calendar_prev_month.gif) top left no-repeat; }
#calendar_box ul#calendar_months li#previous_month a:hover { background-position: bottom left; }
#calendar_box ul#calendar_months li#current_month { width:184px; color:#573401; font-size: 1.6em; line-height:46px; }
#calendar_box ul#calendar_months li#next_month a { display:block; width:30px; height:46px; text-indent:-9999px; background: transparent url(../images/btn/btn_calendar_next_month.gif) top left no-repeat; }
#calendar_box ul#calendar_months li#next_month a:hover { background-position: bottom left; }

#calendar_box ul#calendar_dates { width:242px; padding:0 0 0 0;margin: 0 auto; border:1px solid #d2cbad; border-top: none;background: #ece8d1; text-align: center; overflow: hidden;}
#calendar_box ul#calendar_dates li { float:left; display:inline; width:33px; height:33px; border-right:1px solid #d2cbad; border-bottom:1px solid #d2cbad; font-size: 1.2em;}
#calendar_box ul#calendar_dates li.last_column { border-right:0; border-bottom:1px solid #d2cbad; width:38px;}
#calendar_box ul#calendar_dates li.last_row { border-bottom:0;}
#calendar_box ul#calendar_dates li.last_row_column { border:0;}
#calendar_box ul#calendar_dates li.days { display:block; line-height:33px; font-weight: bold; background: #ffffff; color: #bb8c47;}

#calendar_box ul#calendar_dates li a { display:block; line-height:33px; color:#bb8c47; text-decoration: none;}
#calendar_box ul#calendar_dates li a:hover { background:#bb8c47; color:#ffffff; text-decoration: underline;}
#calendar_box ul#calendar_dates li a.current_date { background:#bb8c47; color:#ffffff;}

/* Sidebar Layout
--------------------------------------------------------------------------------------- */

.sidebar h3 { padding-bottom:8px; margin: 0; border-bottom: 2px solid #e8e8e8; }
.side_nav { margin-bottom: 16px; background: #a4865b; width: 212px; padding: 6px 16px 6px 16px;}
.side_nav li { font-size: 1.6em; background: transparent url(../images/arrows/arrow_white.gif) 0 50% no-repeat; border-bottom: 1px solid #b5986f;   }
.side_nav li a:link, .side_nav li a:visited, .side_nav li a:hover, .side_nav li a:active { display: block; width: 93%; padding: 6px 0 6px 7%; color: #ffffff; }
.side_nav li.last { border: none; }

.sidebar ul.checklist { margin: 24px 0; }
.sidebar ul.checklist li { padding-left: 28px; background: transparent url(../images/icons/icon_check_small.gif) 0 50% no-repeat; font-size: 1.4em; color: #555555; margin-bottom: 6px; font-weight: bold; }

.side_box { margin-bottom: 16px; background: #ffffff; width: 212px; padding: 16px 16px 6px 16px; }


/* Footer Layout
--------------------------------------------------------------------------------------- */

.bottom_content { width: 926px; padding: 16px 24px 6px 10px; overflow: hidden; background: #573401 url(../images/bg/bg_brown.gif) top left repeat-y; color: #a4865b; }
.left_bottom_content { width: 672px; float: left; display: inline; overflow: hidden; margin-top: 6px;  }
.right_bottom_content { width: 220px; float: right; display: inline; overflow: hidden; background: #4a2c01; height: 188px; padding: 10px; margin-top: 6px; }

.left_bottom_content h3 { float: left; display: inline; margin: 4px 0 20px 0;}
.left_bottom_content a.btn_more_2 { float: right; display: inline; }

.bottom_module { width: 302px; margin-left: 14px; float: left; display: inline; padding: 10px; background: #4a2c01; height: 188px; }
.stay_up_to_date { clear: both; }
.stay_up_to_date img { float: left; display: inline; margin-top: 3px; }
.sutd_content { float: right; display: inline;  width: 71%; }
.sutd_content p { margin: 0 0 15px 0; }

.networks { margin-top: 8px; }
.networks li { float: left; display: inline; margin-right: 28px; padding-left: 24px; font-size: 1.2em; }
.networks li.facebook { background: transparent url(../images/icons/icon_facebook.gif) 0 50% no-repeat;}
.networks li.myspace { background: transparent url(../images/icons/icon_myspace.gif) 0 50% no-repeat;}
.networks li.flickr { background: transparent url(../images/icons/icon_flickr.gif) 0 50% no-repeat;}
.networks li a { color: #e2dab7 }

.right_bottom_content h3 { margin: 4px 0 20px 0; }
.emails { margin-top: 20px; }
.emails li { font-size: 1.2em; padding-left: 24px; background: transparent url(../images/icons/icon_email.gif) 0 50% no-repeat; margin-bottom: 8px; }

.listing { border-bottom: 1px solid #d8d0ae; overflow: hidden; padding: 10px 0; }

.left_panel_listing { width: 16%; float: left; display: inline; }
.date { background: #5e5a55 url(../images/bg/bg_calendar.gif) bottom left repeat-x; text-align: center; padding: 8px 0 3px 0; }
.date h5 { font-size: 1.1em; text-transform: uppercase; color: #ffffff; letter-spacing: .1em; width: 100% }
.date h4 { font-size: 2em; letter-spacing: .1em; color: #ffffff; }

.right_panel_listing { width: 79%; float: right; display: inline; overflow: hidden; }
.right_panel_listing h4 { color: #de8638; margin-top: 6px;}
.right_panel_listing p { margin: 2px 0 0 0; font-size: 1.1em;}

.right_homepage_content { background: #e2dab7; padding: 10px 0 10px 10px; width: 210px; }
.photo_gallery { overflow: hidden; width: 100%; margin: 0 0 23px 0; }
.photo_gallery img { float: left; display: inline; margin: 0 7px 0 0; }
.photo_gallery a img { border: 4px solid #ffffff; }
.photo_gallery a:hover img { border: 4px solid #e36f1e; }
.right_homepage_content a.btn_more { float: right; display: inline; margin-right: 10px; }
.right_homepage_content small { color: #786d61; padding-top: 2px;}

.footer h2 { float: right; display: inline; margin-top: 2px; }
.footer h2 a { display: block; width: 130px; height: 11px; text-indent: -9999px; outline: none; background: transparent url(../images/church_media_group.gif) left top no-repeat; }
.footer h2 a:hover { background-position: right top; }
.footer img { float: left; display: inline; margin-top: 6px; }
.copyright { width: 89%; float: right; display: inline; margin-top: 15px; }
.copyright p { font-size: 1.1em; margin: 0 0 4px 0; }
.copyright p.last { margin-bottom: 0; }