/*-------------------------------------------------------------------------------------------------- Body and text --------------------------------------------------------------------------------------------------*/ @import 'thickbox.css'; body {margin: 0; padding: 0; font: normal 12px/17px Sans-Serif; color: #000; background: #fff url(../gfx/bg.gif) repeat-y 0 0;} body.start {background: #fff url(../gfx/bg_start.gif) repeat-y 0 0;} body#popup {margin: 20px; padding: 0; font: normal 12px/17px Sans-Serif; color: #000; background: #fff;} h1 {width: 100%; margin: 10px 0 20px 0; padding: 30px 0 5px 0; font: bold 24px Sans-Serif; color: #069; border-bottom: solid 1px #069; background: transparent url(../gfx/bg_header.gif) no-repeat 100% 0;} h1.start {margin: 0 0 20px 0; padding: 0; border: none; background: url(../gfx/logo_start_bla.gif) no-repeat; font: normal 18px Sans-Serif; color: #069; text-indent: -9999px; width: 665px; height: 86px;} h2 {margin-bottom: 0; font: normal 18px Sans-Serif; color: #069;} h3 {margin-bottom: 0; font: bold 12px Sans-Serif; color: #069;} h3.push {margin-bottom: 0;} h3.push a {padding: 10px 80px 50px 0; font: bold 14px Sans-Serif; color: #069; background: url(../gfx/50proc.gif) no-repeat 290px 0; display: block;} p {margin-top: 5px;} p.bildinfo {width: 410px; margin-bottom: 10px; padding-bottom: 10px;} a {color: #069; text-decoration: none;} div.cl {width: 48%; float: left;} div.cr {width: 50%; float: right;} .clearer {clear: both; line-height: 5px;} .hide {display: none;} .show {display: inline;} .show-table {display: table-row;} .rfv {display: none; font-size: 12px !important;} .fielddescription {border: solid 1px #ffdf88;background-color: #fffabc; max-width: 200px;} .fielddescription p {padding: 0 !important; margin: 0 10px 0 10px; font-size: 11px;} /*-------------------------------------------------------------------------------------------------- Layout --------------------------------------------------------------------------------------------------*/ img {border: 0;} img.left {float: left; margin: 0 10px 5px 0;} img.right {float: right; margin: 0 0 5px 10px;} div#wrapper {width: 900px;} div#navigation {width: 195px; float: left; overflow: hidden;} div.searchbox {width: 185px; height: 45px; padding: 7px 7px 5px 7px; background: #004c72; overflow: hidden;} div#content {width: 665px; padding: 20px 20px 0 20px; float: left; overflow: hidden;} div#footer {margin: 20px 0; padding: 10px 0 0 0; border-top: solid 1px #79642d; clear: both;} div#navigation img {margin: 10px 18px;} div#navigation p {margin: 20px 0; font: normal 11px Sans-Serif; color: #fff; text-align: center;} div.searchbox h3 {margin: 0 0 5px 0; font: bold 11px Sans-Serif; color: #fff; text-align: left;} div.searchbox p {margin: 0 !important;} #annonsSwf {width: 450px; height: 356px; float: right; margin: 0 -20px !important;} .txtSearchSite {width: 140px; height: 14px; padding: 3px; font: normal 12px Sans-Serif; border: solid 1px #0176b1; float: left;} .btnSearchSite {float: right; border: 0; position: relative; top: -5px;} address.footer {font: bold 12px Sans-Serif; color: #069; display: block; clear: both;} address.footer strong {display: none;} address.footer span.tel strong {display: inline;} address.footer span.fax strong {display: inline;} address.footer a {} div.news {background-image: url(../gfx/bg_news.gif); background-repeat: repeat-y; height: 70px; margin-bottom: 10px;} div.news img {float: left; margin-right: 10px;} div.news h3 {margin-top: 8px;} /*-------------------------------------------------------------------------------------------------- Modules --------------------------------------------------------------------------------------------------*/ fieldset.form {border: 0; margin: 10px 0; padding: 0;} fieldset.form legend {display: none;} fieldset.form p {margin: 5px 0;} fieldset.form label {width: 100%; display: block; clear: both;} fieldset.form label .rfv {font-size: 11px; color: #f00;} fieldset.form label a img {vertical-align: bottom; margin: 0;} fieldset.form input {width: 250px; padding: 2px; font: normal 11px Sans-Serif; color: #000;} fieldset.form input.captcha-input {width: 60px;} fieldset.form textarea {width: 252px; height: 100px; padding: 2px; font: normal 11px Sans-Serif; color: #000; overflow: auto;} fieldset.form .btn {width: auto;} table.enquire {width: 665px;} table.enquire th {text-align: left;} table.enquire tbody {} table.enquire tr.firstrow td {border-top: solid 1px #969696; padding: 10px 0 0;} table.enquire td {height: 40px; text-align: left; vertical-align: top;} table.enquire td.img {width: 100px;} table.enquire td label, table.enquire td .label {font-weight: bold; padding: 0 0 5px;} table.enquire td button {display: block; float: right;} table.enquire td img {margin-right: 5px;} table.enquire td input[text] {border: 1px solid #ccc;} table.enquire td input[file] {background-color: #fff;} table.enquire td select {margin-top: 4px; font-size: 11px;} table.enquire td.quantity {width: 60px; padding: 5px 0 0;} table.enquire td.quantity input {width: 60px;} table.enquire td.window {width: 320px; text-align: left;} table.enquire td.window select {width: 300px;} table.enquire td.size {width: 70px; padding: 5px 0 0;} table.enquire td.size input {width: 70px;} table.enquire td.bar {width: 150px; text-align: left;} table.enquire td.bar select {width: 140px;} table.enquire td.misc {width: 150px; padding: 5px 0 0;} table.enquire td.misc input {width: 140px;} table.enquire td.options {text-align: right; padding: 15px 0 0; width: 145px;} table.enquire td.options img {float: none;} table.enquire td.spacer {padding: 0 0 10px;} a.copy {margin: 20px 0 5px; text-indent: -9999px; background: transparent url(../gfx/offert-btn-copy-bg.png) no-repeat left; display: block; width: 99px; height: 28px; } a.newrow {margin: 20px 0 5px; text-indent: -9999px; background: transparent url(../gfx/offert-btn-new-bg.png) no-repeat left; display: block; width: 99px; height: 28px; } a.save {margin: 20px 0 5px; text-indent: -9999px; background: transparent url(../gfx/offert-btn-saverow-bg.png) no-repeat left; display: block; width: 99px; height: 28px; } a.savegonext {margin-bottom: 5px; background: transparent url(../gfx/offert-btn-savego-bg.png) no-repeat left; display: block; width: 99px; height: 56px; text-indent: -9999px;} a.gonext {background: transparent url(../gfx/offert-btn-gonext-bg.png) no-repeat left; display: block; width: 99px; height: 28px; text-indent: -9999px;} a.cancel {background: transparent url(../gfx/offert-btn-cancel-bg.png) no-repeat left; display: block; width: 99px; height: 28px; text-indent: -9999px;} a.remove {background: transparent url(../gfx/offert-btn-remove-bg.png) no-repeat left; display: block; width: 99px; height: 28px; text-indent: -9999px;} a.save span, a.gonext span, a.savegonext span, a.newrow span, a.cancel span {display: none;} table.default-view {margin: 0; width: 100%;} table.default-view tr td {padding: 5px 5px 5px 15px; font-size: 11px; vertical-align: middle;} table.default-view tr td.last {border-right: 0;} table.default-view tr.odd td {background-color: #f3f0d5;} table.default-view tr.header th {text-align: left !important; padding: 5px 5px 3px 15px; color: #363636; font-size: 12px; font-weight: bold;} table.default-view tr th {padding: 5px 5px 5px 15px; text-align: left !important;} table.default-view tr.list-head th {background: #f8f8f8; border-bottom: solid 1px #fff;} table.default-view tr td.img, table.default-list tr th.img {width: 20px; vertical-align: middle !important;} table.default-view tr td.middle {vertical-align: middle !important;} table.default-view tr td.edit {width: 45px;} ul.enquirelinks {list-style: none; margin: 0; padding: 0 0 10px 0;} ul.enquirelinks li {float: left; padding: 0 8px; border-left: 1px solid #ccc; font-size: 14px;} ul.enquirelinks li.first {border: 0; padding-left: 0;} a.addrow {padding: 1px 0 0 20px; background: url(../gfx/icons/add.gif) no-repeat 0 50%;} table.default-info {margin: 0; padding: 0; border: 0; border-collapse: collapse;} table.default-info th {padding: 2px 10px 2px 0; text-align: left; vertical-align: top; width: 90px;} table.default-info td {padding: 2px 0; vertical-align: top;} a.action-back {background-image: url(../gfx/icons/back.gif); background-repeat: no-repeat; padding-left: 20px;} h3.line {border-top: 1px solid #069; padding-top: 20px !important;} p.line {border-top: 1px solid #069; padding-top: 20px !important; clear: both; margin-bottom: -20px !important; padding-bottom: 0;} /*-------------------------------------------------------------------------------------------------- Menu --------------------------------------------------------------------------------------------------*/ ul#menu {width: 195px; margin: 0; padding: 0; overflow: hidden;} ul#menu li a {width: 100%; margin: 0; padding: 5px 10px; font: normal 12px Sans-Serif; color: #fff; text-decoration: none; background: #0176b1; border-top: solid 1px #09c; border-bottom: solid 1px #004C72; display: block;} ul#menu li.on a {background: #0086ca;} ul#menu li.on li a {background: transparent;} ul#menu li a:hover {background: #0086ca;} ul#menu li.on li a:hover {background: transparent;} ul.submenu {width: 185px; margin: 0; padding: 10px 5px; list-style: none; background: #069 url(../gfx/bg_menu.gif) repeat-x;} ul.submenu ul {width: 165px !important; padding: 5px; background: none;} ul.submenu li {width: 165px;} ul.submenu li a {padding: 3px 10px !important; border: 0 !important; background: transparent url(../gfx/bullet.gif) no-repeat 0 10px !important;} ul.submenu li.on a {font-weight: bold !important;} ul.submenu li.in a {font-weight: normal !important;} ul.submenu li.on li a {font-weight: normal !important;} ul.submenu li li.on a {font-weight: bold !important;} /*-------------------------------------------------------------------------------------------------- AddOns etc --------------------------------------------------------------------------------------------------*/ span.smark {background-color: #ccc; padding: 0 2px;} ol.searchresult li {margin-bottom: 20px;} ol.searchresult h3 {margin: 0 0 5px 0;} ol.searchresult h3 a {text-decoration: none;} ol.searchresult p {margin: 3px 0;} address.staff {margin: 20px 0; display: block; clear: both;} address.staff span {margin: 0 0 3px 0; font: normal 12px Sans-Serif; display: block;} address.staff span.wrapper {width: 300px; float: left;} address.staff span.photo {width: 120px; margin-right: 5px; float: left;} address.staff span.n {margin-bottom: 5px; font-size: 14px; font-weight: bold;} address.staff span.title {margin: 10px 0; font-size: 14px;} address.staff span.value {display: inline;} /* div.gallery {width: 100%; margin: 10px 0; clear: both; float: left;} p.gallerybreadcrumb {margin: 10px 0 5px 0; padding: 5px; background: #f5f5f5; border: solid 1px #eee;} a.gallerydir {width: 120px; height: 120px; margin: 0 5px 5px 0; padding: 5px; overflow: hidden; float: left; background: #fff; color: #000; text-decoration: none; text-align: center; display: block;} a.galleryimg {width: 120px; height: 120px; margin: 0 5px 5px 0; padding: 5px; overflow: hidden; float: left; background: #fff; color: #000; border: solid 1px #eee; text-decoration: none; text-align: center; display: block;} a.gallerydir:hover {color: #000; background: #f5f5f5;} a.galleryimg:hover {color: #000; background: #f5f5f5;} a.gallerydir span, a.galleryimg span {margin: 3px 0 0 0; display: block; clear: both; font: normal 11px Sans-Serif;} div.gallery {width: 100%; margin: 10px 0; clear: both; float: left;} p.gallerybreadcrumb {display: none;} a.gallerydir {display: block; clear: both; margin: 0 5px 0 0; padding: 5px; float: left; color: #000; border-bottom: solid 1px #edece6; text-decoration: none;} a.galleryimg {width: 315px; display: block; margin: 0 5px 0 0; padding: 5px; float: left; color: #000; border-bottom: solid 1px #edece6; text-decoration: none;} a.gallerydir:hover {color: #000; background: #fefadd;} a.galleryimg:hover {color: #000; background: #fefadd;} a.galleryimg img {float: left; padding: 0 0 0 5px;} a.gallerydir span, a.galleryimg span {width: 170px; margin: 3px 0 0 0; padding: 0 10px; font: normal 11px Sans-Serif; float: right;} */ div.gallery {width: 100%; margin: 10px 0; clear: both; float: left;} p.gallerybreadcrumb {display: none;} a.gallerydir {display: block; clear: both; margin: 0 5px 0 0; padding: 5px; float: left; color: #000; border-bottom: solid 1px #edece6; text-decoration: none;} a.galleryimg {display: block; margin: 0 5px 0 0; padding: 5px; float: left; color: #000; border-bottom: solid 1px #edece6; text-decoration: none;} a.gallerydir:hover {color: #000; background: #fefadd;} a.galleryimg:hover {color: #000; background: #fefadd;} a.galleryimg img {float: left; padding: 0 0 0 5px;} a.gallerydir span, a.galleryimg span {width: 470px; margin: 3px 0 0 0; padding: 0 10px; float: right;} body#viewphoto {height: auto; margin: 10px; padding: 0; font: normal 12px Sans-Serif; color: #fff; background: #000;} body#viewphoto h1 {font: bold 18px Sans-Serif; color: #fff;} body#viewphoto p {margin: 5px 0; color: #fff;} fieldset.contact {border: 0; margin: 10px 0; padding: 0;} fieldset.contact legend {margin: 0 0 5px -7px; padding: 0; font: bold 12px Sans-Serif; color: #000; display: none;} fieldset.contact p {margin: 5px 0;} fieldset.contact label {width: 100%; display: block; clear: both;} fieldset.contact label .rfv {font-size: 11px; color: #f00;} fieldset.contact input {width: 250px; padding: 2px; font: normal 12px Sans-Serif; color: #000;} fieldset.contact input.captcha-input {width: 60px;} fieldset.contact textarea {width: 252px; height: 100px; padding: 2px; font: normal 12px Sans-Serif; color: #000; overflow: auto;} fieldset.contact .btn {width: auto;} fieldset.loginprotectedpage {border: 0; margin: 10px 0; padding: 0;} fieldset.loginprotectedpage legend {margin: 0 0 5px -7px; padding: 0; font: bold 12px Sans-Serif; color: #000;} fieldset.loginprotectedpage p {margin: 5px 0;} fieldset.loginprotectedpage label {display: block;} fieldset.loginprotectedpage label .rfv {font-size: 11px; color: #f00;} fieldset.loginprotectedpage input {width: 250px; padding: 0 2px; font: normal 12px Sans-Serif; color: #000;} fieldset.loginprotectedpage .btn {width: auto;} dl#pageproperties {width: 100%; margin: 20px 0; display: block; clear: both;} dl#pageproperties dt {width: 110px; font: bold 11px Sans-Serif; float: left;} dl#pageproperties dd {font: normal 11px Sans-Serif;} dl#pageproperties dd a {} ul.sitemap {margin: 5px 0 5px 20px; list-style-type: square;} ul.sitemap ul {margin: 5px 0 5px 20px; list-style-type: square;} ul.breadcrumb {margin: 0; padding: 0; list-style: none;} ul.breadcrumb li {margin-right: 5px; padding: 0; line-height: 25px; display: inline;} ul.breadcrumb li.delimiter {font-weight: bold;} div.imageandtextblock {width: 100%; float: none !important; clear: both !important;} div.imageandtextblock-image {width: 200px; float: left; margin: 13px 0;} div.imageandtextblock-text {width: 450px; float: right; margin: 10px 0;} div.imageandtextblock-text h1, div.imageandtextblock-text h2, div.imageandtextblock-text h3 {margin-top: 0 !important; line-height: 1em !important;} div.imageandtextblock-text p {margin-bottom: 10px;} @media print { div#wrapper {width: auto;} div#navigation {display: none;} div.searchbox {display: none;} div#content {width: auto; margin: 0; float: none; overflow: hidden;} div#footer {margin: 20px 0; padding: 10px 0 0 0; border-top: solid 1px #79642d; clear: both;} img.printlogo {display: block !important;} a.action-back, ul.enquirelinks {display: none;} img.printicon {display: none;} }