/* --------------------------------------------------------------------------- */ /* Default stylesheet */ /* --------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------- */ /* HTML selectors */ html { height: 100%; margin: 0; padding: 0;} body { height: 100%; margin: 0; padding: 0; font: normal normal 1em/1em arial, sans-serif; background: #CDE3EC url(../gfx/bodybg.jpg) no-repeat 0 284px; } p { margin: 0px; padding: 0px; } img { border: 0; } /* this is a general rule for the entire site */ .clr { clear: both; line-height: 0px; height: 0px; } /* END: HTML selectors */ /* --------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------- */ /* Clear Float */ /* These rules can be added to existing rules or you can add 'clearfix' as a mulitple classname */ .clearfix:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } .clearfix { display: inline-table; } /* Hides from IE-mac \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */ /* END: Clear Float */ /* --------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------- */ /* Basic page containers */ #placeHolder { height: 100%; width: 990px;} #header { margin: 0; padding: 0; background-color: #000; } #siteContainer { padding: 0 0 20px 0;} #printHdr { display: none; } #content { padding: 0; width: 520px; float: left; border-bottom: 1px solid #7F9DB3; padding: 0px 0px 10px 0px;} #homePage #content { width: 350px; margin: 0px 0px 0px 20px; padding-top: 40px;} #virtualTourPage #content { padding-top: 42px; width: 280px;} .deKerk #content { width: 320px; } .newsDetail #content { width: 660px; margin: 0 0 0 70px; background-position: 246px 0px; } html>body.newsDetail #content { margin: 0 0 0 140px; } #sidebar { width: 190px; padding: 40px 0 10px 0; margin: 0 20px 0 34px; float: left; } html>body #sidebar { margin-left: 72px; } #homePage #sidebar { width: 170px; padding: 43px 0 0 0; margin: 0 0px 0 10px; } html>body#homePage #sidebar { margin-left: 20px; } #deKerkNav { width: 270px; float: right; margin: 40px 20px 0 0;} #banners { padding: 35px 20px 0 0; float: right; } #banners a { margin: 0 0 20px 0; display: block; } /* END: Basic page containers */ /* --------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------- */ /* header */ #header h1 { display: none; } #header #siteSwitch { height: 49px; background: #D9541E url(../gfx/siteSwitchLeft.gif) no-repeat 0px 0px; } #header #siteSwitch .ssLeft { display: block; position: absolute; width: 300px; height: 30px; left: 75px; top: 10px; } #header #siteSwitch .ssRight { display: block; position: absolute; width: 175px; height: 30px; left: 600px; top: 10px; } .centrum #header #siteSwitch .ssLeft { background: transparent url(../gfx/ssLeft.gif) no-repeat 0px 0px; display: block; position: absolute; width: 330px; height: 30px; left: 75px; top: 10px; } .centrum #header #siteSwitch .ssRight { background: transparent url(../gfx/ssRight.gif) no-repeat 0px 0px; display: block; position: absolute; width: 175px; height: 30px; left: 570px; top: 10px; } .centrum #header #siteSwitch .ssRight:hover { background-position: 0px -31px; } .universe #header #siteSwitch .ssLeft { background: transparent url(../gfx/ssLeft_mo.gif) no-repeat 0px 0px; display: block; position: absolute; width: 330px; height: 30px; left: 75px; top: 10px; } .universe #header #siteSwitch .ssLeft:hover { background: transparent url(../gfx/ssLeft.gif) no-repeat 0px 0px; display: block; position: absolute; width: 330px; height: 30px; left: 75px; top: 10px; } .universe #header #siteSwitch .ssRight { background: transparent url(../gfx/ssRight.gif) no-repeat 0px 0px; display: block; position: absolute; width: 175px; height: 30px; left: 570px; top: 10px; } #header #menuBar { height: 30px; padding: 0 0 0 80px; } #header #menuBar a { margin: 10px 20px 0 0; height: 10px; float: left; overflow: hidden; display: block; } .centrum #header #menuBar .menu1:hover, .centrum #header #menuBar .menu2:hover, .centrum #header #menuBar .menu3:hover, .centrum #header #menuBar .menu4:hover, .centrum #header #menuBar .menu5:hover, .centrum #header #menuBar .menu6:hover, .centrum #header #menuBar .menu7:hover, .centrum #header #menuBar .menu8:hover { background-position: 0px -10px; } #header #menuBar form#search {margin: 0px; padding: 0px; } #header #menuBar form#search fieldset {margin: 0px; padding: 0px;} #header #menuBar #search input.searchField { float: right; border: 0; width: 85px; height: 15px; font-size: 0.7em; margin: 7px 10px 0 0; padding: 0 2px 0 3px; background-color: #fff; } #header #menuBar #search .searchBtn_nl, #header #menuBar #search .searchBtn_en { margin: 11px 15px 0 0; float: right; width: 27px; height: 10px; padding: 0; } html>body #header #menuBar #search .searchBtn_nl, html>body #header #menuBar #search .searchBtn_en { margin-right: 20px; } #header #flashHeader { height: 180px; } #header #metaBar { height: 25px; padding: 0 20px 0 80px; line-height: 25px; font-size: 10px; color: #fff; text-align: right; } #header #metaBar a { color: #fff; text-decoration: none; } #header #metaBar a:hover { color: #efb42e; } #header #metaBar .lang { float: left; } #header #metaBar .lang, #header #metaBar .lang a { color: #efb42e; text-transform: uppercase; } #header #metaBar .lang a:hover { color: #fff; } #header #metaBar .lang a.active { background: #000 url(../gfx/langArrow.gif) no-repeat 3px 15px; padding: 0 0 6px 0; } /* END: vertical menu */ /* --------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------- */ /* vertical menu */ #sidebar { } #sidebar h4 { margin: 0 0 5px 12px; font-size: 0.75em; text-transform: uppercase; padding: 0 0 0 0px; color: #295472;} #sidebar .extraInfo {font-size: 0.8em; line-height: 1.2em; font-weight: bold; padding-bottom: 15px;} #homePage #sidebar h4 { margin-left: 0px;} #searchMini { background: #bfdbe7; font-size: 0.9em; } #searchMini form { margin: 0; padding: 10px; } #searchMini .searchFieldMini { width: 121px; height: 15px; margin: 3px 0 0 0; padding: 0 3px 0 3px; background: #fff; float: left; } #searchMini .searchBtn_nl, #searchMini .searchBtn_en { width: 43px; height: 15px; margin: 3px 0 0 0; float: right; padding: 0; } #sideMenuList { margin: 0; line-height: 11px; padding: 0; width: 185px; font-size: 0.75em;} #sideMenuList li { margin: 7px 0 8px 0; padding: 0 0 0 12px; list-style: none; } #sideMenuList ul { margin: 0; padding: 0; } #sideMenuList li.current { font-weight: bold; background: none; } #sideMenuList ul li.current { color: #000; font-weight: normal; background: url(../gfx/sideMenuBullit.gif) no-repeat 0px 2px; } #sideMenuList .menuItem { font-weight: bold; } #sideMenuList .menuItem a { color: #295472; font-size: 1.0em; text-decoration: none; } #sideMenuList .menuItem a:hover { color: #000; } #sideMenuList .current ul li a, #sideMenuList .menuItem.open ul li a { color: #295472; font-size: 1.0em; font-weight: normal; } /* END: vertical menu */ /* --------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------- */ /* vertical agenda */ #sideListAgenda { margin: 0 0 10px 0; line-height: 15px; padding: 0; font-size: 0.75em;} #sideListAgenda li { margin: 0 0 3px 0; list-style: none; } #sideListAgenda a { color: #295472; margin: 0; } #sideListAgenda .agendaItem { display: block; width: 170px; list-style: none; } #sideListAgenda .agendaItem a { width: 130px; display: block; float: right; } #sideListAgenda .agendaItem a:hover { color: #000; } #sideListAgenda .agendaItem strong { color: #000; font-size: 0.9em; float: left; display: block; width: 40px; } /* END: vertical agenda */ /* --------------------------------------------------------------------------- */ /* calendar */ -------------------------------------------------------------------------------------------------------- */ .calendarContainer { width: 170px; } .calendar { border-top: 0px; font-family: verdana, arial; font-size: 0.7em; font-weight: normal; border-right: 1px solid #95b1c3; border-top: 1px solid #95b1c3; margin: 10px 9px 10px 0px; } .calendar th { font-family: verdana, arial; font-size: font-size: 0.7em; font-weight: normal; color: #427389; height: 20px; border: 1px solid #95b1c3; border-top: 0px; border-right: 0px; text-align: center; } .calendar th.small { width: 20px; } .calendar td { font-family: verdana, arial; font-size: font-size: 0.7em; font-weight: normal; text-align: center; border: 1px solid #95b1c3; border-top: 0px; border-right: 0px; color: #95b1c3; width: 20px; height: 20px; } .calendar a { font-size: 1em; color: #000; text-decoration: none; } .calendar a:hover { color: #487493 !important; height: 18px; width: 18px; } .calendar .today, .calendar .today a { border: 1px solid #95b1c3; border-top: 0px; border-right: 0px; background-color: #95b1c3; color: #fff; } .calendar .today a:hover { color: #000; } /* END: vertical menu */ /* --------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------- */ /* Content containers */ #infoPage #content {padding-top: 42px;} #content .printBtn { float: right; margin: 20px 0 -1px 0; display: block; overflow: hidden; width: 19px; height: 11px; background: transparent url(../gfx/printBtn.gif) no-repeat 0px 0; } #content .printBtn:hover { background-position: 0px -11px; } #content .article { margin: 0px 0 0 0; padding: 0; } #content .article a {color: #295472; text-transform: underline;} #content .article a:hover {color: #000; text-transform: underline;} #content .article h2 { margin: 0px 0 15px 0; font: normal normal 1.1em/1.2em arial, sans-serif;} #content .article h3 { color: #295472; margin: 0 0 5px 0; font-size: 0.9em; text-transform: uppercase; padding: 0 0 0 0px;} #content .article h4 { margin: 0 0 0px 0; padding: 0px; font: bold bold 0.75em/1.4em arial, sans-serif; } #content .article h4 a {text-decoration: none;} #content .article h4 a:hover {text-decoration: underline;} #content .article .bodyimages { display: block; width: 120px; margin: 0 20px 0 0; padding: 0px 0px 0 0; overflow: hidden; float: left; } #content .article .bodyimages img { border: 1px solid #90AEC1; margin: 0 0 10px 0; } #content .bodytext {float: left; } #content .body {font: normal normal 0.75em/1.4em arial, sans-serif; margin-bottom: 15px;} #content .intro {font: normal normal 0.75em/1.4em arial, sans-serif; margin-bottom: 15px;} #content .date {color: #295472; font: normal normal 0.75em/1.4em arial, sans-serif;} #content .summery {font: bold bold 0.75em/1.4em arial, sans-serif; margin: 0 0 15px 0;} #content .newsItem {font: normal normal 0.75em/1.4em arial, sans-serif; padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom: 1px solid #C4DCE8; } #content .searchItem {padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom: 1px solid #C4DCE8; } a.readMore {font: normal normal 0.90em/1.4em arial, sans-serif;} .toList { color: #487493; font-size: 0.7em; margin: 10px 0px 0px 0px;} .toList:hover { color: #000; } #content .bosch_search { font-size:0.75em; } /*#content .article .bodytext { width: 380px; font: normal normal 0.75em/1.4em arial, sans-serif; float: left; } #content .article h4 { margin: 0 0 20px 0; padding: 0px; font-size: 1em; text-transform: uppercase; } #content .article .bodytext a { color: #000; font-size: 0.9em; } #content .article .bodytext .p { margin: 0 0 10px 0; } #content .article .w320 { width: 320px; } #content .article .w520 { width: 520px; } #content .article .bodytextFull { width: 100%; font: normal normal 0.75em/1.4em arial, sans-serif; float: left; } #content .article .bodytextFull .p { margin: 0 0 10px 0; } #content .article .bodyimages { width: 120px; margin: 0 20px 0 0; padding: 0px 0 0 0; float: left; } #content .article .bodyimages img { border: 1px solid #90AEC1; margin: 0 0 10px 0; } #content .article img { float: left; } #content .bosch_news { margin: 40px 0 0 0; padding: 0; } #content .bosch_news .p { font-size: 0.75em; } #content .bosch_news .borderBottom { border-bottom: 1px solid #C4DCE8; margin: 0 0 10px 0; padding: 0 0 10px 0; } #content .bosch_news h2 { margin: -4px 0 20px 0; font: normal normal 1.1em/1.2em arial, sans-serif; } #content .bosch_news .bodytext { width: 520px; font: normal normal 0.75em/1.4em arial, sans-serif; float: left; } #content .bosch_news .bodytext .p { margin: 0 0 10px 0; line-height: 20px; } #content .bosch_news .newsItem, #content .article .newsItem { padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom: 1px solid #C4DCE8; } #content .bosch_news .newsItem.noBorder { border: 0; } #content .article .newsItem a, #content .bosch_news .newsItem a { font-size: 0.9em; color: #000; } #content .bosch_news .newsItem a:hover { color: #487493; } #content .bosch_news .newsItem b a { color: #000; font-size: 1em; text-decoration: none; } #content .bosch_news .newsItem b a:hover { color: #000; text-decoration: underline; } #content .bosch_news .newsItem .summary { line-height: 1.6em; margin: 0 0 10px 0; } #content .toList { text-decoration: none; color: #487493; font-size: 0.7em; position: relative; top: 28px; } #content .toList:hover { color: #000; } /* END: Content containers */ /* --------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------- */ /* General form rules [WARNING! low specificity!] */ form#zwForm { margin: 20px 0px 0px 0px; } fieldset { border: 0; padding: 0; } form .row { padding: 5px 0 5px 20px; border-top: 1px solid #b3d5e3; } label { float: left; width: 130px; padding: 2px 0 0 0; font-size: 0.75em;} form .text {font-size: 0.75em;} input { width: 225px; background-color: #c4dce8; border: 1px solid #295472; font-family: arial, sans-serif; font-size: 1em; padding: 3px 3px 2px 3px; } input.radio { width: auto; background-color: transparent; display: block; } input.half { width: 147px; } input.tenth { width: 69px; } textarea { width: 340px; height: 100px; background-color: #c4dce8; border: 1px solid #295472; font-family: arial, sans-serif; font-size: 1em; padding: 3px 3px 2px 3px; } /* text type variants */ .zipcode { float: left; width: 20%; } .city { float: left; width: 30%; } .day { float: left; width: 15%; } .month { float: left; width: 15%; } .year { float: left; width: 20%; } .radio { float: left; width: 50%; border: 0px;} .radio input { display: inline; width: auto; } .checkbox { float: left; width: 50%; } .checkbox input { display: inline; width: auto; } .select { float: left; width: 50%; } .select option { width: 100%; } .textarea { float: left; width: 50%;} .textarea textarea { width: 100%;} .message { float: left; width: 100%; font: normal normal 0.75em Arial; } .button { float: left; } .button input { width: auto; text-align: center; } .searchButton { width: auto; text-align: center; text-transform: uppercase; cursor: pointer; cursor: hand; border: 1px solid #295472; color: #295472; font-size: 0.75em; font-weight: bold; margin-left: 5px;} .errormessage { height: 1px; visibility: hidden; overflow: hidden; } .showError { float: left; width: 70%; visibility: visible; color: #ff0000; font: normal normal 0.75em/1em arial, sans-serif;} //DS: stylesheet form module .labelField { float: left; padding: 0px; width: 400px; margin: 2px 0 2px 0; font-size: 12px; } .fullField { float: left; padding: 0px; width: 400px; margin: 2px 0 2px 0; } .oneThirdField { float: left; padding: 0px; margin-right: 5px; width: 70px; background: #fff; } .twoThirdsField { float: left; padding: 0px; width: 132px; background: #fff; margin-right: 5px; } .dayField { float: left; padding: 0px; margin-right: 5px; width: 50px; background: #95B1C3; } .monthField { float: left; padding: 0px; margin-right: 5px; width: 50px; background: #95B1C3; } .yearField { float: left; width: 90px; background: #95B1C3; } .generalform input, .basic form select { border: 0px; padding-left: 0.4em; width: 200px; font-size: 12px; height: 16px; background-color: transparant; border: 1px solid #95B1C3; } .generalform input.checkbox, .generalform input.radio { border: none; } .generalform textarea { border: 1px solid #95B1C3; background: #fff; font: normal 100% Arial, Helvetica, sans-serif; width: 100%; } .generalform .selectbox { width: 120px; border: 0px; height: 16px; margin: 0px; padding: 0px; } .generalform select option { padding: 0.1em 0; } .generalform label { background: transparent; } .generalform .button { float: left; width: auto; } .generalform .button input { border: 0px; height: 21px; text-align: center; background: #C4DCE8; border: 1px solid #95B1C3; color: #295472; cursor: pointer; } .generalform .button .attention { border-bottom: 1px solid white; width: 100%; } .generalform .radio, .generalform .checkbox, .generalform .select, .generalform select, .generalform .textarea { float: none; font-size: 1.0em; } .generalform .formSelect option { padding: 0 3px 0 3px; margin: 0px; } .generalform .noStyle { text-align: left; background: transparent; border: 0px; } .generalform .noStyle input, .generalform .noStyle label { display: inline; width: auto; background: transparent; } .generalform .datumVeld { background-color: #C4DCE8 !important; } .generalform input[type=file] { border: 0; width: auto; height: 21px; } .generalform input[type=radio] { margin: 2px; padding: 0; width: auto; height: auto; line-height: auto; background: White; } .generalform input[type=checkbox]{ margin: 2px; width: auto; height: auto; line-height: auto; background: transparent; } .generalform input[type=hidden] { display: none; } .generalform p { color: #95B1C3; } .generalform form { padding: 10px 0px 10px 10px; width: 75%; margin: 0px; color: #000; } .generalform fieldset { margin: 0; padding:0; border: 0; } .generalform .submitVersturen { width: auto; color: #fff; } //DS: stylesheet form module /* Mark fixes */ .editContainer, .previewcell { padding: 4px; } .editContainer .editbutton, .previewcell .editbutton { float: left; margin-right : 5; width: 15px; border: 0; display: block; cursor: hand; } /* UB: add style to display banner images in admin */ img.flasBannerImage { float: left; } /* /Mark fixes */ /* END: General form rules */ /* --------------------------------------------------------------------------- */ /* EOF */