/* --------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------- */ /* Default stylesheet */ /* --------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------- */ /* HTML selectors */ html { height: 100%; margin: 0; padding: 0; background: #F2E8D7 url(../../gfx/truffel/htmlBG.png) repeat-x top left; } body { height: 100%; margin: 0; padding: 0; color: #6E1873; font: normal normal 1em/1em verdana, arial; text-align: center; } p { margin: 0; padding: 0; } img { border: 0; } a { } a:hover { color: #82b818; } .clr {clear: both;} /* END: HTML selectors */ /* --------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------- */ /* Basic page containers */ #placeHolder { margin: 0 auto; padding: 0; width: 952px; text-align: left; } #header { margin: 0px 36px; padding: 0; width: 880px; height: 174px; font-size: 0.7em; background: #912097 url(../../gfx/truffel/logo.png) no-repeat top left; overflow: hidden; } #header h1 { display: none; } #header a { float: left; } #imageHdr { float: right; margin: 0; padding: 0; width: 640px; height: 174px; } .address { margin: 0; padding: 8px 50px; width: 852px; height: 50px; text-align: right; float: left; background: url(../../gfx/truffel/address.png) no-repeat top left; } .address.en { background: url(../../gfx/truffel/address_en.png) no-repeat top left; } #siteContainer { float: left; margin: 0px 36px; padding: 0; width: 880px; background: #FFF url(../../gfx/truffel/contentBG.png) repeat-x top left; overflow: hidden; } #leftBackground { float: left; margin: 0; padding: 0; background: url(../../gfx/truffel/leftBG.png) repeat-y top left; } /* END: Basic page containers */ /* --------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------- */ /* left menu */ #leftBar { float: left; margin: 0; padding: 0; width: 240px; background: #912097; } #leftBar #menuList { position: relative; margin: 0; padding: 0; width: 240px; list-style: none; } #leftBar #menuList .menuItem a { display: block; margin: 0; padding: 12px 20px; width: 200px; height: 18px; color: #FFF; text-decoration: none; font: italic 20px georgia; } #leftBar #menuList .item-1 a { background: #901F97 url(../../gfx/truffel/bg-menu-oranje.png) repeat-x top left; } #leftBar #menuList .item-2 a { background: #901F97 url(../../gfx/truffel/bg-menu-blauw.png) repeat-x top left; } #leftBar #menuList .item-3 a { background: #901F97 url(../../gfx/truffel/bg-menu-rood.png) repeat-x top left; } #leftBar #menuList .item-4 a { background: #901F97 url(../../gfx/truffel/bg-menu-groen.png) repeat-x top left; } #leftBar #menuList .item-5 a { background: #901F97 url(../../gfx/truffel/bg-menu-dkblauw.png) repeat-x top left; } #leftBar #menuList .item-6 a { background: #901F97 url(../../gfx/truffel/bg-menu-oranje.png) repeat-x top left; } #leftBar #menuList .item-7 a { background: #901F97 url(../../gfx/truffel/bg-menu-blauw.png) repeat-x top left; } #leftBar #menuList .item-8 a { background: #901F97 url(../../gfx/truffel/bg-menu-rood.png) repeat-x top left; } #leftBar #menuList .item-9 a { background: #901F97 url(../../gfx/truffel/bg-menu-groen.png) repeat-x top left; } #leftBar #menuList .item-10 a { background: #901F97 url(../../gfx/truffel/bg-menu-dkblauw.png) repeat-x top left; } #leftBar #menuList .menuItem ul { margin: 0; padding: 0 0 6px 0; font-weight: normal; list-style: none; background-color: #6E1873; } #leftBar #menuList .menuItem ul li a { margin: 0; padding: 10px 20px 0 20px; width: 200px; text-decoration: none; font: bold 11px verdana; } #leftBar #menuList .item-1 ul { background: #FEF5E5; } #leftBar #menuList .item-2 ul { background: #EAF7F7; } #leftBar #menuList .item-3 ul { background: #FCE8E7; } #leftBar #menuList .item-4 ul { background: #F4F8E6; } #leftBar #menuList .item-5 ul { background: #EEF4F9; } #leftBar #menuList .item-6 ul { background: #FEF5E5; } #leftBar #menuList .item-7 ul { background: #EAF7F7; } #leftBar #menuList .item-8 ul { background: #FCE8E7; } #leftBar #menuList .item-9 ul { background: #F4F8E6; } #leftBar #menuList .item-10 ul { background: #EEF4F9; } #leftBar #menuList .item-1 ul li a { background: #FEF5E5; color: #F39900; } #leftBar #menuList .item-2 ul li a { background: #EAF7F7; color: #35B5B3; } #leftBar #menuList .item-3 ul li a { background: #FCE8E7; color: #E32118; } #leftBar #menuList .item-4 ul li a { background: #F4F8E6; color: #96BE0D; } #leftBar #menuList .item-5 ul li a { background: #EEF4F9; color: #5692C9; } #leftBar #menuList .item-6 ul li a { background: #FEF5E5; color: #F39900; } #leftBar #menuList .item-7 ul li a { background: #EAF7F7; color: #35B5B3; } #leftBar #menuList .item-8 ul li a { background: #FCE8E7; color: #E32118; } #leftBar #menuList .item-9 ul li a { background: #F4F8E6; color: #96BE0D; } #leftBar #menuList .item-10 ul li a { background: #EEF4F9; color: #5692C9; } #leftBar #menuList .menuItem ul li a:hover { color: #6E1873; } /* END: left menu */ /* --------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------- */ /* Content containers */ #content { float: left; width: 550px; font: normal 11px verdana; } #content .article { margin: 0px 20px; padding: 0 0 20px 0; } #content .article h2 { margin: 0; padding: 0; line-height: 24px; color: #9a6faa; font: italic bold 14px georgia; } #content .article .summary { margin: 0; padding: 0; line-height: 18px; font-weight: bold; } #content .article .bodytext { margin: 0; padding: 0; line-height: 18px; } #content .article .bodytext a { margin: 0; padding: 0; line-height: 18px; } #content .article p { margin: 12px 0 0 0; padding: 0; line-height: 18px; } #content .article .readMore { margin: 0; padding: 0; color: #6E1873; font: bold 11px verdana; text-decoration: none; line-height: 18px; } #content .news { margin: 0px 20px; padding: 0 0 20px 0; } #content .news h2 { margin: 0; padding: 0; line-height: 24px; color: #9a6faa; font: italic bold 14px georgia; } #content .news .summary { margin: 0; padding: 0; line-height: 18px; font-weight: bold; } #content .news .bodytext { margin: 0; padding: 0; line-height: 18px; } #content .news .bodytext a { margin: 0; padding: 0; line-height: 18px; } #content .news p { margin: 12px 0 0 0; padding: 0; line-height: 18px; } #content .newsSummary { margin: 0px 20px; padding: 0 0 20px 0; } #content .newsSummary h2 { margin: 0; padding: 0; line-height: 24px; color: #9a6faa; font: italic bold 14px georgia; } #content .newsSummary .summary { margin: 0; padding: 0; line-height: 18px; } #content .newsSummary p { margin: 12px 0 0 0; padding: 0; line-height: 18px; } #content .newsSummary .readMore { margin: 0; padding: 0; color: #6E1873; font: bold 11px verdana; text-decoration: none; line-height: 18px; } #content .generalForm { margin: 0px 20px; padding: 0 0 20px 0; } #content .generalForm h2 { margin: 0; padding: 0; line-height: 24px; color: #9a6faa; font: italic bold 14px georgia; } #content .generalForm fieldset { margin: 0; padding: 0; border: 0; width: 346px; } #content .generalForm .formerror { margin: 10px 0 0 0; width: 100%; color: #901F97; font-weight: bold; } #homePage #content { float: left; width: 400px; font: normal 11px verdana; } #homePage #content .article .summary { font-weight: normal; } #extra #content { float: left; width: 400px; font: normal 11px verdana; } /* END: Content containers */ /* --------------------------------------------------------------------------- */ /* right Bar */ /* --------------------------------------------------------------------------- */ #rightBar { float: left; margin: 0; padding: 0; width: 240px; } #rightBar .article { margin: 0; padding: 0px 20px 20px 20px; width: 200px; font: normal 11px verdana; background: #F2EAF2 url(../../gfx/truffel/rightBarBG.png) repeat-x top left; } #rightBar .article h3 { margin: 0; padding: 0; line-height: 24px; color: #9a6faa; font: italic bold 14px georgia; } #rightBar .article .summary { margin: 0; padding: 0; line-height: 18px; } #rightBar .article .bodytext { margin: 0; padding: 0; line-height: 18px; } #rightBar .article ul { margin: 12px 0; padding: 0; line-height: 18px; list-style: none; } #rightBar .article a { margin: 0; padding: 0; color: #6E1873; font: normal 11px verdana; line-height: 18px; } #rightBar .article ul a { margin: 0; padding: 0; color: #6E1873; font: bold 12px verdana; text-decoration: none; line-height: 18px; } #rightBar .article p { margin: 12px 0 0 0; padding: 0; line-height: 18px; } #rightBar .news { margin: 0; padding: 20px; width: 200px; background: #F2EAF2 url(../../gfx/truffel/rightBarBG2.png) repeat-x top left; } #rightBar .news h3 { margin: 0; padding: 0; line-height: 24px; color: #9a6faa; font: italic bold 14px georgia; } #rightBar .news ul { margin: 12px 0; padding: 0; line-height: 18px; list-style: none; } #rightBar .news a { margin: 0; padding: 0; color: #6E1873; font: bold 12px verdana; text-decoration: none; line-height: 18px; } #rightBar .banner { margin: 0; padding: 0px 20px 20px 20px; width: 200px; background: #F2EAF2 url(../../gfx/truffel/rightBarBG2.png) repeat-x top left; } #rightBar .banner img { margin: 0; padding: 0; } /* END: right Bar */ /* --------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------- */ /* General form rules [WARNING! low specificity!] */ form { } form fieldset { border: 0; margin: 0; padding: 0; width: 346px; } label { float: left; width: 35%; padding: 7px 0 8px 0; } input { font-size: 1.0em; color: #6E1873; padding: 2px; } input.radio { width: auto; background-color: transparent; display: block; } textarea { font: normal normal 1em/1em verdana, arial; color: #6E1873; padding: 2px; } /* text type variants */ .zipcode { float: left; width: 20%; } .city { float: left; width: 40%; } .day { float: left; width: 17%; } .month { float: left; width: 18%; } .year { float: left; width: 25%; } .radio { float: left; width: 60%; padding: 7px 0 8px 0; } .radio input { display: inline; width: auto; } .checkbox { float: left; width: 60%; padding: 7px 0 8px 0; } .checkbox input { display: inline; width: auto; } .select { float: left; width: 60%; padding: 7px 0 8px 0; } .select option { width: 100%; } .textarea { float: left; width: 60%; padding: 7px 0 8px 0; } .textarea textarea { width: 100%; border: 1px solid #6E1873; height: 100px; } .text { float: left; width: 60%; padding: 7px 0 8px 0; } .text input { width: 100%; border: 1px solid #6E1873; } .error input { border: 1px solid #6E1873; color: #6E1873; } .errormessage { height: 1px; visibility: hidden; overflow: hidden; } .showError { float: left; width: 220px; padding: 0 0 0 120px; color: #6E1873; font-size: 0.9em; font-weight: bold; } .message { float: left; width: 100%; } .submessage { float: right; width: 40%; padding: 4px 0; color: #6E1873; text-align: right; } .button { float: left; width: 55%; padding: 7px 0 8px 0; } .button input { width: auto; text-align: center; border: 0px; color: #FFF; background-color: #912098; font: normal normal 1em/1em verdana, arial; font-weight: bold; cursor: pointer; } .button input:hover { background-color: #6E1873; } /* END: General form rules */ /* --------------------------------------------------------------------------- */ /* EOF */