/* Stylesheet Website */

* { margin: 0px; padding: 0px; }
body { text-align: center; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 13px; color: #FFF; background: url("../images/bkg_pixel.jpg") top left repeat; }

/* HEADER */
#wrapper_01_header { width: 100%; background: url("../images/bkg_header.jpg") bottom center repeat-x; position: relative; float: left; }
#wrapper_02_header { width: 1000px; margin: 0px auto; position: relative; }
#header { width: 1000px; text-align: left; position: relative; float: left; }
#wrapper_logo { width: 730px; height: 100px; position: relative; float: left; }
#logo { width: 550px; height: 80px; margin-top: 19px; position: relative; float: left; }
a.logo { width: 675px; height: 75px; position: relative; float: left; display: block; }
#header_right { width: 270px; height: 150px; text-align: left; position: relative; float: right; }
#navi { width: 100%; height: 30px; padding-top: 20px; font-family: Arial, sans-serif; font-size: 15px; font-weight: bold; color: #FFF; position: relative; float: left; }
.navi_item { margin-right: 25px; position: relative; float: left; }
.navi_item a:link,
.navi_item a:visited { color: #FFF; text-shadow: 1px 2px 5px #F00; text-decoration: none; }
.navi_item a:hover { color: #D9CBC2; text-shadow: 1px 2px 5px #F00; text-decoration: none; }
.navi_active a:link, .navi_active a:visited,
.navi_active a:hover, .navi_active a:active { color: #D9CBC2; text-shadow: 1px 2px 5px #F00; text-decoration: none; }
#dailybread_title { width: 240px; height: 23px; margin: 10px 0px 2px 0px; padding: 7px 0px 0px 10px; text-transform: uppercase; font-size: 14px; font-weight: bold; color: #FFF; background: url("../images/bkg_dailybread_header.png") top left no-repeat; position: relative; float: right; overflow: hidden; }
#dailybread_title a:link,
#dailybread_title a:visited { color: #FFF; text-decoration: none; }
#dailybread_title a:hover { color: #FFF; text-decoration: none; }
#dailybread { width: 230px; height: 130px; margin: 0px 10px 10px 10px; font-size: 12px; position: relative; float: right; overflow: hidden; }
/* END HEADER */

/* WHITEBAR */
#wrapper_01_whitebar { width: 100%; background: #FFF; position: relative; float: left; }
#wrapper_02_whitebar { width: 1000px; margin: 0px auto; position: relative; }
#whitebar { width: 1000px; min-height: 60px; text-align: left; font-family: Arial, sans-serif; position: relative; float: left; }
.teaser {width: 100%;  margin: 10px 0px; position: relative; float: left; }
.teaser_container { left: 0px; top: 0px; position: absolute; }
.teaser_corner_LT { width: 10px; height: 10px; background: url("../images/bkg_teaser_cover_lt.png") top left no-repeat; position: absolute; top: 10px; left: 0px; z-index: 100; }
.teaser_corner_LB { width: 10px; height: 10px; background: url("../images/bkg_teaser_cover_lb.png") top left no-repeat; position: absolute; bottom: 10px; left: 0px; z-index: 100; }
.teaser_corner_RT { width: 10px; height: 10px; background: url("../images/bkg_teaser_cover_rt.png") top left no-repeat; position: absolute; top: 10px; right: 0px; z-index: 100; }
.teaser_corner_RB { width: 10px; height: 10px; background: url("../images/bkg_teaser_cover_rb.png") top left no-repeat; position: absolute; bottom: 10px; right: 0px; z-index: 100; }
.welcome { width: 230px; height: 210px; margin: 10px 0px; padding: 10px; line-height: 1.35em; color: #8b7256; background: url("../images/bkg_welcome.gif") top left no-repeat; position: relative; float: right; overflow: hidden; }
.welcome h2 { margin-bottom: 7px; font-size: 14px; font-weight: bold; }
.teaser a:link h2,
.teaser a:visited h2 { color: #8B7256 !important; text-decoration: none !important; }
.teaser a:hover h2 {  color: #8B7256 !important; text-decoration: none !important; }

#visuals { width: 1000px !important; height: 320px; overflow: hidden; }
#visuals .teaser_container a,
#visuals .teaser_container a:link,
#visuals .teaser_container a:visited,
#visuals .teaser_container a:hover,
#visuals .teaser_container a:active { width: 730px !important; height: 230px !important; margin: 10px 0 !important; position: relative !important; float: left !important; }

.other_visual{display:none;}
.slide{ width: 1000px; float: left; }
li.slide a img, li.slide a:hover, li.slide a:hover img, li.slide a img:hover { border: 0px !important; }
#visuals ul, #visuals li { margin: 0; padding: 0; list-style: none; position: relative; float: left; display: block; }

#whitebar #subnavi { width: 1000px; margin-top: 22px; font-size: 15px; font-weight: bold; position: relative; float: left; }
#whitebar #subnavi .subnavi_item { margin-right: 25px; position: relative; float: left; }
#whitebar #subnavi .subnavi_item a:link,
#whitebar #subnavi .subnavi_item a:visited { color: #092842; text-decoration: none; }
#whitebar #subnavi .subnavi_item a:hover { color: #06a1c6; text-decoration: none; }
#whitebar #subnavi .subnavi_item_active a:link, #whitebar #subnavi .subnavi_item_active a:visited, 
#whitebar #subnavi .subnavi_item_active a:hover, #whitebar #subnavi .subnavi_item_active a:active { color: #06a1c6; text-decoration: none; }
/* WHITEBAR */

/* CONTENT */
#wrapper_01_content { width: 100%; position: relative; float: left; }
#wrapper_02_content { width: 1000px; margin: 0px auto; position: relative; }
#content { width: 1000px; min-height: 550px; text-align: left; position: relative; float: left; }
#home { width: 1000px; position: relative; float: left; }
#home .column { width: 250px; margin-top: 20px; position: relative; float: left; }
#home .column .header { width: 210px; height: 56px; padding: 3px 10px; line-height: 1.5em; font-family: Arial, sans-serif; font-size: 14px; font-weight: bold; text-shadow: 1px 2px 5px #0095ba; background: url("../images/bkg_home_column_header.png") top right no-repeat; position: relative; float: left; }
#home .column .content { width: 210px; height: 324px; padding: 0px 10px; line-height: 1.7em; background: url("../images/bkg_home_column_content.png") top right repeat-x; position: relative; float: left; overflow: hidden; }
#home .column .btn_read_more { width: 230px; margin-top: 15px; position: relative; float: left; }
#home .column .btn_read_more a:link,
#home .column .btn_read_more a:visited { width: 92px; height: 22px; padding-top: 3px; text-align: center; font-weight: bold; color: #FFF; background: url("../images/btn_read_more.png") top left no-repeat; position: relative; float: right; display: block; border-bottom: none; }
#home .column .btn_read_more a:hover { width: 92px; height: 22px; padding-top: 3px; text-align: center; font-weight: bold; color: #FFF; background: url("../images/btn_read_more_hover.png") top left no-repeat; position: relative; float: right; display: block; border-bottom: none; }
#content #home #twitter { margin-top: 20px; }
#wrapper_twitter_top { width: 250px; background: url("../images/bkg_twitter_top.png") top left no-repeat; position: relative; float: left; }
#wrapper_twitter_bottom { width: 250px; padding-bottom: 10px; background: url("../images/bkg_twitter_bottom.png") bottom left no-repeat; position: relative; float: left; }
#content #twitter { width: 250px; margin: 0px 0px 20px 0px; position: relative; float: left; }
#content #twitter .header { width: 210px; padding: 3px 10px; line-height: 1.5em; font-family: Arial, sans-serif; font-size: 14px; font-weight: bold; text-shadow: 1px 2px 5px #0095ba; position: relative; float: left; }
#praat_mee_invoer { width: 220px; margin: 9px 0px 0px -3px; padding: 5px 10px 0px 15px; font-size: 12px; color: #038aab; background: url("../images/bkg_praat_mee_invoer.png") top left no-repeat; position: relative; float: left;}
.twitter_pop_up { font-family: "Arial", Arial, sans-serif; font-size: 13px; }
.twitter_pop_up #vraag { line-height: 2em; font-size: 15px; font-weight: bold; }
.twitter_pop_up #vraag_antwoord input.text { width: 200px; margin: 0px 3px 0px 75px; padding: 4px 5px; border: 0px; background: url("../images/bkg_textfield_twitter.gif") top left no-repeat; position: relative; float: left; }
.twitter_pop_up #vraag_antwoord input.submit { width: 200px; padding: 3px 5px; position: relative; float: left; border: 0px; text-align: center; color: #0198bd; font-weight: bold; cursor: pointer; }
.twitter_pop_up #vraag_antwoord input.submit:hover { color: #739e4c; }
.twitter_pop_up #opnieuw_vraag_antwoord { padding: 3px; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; background: #F00; position: relative; }
a.close_window:link, a.close_window:visited, a.close_window:hover { color: #FFF !important; font-weight: bold; }
.meepraten_label { position: absolute; }
#meegepraat_text,
#meegepraat_naam { border: none; background: none; }
#meegepraat_naam { width: 180px; }
#meegepraat_text { width: 225px; color: #038AAB !important; font-size: 11px !important; font-family: Arial, sans-serif !important; }
#button_praat_mee_invoer { width: 165px; height: 20px; margin: 8px 0px 0px -15px; padding-left: 15px; font-weight: bold; color: #FFF; background: url("../images/btn_praat_mee_invoer.png") top left no-repeat; position: relative; float: left; border:none; text-align:left; }
.praat_mee_reactie { width: 250px; margin: 17px 0px 0px -3px; color: #038aab; position: relative; float: left; }
.praat_mee_reactie .reactie { width: 220px; padding: 5px 20px 5px 10px; color: #FFF; background: url("../images/bkg_twitter_msg_content.png") top left no-repeat; position: relative; float : left; }
.praat_mee_reactie .afzender { width: 230px; height: 20px; padding: 10px 10px 0px 10px; font-weight: bold; color: #FFF; background: url("../images/bkg_twitter_msg_sender.png") top left no-repeat; position: relative; float : left; }
.column_left #retrieved-data { position: relative; float: left; }
#follow_up .column_left { width: 750px; margin-top: 20px; position: relative; float: left; }
#follow_up .column_left .header { width: 710px; height: 56px; padding: 3px 10px; line-height: 1.5em; font-family: Arial, sans-serif; font-size: 14px; font-weight: bold; text-shadow: 1px 2px 5px #0095ba; background: url("../images/bkg_follow_up_column_header.png") top right no-repeat; position: relative; float: left; }
#follow_up .column_left .header #subtitle { font-size: 12px; font-weight: bold; text-shadow: none; margin-top: -29px; position: relative; float: left; }
#follow_up .column_left .content { width: 710px; min-height: 280px; padding: 0px 10px; line-height: 1.7em; background: url("../images/bkg_follow_up_column_content.png") top right repeat-x; position: relative; float: left; }
#follow_up .column_right { width: 250px; margin-top: 20px; position: relative; float: right; }
#content a:link,
#content a:visited { color: #FFF; text-decoration: none; border-bottom: 1px dotted #FFF; }
#content a:hover { color: #FFF; text-decoration: none; border-bottom: 1px solid #FFF; }
.news_follow_up { width: 100%; margin-top: 25px; position: relative; float: left; }
.news_follow_up_title { width: 710px; height: 56px; padding: 3px 10px; line-height: 1.5em; font-family: Arial, sans-serif; font-size: 14px; font-weight: bold; text-shadow: 1px 2px 5px #0095ba; background: url("../images/bkg_follow_up_column_header.png") top right no-repeat; position: relative; float: left; }
.news_follow_up_items { width: 710px; padding: 0px 10px; line-height: 1.7em; background: url("../images/bkg_follow_up_column_content.png") top right repeat-x; position: relative; float: left; }
#news_follow_up_items { width: 710px; min-height: 100px; padding: 0px 10px; line-height: 1.7em; background: url("../images/bkg_follow_up_column_content.png") top right repeat-x; position: relative; float: left; }
.news_follow_up_item_wrapper { width: 100%; position: relative; float: left; }
.news_follow_up_item_date { width: 105px; font-weight: bold; position: relative; float: left; display: none; }
.news_follow_up_item { position: relative; float: left; }
.news_pager { width: 100%; margin: 15px 10px 30px 10px; position: relative; float: left; }

.pager_first, .pager_previous, .pager_pagenumber, .pager_next, .pager_last{float:left;}

.pager_first a:link, .pager_first a:visited,
.pager_previous a:link, .pager_previous a:visited,
.pager_pagenumber a:link, .pager_pagenumber a:visited,
.pager_next a:link, .pager_next a:visited,
.pager_last a:link, .pager_last a:visited { width: 25px; height: 21px; margin-right: 2px; padding: 4px 0px 0px 0px; background: #E5DBD4; text-align: center; font-weight: bold; color: #3387AE !important; text-decoration: none; border-bottom: 0px !important; position: relative; float: left; display: block; }

#active_page a, #active_page a:link, #active_page a:visited{background: #092842; color:white !important; cursor: default;}

.pager_first a:hover,
.pager_previous a:hover,
.pager_pagenumber a:hover,
.pager_next a:hover,
.pager_last a:hover { width: 25px; height: 21px; margin-right: 2px; padding: 4px 0px 0px 0px; background: #092842; text-align: center; color: #FFF !important; text-decoration: none; border-bottom: 0px !important; position: relative; float: left; display: block; }

.rounded-corners { -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; }
/* END CONTENT */

/* VIDEO */
.video .item { width: 222px; height: 300px; padding: 0px 5px 5px 0px; margin: 0px 7px 10px 0px; background: url("../images/bkg_video_bottom.png") top left no-repeat; position: relative; float: left; overflow: hidden; }
.video .item:hover .title a { color: #06A1C6 !important; }
.video .title { width: 203px; height: 55px; padding: 2px 7px; font-size: 14px; line-height: 1.4em; font-weight: bold; color: #092842; position: relative; float: left; overflow: hidden; }
.video .title a:link,
.video .title a:visited { color: #092842 !important; }
.video .title a:hover { color: #06A1C6 !important; }
.video .thumbnail a,
.video .title a { border-bottom: 0px !important; }
.video .attr { /*width: 100%;*/ font-weight: bold; /*position: relative; float: left;*/ }
.arrow { position: absolute; margin-top: 2px; }
.icon_video { position: absolute; top: -6px; right: 6px; }
#follow_up .column_left .content.video { padding: 15px 0px 0px 20px; }
.wrapper_attr { padding: 12px 0px 0px 7px; line-height: 1.4em; color: #06A1C6 !important; position: relative; float: left; }
/* END VIDEO */

/* DOWNLOADS */
.icon_downloads { position: absolute; top: 2px; right: 4px; }
.content.downloads { padding-top: 5px; }
.downloads ul { margin-left: 7px; list-style: none;}
.downloads ul li { margin: 7px 0px 0px 0px; padding-left: 20px; list-style-type: none; }
.preek{float:left; position:relative; width:100%; }
    .preek_bestanden{float:left; position:relative; width: 90px; height:25px;}
        .preek_bestanden a, .preek_bestanden a:link,.preek_bestanden a:visited .preek_bestanden a:hover, .preek_bestanden a:active{border:none !important;}
        .preek_bestanden img{float:left; position:relative; width: 24px; height:24px; margin-right:6px;}
    .preek_titel/*{float:left; position:relative; width:100%; font-weight:}*/{ float: left; font-size: 15px; font-weight: 700; margin:0; position: relative; width: 587px; }
    .preek_datum { float: left; font-size: 14px; margin-left: 90px; position: relative; width: 100%; }
.preek a{float:left; position:relative;}

/* END DOWNLOADS */

/* FOTO */
.foto .album { /*width: 130px; height: 130px; margin-right: 20px; position: relative; float: left;*/ width: 130px; height: 130px; margin: 10px 10px 50px 0px; background: url("../images/bkg_white_25.png") top left repeat; position: relative; float: left; }
.foto .album_title { font-weight: bold; }
.icon_foto { position: absolute; top: 5px; right: 6px; }
.back { width: 100%; margin-top: 20px; font-weight: bold; position: relative; float: left; }
#gallery .foto { width: 130px; height: 130px; margin: 10px 10px 5px 0px; background: url("../images/bkg_white_25.png") top left repeat; position: relative; float: left; }
.foto .album a { width: 130px; height: 130px; margin-bottom: 7px; position: relative; float: left; display: block; }
.foto .album a,
#gallery .foto a { border-bottom: none !important; }
/* END FOTO */

/* AGENDA */
.icon_agenda { position: absolute; top: 0px; right: 4px; }
.calendar_date p.date_header { width: 710px; margin-bottom: 0px; padding: 3px 10px; line-height: 1.5em; text-shadow: 1px 2px 5px #0095BA; font-family: Arial,sans-serif; font-size: 14px; font-weight: bold; position: relative; float: left; }
.calendar_date .date_body { width: 655px; padding: 0px 10px 0px 40px; line-height: 1.7em; position: relative; float: left; }
/* END AGENDA */

#wrapper_content_and_footer { width: 100%; background: url("../images/bkg_content.jpg") top center repeat-x; position: relative; float: left; }

/* FOOTER */
#wrapper_01_footer { width: 100%; height: 260px; border-top: 5px solid #3387ae; background: #e5dbd4 url("../images/bkg_footer_top.gif") top left repeat-x; position: relative; float: left; }
#wrapper_02_footer { width: 1000px; margin: 0px auto; position: relative; }
#footer { width: 1000px; min-height: 200px; text-align: left; line-height: 1.7em; color: #092842; position: relative; float: left; }
#footer_header { width: 1000px; height: 37px; padding-top: 23px; }
.footer_header_item { width: 230px; padding: 0px 10px; font-size: 14px; font-weight: bold; position: relative; float: left; }
#footer_content { width: 1000px; position: relative; float: left; }
.footer_content_item { width: 230px; padding: 20px 10px 0px 10px; position: relative; float: left; }
.footer_content_item a:link,
.footer_content_item a:visited { color: #092842; text-decoration: none; border-bottom: 1px dotted #092842; }
.footer_content_item a:hover { color: #092842; text-decoration: none; border-bottom: 1px solid #092842; }
#footer_contact { width: 256px; margin-top: 15px; padding-top: 6px; font-size: 14px; font-weight: bold; background: url("../images/bkg_contact_form.gif") top left no-repeat; position: absolute; right: 0px; }
#contactformulier label{position:absolute;} #contactformulier input.error, #contactformulier textarea.error{background:none repeat scroll 0 0 #C2D9C4 !important;}
#contact_form_name { width: 234px; height: 25px; margin: 0px 11px; padding-top: 5px; position: relative; float: left; }
#spam_check{display:none;}
#contact_form_email { width: 234px; height: 25px; margin: 0px 11px; padding-top: 5px; position: relative; float: left; }
#contact_form_remark { width: 234px; height: 70px; margin: 0px 11px; padding-top: 5px; position: relative; float: left; }
#contact_form_send { width: 256px; height: 26px; position: relative; float: left; }
.btn_footer_send { width: 256px; height: 25px; padding-bottom: 1px; text-align: center; font-weight: bold; color: #FFF; background: url("../images/btn_contact_form.gif") top left no-repeat; border: none; position: relative; float: left; cursor: pointer; }
.btn_footer_send:hover { background: url("../images/btn_contact_form_hover.gif") top left no-repeat; }
#footer_contact .textfield,
#footer_contact .textarea { font-family: "Trebuchet MS", Arial, sans-serif; font-size: 13px; color: #092842; border: none; }
#footer_contact .textfield { padding-top: 2px; }
#footer_contact .tf_name { width: 234px; }
#footer_contact .tf_email { width: 234px; }
#footer_contact .ta_remark { width: 234px; height: 60px; }
/* END FOOTER */

/* MISC CSS */
h1 { margin-bottom: 10px; font-size: 11pt; font-weight: bold; }
h2 { margin-bottom: 10px; font-size: 10pt; font-weight: bold; }
h3 { font-size: 9pt; font-weight: bold; }
p { margin-bottom: 12px; }
a:link { color: #00F; text-decoration: none; }
a:visited { color: #F00; text-decoration: none; }
a:hover { color: #F00; text-decoration: none; }
ul { margin-bottom: 12px; }
ul li {	margin-left: 15px; }
.textfield { width: 310px; height: 15px; margin-bottom: 2px; padding: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; border: 1px solid #b9bfc0; background-color: #FFF; }
.textarea { width: 310px; margin-bottom: 2px; padding: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; border: 1px solid #b9bfc0; background-color: #FFF; }
#button { width: 316px; height: 25px; margin-bottom: 2px; padding: 0px 2px 2px 2px; text-align: center; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 15px; color: #FFF; border: none; background-color: #82C4DC; }
#button:hover { cursor: pointer; color: #3894B9; background: #FFF; }
.tf_login {	width: 100px; }
.top_left { margin: 3px 15px 10px 0px; position: relative; float: left; }
.dagelijkswoordtitel { width: 100%; margin: -1px 0px 3px 0px; font-size: 10px; position: relative; float: left; }
.dagelijkswoordtekst { line-height: 1.2em; }
a.qern:link, a.qern:visited, a.qern:hover { margin: 35px 2px 3px 70px; border-bottom: none !important; position: relative; float: left; }
/* END MISC CSS */