@font-face { font-family: 'AntiqueOliveStdCompact'; src: url('../fonts/anocom.eot'); src: local('Antique Olive Std Compact'), local('AntiqueOliveStd-Compact'), url('../fonts/anocom.woff') format('woff'), url('../fonts/anocom.ttf') format('truetype'), url('../fonts/anocom.svg#AntiqueOliveStd-Compact') format('svg'); } /* http://meyerweb.com/eric/tools/css/reset/ */ /* v1.0 | 20080212 */ html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd,fieldset, form, label, legend,caption { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: top; background: transparent;}table, td, tr, thead, tbody{vertical-align: top;}body { line-height: 1;}blockquote, q { quotes: none;}blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none;}/* remember to define focus styles! */:focus { outline: 0;}/* remember to highlight inserts somehow! */ins { text-decoration: none;}del { text-decoration: line-through;}/* tables still need 'cellspacing="0"' in the markup */table { border-collapse: collapse; border-spacing: 0;} div#fancy_overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #666; display: none; z-index: 30;} * html div#fancy_overlay { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');} div#fancy_wrap { text-align: left;}div#fancy_loading { position: absolute; height: 40px; width: 40px; cursor: pointer; display: none; overflow: hidden; background: transparent; z-index: 100;} div#fancy_loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background: transparent url('../images/fancy_progress.png') no-repeat;} div#fancy_loading_overlay { position: absolute; background-color: #FFF; z-index: 30;} div#fancy_loading_icon { position: absolute; background: url('../images/fancy_loading.gif') no-repeat; z-index: 35; width: 16px; height: 16px;} div#fancy_outer { position: absolute; top: 0; left: 0; z-index: 90; padding: 18px 18px 33px 18px; margin: 0; overflow: hidden; background: transparent; display: none;} div#fancy_inner { position: relative; width:100%; height:100%; border: 1px solid #BBB; background: #FFF;} div#fancy_content { margin: 0; z-index: 100; position: absolute;} div#fancy_div { background: #000; color: #FFF; height: 100%; width: 100%; z-index: 100;} img#fancy_img { position: absolute; top: 0; left: 0; border:0; padding: 0; margin: 0; z-index: 100;width: 100%;height: 100%;} div#fancy_close { position: absolute; top: -12px; right: -15px; height: 30px; width: 30px; background: url('../images/fancy_closebox.png') top left no-repeat; cursor: pointer; z-index: 181; display: none;} #fancy_frame { position: relative; width: 100%; height: 100%; display: none;} #fancy_ajax { width: 100%; height: 100%; overflow: auto;} a#fancy_left, a#fancy_right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer;z-index: 111; display: none; background-image: url(data:image/gif;base64,AAAA); outline: none;} a#fancy_left { left: 0px;} a#fancy_right { right: 0px;} span.fancy_ico {position: absolute;top: 50%;margin-top: -15px;width: 30px;height: 30px;z-index: 112;cursor: pointer;display: block;} span#fancy_left_ico {left: -9999px; background: transparent url('../images/fancy_left.png') no-repeat;} span#fancy_right_ico {right: -9999px;background: transparent url('../images/fancy_right.png') no-repeat;} a#fancy_left:hover { visibility: visible;} a#fancy_right:hover { visibility: visible;} a#fancy_left:hover span {left: 20px;} a#fancy_right:hover span {right: 20px;} .fancy_bigIframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: transparent;} div#fancy_bg {position: absolute;top: 0; left: 0;width: 100%; height: 100%;z-index: 70;border: 0;padding: 0;margin: 0;} div.fancy_bg {position: absolute;display: block;z-index: 70;border: 0;padding: 0;margin: 0;} div.fancy_bg_n {top: -18px; width: 100%;height: 18px;background: transparent url('../images/fancy_shadow_n.png') repeat-x;} div.fancy_bg_ne {top: -18px;right: -13px;width: 13px;height: 18px;background: transparent url('../images/fancy_shadow_ne.png') no-repeat;} div.fancy_bg_e {right: -13px;height: 100%;width: 13px;background: transparent url('../images/fancy_shadow_e.png') repeat-y;} div.fancy_bg_se {bottom: -18px; right: -13px;width: 13px;height: 18px;background: transparent url('../images/fancy_shadow_se.png') no-repeat;} div.fancy_bg_s {bottom: -18px;width: 100%;height: 18px;background: transparent url('../images/fancy_shadow_s.png') repeat-x;} div.fancy_bg_sw {bottom: -18px;left: -13px;width: 13px;height: 18px;background: transparent url('../images/fancy_shadow_sw.png') no-repeat;} div.fancy_bg_w {left: -13px;height: 100%;width: 13px;background: transparent url('../images/fancy_shadow_w.png') repeat-y;} div.fancy_bg_nw {top: -18px;left: -13px;width: 13px;height: 18px;background: transparent url('../images/fancy_shadow_nw.png') no-repeat;} div#fancy_title {position: absolute;bottom: -33px;left: 0;width: 100%;z-index: 100;display: none;} div#fancy_title div {color: #FFF;font: bold 12px Arial;padding-bottom: 3px;} div#fancy_title table { margin: 0 auto;} div#fancy_title table td {padding: 0;vertical-align: middle;} td#fancy_title_left {height: 32px;width: 15px;background: transparent url(fancy_title_left.png) repeat-x;} td#fancy_title_main {height: 32px;background: transparent url(fancy_title_main.png) repeat-x;} td#fancy_title_right {height: 32px;width: 15px;background: transparent url(fancy_title_right.png) repeat-x;} *{padding:0; margin:0} #TB_window{ font:12px Arial,Helvetica,sans-serif; color:#333} #TB_secondLine{ font:10px Arial,Helvetica,sans-serif; color:#666} #TB_window a:link{color:#666} #TB_window a:visited{color:#666} #TB_window a:hover{color:#000} #TB_window a:active{color:#666} #TB_window a:focus{color:#666} #TB_overlay{ position:fixed; z-index:100; top:0px; left:0px; height:100%; width:100%} .TB_overlayMacFFBGHack{background:url(macFFBgHack.png) repeat} .TB_overlayBG{ background-color:#666; filter:alpha(opacity=75); -moz-opacity:0.75; opacity:0.75} * html #TB_overlay{ position:absolute; height:expression(document.body.scrollHeight >document.body.offsetHeight ? document.body.scrollHeight:document.body.offsetHeight+'px')} #TB_window{ position:fixed; z-index:102; color:#000; display:none; text-align:left; top:50%; left:50%; padding: 0px; } * html #TB_window{position:absolute; margin-top:expression(0 - parseInt(this.offsetHeight / 2)+(TBWindowMargin = document.documentElement &&document.documentElement.scrollTop || document.body.scrollTop)+'px')} #TB_window img#TB_Image{ display:block; margin:15px 0 0 15px;} #TB_caption{ height:25px; padding:7px 30px 10px 25px; float:left} #TB_closeWindow{ height:25px; padding:11px 25px 10px 0; float:right} #TB_closeAjaxWindow{ padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right} #TB_ajaxWindowTitle{ float:left; padding:7px 0 5px 10px; margin-bottom:1px} #TB_title{ background-color:#e8e8e8; height:27px} #TB_ajaxContent{ clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em} #TB_ajaxContent.TB_modal{ padding:0px} #TB_ajaxContent p{ padding:5px 0px 5px 0px} #TB_load{ position:fixed; display:none; height:13px; width:208px; z-index:103; top:50%; left:50%; margin:-6px 0 0 -104px} * html #TB_load{position:absolute; margin-top:expression(0 - parseInt(this.offsetHeight / 2)+(TBWindowMargin = document.documentElement &&document.documentElement.scrollTop || document.body.scrollTop)+'px')} #TB_HideSelect{ z-index:99; position:fixed; top:0; left:0; border:none; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; height:100%; width:100%} * html #TB_HideSelect{ position:absolute; height:expression(document.body.scrollHeight >document.body.offsetHeight ? document.body.scrollHeight:document.body.offsetHeight+'px')} #TB_iframeContent{ clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px} /********************************************** STANDAARD ELEMENTEN **********************************************/ html {} body {color: #575757; font-size: 11px; line-height:18px; font-family: Arial;} img {border:0px;} p {margin:10px 0px 0px 10px;} ul {margin: 10px 0px 10px 10px;} ol {font-size: 11px;} table {font-size: 11px;} img {border:0px; padding:0px;} .clearfix {clear:both; height:0px; line-height:0px; font-size:0px;} span {line-height:normal} input.search {margin-left: 10px;height: 14px; padding: 3px; background: #ffffff; color: #4f4f4f; border: none; float: left; width: 160px;} textarea {padding: 10px;} .newsfoto {float: left; margin: 10px 15px 5px 0px;} .newsfoto2 {float: left; margin: 0px 5px 5px 0px;} .newsfoto3 {float: right; margin: 0px 0px 5px 5px;} h1.title {font-size: 14px; line-height: 33px; text-indent: 10px; height: 33px; background: #588cc4; color: #ffffff; text-transform: uppercase; margin: 0px;} h1.maintitle {font-size: 14px; line-height: 33px; text-indent: 10px; height: 33px; background: #d4e9d3; color: #6d977b; text-transform: uppercase; margin: 0px; margin: 0px 0px 0px 0px;} h1.maintitle span {color: #424841;} h1.crosstitle {font-size: 11px; line-height: 27px; text-indent: 10px; height: 27px; background: #d4e9d3; color: #525a52; text-transform: uppercase; margin: 0px; margin: 9px 0px 11px 0px;} h5.fout {font-size: 11px; line-height: 19px; text-indent: 10px; height: 19px; background: #d4e9d3; color: #6d977b; text-transform: uppercase;} /********************************************** LINKS **********************************************/ a:visited, a:active, a:link {outline: none; color:#d12514; text-decoration:none;font-weight: bold;} a:hover {text-decoration:underline;} a.hoofdmenu {text-decoration: none; font-family: Arial; font-weight: bold; font-size: 16px; float: left; display: block; padding: 0px 8px; height: 22px; line-height: 22px; text-transform: uppercase; color: #000000; border-left: 1px solid #df4426;} a.hoofdmenu:hover, a.mainActive {color: #df4426;} a.hoofdmenu:first-child {border-left: none;} #mainmenulist {position: absolute; right: 0px; bottom: 7px; width: 722px; list-style: none; padding: 0px; margin: 0px; } #mainmenulist li {height: 22px; float: left; margin: 0px; list-style: none; line-height: 22px;} #mainmenulist li:first-child {border-left: none;} a.shopnav {position: relative; z-index: 2; font-size: 12px; font-weight: bold; text-decoration: none; color: #404040; line-height: 28px; text-indent: 20px; height: 26px; display: block; border-bottom: 1px solid #c2c2c2;} a.shopnav:hover, a.shopActive {color: #cb5842; background: url(../images/star.gif) no-repeat 1px 8px;} /********************************************** MAIN DIVS **********************************************/ #main {width: 1000px; height: auto !important; min-height: 100%; height: 100%; margin: 0px auto; padding: 4px 0px 0px 0px} #logo {position: absolute; left: -10px; top: 10px; z-index: 1;} #mijnoetzeuke {position: absolute; right: 10px; top: 10px; z-index: 1;} #socialmedia {position: absolute; right: 215px; top: 11px; z-index: 2;} #socialmedia img {border:0px;margin-left:6px} #topth {width: 998px; height: 144px;} #top {width: 998px; height: 144px; background: url(../images/top.gif) no-repeat left top; position: relative; border-bottom: 1px solid #404040;} #topmenu {width: 722px; height: 22px; position: absolute; right: 0px; bottom: 7px; overflow: hidden; z-index: 10;} #mainmenu {width: 662px; height: 59px; position: absolute; bottom: 20px; left: 273px; background: url(../images/bg_menu.gif) no-repeat left top;} #mainmenulist {margin: 0px; padding: 0px;} #mainmenulist li {margin: 0px; padding: 30px 0px 0px 0px; float: left;} #mand {cursor: pointer; position: absolute; right: 0px; top: 0px; width: 222px; height: 59px;} #mand1 {float: left;padding-left: 10px; height: 30px; line-height: 30px; width: 65px;} #mand2 {float: left; padding: 0px; height: 30px; line-height: 30px; width: 147px; font-weight: bold; background: url(../images/arrow.gif) no-repeat 125px center;} #mandT {clear: both; height: 29px; padding: 0px 10px; line-height: 28px;} #mandT a {font-size: 14px; text-transform: uppercase; width: 100%; display: block; color: #265da6; font-weight: bold; background: url(../images/mand.gif) no-repeat right center;} /*font-family: 'AntiqueOliveStdCompact';*/ #container {width: 998px; padding: 0px; margin: 0px; height: 100%; border: 1px solid #404040; border-width: 1px 1px 0px 1px;} #container td.border{width: 1px; background: #404040;} #menu {width: 228px; padding: 29px 10px 250px 10px; vertical-align: top;} #bannerlinks {width: 228px; height: 228px;} /* position: absolute; bottom: 0px;*/ #zoek {padding: 20px 4px;} #zoek input[type='text'] {border: 1px solid #c2c2c2; width: 159px; vertical-align:middle; margin: 0px; height: 19px; padding: 0px; line-height: 19px;} #zoek input[type='submit'] {border: 1px solid #000000; width: 55px; vertical-align:middle; font-size: 11px; height: 21px; color: #ffffff; font-weight: bold; text-transform: uppercase; background: #000000;} #content {width: 522px; padding: 6px; vertical-align: top;} #content h1 {width: 522px; line-height: 35px; text-indent: 18px; height: 35px; background: #df4426; color: #ffffff; font-size: 24px;} #sidebar {width: 194px; padding: 6px 10px; vertical-align: top;} #locatie {width: 193px; background: #ffe40c; padding-top: 5px; margin-top: 15px;} #locatie p {margin: 0px 5px 0px 5px; color: #000000;} #locatie img {margin: 5px 0px 0px 0px;} #spotlight {border: 1px solid #c2c2c2; border-width: 1px 0px 0px 0px; padding: 5px 15px 5px 15px; margin: 10px 0px;} a.prod2 {text-decoration: none;} a.prod2 div.prodimage {position: relative;} a.prod2 img.actie {position: absolute; left: 0px; top: 0px;} a.prod2 div.prodmore {width: 147px; border: 1px solid #b8b8b8; border-width: 0px 0px 1px 0px; margin-bottom: 10px;} a.prod2 div.prodmore h4 {font-size: 12px; color: #d12514;} #aanmelden {border: 1px solid #c2c2c2; border-width: 1px 0px 1px 0px; padding: 5px 0px 10px 0px; margin: 10px 0px;} #aanmelden p {margin: 5px 0px 0px 0px; font-weight: bold; color: #000000; font-size: 12px;} #aanmelden input[type='text'] {width: 180px; height: 19px; line-height: 19px; border: 1px solid #c2c2c2; color: #5e5e5e; margin: 10px 0px;} #aanmelden input[type='submit'] {width: 89px; height: 21px; border: none; padding: 0px; color: #000000; background: url(../images/sub.gif) repeat-x left top; font-weight: bold; margin-left: 30px;} a.prod {text-decoration: none;} div.prodimage {position: relative;} img.actie {position: absolute; left: 0px; top: 0px;} div.prodmore {font-family: Tahoma;} div.prodmore:hover {} a.prod:hover div.prodmore {} div.prodmore h4 {font-size: 12px; color: #d12514;} div.prodmore h5 {margin-top: 10px;font-size: 11px; color: #000000} div.prodmore h5 span {color: #d12514} div.proddetail {width: 153px; border-top: 1px solid #b8b8b8; margin-top: 5px;padding-bottom: 10px; vertical-align: top; text-align: left; background: url(../images/arrow.gif) no-repeat right bottom;} table.formhome {width: 522px; margin: 15px 0px 0px 0px;} table.formhome td.formhome_left {width: 153px; padding: 10px; text-align: center;} table.formhome td.formhome_middle {width: 153px; padding: 10px; border: 1px solid #7f7f7f; border-width: 0px 1px; text-align: center;} table.formhome td.formhome_right {width: 153px; padding: 10px; text-align: center;} table.prodtable {width: 522px; margin: 15px 0px 0px 0px;} table.prodtable td.formhome_left {width: 153px; padding: 10px 10px 0px 10px; text-align: center;} table.prodtable td.formhome_middle {width: 153px; padding: 10px 10px 0px 10px; border: 1px solid #7f7f7f; border-width: 0px 1px; text-align: center;} table.prodtable td.formhome_right {width: 153px; padding: 10px 10px 0px 10px; text-align: center;} table.prodtable th {height: 20px; background: url(../images/grad.gif) repeat-x left 3px;} table.proddetailtable {width: 522px; margin-top: 15px;} table.proddetailtable td.left {width: 245px; text-align: right; padding: 0px 10px 0px 0px;} table.proddetailtable td.right a.nextlink {text-decoration: none; color: #5e5e5e;} table.proddetailtable td.right a.prevlink {text-decoration: none; color: #5e5e5e;} table.proddetailtable td.right a.nextlink img {vertical-align: baseline;} table.proddetailtable td.right a.prevlink img {vertical-align: baseline;} table.proddetailtable td.right {position: relative; color: #5e5e5e; width: 246px; padding: 0px 10px; border-left: 1px solid #7f7f7f; vertical-align: top;} table.proddetailtable td.right h3 {font-size: 14px;} table.proddetailtable td.right p {margin: 5px 0px 0px 0px;} table.proddetailtable td.right h4 {font-size: 16px; color: #000000; margin: 10px 0px; padding: 0px;} table.proddetailtable td.right h4 span {color: #d12514;} table.proddetailtable th {height: 20px; background: url(../images/grad.gif) repeat-x left 3px; position: relative;} #adjecents {width: 246px; text-align: center; height: 20px; line-height: 20px; position: absolute; top: -20px;} a.fancyframe {margin-top: 10px;height: 31px; font-size: 14px; text-indent: 10px; font-weight: bold; line-height: 31px; width: 151px; display: block; color: #ffffff; padding-right: 10px; background: #df4426 url(../images/arrow.gif) no-repeat 140px center} h2.crosstitle {font-size: 14px; color: #000000;} div.prodslide {width: 245px; height: 275px; position: absolute; left: 0px; top: 0px;} div.prodslide a.fancybox {position: absolute; right: 0px; top: 0px;} #prodslideshow {width: 245px; height: 275px; overflow: hidden; position: relative; vertical-align: top;} #prodpager {width: 245px; height: 60px; padding: 10px 0px 0px 0px; line-height: 36px; text-align: left;} #prodpager a {border: 1px solid #bababa; margin-right: 5px; height: 54px; width: 54px; overflow: hidden; display: block; float: left;} #prodpager a:hover {border: 1px solid #000000;} #prodpager a.activeSlide {border: 1px solid #000000;} #prodzoom {display: block; position: absolute; left: 7px; top: 7px; z-index: 1000;} table.crosstable {width: 522px; margin: 20px 0px 0px 0px;} table.crosstable td.formhome_left {width: 153px; padding: 10px 10px 0px 10px; text-align: center;} table.crosstable td.formhome_middle {width: 153px; padding: 10px 10px 0px 10px; border: 1px solid #7f7f7f; border-width: 0px 1px; text-align: center;} table.crosstable td.formhome_right {width: 153px; padding: 10px 10px 0px 10px; text-align: center;} table.winkelwagen {width: 522px; margin: 0px;} table.winkelwagen td.cartdivider div {height: 10px; margin-top: 10px; border-top: 1px solid #a6a6a6;} table.winkelwagen td.cartdivider2 {height: 12px; background: url(../images/grad.gif) repeat-x left top; } table.winkelwagen th {text-align: center;} table.winkelwagen th.login {text-align: left; color: #000000; padding-left: 10px; font-size: 12px;} table.winkelwagen input.aantalinput {width: 20px;} table.winkelwagen td.ww_totaal {text-indent: 200px; font-size: 14px; font-weight: bold; padding: 10px;} table.winkelwagen td.ww_totaal2 {font-size: 14px; padding: 10px;} table.winkelwagen td.ww_totaal span{font-size: 11px; font-weight: normal; vertical-align: baseline;} table.winkelwagen a.cartfoto img {border: 1px solid #000000; float: left; margin:0px 10px 10px 0px;} a.volgendestap {border: 1px solid #df4426; display: block; clear: both;text-align: left; font-size: 14px; height: 29px; padding: 0px 20px 0px 10px; text-decoration:none; line-height: 29px; width: 143px; font-weight: bold; color: #ffffff; background: #df4426 url(../images/arrow.gif) no-repeat 150px center;} input.volgendestap {border: 1px solid #df4426; cursor: pointer; display: block; text-align: left; padding: 0px; margin: 0px; font-size: 14px; height: 29px; padding: 0px 20px 0px 10px; text-decoration:none; line-height: 25px; width: 143px; font-weight: bold; color: #ffffff; background: #df4426 url(../images/arrow.gif) no-repeat 118px center;} table.winkelwagen td.persform_left {vertical-align: top; padding-right: 13px; border-right:1px solid #d8e4f1;} table.winkelwagen td.persform_right {vertical-align: top; padding-left: 13px;} table.winkelwagen td.formheader_left {width: 394px; color: #4c4c4c; border-bottom:1px solid #d8e4f1; font-size: 13px; line-height: 33px; height: 33px; text-transform: uppercase; height: 33px;} table.winkelwagen td.formheader_right {color: #3f69a0; border-bottom:1px solid #d8e4f1; font-size: 13px; text-indent: 10px; line-height: 33px; height: 33px; text-transform: uppercase; height: 33px; margin-bottom: 10px;} table.winkelwagen td.form_left {width: 240px; padding: 10px; border-right:1px solid #a6a6a6; text-align: left;} table.winkelwagen td.form_left2 {width: 241px; padding: 10px; text-align: left;} table.winkelwagen td.form_right {width: 241px; padding: 10px; text-align: left;} table.winkelwagen td.persform_data {vertical-align: middle; width: 100px; padding: 3px 10px;} table.winkelwagen td.persform_data2 {vertical-align: middle; width: 402px;} #winkelwagenoverzicht {background: #df4426;} #aantalartikelen {color: #ffffff; height: 33px; width: 194px; text-indent: 10px; line-height: 33px; border-top: 1px dotted #ffffff;} #totaalbedrag {color: #ffffff; font-weight: bold; height: 36px; width: 194px; text-indent: 10px; line-height: 36px; border-top: 1px dotted #ec9989; background: url(../images/grad2.gif) repeat-x left bottom;} h4.tussenkopje {text-indent: 8px; height: 28px; line-height: 28px; background: #000000; color: #ffffff; font-size: 11px; text-transform: uppercase;} h4.tussenkopje a {vertical-align: middle; background: #df4426; color: #ffffff; text-transform: none; padding: 2px 5px; margin-left: 25px;} h4.tussenkopje a img {vertical-align: middle; } #inlogform1 td.leftinlog {width: 95px; vertical-align: middle; padding: 5px 0px;} #inlogform2 td.leftinlog {width: 95px; vertical-align: middle; padding: 5px 0px;} #inlogform1 input[type="text"],#inlogform1 input[type="password"] {width: 135px;} #inlogform2 input[type="text"] {width: 135px;} div#cartmenu {width: 522px; height: 28px; overflow: hidden; margin: 8px 0px;} div#cartmenu a.cartmenu {width: 130px; height: 28px; color: #ffffff; text-decoration: none; display: block; text-align: center; text-align: center;font-size: 13px; font-weight: bold; float: left; line-height: 28px; background: #000000;} div#cartmenu a.gegevens {background: #575757;} div#cartmenu a.kassa {background: #383838;} div#cartmenu a.cartmenu:hover, div#cartmenu a.cartActive {background: #df4426;} /********************************************** FORM ELEMENTS **********************************************/ input, select{ font-size: 11px; line-height:13px; font-family:Arial;} input, select{ padding:2px;} textarea{line-height:18px;} /********************************************** TBMODULE **********************************************/ .tbmodule{ background-color:#ea0082; color:#FFF; padding:20px; margin:15px 0px 15px 0px; text-align:center; font-weight:bold; border:dotted 1px #000000;} /********************************************** IMAGES VANUIT TOOLBOX **********************************************/ .img_left_border {float:left; margin-right:15px; margin-bottom:5px; width: auto;} .img_left_noborder {float:left; margin-right:15px; margin-bottom:5px; width: auto;} .img_right_border {float:right; margin-left:15px; margin-right:4px; margin-bottom:5px; width: auto;} .img_right_noborder {float:right; margin-right:4px; margin-left:15px; margin-bottom:5px; width: auto;} .img_noalign_noborder {margin:0px; } .img_noalign_border {margin:0px; } .cssbutton {cursor:pointer; border:1px solid #FFF; background-color:#00457c; width: auto; color:#FFF; background-image:url('../images/arrow_rechts.gif'); background-repeat:no-repeat; background-position:100% 50%; text-align:left; text-indent:4px; padding-left:4px; padding-right:20px; padding-top:3px; padding-bottom:3px; font-size: 12px; float:left;} .cssfield {padding:5px; line-height:11px;border:1px solid #4db3d0; font-size:11px;} .boekField {border:1px solid #dedede; padding:2px 0px 2px 4px; height:18px;} .ui-accordion .ui-accordion-header {border-bottom: 1px solid #b9cbe2; cursor: pointer; width: 633px; zoom: 1; } .ui-accordion .ui-accordion-li-fix { display: inline; } .ui-accordion .ui-accordion-header-active {color: #4669a1; background: url(../images/arrblu2.gif) no-repeat 5px center;} .ui-accordion a.ui-state-default {text-decoration: none; font-weight: bold; width: 633px; height: 29px; line-height: 29px; color: #515151; font-size: 11px; text-indent: 20px; display: block; background: url(../images/arrblu.gif) no-repeat 5px center;} .ui-accordion a.ui-state-active, .ui-accordion a:hover {text-decoration: none; font-weight: bold; width: 633px; height: 29px; line-height: 29px; color: #4669a1; font-size: 11px; text-indent: 20px; display: block; background: url(../images/arrblu2.gif) no-repeat 5px center;} .ui-accordion .ui-accordion-content {width: 587px; overflow: auto; background: #e8e9f2; color: #36414f; display: none; padding: 11px 23px;} .ui-accordion .ui-accordion-content-active { display: block; }