@import url("navigation.css"); @import url("module-default.css"); /* @import url("style.BAK.css"); */ body, html { margin:0; padding:0; color:#000; font-family: Arial, sans-serif; font-size: 11px; text-align: center; background:#fff; } .mceContentBody { /* TinyMCE Text align fix, because of -style */ text-align: left; } #wrapper { margin:0 auto; width: 960px; text-align: left; } #header { margin: 0; padding: 0; height: 100px; margin: 0 0 0 240px; background: #b70004; } #header #header-left /*, #header #header-left-focus*/ { margin: 0; padding: 0; float: left; height: 100px; } #header #header-left #header-left-image { margin: 0; padding: 0; float: left; width: 240px; height: 100px; } #header #logo { float: left; /* padding-left: 90px; padding-top: 28px; */ padding-left: 0px; padding-top: 5px; } #header #logo a, #header #logo a:hover { color: #fff; font-size: 36px; text-decoration: none; } #header #header-right { margin: 0; padding: 0; float: right; width: 250px; height: 100px; } #header #navHeader { } #menu { margin: 0; padding: 0; clear: both; height: 17px; color: #fff; background: #000; border: 0; } #left { margin: 0; padding: 0; float: left; width: 480px; height: 450px; background: url('../Images/Design/left-afbeelding.jpg') no-repeat left bottom; } /* #content { margin: 0; padding: 10px; float: right; width: 415px; height: 430px; overflow: auto; }*/ #content-total { margin: 0; padding: 0; float: left; background-color: #ffffff; min-height:560px; _height:560px; } #content-total #content-left { margin: -120px 0 0 0; padding: 0px; float: left; width: 240px; border-top: 1px solid #fff; min-height:560px; } #content-total #content-left #left-image { margin: 0px; padding: 0px; float: left; width: 240px; border-top: 1px solid #fff; } #content-total #content-left #left-image img { } #content-total #content-right { margin: 0; padding: 5px 0 0 0; float: right; width: 240px; } #content-total #content-center { margin: 0 0 0 10px; padding: 10px 10px 0 10px; float: left; width: 448px; height: 100%; border: hidden 1px; background-color: #ffffff; } #breadcrumbs { color: #B70004; } #breadcrumbs a, #breadcrumbs a:visited { color: #B70004; text-decoration: none; border: 0; } #breadcrumbs a:hover { border-bottom: 1px solid #B70004; } #footer { clear: both; margin: 0; padding: 5px 0 0 0; text-align: center; font-size: 90%; border-top: 1px solid #999; } #footer a, #footer a:visited { border: 0; } #specialLink a, #specialLink a:visited { color:black; text-decoration: none; } /*.spacerleft { height: 286px; }*/ /* Componenten */ .component { margin: 1em 0 0 0; padding: 2px; border: 1px solid #eee; } .component h4 { margin: 0 0 0.5em 0; padding: 2px; font-size: 12px; color: #fff; } .component h4.blue { background: #B70004; } .component h4.brown { background: #923600; } .component h4.red { background: #e82e01; } .banner { margin: 1em 0 0 0; padding: 0; text-align: center; } /* **Component OUD /begin */ .componentblauw { margin: 0 0 5px 0; padding: 2px; background: #eff8fd; border: 0px solid #eee; } .componentblauw h4 { margin: 0 0 0.5em 0; padding: 2px; font-size: 11px; color: #fff; background: #007385; } .datumrood { margin: 0 0 0.5em 0; padding: 2px; font-size: 10px; color: #b70004; } .nieuwsrood { margin: 0 0 0.5em 0; padding: 2px; font-size: 11px; font-weight: bold; color: #b70004; } .componenttekst { margin: 0 0 0.5em 0; padding: 2px; font-size: 11px; color: #505050; } a.leesverderblauw { margin: 0 0 0.5em 0; padding: 2px; font-size: 10px; font-weight: bold; color: #B70004; text-align: right; text-decoration: underline; } a.leesverderblauw:hover { margin: 0 0 0.5em 0; padding: 2px; font-size: 10px; font-weight: bold; color: #923600; text-align: right; text-decoration: underline; } a.componentlinkrood { padding: 2px; font-size: 10px; font-weight: bold; color: #b70004; text-align: right; text-decoration: underline; } a.componentlinkrood:hover { padding: 2px; font-size: 10px; font-weight: bold; color: #B70004; text-align: right; text-decoration: none; } /* Rode component */ .componentrood { margin: 0 0 5px 0; padding: 2px; background: #f9f5f2; bordeR: 0px solid #eee; } .componentrood h4 { margin: 0 0 0.5em 0; padding: 2px; font-size: 11px; color: #fff; background: #b70004; } .datumblauw { margin: 0 0 0.5em 0; padding: 2px; font-size: 10px; color: #B70004; } .nieuwsblauw { margin: 0 0 0.5em 0; padding: 2px; font-size: 11px; font-weight: bold; color: #B70004; } .componenttekst { margin: 0 0 0.5em 0; padding: 2px; font-size: 11px; color: #505050; } a.leesverderrood { margin: 0 0 0.5em 0; padding: 2px; font-size: 10px; font-weight: bold; color: #923600; text-align: right; text-decoration: underline; } a.leesverderrood:hover { margin: 0 0 0.5em 0; padding: 2px; font-size: 10px; font-weight: bold; color: #B70004; text-align: right; text-decoration: underline; } a.componentlinkblauw { padding: 2px; font-size: 10px; font-weight: bold; color: #B70004; text-align: right; text-decoration: underline; } a.componentlinkblauw:hover { padding: 2px; font-size: 10px; font-weight: bold; color: #923600; text-align: right; text-decoration: none; } /* **Component OUD /end */ /* Headings and text */ h1, h2, h3, h4, h5 { font-familiy: Arial, sans-serif; font-weight: bold; } h1 { margin: 20px 0 5px 0; font-size: 17px; color: #B70004; } h2 { margin: 1em 0 0 0; font-size: 13px; color: #000; } p { margin: 0 0 1em 0; } a, a:visited { color: #007385; text-decoration: none; } a:hover { text-decoration: underline; } /* Other styles */ .align-right { text-align: right; } .align-left { text-align: left; } .align-center { text-align: center; } /* Std styles */ /* TABLES */ table { width: 100%; } thead tr td, th { font-weight: bold; border-bottom: solid 1px #aeaeae; } tbody tr.even { background: none; } tbody tr.odd { background: #f3f3f3; } /* FORMS */ form { margin: 0; padding: 0; } fieldset { padding: 10px; /*width: 940px;*/ margin: 0 0 5px 0; border: solid 1px #aeaeae; } legend { color: #1554a6; } label { font-weight: bold; width: 150px; float: left; padding: 2px 0 0 0; } /* BUTTONS */ .FO_Button { background-color:#FFFFFF !important; border-left:medium none !important; border-top:medium none !important; border-width:medium 1px 1px medium !important; float:right; text-align:right; } button { margin: 0 5px 0 0; padding: 3px 10px 3px 7px; /* IE6 */ font-weight: bold; width: auto; overflow: visible; font-size: 11px; font-family: Verdana, Tahoma, Arial, sans-serif; color: #565656; cursor: pointer; background: #f5f5f5; border: 1px solid #dedede; border-top: 1px solid #eee; border-left: 1px solid #eee; } button.btn-filter, button.btn-filter:hover, button.btn-filter.negative:hover { padding: 1px 10px 1px 7px; /* IE6 */ font-size: 10px; background: #dadaff; border: 1px solid #99f; border-top: 1px solid #ccf; border-left: 1px solid #ccf; } button.btn-filter:hover, button.btn-filter.negative:hover { background: #ccf; } button img { margin: 0 3px -3px 0 !important; padding: 0 !important; border: none !important; } button:hover { background-color: #dff4ff; border: 1px solid #c2e1ef; color: #336699; } button.negative { color: #d12f19; } button.negative:hover { background: #fbe3e4; border: 1px solid #fbc2c4; color: #d12f19; } /* GLOBAL STYLES */ .clear { clear: both; } .error { color: #c00; } .hidden { display: none; } img { margin: 0; padding: 0; border: 0; } /* STARSALE MODULES */ .ST_DateTime { padding: 0; margin: 0; } .ST_DateTime img { padding-left: 2px; margin-bottom: -3px; } .ST_DateTime input, .ST_DateTime input.readonly { width: auto; background: #fff; border: 1px solid #ccc; } #form-login { margin: 0; padding: 0; } #form-login input { margin: 0; padding: 0; } #form-login label { padding: 0; font-weight: normal; display: block; } div.viewObject { width: 100%; } div.viewObject div { float: left; } div.viewObject br { clear: both; } /* viewZone items */ .viewZoneContent { } .viewZoneContent .item { padding: 5px 0px 10px 2px; } /* OTHER STYLES */ .no-margin { margin: 0; } .align-left { text-align: left; } .align-right { text-align: right; } .align-center { text-align: center; } .float-right { float: left; } .float-right { float: right; } address { margin: 0; padding: 0; font-style: normal; } .homepage-items { margin: 0 0 1em 0; padding: 5px 2px 2px 37px; background: url(../Images/Design/homepage-item.gif) no-repeat 8px 15px; } /*XML LOADER*/ .loading { width: 160px; height: 20px; position: absolute; z-index: 9999; left: 50%; margin-left: -80px; font-weight: bold; padding: 15px; text-align: center; top: 200px; border: 1px solid #aeaeae; background: #f3f3f3; } /* Admin specific */ #wrapperAdmin { /*width: 960px;*/ text-align: left; background-image: url(../Images/Design/bg-header-left-milk.jpg); background-repeat:no-repeat } #content-total #admin { margin: 0; padding: 0px; float: left; /*width: 90%; height: 430px;*/ background-color: white; } #content-total #admin fieldset { width: inherit; padding: 10px; margin: 0 0 5px 0; border: solid 1px #aeaeae; } /* compatibility with VWUP */ .borderedcontentfooter { height: 12px; width: 200px; /* padding-bottom */ background-color: orange; } .decorativeimage { text-align: left; /* width: 180px !important; */ min-width: 180px; border: none; float: left; position: relative; padding: 0px !important; } /* start: downloadlijsten */ ul.downloadlist { list-style-type: none; margin: 8px 0; } ul.downloadlist li { margin: 3px 0; line-height: 140%; color: #369; } * html ul.downloadlist li { height: 16px; } ul.downloadlist li.xls, ul.downloadlist li.csv { background: url("../Images/Icons/xls.gif") no-repeat left top; } ul.downloadlist li.pdf { background: url("../Images/Icons/pdf.gif") no-repeat left top; } ul.downloadlist li.doc { background: url("../Images/Icons/doc.gif") no-repeat left top; } ul.downloadlist li.jpg, ul.downloadlist li.jpeg, ul.downloadlist li.gif, ul.downloadlist li.png, ul.downloadlist li.bmp, ul.downloadlist li.ai, ul.downloadlist li.psd { background: url("../Images/Icons/jpg.gif") no-repeat left top; } ul.downloadlist li.mpg, ul.downloadlist li.mpeg, ul.downloadlist li.mov, ul.downloadlist li.avi, ul.downloadlist li.flv, ul.downloadlist li.wmv { background: url("../Images/Icons/mpg.gif") no-repeat left top; } ul.downloadlist li.ppt { background: url("../Images/Icons/ppt.gif") no-repeat left top; } ul.downloadlist li.zip { background: url("../Images/Icons/zip.gif") no-repeat left top; } ul.downloadlist li a { color: #333; } #shortSearch{ border:1px solid #8E918E; padding:1px; font-size:11px; color:#8E918E; width:130px; margin:1px; } #shortSearch:focus{margin:0px;border:2px solid #525452;color:#2D2F2D;} /* JW, added background to menu */ #navBar{ /* background: url('../../../../Static/Sites/S21/Images/Design/midden.gif') no-repeat top left; */ background-color: #b70004; padding:0px; height:20px; margin: 0 0 0 240px; } #content-left{ border-top:0px !important; } #contextnav{ position:absolute; } .STBA_bannerComponent{ border:0px solid black; width:100%; } .STBA_bannerComponent div{ clear:both; } .borderedcontent{ font-size:1.1em; }