/************************************************************************************************/ /*Algemeen*/ /************************************************************************************************/ html, body, form { height: 100%;} *{margin:0;padding:0; font-family: Arial, Sans-serif;} body{ font-size: 11px; background: #fafa78 url(/Data/ONT/Layout/Images/Background/full/bg.jpg); background-repeat: repeat; } fieldset{border: none;} a { text-decoration: none; } a img{border:none;} a:hover { text-decoration: underline; } div.clear { clear: both; } select { font-family: Arial; font-size: 11px; } .PopupInfo { position: absolute; display: none; padding: 5px; z-index: 999; border: 1px solid #c7c7c7; background-color: White; max-width: 300px; } .PopupInfo table td { min-width: 90px; } #InfoBlokkenAanUit { display: none; } #IbUitslagen .Team { font-size: 14px; text-align: center; } #Score { text-align: center; background: Black; padding-bottom: 0px; } #Score a { height: auto; } .ellipsis { overflow: hidden; white-space: nowrap; }/* ------------------------------------------------------------------------ This you can edit. ------------------------------------------------------------------------- */ div.light_rounded .pp_top .pp_left { background: url(/Images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.light_rounded .pp_top .pp_middle { background: #fff; } /* Top pattern/color */ div.light_rounded .pp_top .pp_right { background: url(/Images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.light_rounded .pp_content { background-color: #fff; } /* Content background */ div.light_rounded .pp_content a.pp_next:hover { background: url(/Images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.light_rounded .pp_content a.pp_previous:hover { background: url(/Images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.light_rounded .pp_content a.pp_expand { background: url(/Images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.light_rounded .pp_content a.pp_expand:hover { background: url(/Images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.light_rounded .pp_content a.pp_contract { background: url(/Images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.light_rounded .pp_content a.pp_contract:hover { background: url(/Images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.light_rounded .pp_content a.pp_close { width: 75px; height: 22px; background: url(/Images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(/Images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(/Images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_rounded .pp_bottom .pp_left { background: url(/Images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.light_rounded .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */ div.light_rounded .pp_bottom .pp_right { background: url(/Images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ div.light_rounded .pp_loaderIcon { background: url(/Images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Dark Rounded Theme ----------------------------------- */ div.dark_rounded .pp_top .pp_left { background: url(/Images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.dark_rounded .pp_top .pp_middle { background: url(/Images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */ div.dark_rounded .pp_top .pp_right { background: url(/Images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.dark_rounded .pp_content { background: url(/Images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Content background */ div.dark_rounded .pp_content a.pp_next:hover { background: url(/Images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.dark_rounded .pp_content a.pp_previous:hover { background: url(/Images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.dark_rounded .pp_content a.pp_expand { background: url(/Images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.dark_rounded .pp_content a.pp_expand:hover { background: url(/Images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.dark_rounded .pp_content a.pp_contract { background: url(/Images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.dark_rounded .pp_content a.pp_contract:hover { background: url(/Images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.dark_rounded .pp_content a.pp_close { width: 75px; height: 22px; background: url(/Images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.dark_rounded .currentTextHolder { color: #c4c4c4; } div.dark_rounded p.pp_description { color: #fff; } div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(/Images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(/Images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.dark_rounded .pp_bottom .pp_left { background: url(/Images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.dark_rounded .pp_bottom .pp_middle { background: url(/Images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */ div.dark_rounded .pp_bottom .pp_right { background: url(/Images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ div.dark_rounded .pp_loaderIcon { background: url(/Images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Dark Square Theme ----------------------------------- */ div.dark_square .pp_top .pp_left , div.dark_square .pp_top .pp_middle, div.dark_square .pp_top .pp_right, div.dark_square .pp_bottom .pp_left, div.dark_square .pp_bottom .pp_middle, div.dark_square .pp_bottom .pp_right, div.dark_square .pp_content { background: url(/Images/prettyPhoto/dark_square/contentPattern.png) top left repeat; } div.dark_square .currentTextHolder { color: #c4c4c4; } div.dark_square p.pp_description { color: #fff; } div.dark_square .pp_loaderIcon { background: url(/Images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */ div.dark_square .pp_content a.pp_expand { background: url(/Images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.dark_square .pp_content a.pp_expand:hover { background: url(/Images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.dark_square .pp_content a.pp_contract { background: url(/Images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.dark_square .pp_content a.pp_contract:hover { background: url(/Images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.dark_square .pp_content a.pp_close { width: 75px; height: 22px; background: url(/Images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(/Images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(/Images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.dark_square .pp_content a.pp_next:hover { background: url(/Images/prettyPhoto/dark_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.dark_square .pp_content a.pp_previous:hover { background: url(/Images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ /* ---------------------------------- Light Square Theme ----------------------------------- */ div.light_square .pp_top .pp_left , div.light_square .pp_top .pp_middle, div.light_square .pp_top .pp_right, div.light_square .pp_bottom .pp_left, div.light_square .pp_bottom .pp_middle, div.light_square .pp_bottom .pp_right, div.light_square .pp_content { background: #fff; } div.light_square .pp_content a.pp_expand { background: url(/Images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.light_square .pp_content a.pp_expand:hover { background: url(/Images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.light_square .pp_content a.pp_contract { background: url(/Images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.light_square .pp_content a.pp_contract:hover { background: url(/Images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.light_square .pp_content a.pp_close { width: 75px; height: 22px; background: url(/Images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(/Images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(/Images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_square .pp_content a.pp_next:hover { background: url(/Images/prettyPhoto/light_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.light_square .pp_content a.pp_previous:hover { background: url(/Images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ /* ------------------------------------------------------------------------ DO NOT CHANGE ------------------------------------------------------------------------- */ div.pp_pic_holder a:focus { outline:none; } div.pp_overlay { background: #000; position: absolute; top: 0; left: 0; z-index: 9500; width: 100%; } div.pp_pic_holder { position: absolute; z-index: 10000; width: 100px; } div.pp_pic_holder .pp_top { position: relative; height: 20px; } * html div.pp_pic_holder .pp_top { padding: 0 20px; } div.pp_pic_holder .pp_top .pp_left { position: absolute; left: 0; width: 20px; height: 20px; } div.pp_pic_holder .pp_top .pp_middle { position: absolute; left: 20px; right: 20px; height: 20px; } * html div.pp_pic_holder .pp_top .pp_middle { position: static; left: 0; } div.pp_pic_holder .pp_top .pp_right { position: absolute; top: 0; left: auto; right: 0; width: 20px; height: 20px; } div.pp_pic_holder .pp_content { position: relative; text-align: left; width: 100%; height: 40px; } div.pp_pic_holder .pp_content .pp_details { display: none; margin: 10px 15px 2px 20px; } div.pp_pic_holder .pp_content .pp_details p.pp_description { display: none; float: left; margin: 0; } div.pp_pic_holder .pp_content .pp_details .pp_nav { float: left; margin: 3px 0 0 0; } div.pp_pic_holder .pp_content .pp_details .pp_nav p { float: left; margin: 2px 4px; } div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_previous, div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_next { float: left; display: block; width: 14px; height: 15px; overflow: hidden; text-indent: -10000px; margin-top: 3px; } div.pp_pic_holder .pp_content div.pp_hoverContainer { position: absolute; z-index: 2000; top: 0; left: 0; width: 100%; } div.pp_pic_holder .pp_content a.pp_next { display: block; float: right; text-indent: -10000px; width: 49%; height: 100%; background: url(/Images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; } div.pp_pic_holder .pp_content a.pp_previous { display: block; float: left; text-indent: -10000px; width: 49%; height: 100%; background: url(/Images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; } div.pp_pic_holder .pp_content a.pp_expand, div.pp_pic_holder .pp_content a.pp_contract { position: absolute; z-index: 20000; top: 10px; right: 30px; cursor: pointer; display: none; text-indent: -10000px; width: 20px; height: 20px; } div.pp_pic_holder .pp_content a.pp_close { float: right; display: block; text-indent: -10000px; } div.pp_pic_holder .pp_bottom { position: relative; height: 20px; } * html div.pp_pic_holder .pp_bottom { padding: 0 20px; } div.pp_pic_holder .pp_bottom .pp_left { position: absolute; left: 0; width: 20px; height: 20px; } div.pp_pic_holder .pp_bottom .pp_middle { position: absolute; left: 20px; right: 20px; height: 20px; } * html div.pp_pic_holder .pp_bottom .pp_middle { position: static; left: 0; } div.pp_pic_holder .pp_bottom .pp_right { position: absolute; top: 0; left: auto; right: 0; width: 20px; height: 20px; } div.pp_pic_holder .pp_loaderIcon { display: none; position: absolute; top: 50%; left: 50%; margin: -12px 0 0 -12px; width: 24px; height: 24px; } div.pp_pic_holder #pp_full_res { display: block; margin: 0 auto; width: 100%; text-align: center; } div.pp_pic_holder #pp_full_res object, div.pp_pic_holder #pp_full_res embed { visibility: hidden; } div.ppt { display: none; position: absolute; top: 0; left: 0; z-index: 9999; color: #fff; font-size: 17px; } /* ------------------------------------------------------------------------ Miscellaneous ------------------------------------------------------------------------- */ .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 *//************************************************************************************************/ /*container/subcontainer*/ /************************************************************************************************/ #container { width: 980px; margin: 0 auto; background: url(/Data/ONT/Layout/Images/container_background.png) left repeat-y; height: auto !important; height: 100%; min-height: 100%; } #subcontainer { width: 980px; } /************************************************************************************************/ /*left*/ /************************************************************************************************/ #left { width: 175px; float: left; padding-bottom: 100px; } /*logo*/ #left div.logo span { visibility: hidden; } #left div.logo a { width: 175px; height: 150px; position: absolute; z-index: 4; background: transparent url(/Data/ONT/Layout/Images/Logo/full/logo.jpg) no-repeat center; } #left div.logo a:hover { text-decoration: none; } /*menu*/ #left div.menu { cursor:default; } #left div.menu li.subs > a { background: url(/Data/ONT/Layout/Images/menu_arrow.png) no-repeat 160px center; } #left div.menu { position: relative; z-index: 5; padding-bottom: 15px; margin-top: 150px;} #left div.menu ul { width: 175px; list-style-type:none; } #left div.menu li a { color: #faee05; padding: 5px 10px; display: block; width: 155px; float: left; } #left div.menu li a:hover { text-decoration: none; background-color: #a8a8a8; } #left div.menu li:hover > a { text-decoration: none; background-color: #a8a8a8; } #left div.menu li { background-color: #050505; position: relative; width: 175px; float: left; clear: both; } #left div.menu li.odd { background-color: #444444; } #left div.menu a.selected { font-weight:bold; } #left div.menu li.selected li { font-weight:normal; } /*submenu*/ #left div.menu li ul { position: absolute; z-index: 60; display: none; top:0; left: 175px; } #left div.menu li li a:hover { padding-left: 10px; width: 152px; } #left div.menu li li:hover > a { padding-left: 10px; width: 152px; } * html #left div.menu li li a:hover { width: 155px; } /*IE6 fix*/ #left div.menu li li { background-color: #030303; } #left div.menu li li a { border-left: 3px solid #020202; } #left div.menu li li.odd { background-color: #040404; } #left div.menu li li.odd a { border-left-color: #030303; } /*subsubmenu*/ * html #left div.menu li li ul { left: 178px; } #left div.menu li li li { background-color: #444444; } #left div.menu li li li a:hover { border-color: #a8a8a8 !important; } #left div.menu li li li.odd { background-color: #050505; } /************************************************************************************************/ /*main*/ /************************************************************************************************/ #main { width: 475px; float: left; padding-bottom: 20px; } /*header*/ #main div.header { height: 150px; position: relative; background: url(../images/header.png); } #main div.header div.shadow { position: absolute; background-color: black; left: 0; width: 3px; height: 150px; z-index: 2; filter:alpha(opacity=30); opacity:.30;} #main div.footer { height: 20px; margin: 15px; border-top:solid 1px #C0C0C0;} #main div.footer a { color: #888888; text-decoration: none;} #main div.footer #SitemapHL {margin-top: 6px; float:left;} #BreadCrumb { color: #7f6583; padding: 7px 0 18px 0; font-weight: bold; color: Silver; list-style: none; padding: 0; margin: 0; } #BreadCrumb .HuidigItem { background: White url(/Images/BreadCrumbDropDown.gif) right 10px no-repeat; padding: 5px 17px 5px 5px; cursor: default; margin-left: -5px; z-index: 1; } #BreadCrumb .HuidigItem:hover { border-color: Silver; } #BreadCrumb li { float: left; padding: 5px 5px 5px 0; border: solid 1px White; } #BreadCrumb ul { padding: 0; padding-top: 1px; list-style: none; margin: 0; } #BreadCrumb ul li { float: none; padding: 2px 0 0 0; } #BreadCrumb ul a { text-decoration: none; display: block; } #BreadCrumb a { color: Silver ; } #BreadCrumb a:hover { color: Black; } #BreadCrumbHelper { clear: both; padding: 3px; } /************************************************************************************************/ /*right*/ /************************************************************************************************/ #right { width: 175px; float: left; } /*search*/ #right .search { padding: 15px 0; } #right .search fieldset { width: 137px; height: 17px; padding: 3px 0 0 8px; margin: 0 auto; background: #ffdfbf url(/Data/ONT/Layout/Images/search_background.gif) left top no-repeat; } #right .search input.text { border: 0; font-size: 9px; background-color: white; width:115px; margin: 1px 0 0 0; } #right .search input.submit { vertical-align: middle; } /*button*/ #right a.button { display: block; width: 125px; padding-top: 5px; height: 20px; text-align: center; color: white; font-weight: bold; background: url(/Data/ONT/Layout/Images/button.png) no-repeat; margin: 5px auto; } #right a.button:hover { text-decoration: none; } /************************************************************************************************/ /*sortables*/ /************************************************************************************************/ #InfoBalk ul { list-style-type: none; } li.item.sortable { margin-bottom: 25px; list-style: none; width: 175px; } li.item.sortable h2 { color: #f7ff08; background-color: #030303; height: 24px; border-left: 3px solid #030303;} li.item.sortable h2 span { float: left; padding: 5px 0 0 5px; font-size: 11px; cursor: move;} li.item.sortable h2 a { float: right; margin: 4px 5px 0 0; display: inline; } li.item.sortable li { background-color: #42403d; border-left: 3px solid #383634; padding: 4px 0px 4px 5px; border-bottom: 1px solid #3B3937; color: #fff203; clear: both; } li.item.sortable li a { cursor: pointer; color: #fff203; height: 13px; display: block; } li.item.sortable li a span { float: left; overflow: hidden; height: 13px; } li.item.sortable li a b { float: left; width: 25px; color: black; text-align: right; } li.item.sortable li a:hover { text-decoration: none; } li.item.sortable li.hl { background-color: #3B3937; border-left: 3px solid #353331; border-bottom: 1px solid #3B3937; color: #fff203; clear: both; text-align: right; } li.item.sortable .instellingen { background: #42403d; margin-left: 3px; padding: 4px; border-bottom: 1px solid #3B3937; } li.item.sortable .submit { background: Black; border: none; font-family: Arial; font-size: 10px; color: White; padding: 2px; } li.item.sortable .rechts { float: right; margin-right: 10px; } li.item.sortable .links { float: left; } #InfoBlokkenAanUit ul { list-style: none; margin-top: 10px; } #InfoBlokkenAanUit ul li img { float: left; margin: 0 5px 5px 0; } #InfoBlokkenAanUit ul li { clear: both; } #InfoBlokkenAanUit ul li a { text-decoration: none; clear: both; } #IbPoll .Balk { height: 10px; margin: 2px 5px 2px 0; } #rightshadow {position:fixed; margin-left: 825px; width: 3px; height: 100%; background-color:black; filter:alpha(opacity=30); opacity:.30; } /************************************************************************************************/ /*banners*/ /************************************************************************************************/ #banners { width: 130px; float: left; } /*item*/ #banners ul { list-style-type: none; } #banners ul li { margin-top: 25px; } .InfoBalkInstellingen { margin-left: -60px; width: 300px; background: #42403d; } .InfoBalkInstellingen h2 { font-size: 11px; background: #030303; color: #f7ff08; padding: 6px; } .InfoBalkInstellingen input { margin: 4px; } .InfoBalkInstellingen .PopupContent { padding: 3px; } .InfoBalkInstellingen table { background: white; padding: 3px 3px 6px 3px; width: 100%; border-collapse: collapse; } .InfoBalkInstellingen table td { padding: 2px; border-bottom: 1px solid silver; } #InfoBalkUitleg { text-align: center; border: 1px solid Silver; color: Gray; background: white url("/Images/Icons/arrow_down.png") center 40px no-repeat; margin: 0 20px; margin-bottom: 15px; padding: 5px 5px 30px 5px; }/************************************************************************************************/ /*Content*/ /************************************************************************************************/ .content { font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; padding: 20px 15px; word-wrap: break-word; } .content h1 { font-size: 20px; font-weight: normal; color: #001f2e; padding: 5px 0; } .content h2 { font-size: 18px; color: #001f2e; padding: 20px 0 2px 0; } .content h3 { font-size: 14px; font-style: italic; color: #001f2e; padding: 24px 0 4px 0; } .content p { padding: 0; line-height: 16px; } .content p.summarize { font-weight: bold; color: #050505; } .content ul { list-style-position: inside; } .content a { text-decoration: underline; color: #642c6c; } .content a.icon { background-position: 0 0; background-repeat: no-repeat; padding: 1px 0 1px 20px; } .content a.volgende { background-image: url('/Images/Icons/control_end_blue.png'); } .content a.vorige { background-image: url('/Images/Icons/control_start_blue.png'); } .content a.slideshow { background-image: url('/Images/Icons/images.png'); } .content .submit { background: #001f2e; border: none; color: White; padding: 3px; cursor: pointer; font-size: 11px; } .content a.submit { padding: 5px 8px; text-decoration: none; } .content a.submit:hover { text-decoration: none; } .content table { border-collapse: collapse; width: 100%; } .content thead th, .content .Head th { background: Silver; font-size: 14px; } .content thead th a, .content .Head th a { color: Black; } .content th { padding: 5px; background: #ececec; text-align: left; vertical-align: top; font-weight: normal; font-size: 11px; color: Black; border-top: solid 1px silver; border-bottom: solid 1px silver; } .content td { padding: 3px 5px 3px 5px; border-top: solid 1px silver; border-bottom: solid 1px silver; } .content td input, .content td textarea { margin-left: -2px; } .content td.odd { background: #f0f0f0; } .content td.spacer { border: none; height: 20px; } .content select { width: 100%; padding: 2px; border: solid 1px silver; font-family: Arial; font-size: 11px; } .content select option { padding: 1px 1px 1px 5px; } .content input, .content textarea { border: solid 1px silver; padding: 2px; } .content textarea { width: 300px; height: 100px; font-size: 11px; } .content input.Verplicht, .content textarea.Verplicht, .content select.Verplicht { border: 1px solid red; background: #ffefef; } .content hr { height: 0; border: 0; border-top: 1px solid silver; margin: 10px 0; } .content ol { margin: 10px 0; padding: 0; } .content ol li { margin: 3px 0 3px 20px; } .content .melding { margin: 10px 0; padding: 10px; padding-left: 40px; border: 1px solid #a7c1df; background: white url("/Images/Icons/information.png") 10px center no-repeat; } .content div.error ul, .content div.error ul { list-style: none; margin: 10px 0; padding: 10px; border: 1px solid red; background: #fff9f9; } .content div.error ul li, .content div.error ul li { background: transparent url("/Images/Icons/bullet_error.png") 0 0 no-repeat; padding: 1px 0 1px 25px; } .content .contentRss { position: absolute; left: 50%; top: 30px; margin: 130px 0 0 105px; } .content .contentRss a { padding-top: 3px; height: 16px; display: block; text-decoration: none; font-weight: bold; font-size: 8px; color: Black; text-transform: uppercase; background-image: url("/Images/Icons/feed.png"); position:absolute; } .content .contentRss a:hover { background-image: url("/Images/Icons/feed_go.png"); } .content .nav { margin: 15px 0 0 0; height: 27px; } .content .nav a { display: block; background: Silver; width: 20px; height: 17px; padding: 3px 0 0 0; text-align: center; text-decoration: none; color: White; float: left; margin: 0 5px 0 0; border: solid 1px White; } .content .nav a:hover { border: 1px solid Gray; } .content .nav .actief { background: White; border: 1px solid Gray; color: Gray; } .content .nav .next { width: 50px; } .content .Tab { z-index: 0; position: relative; background: #ececec; border: 1px solid Silver; border-bottom: none; padding: 5px; display: block; float: left; margin: 0 0 0 3px; height: 13px; bottom: -3px; } .content .Tab:link { text-decoration: none; } .content .Tab img { float: left; margin: -2px 5px 0 0; } .content .Actief, .content .Tab:hover { background: White; height: 16px; text-decoration: none; bottom: -1px; } .content .Actief img { float: left; margin: 1px 5px 0 0; } .content .TabContent { clear: both; border-top: 1px solid Silver; padding-top: 10px; } .content .RadioBtnList input { border: none; } .content .thumb { background: #ececec url("/Images/Icons/zoom.png") 5px 4px no-repeat; padding: 25px 5px 5px 5px; border: solid 1px #ececec; margin: 10px; } .content .thumb:hover { background-image: url("/Images/Icons/zoom_in.png"); border-color: silver; background-color: White; } .content #Tekstpagina p { margin: 0; padding: 0; }