/*@import "winter/tpl.css?v=1"; @import "winter/calendar.css"; @import "winter/menu.css"; @import "winter/ecards.css"; @import "winter/news.css";*/ #deelkaarten { border: solid 1px #BBBBBB; } #deelkaarten img { border:0; } #navleft img#youtube_thumb { background-position: left -32; background-repeat: no-repeat; border-top: solid 1px #FFFFFF; margin-top:-5px; } #navleft div#youtube_thumb { background-position: left -32; background-repeat: no-repeat; border-top: solid 1px #FFFFFF; margin-top:-5px; } #navleft span#youtube_thumb { background-position: left -32; background-repeat: no-repeat; border-top: solid 1px #FFFFFF; margin-top:-5px; } #left_download { background-image:url('../components/winter/css_sprite_de.jpg'); display:table; width: 283px; height: 96px; text-decoration: none; } #left_download:hover { background-position: -286px 0; } #left_download_thema { background-image:url('../components/winter/css_sprite_de.jpg'); display:table; background-position: 0 -97px; width: 283px; height: 96px; text-decoration: none; } #left_download_thema:hover { background-position: -286px -97px; } #left_stelsamen { background-image:url('../components/winter/css_sprite_de.jpg'); display:table; background-position: 0 -194px; width: 283px; height: 96px; text-decoration: none; } #left_stelsamen:hover { background-position: -286px -194px; } #left_contact { background-image:url('../components/winter/css_sprite_de.jpg'); display:table; background-position: 0 -291px; width: 283px; height: 96px; text-decoration: none; } #left_contact:hover { background-position: -286px -291px; } /*#youtube_link img { opacity: 0.8; filter:alpha(opacity=80); } a#youtube_link:hover img { opacity: 1; filter:alpha(opacity=100); } #youtube_link { background-color: #94B4CD; display:table; width:283px; height:175px; }*/html,body { margin:0px; padding:0px; text-align: center; background-color: #FFFFFF; margin: 0 20px 0 20px; } BODY, SPAN, DIV, TD, P, A, UL, OL, LI, FONT, INPUT, textarea { font-family: trebuchet MS, arial, verdana; font-size: 13px; } H1,H2,H3,H4,H5,H6 { font-family: trebuchet MS, arial, verdana; /*color: #674898;*/ margin:0; } DIV { -moz-box-sizing: border-box; box-sizing:border-box; margin:0; /*text-align: left;*/ } form{ margin: 0; padding: 0; } #container { width: 953px; margin: 0 auto 0 auto; text-align: left; } #header { width:953px; height: 148px; /*background-image: url('../../components/winter/header.jpg');*/ } #headerflash { width:953px; height: 148px; left:0; /*background-image: url('../../components/winter/header.jpg');*/ } #nav { background-color: #005ba6; height: 40px; color:#FFFFFF; border-top: solid 1px #FFFFFF; } #flags { position: absolute; padding: 12px; } #flags a, #flags a img { text-decoration: none; border: 0; } #menu { position:absolute; margin-left:283px; width: 660px; z-index:500; } #navleft { float:left; width: 283px; } #weblog_home { border-top: solid 1px #FFFFFF; } #contenthome { padding: 15px; float:left; width:345px; } #content { margin: 15px; float:right; width:635px; } #contentforum { width:100%; } #navright { float:right; width: 191px; margin-left:15px; background-color: #94b4cd; } #preload { visibility:hidden; height:0px; width:0px; overflow:auto; } #navleft img { border:0; margin-top: -5px; } #iweblog { width:100%; /*border: solid 1px #FF9900;*/ overflow-x:hidden; } #iforum { width:100%; /*border: solid 1px #FF9900;*/ overflow-x:hidden; } #calendar { padding:5px; width:181px; text-align: center; } #eventsregios { width:181px; } #eventregiossep { font-size: 4px; height: 5px; border-bottom: solid 1px #FFFFFF; margin-bottom: 5px;; } #calendar_prevlink { float:left; width:20px; color:#FFFFFF; font-size: 28px; line-height: 14px; cursor: pointer; } #calendar_monthselect { float:left; width: 140px; text-align: center; } #calendar_nextlink { float:right; width:15px; color:#FFFFFF; text-align: right; font-size: 28px; line-height: 14px; cursor: pointer; } #mapdiv, #tipdiv, #subscribediv, #eventsdiv { position:absolute; width:100%; height:100%; top:0; left:0; text-align:left; z-index:1000; } #events_menu { background-color:#222222; color:#FFFFFF; font-weight:bold; height:18px; padding-left:8px; } .eventstable TD { background-color:#EEEEEE;padding:2px;padding-left:5px;padding-right:5px; } #closemapdiv { position:absolute;right:10px;top:9px; } .opac { position:absolute; width:100%; height:100%; background-color:#FFFFFF; opacity:0.8; filter:alpha(opacity=70); z-index: 1500; } .floatframe { position:absolute; width:100%; height:100%; text-align: center; z-index:4000; } .overlib_size13 { font-family:arial; font-size: 13px; } .regio_color { background-color: #005BA6; color:#FFFFFF; z-index:5000; } .regio_overlib { background-color:#FFFFFF; border: solid 1px #005BA6; z-index:5000; } /* ZOEKoutput ********************************************************************************** */ /* de titel van de gevonden pagina in het overzicht */ .tpl_search_title,.tpl_search_title:link,.tpl_search_title:visited { font-family:trebuchet MS, Arial, Verdana; font-size: 16px; color: #0067B1; text-decoration:none; } .tpl_search_title_div { border-bottom: solid 1px #0067B1; } .tpl_search_pagelink:link,.tpl_search_pagelink:visited { color:#008000; font-size:12px; text-decoration:none; } /* caption determines the style of the month/year banner above the calendar. */ #ajaxloader { background-image: url('../../components/winter/ajax-loader.gif'); background-repeat: no-repeat; background-position: center center; height:32px; width:32px; position: absolute; border: solid 1px #FFFFFF; } /* .calendar determines the overall formatting style of the calendar, acting as the default unless later overruled. */ .calendar { font-family:arial,helvetica; font-size:11px; color: white; width:181px; } /* .calendarlink determines the formatting of those days linked to content. */ .calendarlink { color: white; } /* .header determines the formatting of the weekday headers at the top of the calendar. */ .header { color: #005BA6; } /* .day determines the formatting of each day displayed in the calendar. */ .day { background-color: #005BA6; border-color: #FFFFFF; border-style: solid; border-width: 1px; text-align: center; color:#BBBBBB; } /* .linkedday determines the formatting of a date to which content is available. */ .linkedday { background-color: #005BA6; border-color: #FFFFFF; border-style: solid; border-width: 1px; text-align: center; cursor: pointer; } .menu_div { float:left; } a.menu { color:#FFFFFF; text-decoration: none; display:table; padding-left: 10px; padding-right:10px; padding-top: 10px; padding-bottom: 11px; vertical-align: middle; height:100%; } a.menu:hover { background-color:#00467F; /*text-decoration: underline;*/ } a.menusel { color:#FFFFFF; text-decoration: none; display:table; padding-left: 10px; padding-right:10px; padding-top: 10px; padding-bottom: 11px; vertical-align: middle; font-weight:bold; text-decoration: underline; background-color: #00467F; height:100%; } .subcontainer { width:200px; position:absolute; top:40px; background-color: #005BA6; z-index: 500; } .submenu_div { position:relative; width:100%; height:20px; } a.submenu { display:table; width: 100%; color:#FFFFFF; text-decoration: none; background-color: #005BA6; padding: 2px 0 2px 10px; } a.submenu:hover { background-color:#00467F; /*text-decoration: underline;*/ } a.submenusel { display:table; width: 100%; color:#FFFFFF; text-decoration: underline; font-weight: bold; padding: 2 0 2 0; background-color:#00467F; padding: 2px 0 2px 10px; } a.submenusel:hover { background-color:#00467F; text-decoration: underline; } .subcontainer2 { width:200px; margin-left:200px; position:absolute; background-color: #005BA6; z-index: 500; } body { overflow-y: scroll; } #ec_main { width: 953px; position:absolute; /*background-color: #005BA6; border: solid 5px #005BA6; */ } #ec_menu { width: 923px; /* 20px margin right */ margin-top: 10px; position: absolute; } .ec_tab { float:right; /*border: solid 1px #417EAF;*/ border: solid 1px #FFFFFF; border-left: 0; border-bottom: solid 1px #000000; padding: 4px 8px 4px 8px; background-color: #2F5B7F; /*color:#2379BF;*/ color:#FFFFFF; cursor: pointer; } .ec_tabsel { float:right; border: solid 1px #000000; padding: 4px 8px 4px 8px; background-color: #FFFFFF; border-bottom: solid 1px #FFFFFF; cursor: pointer; } #ec_content { margin-top: 37px; border: solid 1px #000000; background-color: #FFFFFF; /*border-top: 0; padding: 15px;*/ } #ec_innercontent { margin: 15px; } .ec_clear { clear:both; } /* lijst met categorieen */ #ec_catlist { float:left; width: 200px; border-right: dotted 1px #BBBBBB; } .ec_catlink { font-weight: bold; display:table; width:100%; text-decoration: none;; color: #005BA6; } .ec_catlink:hover { background-color: #005BA6; color: #FFFFFF; } .ec_catlink_sel { font-weight: bold; display:table; width:100%; text-decoration: none; background-color: #94B4CD; color: #FFFFFF; } .ec_catlink_sel:hover { background-color: #005BA6; color: #FFFFFF; } /* RECHTERKANT */ #ec_right { float:right; width: 700px; } .ec_tabcontent { margin-left: 10px; } /* THUMB-LIST */ #ec_thumblist { /*float:left;*/ width: 700px; overflow: auto; height: 105px; white-space: nowrap; } .thumbspacer { width:80px; } .ec_thumbdiv { height: 80px; width: 80px; /*float:left; */ border:solid 1px #BBBBBB; /*margin: 1px; */ background-position: 50% 50%; background-size: 100px 100px; cursor:pointer; } /* GESELECTEERDE AFBEELDING */ #ec_selected_image_div { clear:both; border: solid 1px #005BA6; text-align: center; margin-top: 15px; padding: 10px; min-height: 400px; *height:400px; } #ec_selected_img { margin: 0 auto 0 auto; } /* INVOER BERICHT */ .ec_msg { width: 100%; height: 350px; border: dotted 1px #005BA6; } /* GEADRESSEERDE */ .ec_input { width: 300px; border: dotted 1px #BBBBBB; padding: 2px; margin-bottom: 2px; } /*PREVIEW */ #ec_preview_div { text-align: center; padding: 10px; width: 100%; background-color: #DDDDDD; /*border: solid 10px #005BA6;*/ } .ec_text_flip { width: 122px; height: 152px; position:absolute; background-image: url('../../../../../components/modules/ecards/lees_tekst_pageflip.png'); *background-image: url('../../../../../components/spacer.gif'); /* Mozilla doesn't support crazy MS image filters, so it will ignore the following */ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='http://89.234.9.62/components/modules/ecards/lees_tekst_pageflip.png', sizingMethod='scale'); background-repeat: no-repeat; background-position: bottom right; right: 16px; bottom: 16px; cursor:pointer; } .ec_card_flip { width: 122px; height: 152px; position:absolute; background-image: url('../../../../../components/modules/ecards/bekijk_kaart_pageflip.png'); *background-image: url('../../../../../components/spacer.gif'); /* Mozilla doesn't support crazy MS image filters, so it will ignore the following */ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='http://89.234.9.62/components/modules/ecards/bekijk_kaart_pageflip.png', sizingMethod='scale'); background-repeat: no-repeat; background-position: bottom right; right: 16px; bottom: 16px; cursor:pointer; } #ec_preview_img_div { text-align: center; padding: 10px; width: 100%; } #ec_preview_img { margin: 0 auto 0 auto; } #ec_preview_msg_div { min-height: 300px; *height: 300px; padding: 10px; font-size: 12px; text-align: left; } /*Complete newsitem (titel + event. verkorte inhoud) */ .tpl_newsitem { padding: 5px; border-bottom: dotted 1px #BBBBBB; } .tpl_newsitem_hover { padding: 5px; border-bottom: dotted 1px #BBBBBB; background-color: #94B4CD; } /*titels van newsitem*/ .tpl_newstitle { font-family:trebuchet ms, trebuchet ms, arial, verdana, verdana; font-size:14px; font-weight:bold; text-decoration:none; color: #000000; /*#EC7404;*/ display:table; width:100%; } /*titels van newsitem op homepag bij mouseover*/ .tpl_newstitle:hover,.tpl_newstitle_hover { /*text-decoration:underline;*/ } /*weergave verkorte inhoud newsitem op homepage*/ .tpl_newscontent { font-family:trebuchet ms, arial, verdana; font-size:12px; font-weight:normal; text-decoration:none; color:#000000; } /*weergave verkorte inhoud newsitem op homepage bij mousover*/ .tpl_newscontent:hover { font-family:trebuchet ms, arial, verdana; font-size:12px; font-weight:normal; text-decoration:none; } /* NIEUWSMARQUEE*/ #newsmarquee { overflow:hidden; height:23px; /* height of width moet worden gezet omdat IE het anders weer niet snapt */ width: 335px; } #newsmarqueecontent { position:relative; display:inline; white-space:nowrap; } .marqueelink,.marqueelink:link,.marqueelink:visited { font-family:verdana; font-size: 10px; font-weight:bold; color: #2F8C6F; text-decoration:none; } .marqueelink:hover { text-decoration:underline; color: #0063B4; } #ns_container { background-color: #BED700; color: #FFFFFF; width:470px; height: 55px; } #ns_prev { float:left; width:30px; font-size: 40px; text-align: right; cursor: pointer; line-height: 20px; padding-top:10px; } #ns { color: #FFFFFF; float:left; width:410px; padding-top:15px; padding-bottom:10px; *padding-bottom:0; text-align: center; cursor: pointer; } #ns_txt { font-size: 15px; font-weight: bold; text-align: center; } #ns_next { color: #FFFFFF; float:left; width:30px; font-size: 40px; cursor: pointer; line-height: 20px; padding-top:10px; } .close_icon{ background-image: url('../components/css-components-sprite.jpg'); background-position: 0 -84px; width: 15px; height:15px; vertical-align: middle; } .print_icon{ background-image: url('../components/css-components-sprite.jpg'); background-position: -22px -2px; width: 30px; height:30px; vertical-align: middle; } .info_icon{ background-image: url('../components/css-components-sprite.jpg'); background-position: -1px -100px; width: 12px; height:12px; vertical-align: middle; } .formfield { display:none; } /*############################ CUSTOM CSS #############################*/ .superkop{ font-family: Trebuchet MS, Arial, Verdana; font-size: 18px; color: #55861D; font-style: normal; font-weight: bold; text-decoration: none; font-variant: normal; text-transform: none; } .plattetekst{ font-family: Trebuchet MS, Arial, Verdana; font-size: 13px; color: #545454; font-style: normal; font-weight: normal; text-decoration: none; font-variant: normal; text-transform: none; } .subkop{ font-family: Trebuchet MS, Arial, Verdana; font-size: 13px; color: #545454; font-style: normal; font-weight: bold; text-decoration: none; font-variant: normal; text-transform: none; } .weblog_home_title{ font-family: Trebuchet MS, Arial, Verdana; font-size: 13px; color: #FFFFFF; font-style: normal; font-weight: bold; text-decoration: none; font-variant: normal; text-transform: none; padding-right: 5px; padding-bottom: 5px; padding-left: 10px; } .weblog_home_content{ font-family: Trebuchet MS, Arial, Verdana; font-size: 13px; color: #FFFFFF; font-style: normal; font-weight: normal; text-decoration: none; font-variant: normal; text-transform: none; background-color: #A2D34D; padding-right: 5px; padding-bottom: 5px; padding-left: 10px; } .linkblauw{ font-family: Trebuchet MS, Arial, Verdana; font-size: 13px; color: #55861D; font-style: normal; font-weight: normal; text-decoration: none; font-variant: normal; text-transform: none; } .linkblauw:hover{ font-family: Trebuchet MS, Arial, Verdana; font-size: 13px; font-style: normal; font-weight: normal; text-decoration: underline; font-variant: normal; text-transform: none; } .tabelcel{ font-family: Trebuchet MS, Arial, Verdana; font-size: 11px; font-style: normal; font-weight: normal; text-decoration: none; font-variant: normal; text-transform: none; background-color: #E0E0E0; border-top-style: solid; border-top-color: FFFFFF; border-top-width: 1px; border-right-style: solid; border-right-color: B8B8B8; border-right-width: 1px; border-bottom-style: solid; border-bottom-color: B8B8B8; border-bottom-width: 1px; border-left-style: solid; border-left-color: FFFFFF; border-left-width: 1px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; } .tabelkop{ font-family: Trebuchet MS, Arial, Verdana; font-size: 12px; color: #FFFFFF; font-style: normal; font-weight: bold; text-decoration: none; font-variant: normal; text-transform: none; background-color: #55861D; border-top-style: solid; border-top-color: FFFFFF; border-top-width: 1px; border-right-style: solid; border-right-color: 919191; border-right-width: 1px; border-bottom-style: solid; border-bottom-color: 919191; border-bottom-width: 1px; border-left-style: solid; border-left-color: FFFFFF; border-left-width: 1px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; } .arrangementen{ font-family: Trebuchet MS, Arial, Verdana; font-size: 13px; color: #636363; font-style: normal; font-weight: normal; text-decoration: none; font-variant: normal; text-transform: none; border-bottom-style: solid; border-bottom-color: 9E9E9E; border-bottom-width: 1px; padding-top: 10px; padding-bottom: 10px; } .tabelcel a{ font-family: Trebuchet MS, Arial, Verdana; font-size: 13px; color: #005BA6; font-style: normal; font-weight: normal; text-decoration: none; font-variant: normal; text-transform: none; } .tabelcel a:hover{ font-family: Trebuchet MS, Arial, Verdana; font-size: 13px; color: #005BA6; font-style: italic; font-weight: normal; text-decoration: underline; font-variant: normal; text-transform: none; } .arrangementen2{ font-family: Trebuchet MS, Arial, Verdana; font-size: 13px; color: #636363; font-style: normal; font-weight: normal; text-decoration: none; font-variant: normal; text-transform: none; background-color: #E6E6E6; border-bottom-style: solid; border-bottom-color: 9E9E9E; border-bottom-width: 1px; padding-top: 10px; padding-bottom: 10px; } .themakaarten_img{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; text-decoration: none; font-variant: normal; text-transform: none; border-top-style: solid; border-top-color: bbbbbb; border-top-width: 1px; border-right-style: solid; border-right-color: BBBBBB; border-right-width: 1px; border-bottom-style: solid; border-bottom-color: BBBBBB; border-bottom-width: 1px; border-left-style: solid; border-left-color: BBBBBB; border-left-width: 1px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; } .themakaarten_txt{ font-family: Trebuchet MS, Arial, Verdana; font-size: 12px; color: #474747; font-style: normal; font-weight: normal; text-decoration: none; font-variant: normal; text-transform: none; background-color: #EEEEEE; border-right-style: solid; border-right-color: BBBBBB; border-right-width: 1px; border-bottom-style: solid; border-bottom-color: BBBBBB; border-bottom-width: 1px; border-left-style: solid; border-left-color: BBBBBB; border-left-width: 1px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; }