/** * Base Stylesheet for FinishWeb Sites * * Copyright: * BAR Informatik AG * Brig-Glis, Switzerland * * Path: * [finishwebroot]/layout/[Layout]/css/base.css * * Sections: * - General Styling on Finishweb Elements * - Element-Defined Styling on Finishweb Elements * * Authors: * bz Bernd Zumoberhaus * sv Sascha Vogel * fz Fabian Zumoberhaus * * Changes: * 03.07.2014 sv Rewritten * */ /************************************************************************************************** * General Styling of on Finishweb Elements **************************************************************************************************/ .fwelement { margin-bottom: 1em; clear: both; } .fwelement .note { color: #0000ff; } .fwelement .warning { color: #ffa500; } .fwelement .error { color: #ff0000; } .fwelement .success { color: #00ff00; } .fwelement .float-left { float: left; } .fwelement .float-right { float: right; } .fwelement .clear { clear: both; } .fwelement .clear-left { clear: left; } .fwelement .clear-right { clear: right; } .visible-xs, .visible-sm, .visible-md, .visible-lg {display: none;} @media (max-width: 767px) { .visible-xs {display: block;} table.visible-xs {display: table;} .hidden-xs {display: none;} } @media (min-width: 768px) and (max-width: 991px) { .visible-sm {display: block;} table.visible-sm {display: table;} .hidden-sm {display: none;} } @media (min-width: 992px) and (max-width: 1199px) { .visible-md {display: block;} table.visible-md {display: table;} .hidden-md {display: none;} } @media (min-width: 1200px) { .visible-lg {display: block;} table.visible-lg {display: table;} .hidden-lg {display: none;} } .fwelement ul.list { list-style:none; margin:0; padding:0;} .fwelement ul.list li {} .fwelement ul.list li.item0 {} .fwelement ul.list li.item1 {} /************************************************************************************************** * Element-Defined Styling on Finishweb Elements **************************************************************************************************/ /******************************** * Menu * @mark-up: ok * @fwprefix: no * @w3c-valid: ? ********************************/ div.menu * { margin: 0; padding: 0; } div.menu { width: auto; font-size: 1em; } div.menu a { text-decoration: underline; font-weight: bold; } div.menu a:hover { text-decoration: none; } div.menu ul { margin: 0; padding: 0.15em; } div.menu li { list-style: none; } div.menu li.menusel a { color: inherit; } div.menu li.selected a { color: inherit; } div.menu ul.menu1 { padding-left: 0.77em; } div.menu ul.menu2 { padding-left: 1.54em; } div.menu ul.menu3 { padding-left: 2.31em; } div.menu ul.menu4 { padding-left: 3.08em; } div.menu ul.menu5 { padding-left: 3.85em; } /******************************** * Position * @mark-up: ? * @fwprefix: no * @w3c-valid: ? ********************************/ p.position { margin-bottom: 20px; color: #20A5E6; font-size: 10px; } p.position a { color: #20A5E6; font-size: 10px; } /******************************** * Title * @mark-up: ok * @fwprefix: yes * @w3c-valid: xhtml-1.0-transitional ********************************/ div.fwtitle h1, div.fwtitle h2, div.fwtitle h3, div.fwtitle h4, div.fwtitle h5, div.fwtitle h6 { margin: 0 } div.fwtitle1 { margin: 1.34em 0 } div.fwtitle2 { margin: 1.125em 0 } div.fwtitle3 { margin: .97em 0 } div.fwtitle4 { margin: 1.12em 0 } div.fwtitle5 { margin: 1.245em 0 } div.fwtitle6 { margin: 1.25em 0 } div.fwtitle div.picture { margin-bottom: 1em; } div.fwtitle div.picture-left { float: left; margin-right: 1em; } div.fwtitle div.picture-right { float: right; margin-left: 1em; } div.fwtitle img.titleasimage {} /******************************** * Text * @mark-up: ok * @fwprefix: yes * @w3c-valid: xhtml-1.0-transitional ********************************/ div.fwtext { } /******************************** * Link * @mark-up: ok * @fwprefix: yes * @w3c-valid: xhtml-1.0-transitional ********************************/ div.fwlink {} div.fwlink div.label { float: left; margin-right: 1em; } div.fwlink div.image { float: left; margin-right: 1em; height: 1.25em; } div.fwlink div.title { float: left; margin-right: 1em; } /******************************** * Paragraph * @mark-up: ok * @fwprefix: yes * @w3c-valid: xhtml-1.0-transitional ********************************/ div.fwparagraph {} div.fwparagraph p.title { font-weight: bold; } div.fwparagraph div.picture {} div.fwparagraph div.picture-left, div.fwparagraph div.float-left { margin: 0 1em 1em 0; } div.fwparagraph div.picture-right, div.fwparagraph div.float-right { margin: 0 0 1em 1em; } /******************************** * Space * @mark-up: ok * @fwprefix: yes * @w3c-valid: xhtml-1.0-transitional ********************************/ div.fwspace { height: 2em; font-size: 0; line-height: 0; } /******************************** * Table * @mark-up: ok * @fwprefix: yes * @w3c-valid: xhtml-1.0-transitional ********************************/ table.fwtable { width: 100%; border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; } table.fwtable td, table.fwtable th { height: 1.25em; text-align: left; padding: 0.5em; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; } table.fwtable th.f {} table.fwtable td.f {} table.fwtable th { font-weight: bold; } table.fwtable td.i1 { background-color: #E6E6E6; } table.fwtable td.i1 a {} table.fwtable td.i0 {} table.fwtable td.i0 a {} table.fwtable td.separator img { height: 1.25em;} .fwtable {width:100%; position:relative;} .fwtable .fader {display:none; position:absolute; right:0; width:4em; height:calc(100% - 1em); background-image: -webkit-linear-gradient(90deg, rgba(255,255,255,.2), #fff);background-image: -moz-linear-gradient(90deg, rgba(255,255,255,.2), #fff); background-image: -ms-linear-gradient(90deg, rgba(255,255,255,.2), #fff); background-image: -o-linear-gradient(90deg, rgba(255,255,255,.2), #fff); background-image: linear-gradient(90deg, rgba(255,255,255,.2), #fff);} .fwtable.overflow .fader {display:block} .fwtable .scrollcontainer {width:100%; overflow-y:auto; _overflow:auto; margin: 0 0 1em;} .fwtable .scrollcontainer::-webkit-scrollbar {-webkit-appearance: none; width:1em; height:1em;} .fwtable .scrollcontainer::-webkit-scrollbar-thumb {border-radius:8px; background-color: rgba(0, 0, 0, .3);} .fwtable.overflow .tablecontainer {display:table; padding-right:4em;} .fwtable table {width:100%;} .fwtable table td, .fwtable table th {height:1.25em; padding: 0.5em;} .fwtable table tr.i0 td {} .fwtable table tr.i1 td {background-color: #E6E6E6;} .fwtable table td.hidden {display:none; visibility: hidden;} /******************************** * Navigation for Gallery2 + Filelist * @mark-up: not ok * @fwprefix: yes * @w3c-valid: xhtml-1.0-transitional ********************************/ div.fwnavigation { clear: both; } div.fwnavigation table.datanavigation { border-collapse: collapse; width: auto; margin: 0 auto; } div.fwnavigation table.datanavigation td { vertical-align: middle; text-align: center; height: 2.5em; padding-right:0.25em; padding-left:0.25em; } div.fwnavigation table.datanavigation td a { text-decoration: none; } div.fwnavigation table.datanavigation td a:visited {} div.fwnavigation table.datanavigation td.selected a { font-weight: bold; color: #000000; } div.fwnavigation table.datanavigation td.first { } div.fwnavigation table.datanavigation td.last { } div.fwnavigation table.datanavigation td.disabled {} div.fwnavigation table.datanavigation td a, div.fwnavigation table.datanavigation td img { display: inline; vertical-align: middle; } /******************************** * Filelist * @mark-up: not ok * @fwprefix: yes * @w3c-valid: xhtml-1.0-transitional ********************************/ div.fwfilelist {} div.fwfilelist table { width: 100%; border-collapse: collapse; } div.fwfilelist table td.icon { width: 10%; } div.fwfilelist table td.file { padding-left: 1em; } div.fwfilelist table td.size { text-align: right; white-space: nowrap; } div.fwfilelist table td { vertical-align: top; height: 1.5em; } div.fwfilelist table td.i0 {} div.fwfilelist table td.i1 { background-color:#E6E6E6; } div.fwfilelist div.fwnavigation table.datanavigation td { padding-right:1.5em; padding-left:1.5em; } div.fwfilelist div.fwnavigation table.datanavigation td.page { padding-right:0.25em; padding-left:0.25em; } /******************************** * Picture * @mark-up: ok * @fwprefix: yes * @w3c-valid: xhtml-1.0-transitional ********************************/ div.fwpicture-group { margin: 2em 0 0 0; } div.fwpicture-group div.fwpicture { float: left; margin: 0em 1em 1em 0; } div.fwpicture-group div.fwpicture div.picture { overflow: hidden; } div.fwpicture-group div.fwpicture div.text { margin-top: 0.5em; } /******************************** * External Image * @mark-up: ? * @fwprefix: no * @w3c-valid: ? ********************************/ div.externalimage {} div.externalimage div.title { font-weight: bold; text-align: center; } div.externalimage div.image { text-align: center; } div.externalimage div.description { font-style: italic; text-align: center; } /******************************** * Gallery2 * @mark-up: not ok * @fwprefix: yes * @w3c-valid: xhtml-1.0-transitional ********************************/ div.fwgallery { width: 100%; clear: both; font-size: 13px; margin: 1em 0 1em 0; } div.fwgallery a img { border: none; } div.fwgallery table.fwgallery { clear: both; } div.fwgallery table.fwgallery td.item { text-align: center; } div.fwgallery table.fwgallery td.thumbnail { padding: 0.5em; width: 10em; height: 10em; vertical-align: middle; text-align: center; border: 1px solid #e6e6e6; } div.fwgallery table.fwgallery td div.details {font-size: 11px;} div.fwgallery table.fwgallery td div.details div.label {float:left; width:150px;} div.fwgallery div.fwnavigation table.datanavigation td.first { visibility: hidden; } div.fwgallery div.fwnavigation table.datanavigation td.last { visibility: hidden; } div.fwgallery div.navigationitem { } div.fwgallery-popup * { margin: 0; padding: 0; } div.fwgallery-popup { height: 100%; width: 100%; font-size: 13px; margin: 0; } div.fwgallery-popup #image { display: block; margin: 0 auto; cursor: pointer; } div.fwgallery-popup div.fwnavigation { display: none; } div.fwgallery-popup div.navigationitem { display: block;} div.fwgallery-popup div.navigationitem table.datanavigation { margin: 0 auto; } div.fwgallery-popup div.fwnavigation table.datanavigation td.first { visibility: hidden; } div.fwgallery-popup div.fwnavigation table.datanavigation td.last { visibility: hidden; } /******************************** * Slideshow * @mark-up: ok * @fwprefix: yes * @w3c-valid: xhtml-1.0-transitional ********************************/ div.fwslideshow {} /******************************** * Mediaplayer * @mark-up: ? * @fwprefix: no * @w3c-valid: ? ********************************/ div.mediaplayer {} div.mediaplayer p {} /******************************** * LinkList * @mark-up: ok * @fwprefix: yes * @w3c-valid: xhtml-1.0-transitional ********************************/ div.fwlinklist { width: 100%; } div.fwlinklist p.title { font-weight: bold; } div.fwlinklist-string ul.list { list-style: none; margin: 0; } div.fwlinklist-string ul.list li { display: inline; margin:0 1em 0 0; } div.fwlinklist-string ul.list li.item0 {} div.fwlinklist-string ul.list li.item1 { background-color:#E6E6E6; } div.fwlinklist-string ul.list li.item-seperator { margin: 0 0.5em 0 0; } /******************************** * Form * @mark-up: ? * @fwprefix: no * @w3c-valid: ? ********************************/ .form { margin-bottom: 10px; } .form div.field { display: block; clear: both; } .form div.field:after {clear:left; content:"."; display:block; font-size:0; height:5px; visibility:hidden;} .form div.field.floatleft {float:left; clear:none; margin-right:10px;} .form div.field label, .form div.field .label { float:left; width: 150px; min-height:1.8em; /*font-weight:normal;*/ padding-left:0px; padding-top: 3px; margin-bottom:3px;} .form div.error label, .form div.error .label { color: red; } .form div.input { float: left; } .form div.input input {width:200px; height:1.8em;} .form div.input input[type="radio"], div.form div.input input[type="checkbox"] {width:2em; height:inherit; margin:5px 0 0 0; position:inherit;} .form div.radio, div.form div.checkbox {margin:0px;} .form div.input input[type="file"] {border:none;} .form div.input input[type="date"] {line-height:inherit;} .form div.input input.x-tree-node-cb { width: auto; } .form div.input .x-tree-node-icon { width: 0; } .form div.input .x-tree-node-leaf .x-tree-node-icon { background-image: none; } .form div.input .x-tree-node-expanded .x-tree-node-icon { background-image: none; } .form div.input select { width: 200px; height:1.8em;} .form div.range input { width:50px !important; } .form div.range label { margin-right:5px; } .form div.range div.rangefrom {float:left; } .form div.range div.rangeto {float:right;} .form div.range div.rangeto input {text-align:right;} .form div.range input.slidertext {border:0px !important;background:transparent;} .form div.range div.inputtext {width:200px;} .form div.range div.slider { width:200px;} .form div.range div.slider-enabled { border: 1px solid #686868; margin-top:5px;} .form div.multiselect div.input select { height:auto;} .form div.input textarea { width:300px; min-height:2em;} .form div.tabs input { width:300px;} .form div.tabs ul li a { padding: 0.1em 1em;} .form div.tabs div.tab { padding: 0px;} .form div.checkboxgroup { margin-top: 10px; margin-bottom: 5px; } .form div.checkboxgroup div.input div.checkbox { padding-bottom: 4px; } .form div.checkboxgroup div.input input { width: 2em; border: none; } .form div.checkboxgroup div.input label {float:none;} .form div.title:not(.field) { clear: both; font-weight: bold; font-size: 1.2em; margin-top: 15px; margin-bottom: 10px; } .form div.subtitle:not(.field) { clear: both; color: #000000; font-weight: bold; font-size: 1.1em; margin: 15px 0; } .form div.description { font-style: italic; } .form div.input div.x-tab-panel input {} .form div.input div.x-tab-panel textarea { width: 98%; } .form .buttonbar { margin-top: 10px; } .form .buttonbar .buttonreset { display: inline; } .form .buttonbar .buttonreset input.button { padding:2px; } .form .buttonbar .button { display: inline; } .form .buttonbar .button input.button { padding:2px; } .form div.captcha div.input div.captchaimage {float:left; width:60px; height:1.8em; margin-right:5px; background:#000000;} .form div.captcha div.input input {width:135px;} .form div.hidden div.clearer { height: 0; font-size: 0; line-height: 0; } .form div.clearer { height: 0; font-size: 0; line-height: 0; } .form form div.sizespread .label {float:none; width:100%; margin:0;} .form form div.sizespread div.input {float:none; width:100%; margin:0;} .form div.sizespread div.input input, .form div.sizespread div.input select, .form div.sizespread div.input textarea {width:100%;} #ui-datepicker-div {z-index:1000 !important;} /******************************** * Form-To-Mail * @mark-up: not ok * @fwprefix: yes * @w3c-valid: xhtml-1.0-transitional ********************************/ div.fwformtomail { } div.fwformtomail span.mail-frm-success { color: #00ff00; } div.fwformtomail span.mail-frm-err { color: #ff0000; } div.fwformtomail table.mail-tbl { width: 100%; margin-top: 1em; } div.fwformtomail table.mail-tbl form.mail-frm { margin: 0; } div.fwformtomail table.mail-tbl-tit { font-weight: bold; } div.fwformtomail table.mail-tbl-frm { width: 100%; } div.fwformtomail table.mail-tbl-msg {} div.fwformtomail table.mail-tbl form.mail-frm .mail-tbl-but { margin: 1em 0 0 0; } div.fwformtomail table.mail-tbl form.mail-frm .mail-tbl-but-send {} div.fwformtomail table.mail-tbl form.mail-frm .mail-tbl-but-edit {} div.fwformtomail table.mail-tbl form.mail-frm .mail-tbl-but-delete {} div.fwformtomail table.mail-tbl form.mail-frm .mail-tbl-but-reset {} div.fwformtomail table.mail-tbl form.mail-frm table.mail-tbl-frm td { padding: 0.25em 1em 0.25em 0; vertical-align: top; } div.fwformtomail table.mail-tbl form.mail-frm table.mail-tbl-frm td.mail-frm-td-req {} div.fwformtomail table.mail-tbl form.mail-frm table.mail-tbl-frm td.mail-frm-td-lbl { width: 30%; } div.fwformtomail table.mail-tbl form.mail-frm table.mail-tbl-frm td.mail-frm-td-lbl span.mail-frm-txt {} div.fwformtomail table.mail-tbl form.mail-frm table.mail-tbl-tit td.mail-frm-td-lbl span.mail-frm-tit { font-weight: bold; } div.fwformtomail table.mail-tbl form.mail-frm table.mail-tbl-msg td.mail-frm-td-lbl span.mail-frm-msg {} div.fwformtomail table.mail-tbl form.mail-frm table.mail-tbl-frm td.mail-frm-td-lbl span.mail-frm-fld-err { color: #ff0000; } div.fwformtomail table.mail-tbl form.mail-frm table.mail-tbl-frm td.mail-frm-td-val { width: 70%; } div.fwformtomail table.mail-tbl form.mail-frm table.mail-tbl-frm td.mail-frm-td-val .mail-frm-inp { width: 98%; } div.fwformtomail table.mail-tbl form.mail-frm table.mail-tbl-frm td.mail-frm-td-val .mail-frm-opt {} div.fwformtomail table.mail-tbl form.mail-frm table.mail-tbl-frm td.mail-frm-td-val .mail-frm-rad {} div.fwformtomail table.mail-tbl form.mail-frm table.mail-tbl-frm td.mail-frm-td-val .mail-frm-inpa { width: 98%; height: 4em;} div.fwformtomail table.mail-tbl form.mail-frm table.mail-tbl-frm td.mail-frm-td-val .mail-frm-upl {} div.fwformtomail table.mail-tbl form.mail-frm table.mail-tbl-frm td.mail-frm-td-val .mail-frm-sel { width: 50%; } div.fwformtomail table.mail-tbl form.mail-frm table.mail-tbl-frm td.mail-frm-td-val .mail-frm-cap { width: 4.6em; display: inline; vertical-align: middle; } div.fwformtomail table.mail-tbl form.mail-frm table.mail-tbl-frm td.mail-frm-td-val .mail-cap-img { width:60px; height:20px; border:none; display: inline; vertical-align: middle; } /******************************** * Form-Shop * @mark-up: not ok * @fwprefix: yes * @w3c-valid: xhtml-1.0-transitional ********************************/ /* article-detailview */ div.fwformshop table.formshop-art { width: 100%; margin: 0 0 1em; border-collapse: collapse; border: 1px solid #e6e6e6; } div.fwformshop table.formshop-art td { vertical-align: top; padding: 1em; border-bottom: 1px solid #e6e6e6; } div.fwformshop table.formshop-art input { width: 3em; } div.fwformshop table.formshop-art div.title { font-weight: bold; margin: 0 0 0.5em 0; } div.fwformshop table.formshop-art div.description { margin: 0 0 0.5em 0; } div.fwformshop table.formshop-art select { width: 8em; margin: 0 0 0.5em 0; } /* details-popup */ div.fwformshop-popup { margin: 1em; } div.fwformshop-popup div.popup-left { margin: 0 1em 1em 0; } div.fwformshop-popup div.popup-right { margin: 0 1em 1em 0; } div.fwformshop-popup div.popup-description { margin: 0 0 1em 0; } div.fwformshop-popup div.popup-close { font-weight: bold; } /* form */ div.fwformshop div.formshop-frm { padding: 1em; border: 1px solid #e6e6e6; } /* form txt above */ div.fwformshop div.formshop-txt-above { margin-bottom: 0.5em; } /* adress */ div.fwformshop div.formshop-frm table.formshop-form-adress { width: 100%; margin: 0.5em 0; } div.fwformshop div.formshop-frm table.formshop-form-adress td { padding: 0 0.5em 0 0; } div.fwformshop div.formshop-frm table.formshop-form-adress td.captcha img { vertical-align:middle; } /* payment */ div.fwformshop div.formshop-frm div.formshop-txt-pay { margin: 0.5em 0; font-weight: bold; } div.fwformshop div.formshop-frm div.formshop-txt-tot { margin: 0.5em 0; } div.fwformshop div.formshop-frm div.formshop-txt-tot input { width: 4em; } div.fwformshop div.formshop-frm div.formshop-txt-but { margin: 1em 0; } div.fwformshop div.formshop-frm div.formshop-txt-below { margin: 0.5em 0; } div.fwformshop div.formshop-frm table.formshop-form-pay { width: 100%; } div.fwformshop div.formshop-frm table.formshop-form-pay td.lbl { width: 30%; } div.fwformshop div.formshop-frm table.formshop-form-pay td.inp { width: 70%; } div.fwformshop div.formshop-frm table.formshop-form-pay td.inp select.largeinp { width: 100%; } div.fwformshop div.formshop-frm table.formshop-form-pay td.inp input.largeinp { width: 99%; } div.fwformshop div.formshop-frm table.formshop-form-pay td.inp .smallinp { width: 3.5em; } div.fwformshop div.formshop-frm table.formshop-form-pay input.small { width: 20%; } /* message */ div.fwformshop .formshop-message { color: red; margin: 0.5em 0; } /******************************** * Shop * @mark-up: ? * @fwprefix: no * @w3c-valid: ? ********************************/ div.shop {} div.shop div.messages { margin-bottom: 10px; } div.shop div.messages div.success { font-weight: bold; color: green; } div.shop div.messages div.error { font-weight: bold; color: red; } div.shop div.menu { width: 100%; background-color: #000000; text-align: right; } div.shop div.menu a { color: #e6e6e6; } div.shop div.menu div.selected a { color: #6699ff; } div.shop div.menu div.productlist { padding: 5px; display: inline; } div.shop div.menu div.basket { padding: 5px; display: inline; } div.shop div.menu div.cash { padding: 5px; display: inline; } div.shop div.title {padding-top:5px; padding-bottom:5px;} div.shop div.categorypath { margin-top: 10px; margin-bottom: 10px; } div.shop div.productlist {} div.shop div.productlist div.product { clear: both; } div.shop div.productlist div.product div.productimage { float: left; } div.shop div.productlist div.product div.productimage img { border: 0; } div.shop div.productlist div.product div.productnumber { margin-left: 110px; } div.shop div.productlist div.product div.productname { margin-left: 110px; font-weight: bold; } div.shop div.productlist div.product div.productdescription { margin-left: 110px; margin-bottom: 20px; } div.shop div.productlist div.product div.amount { margin-left: 10px; display: inline; float: left; } div.shop div.productlist div.product div.productprice { margin-left: 20px; display: inline; float: left; } div.shop div.productlist div.product div.productvariation { margin-left: 20px; display: inline; float: left; } div.shop div.productlist div.product div.productvariation div.variation label { width: 150px; display: block; } div.shop div.productlist div.product div.basket { display: inline; float: right; } div.shop div.productlist div.category { clear: both; } div.shop div.productlist div.category div.categoryimage { float: left; } div.shop div.productlist div.category div.categoryimage img { border: 0; margin-right: 10px; margin-bottom:10px;} div.shop div.productlist div.category div.categoryname { font-weight: bold; font-size:1.2em;} div.shop div.productlist div.category div.categorydescription { margin-bottom: 20px; } div.shop div.productlist div.navigation { clear: both; margin-top: 10px; margin-bottom: 10px; } div.shop div.productlist div.separator { clear: both; height: 20px; } div.shop div.productdetail {} div.shop div.productdetail div.title {font-weight:bold; float:left; width: 150px;} div.shop div.productdetail div.productname {font-weight: bold;} div.shop div.productdetail div.productdescription {clear:both; margin-bottom:10px;} div.shop div.productdetail div.productnumber {margin-bottom:10px;} div.shop div.productdetail div.productprice {margin-bottom:10px;} div.shop div.productdetail div.productvariations input.text {width:200px;} div.shop div.productdetail div.productvariations select {width:200px;} div.shop div.productdetail div.productvariations div.checkboxes {margin-left:150px;margin-top:20px;} div.shop div.productdetail div.productvariation {margin-bottom:10px;} div.shop div.productdetail div.discount {margin-bottom:10px;} div.shop div.productdetail div.amount {clear:both; float:left; margin-right:10px;margin-bottom:10px;} div.shop div.productdetail div.productimage {clear:both; float:left; } div.shop div.productdetail div.productimage img {margin-right: 10px; margin-bottom:10px;} div.shop div.productdetail div.productdescription2 { margin-bottom:10px;} div.shop table.basket {} div.shop table.basket tr.header { font-weight: bold; background: #e6e6e6; } div.shop table.basket tr td { vertical-align: top; padding-top:5px; padding-bottom:5px;} div.shop table.basket tr td input { margin: 0; padding: 0; } div.shop div.cash {} div.shop div.cash div.title { font-weight: bold; background: #e6e6e6; margin-top: 10px; } div.shop div.cash div.subtitle { margin-top: 10px; font-weight: bold; } div.shop div.cash div.description { margin-bottom: 10px; margin-top: 5px; } /* div.shop div.cash div.label { float: left; } div.shop div.cash div.input { margin-left: 150px; height: 25px; } div.shop div.cash div.button { margin-left: 150px; vertical-align: baseline; } */ div.shop div.cash div.buttonbar {padding-left: 150px;} div.shop div.cash div.button div.remind { display: inline; } div.shop div.cash div.paymentmethod {} div.shop div.cash div.paymentmethods div.paymentmethod {} div.shop div.cash div.paymentmethods div.paymentmethod div.pmcomment { display: inline; font-style: italic; } div.shop div.cash div.comment div.input { height: 100px; } div.shop div.cash div.agb { margin-top: 20px; } div.shop div.cash div.agb div.checkbox { display: inline; } div.shop div.cash div.agb div.text { display: inline; } div.shop div.cash div.newsletter { margin-top: 20px; } div.shop div.cash div.newsletter div.checkbox { display: inline; } div.shop div.cash div.newsletter div.text { display: inline; } div.shop div.cash div.continuebutton { margin-top: 20px; } div.shop div.cash table.receipt tr.header { font-weight: bold; background: #e6e6e6; } div.shop div.cash table.receipt td.title { font-weight: bold; } div.shop div.cash table.receipt td {padding-top:5px; padding-bottom:5px; vertical-align:top;} div.shop div.request label {width:150px; float:left; margin:3px;} div.shop div.request input {margin-bottom:3px; margin-top:3px; width:250px;} div.shopnavigation {} div.shopnavigation ul {margin:0px; list-style:none;} div.shopnavigation li.menuitem1 {} div.shopnavigation li.menuitem2 { margin-left: 10px; } div.shopnavigation li.menuitem3 { margin-left: 20px; } div.shopnavigation li.menuitem4 { margin-left: 30px; } div.shopnavigation li a.menuitemselected { font-weight: bold; } div.shopsearch {} div.shopsearch div.title {display:none} div.shopsearch input.text {float:left;} div.shopsearch input.button {border:none; background:url(shopsearch.gif) no-repeat; font-size:0pt; width:22px; height:22px; cursor:pointer;} /******************************** * DB: Text * @mark-up: not ok * @fwprefix: no * @w3c-valid: xhtml-1.0-transitional ********************************/ table.text {} table.text td {} /******************************** * DB: Form * @mark-up: not ok * @fwprefix: no * @w3c-valid: xhtml-1.0-transitional ********************************/ form.frm-frm {} form.frm-frm table.text {} form.frm-frm table.text td {} /******************************** * DB: Table * @mark-up: not ok * @fwprefix: no * @w3c-valid: xhtml-1.0-transitional ********************************/ table.tab { border-spacing: 0; border: 0; border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; } table.tab th, table.tab td { height: 1.25em; border: 0; border-bottom: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; } /* first col */ table.tab td.f {} /* headline */ table.tab td.h { font-weight: bold; } table.tab td.h a { font-family: sans-serif; } /* alternating lines */ table.tab td.i1 { background-color:#D0D0D0; } table.tab td.i1 a { text-decoration: none; } table.tab td.i0 {} table.tab td.i0 a { text-decoration: none; } /******************************** * DB: Filter * @mark-up: not ok * @fwprefix: no * @w3c-valid: ? ********************************/ .dbflt-frm { background-color: #FFFFFF; } .dbflt-tbl { background-color: #FFFFFF; width: 200px; margin: 0 0 0 10px; } .dbflt-tbl-frm { width: 75%; background-color: #FFFFFF; } .dbflt-tbl-but { text-align: center; width: 100%; } .dbflt-frm-sel { } .dbflt-frm-inp { } .dbflt-frm-but { text-align: center; background-color: #FFFFFF; } .dbflt-frm-but-search { font-weight: normal; color: #990000; text-align: center; border: 1px outset #aca899; background-color: #E0E0E0; } .dbflt-frm-but-del { font-weight: normal; color: #990000; text-align: center; border: 1px outset #aca899; background-color: #E0E0E0; } .dbflt-frm-txt { color:#000000; } /******************************** * Recommend Form * @mark-up: ? * @fwprefix: no * @w3c-valid: ? ********************************/ div.recommend {} div.recommend div.error { font-weight: bold; color: red; margin-bottom: 10px; } div.recommend div.success { font-weight: bold; margin-bottom: 10px; } div.recommend div.backlink {} div.recommend div.to { margin-bottom: 10px; } div.recommend div.from { margin-bottom: 10px; } div.recommend div.fromname { margin-bottom: 10px; } div.recommend div.comment { margin-bottom: 10px; } div.recommend div.captcha { margin-bottom: 10px; } div.recommend div.to div.label { float: left; } div.recommend div.to div.input { margin-left: 200px; } div.recommend div.from div.label { float: left; } div.recommend div.from div.input { margin-left: 200px; } div.recommend div.fromname div.label { float: left; } div.recommend div.fromname div.input { margin-left: 200px; } div.recommend div.input {} /******************************** * Recommend-Link (Seite weiterempfehlen) * @mark-up: ? * @fwprefix: no * @w3c-valid: ? *******************************/ .rcmd-link-table { width: 50%; } .rcmd-link-txt { font-size: 13px; vertical-align: top; } /******************************** * Recommend-Form (Seite weiterempfehlen) * @mark-up: ? * @fwprefix: no * @w3c-valid: ? ********************************/ p.rcmd-form-tit { color: black; font-weight: bold; font-size: 13px; margin-top: 10px; margin-bottom: 5px; } .rcmd-form-table { width: 50%; } .rcmd-form-txt { font-size: 13px; vertical-align: top; } .rcmd-form-inp { font-size:12px; width: 150pt; } .rcmd-form-but-sd { font-size:12px; border: 2px outset #aca899; background-color: #ece9d8; padding: 0; } .rcmd-form-inpa { font-size:12px; overflow: auto; width: 150pt; height: 50pt; } /******************************** * Survey * @mark-up: ok * @fwprefix: yes * @w3c-valid: xhtml-1.0-transitional ********************************/ div.fwsurvey {} div.fwsurvey form { padding: 1em; border: 1px solid #e6e6e6; } div.fwsurvey div.survey-selection {} div.fwsurvey div.survey-selection div.survey-selection-entry {} div.fwsurvey div.survey-selection div.survey-selection-entry-linkwidthimage div.survey-selection-link { vertical-align: middle; display: inline; margin-right: 1em; } div.fwsurvey div.survey-selection div.survey-selection-entry-linkwidthimage div.survey-selection-link a { vertical-align: middle; display: inline; } div.fwsurvey div.survey-selection div.survey-selection-entry-linkwidthimage div.survey-selection-link-image { vertical-align: middle; display: inline; } div.fwsurvey div.survey-selection div.survey-selection-entry-linkwidthimage div.survey-selection-link-image a { vertical-align: middle; display: inline; } div.fwsurvey div.survey-selection div.survey-selection-entry-linkwidthimage div.survey-selection-link-image a img { vertical-align: middle; display: inline; } div.fwsurvey div.survey-selection select {} div.fwsurvey p.survey-title { font-weight: bold; margin: 0 0 0.75em 0; } div.fwsurvey p.survey-textintro { font-style: italic; margin: 0.75em 0; } div.fwsurvey div.survey-question { margin: 0.75em 0; } div.fwsurvey div.survey-question div.survey-txtquestion { font-weight: bold; margin: 0.75em 0; } div.fwsurvey div.survey-question div.survey-answer input { margin-right: 1em; } div.fwsurvey div.survey-captcha { margin: 0.75em 0; } div.fwsurvey div.survey-captcha img { display: inline; vertical-align: middle; } div.fwsurvey div.survey-captcha input { display: inline; vertical-align: middle; } div.fwsurvey div.survey-submit { margin: 0.75em 0 0 0; } div.fwsurvey-result {} div.fwsurvey-result p.survey-title { font-weight: bold; margin-bottom: 0.75em; } div.fwsurvey-result p.survey-textintro { font-style: italic; margin: 0.75em 0; } div.fwsurvey-result div.survey-question { margin: 0.75em 0; } div.fwsurvey-result div.survey-question div.survey-txtquestion { font-weight: bold; margin: 0.75em 0; } div.fwsurvey-result div.survey-question table.survey-result-text { } div.fwsurvey-result div.survey-question table.survey-result-text td { padding: 0 0.5em; } div.fwsurvey-result div.survey-question table.survey-result-text .i0 {} div.fwsurvey-result div.survey-question table.survey-result-text .i1 { background: #E6E6E6; } /******************************** * Survey new * @mark-up: ok * @fwprefix: yes * @w3c-valid: todo ********************************/ div.fwsurvey { } div.fwsurvey div.results { } div.fwsurvey div.results ul.questions { } div.fwsurvey div.results ul.questions li.question { } div.fwsurvey div.results ul.questions li.question div.chart { position: relative; } div.fwsurvey div.results ul.questions li.question div.chart legend { position: absolute; right: 0; top: 0; width: auto; } div.fwsurvey div.results ul.questions li.question div.chart legend ul { display: block; font-size: .6em; list-style: none; margin: 0; padding: 0; } div.fwsurvey div.results ul.questions li.question div.chart legend ul li { display: block; } div.fwsurvey div.results ul.questions li.question div.chart legend ul li > span { color: #FFF; display: block; padding: .2em .5em; text-shadow: 1px 1px 0 #000; } div.fwsurvey div.results ul.questions li.question div.chart legend ul li > span .result-label { } div.fwsurvey div.results ul.questions li.question div.chart legend ul li > span .result-percentage { float: right; } /******************************** * Documentmanagement 1 (element template) * @mark-up: not ok * @fwprefix: yes * @w3c-valid: xhtml-1.0-transitional ********************************/ div.fwdocumentmanagement1 {} /* element title */ div.fwdocumentmanagement1 .fwtitle1 {} /* categories */ div.fwdocumentmanagement1-categories {} /* title categories */ div.fwdocumentmanagement1-categories table.text0 p { margin: 0 0 1em 0; font-weight: bold; font-size: 1.5em; } /* categories entries */ div.fwdocumentmanagement1-categories table.tab0 { width: 100%; border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; } div.fwdocumentmanagement1-categories table.tab0 td { height: 1.25em; text-align: left; padding: 0.5em; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; } div.fwdocumentmanagement1-categories table.tab0 td p { margin: 0; padding: 0; } /* categories navigation */ div.fwdocumentmanagement1-categories table.text1 { margin: 0 auto; width: auto; } div.fwdocumentmanagement1-categories table.text1 td { padding: 1em 0; } div.fwdocumentmanagement1-categories table.text1 td p { margin: 0; } /* categories noentries */ div.fwdocumentmanagement1-categories table.text2 { } /* category */ div.fwdocumentmanagement1-category {} /* path */ div.fwdocumentmanagement1-category table.text0 { margin: 0 0 4em 0; } div.fwdocumentmanagement1-category table.text0 td p { margin: 0; } div.fwdocumentmanagement1-category table.text0 td div.path { font-weight: bold; } div.fwdocumentmanagement1-category table.text0 td div.category-description { font-weight: normal; margin-top: 1em; } /* title subcategories */ div.fwdocumentmanagement1-category table.text1 { margin: 0 0 1em 0; } div.fwdocumentmanagement1-category table.text1 td { font-weight: bold; font-size: 1.5em; } div.fwdocumentmanagement1-category table.text1 td p { margin: 0; } /* subcategories */ div.fwdocumentmanagement1-category table.tab0 { width: 100%; border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; margin: 0; } div.fwdocumentmanagement1-category table.tab0 td { height: 1.25em; text-align: left; padding: 0.5em; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; } div.fwdocumentmanagement1-category table.tab0 td p { margin: 0; } /* subcategories navigation */ div.fwdocumentmanagement1-category table.text2 { margin: 0 auto 2em auto; width: auto; } div.fwdocumentmanagement1-category table.text2 td p { margin: 0; } /* title documents */ div.fwdocumentmanagement1-category table.text3 { margin: 0 0 1em 0; } div.fwdocumentmanagement1-category table.text3 td { font-weight: bold; font-size: 1.5em; } div.fwdocumentmanagement1-category table.text3 td p { margin: 0; } /* documents */ div.fwdocumentmanagement1-category table.tab1 { width: 100%; border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; margin: 0; } div.fwdocumentmanagement1-category table.tab1 td { height: 1.25em; text-align: left; padding: 0.5em; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; } div.fwdocumentmanagement1-category table.tab1 td p { margin: 0; } /* documents navigation */ div.fwdocumentmanagement1-category table.text4 { margin: 0 auto; width: auto; } div.fwdocumentmanagement1-category table.text4 td p { margin: 0; } /* no documents */ div.fwdocumentmanagement1-category table.text5 { } /* documententry */ div.fwdocumentmanagement1-documententry {} /* path */ div.fwdocumentmanagement1-documententry table.text0 { margin: 0 0 2em 0; } div.fwdocumentmanagement1-documententry table.text0 td p { margin: 0; } div.fwdocumentmanagement1-documententry table.text0 td div.path { font-weight: bold; } div.fwdocumentmanagement1-documententry table.text0 td div.document-description { font-weight: normal; margin-top: 1em; } /* files */ div.fwdocumentmanagement1-documententry table.tab0 { width: 100%; border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; margin: 0; } div.fwdocumentmanagement1-documententry table.tab0 td { height: 1.25em; text-align: left; padding: 0.5em; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; } div.fwdocumentmanagement1-documententry table.tab0 td p { margin: 0; vertical-align: middle; } div.fwdocumentmanagement1-documententry table.tab0 td img { display: inline; vertical-align: middle; margin-right: 0.5em; } div.fwdocumentmanagement1-documententry table.tab0 td a { vertical-align: middle; } div.fwdocumentmanagement1-documententry table.tab0 td.h img { vertical-align: baseline; margin-right: 0; } div.fwdocumentmanagement1-documententry table.tab0 td.h a { vertical-align: baseline; } div.fwdocumentmanagement1-documententry table.tab0 td.h p { vertical-align: baseline; } /* links */ div.fwdocumentmanagement1-links {} /* link entries */ div.fwdocumentmanagement1-links table.tab0 { width: 100%; border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; margin: 0; } div.fwdocumentmanagement1-links table.tab0 td { height: 1.25em; text-align: left; padding: 0.5em; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; } div.fwdocumentmanagement1-links table.tab0 td p { margin: 0; } /* links navigation */ div.fwdocumentmanagement1-links table.text0 { margin: 0 auto; width: auto; } div.fwdocumentmanagement1-links table.text0 td p { margin: 0; } /******************************** * ArticleList * @mark-up: ? * @fwprefix: no * @w3c-valid: ? ********************************/ div.articlelist {} div.articlelist div.title {} div.articlelist div.articles {} div.articlelist div.articles div.i0 {} div.articlelist div.articles div.i1 {} div.articlelist div.articles div.item div.image { padding-right: 10px; float: left; } div.articlelist div.articles div.item div.image img { border: 0; } div.articlelist div.articles div.item div.date { margin-left: 110px; } div.articlelist div.articles div.item div.location { margin-left: 110px; } div.articlelist div.articles div.item div.title { font-weight: bold; margin-left: 110px; } div.articlelist div.articles div.item div.lead { margin-left: 110px; } div.articlelist div.articles div.item div.more { margin-left: 110px; } div.articlelist div.articles div.item div.more a { } div.articlelist div.articles div.item div.end { clear: both; } div.articlelist div.articles div.separator { height: 20px; } div.articlelist div.dirs {} div.articlelist div.dirs div.link { font-weight: bold; } div.article {} div.article div.title { font-weight: bold; margin-bottom: 10px; } div.article div.image { margin-bottom: 10px; } div.article span.location { font-weight: normal; } div.article div.maintext { font-weight: bold; margin-bottom: 10px; } div.article div.author {} div.article div.text {} /******************************** * Messages * @mark-up: ? * @fwprefix: no * @w3c-valid: ? ********************************/ div.messages {} div.messages div.success { font-weight: bold; color: green; } div.messages div.error { font-weight: bold; color: red; } /******************************** * Google Map * @mark-up: ? * @fwprefix: no * @w3c-valid: ? ********************************/ div.googlemap {} /******************************** * Google Search * @mark-up: ? * @fwprefix: no * @w3c-valid: ? ********************************/ /* Search Box */ div.google-search-control {} div.google-search-control table.google-search-box input.gsc-input { padding-left : 2px; border-style : solid; border-width : 1px; border-color : #BCCDF0; width : 100%; } div.google-search-control table.google-search-box input.gsc-search-button { margin-left : 2px; } div.google-search-control table.gsc-branding { border-style : none; border-width : 0; border-spacing : 0 0; width : 100%; } div.google-search-control table.gsc-branding td.gsc-branding-text { vertical-align : top; } div.google-search-control table.gsc-branding td.gsc-branding-text div.gsc-branding-text { padding-bottom : 2px; padding-top : 1px; text-align : right; color : #676767; font-size : 11px; margin-right : 2px; } div.google-search-control table.gsc-branding td.gsc-branding-img { width : 65px; vertical-align : bottom; } div.google-search-control table.gsc-branding td.gsc-branding-img img.gsc-branding-img { padding-top : 2px; border: none; display : inline; } /* Control */ div.google-resultview {} div.google-resultview form.gsc-search-box { display: none; } div.google-resultview div.gsc-control { width: 575px; } div.google-resultview div.gsc-control div.gsc-tabsArea { clear: both; margin-top: 6px; } div.google-resultview div.gsc-control div.gsc-tabsAreaInvisible { display : none; } div.google-resultview div.gsc-control div.gsc-tabsArea div.gsc-tabHeader { display: inline; cursor: pointer; padding-left: 6px; padding-right: 6px; margin-right: 2px; } div.google-resultview div.gsc-control div.gsc-tabsArea div.gsc-tabHeader.gsc-tabhActive { border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; border-top: 2px solid #ff9900; color: black; } div.google-resultview div.gsc-control div.gsc-tabsArea div.gsc-tabHeader.gsc-tabhInactive { border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; border-top: 2px solid #e9e9e9; background: #e9e9e9; color: #676767; } div.google-resultview div.gsc-control div.gsc-resultsbox-visible { display : block; } div.google-resultview div.gsc-control div.gsc-resultsbox-invisible { display : none; } div.google-resultview div.gsc-control div.gsc-resultsbox-visible div.gsc-tabData.gsc-tabdActive { display: block; } div.google-resultview div.gsc-control div.gsc-resultsbox-visible div.gsc-tabData.gsc-tabdInactive { display: none; } div.google-resultview div.gsc-control div.gsc-resultsbox-visible div.gsc-tabData div.gsc-title { display: none; } div.google-resultview div.gsc-control div.gsc-resultsbox-visible div.gsc-tabData div.gsc-stats { display: none; } div.google-resultview div.gsc-control div.gsc-resultsbox-visible div.gsc-tabData div.gsc-results-selector { display : none; } div.google-resultview div.gsc-control div.gsc-resultsbox-visible div.gsc-tabData div.gsc-results { clear: both; padding-bottom: 2px; } div.google-resultview div.gsc-control div.gsc-resultsbox-visible div.gsc-tabData div.gsc-results div.gsc-result { margin-bottom: 10px; } div.google-resultview div.gsc-control div.gsc-resultsbox-visible div.gsc-tabData div.gsc-results div.gsc-result div.gs-title { height: 1.4em; overflow: hidden; } div.google-resultview div.gsc-control div.gsc-resultsbox-visible div.gsc-tabData div.gsc-results div.gsc-result div.gs-watermark { display: none; } div.google-resultview div.gsc-control div.gsc-resultsbox-visible div.gsc-tabData div.gsc-results div.gsc-result img.gs-ad-marker { display: none; } div.google-resultview div.gsc-control div.gsc-resultsbox-visible div.gsc-tabData div.gsc-videoResult .gs-videoResult .gs-title { line-height: 1.3em; height: 1.3em; overflow: hidden; } div.google-resultview div.gsc-control div.gsc-resultsbox-visible div.gsc-tabData div.gsc-videoResult .gs-videoResult .gs-snippet { line-height: 1.3em; max-height: 2.6em; overflow: hidden; } div.google-resultview div.gsc-control div.gsc-resultsbox-visible div.gsc-tabData div.gsc-results .gsc-trailing-more-results { margin-bottom : 10px; } div.google-resultview div.gsc-control div.gsc-resultsbox-visible div.gsc-tabData div.gsc-results .gsc-trailing-more-results, div.google-resultview div.gsc-control div.gsc-resultsbox-visible div.gsc-tabData div.gsc-results .gsc-trailing-more-results * { color: #0000cc; text-decoration: underline; } div.google-resultview div.gsc-control div.gsc-resultsbox-visible div.gsc-tabData table.gsc-resultsHeader { clear: both; width: 560px; border-bottom: 1px solid #e9e9e9; margin-bottom : 4px; } div.google-resultview div.gsc-control div.gsc-resultsbox-visible div.gsc-tabData table.gsc-resultsHeader .gsc-configLabel { display: none; } /* Results */ div.google-resultview div.gsc-control div.gsc-resultsbox-visible div.gsc-tabData div.gsc-results div.gs-result a.gs-title, div.google-resultview div.gsc-control div.gsc-resultsbox-visible div.gsc-tabData div.gsc-results div.gs-result div.gs-title { color: #0000cc; text-decoration: underline; } div.google-resultview div.gsc-control div.gsc-resultsbox-visible div.gsc-tabData div.gsc-results div.gs-result a.gs-visibleUrl, div.google-resultview div.gsc-control div.gsc-resultsbox-visible div.gsc-tabData div.gsc-results div.gs-result div.gs-visibleUrl { color: #008000; text-decoration: none; } div.google-resultview div.gsc-control div.gsc-resultsbox-visible div.gsc-tabData div.gsc-results div.gsc-ad-box div.gs-divider { padding-bottom: 8px; text-align: center; color: #676767; } div.google-resultview div.gsc-control div.gsc-resultsbox-visible div.gsc-tabData div.gsc-results div.gs-result img.gs-image { vertical-align : middle; border : 1px solid #0000cc; } div.google-resultview div.gsc-control div.gsc-resultsbox-visible div.gsc-tabData div.gsc-results .gs-publisher { color: #008000; text-decoration: underline; } div.google-resultview div.gsc-control div.gsc-resultsbox-visible div.gsc-tabData div.gsc-results div.gs-relativePublishedDate, div.google-resultview div.gsc-control div.gsc-resultsbox-visible div.gsc-tabData div.gsc-results div.gs-publishedDate { color: #6f6f6f; text-decoration: none; } div.google-resultview div.gsc-control div.gsc-resultsbox-visible div.gsc-tabData div.gsc-results div.gs-result .gs-directions-to-from { display : none; } div.google-resultview div.gsc-control div.gsc-resultsbox-visible div.gsc-tabData div.gsc-results div.gs-result .gs-directions, div.google-resultview div.gsc-control div.gsc-resultsbox-visible div.gsc-tabData div.gsc-results div.gs-result .gs-directions * { color: #7777cc; font-weight: normal; text-decoration : underline; cursor : pointer; } div.google-resultview div.gsc-control div.gsc-resultsbox-visible div.gsc-tabData div.gsc-results div.gs-webResult div.gs-visibleUrl-long { display : none; } div.google-resultview div.gsc-control div.gsc-resultsbox-visible div.gsc-tabData div.gsc-results div.gs-city { display: inline; } div.google-resultview div.gsc-control div.gsc-resultsbox-visible div.gsc-tabData div.gsc-results div.gs-region { display: inline; } div.google-resultview div.gsc-control div.gsc-resultsbox-visible div.gsc-tabData div.gsc-results div.gs-country { display: none; } div.google-resultview div.gsc-control div.gsc-resultsbox-visible div.gsc-tabData div.gsc-results .gs-videoResult * {} div.google-resultview div.gsc-control div.gsc-resultsbox-visible div.gsc-tabData div.gsc-results .gs-videoResult td div.gs-image-box { width : 110px; height : 78px; } div.google-resultview div.gsc-control div.gsc-resultsbox-visible div.gsc-tabData div.gsc-results .gs-videoResult td div.gs-text-box { vertical-align: top; margin-left: 4px; } /******************************** * Search * @mark-up: ? * @fwprefix: no * @w3c-valid: ? ********************************/ table.search { background-color: #E0E0E0; border-width: 1px; border-color: #D4D0C8; } td.search { border: none; } /******************************** * Search * @mark-up: ? * @fwprefix: no * @w3c-valid: ? ********************************/ div.rsearch {} div.rsearch div.searchform {} div.rsearch div.searchresult {} div.rsearch div.searchresult div.head { margin-bottom: 10px; font-style: italic; } div.rsearch div.searchresult div.item { margin-bottom: 10px; } div.rsearch div.searchresult div.item div.itemtitle { font-weight: bold; } div.rsearch div.searchresult div.item .highlight { font-weight: bold; } div.rsearch div.searchresult div.item div.itemurl { float: left; } div.rsearch div.searchresult div.item div.itemsize {} div.rsearch div.searchresult table.navigation { margin-bottom: 20px; } div.fwsearch {} div.fwsearch div.searchform {} div.fwsearch div.searchresult div.head { margin-bottom: 10px; font-style: italic; } div.fwsearch div.searchresult .item { margin-bottom: 10px; } div.fwsearch div.searchresult .item .title { font-weight: bold; } div.fwsearch div.searchresult .item .highlight { font-weight: bold; } div.fwsearch div.searchresult .item .url { float: left; } div.fwsearch div.searchresult .item .size {} /******************************** * Sitemap / Index * @mark-up: not ok * @fwprefix: no * @w3c-valid: xhtml-1.0-transitional ********************************/ /* sitemap */ div.fwsitemap { margin:-15px 0 0 0; } div.fwsitemap ul { list-style-type:none; margin:0; } div.fwsitemap div.item a, div.fwsitemap ul li a { text-decoration:none; } div.fwsitemap div.item1 { padding:15px 0 0; } div.fwsitemap ul.item1 li { padding:0 0 10px 0; } div.fwsitemap div.item2 { padding:5px 0 5px 15px; } div.fwsitemap ul.item2 li { padding:5px 0 5px 15px; } div.fwsitemap div.item3 { padding:0 0 0 30px; } div.fwsitemap ul.item3 li { padding:3px 0 3px 15px; } div.fwsitemap div.item4 { padding:0 0 0 45px; } div.fwsitemap ul.item4 li { padding:1px 0 1px 15px; } div.fwsitemap div.item5 { padding:0 0 0 60px; } div.fwsitemap ul.item5 li { padding:0 0 0 15px; } div.fwsitemap div.item6 { padding:0 0 0 75px; } div.fwsitemap div.item7 { padding:0 0 0 90px; } /* index */ div.index {} div.index div.found { font-style: italic; margin-bottom: 10px; } div.index div.linklist { font-weight: bold; margin-bottom: 10px; } div.index div.initialletter { font-style: italic; margin-top: 10px; } div.index div.keyword { font-weight: bold; } div.index div.item { padding-left: 10px; } /******************************** * RSS Anzeige * @mark-up: ? * @fwprefix: yes * @w3c-valid: ? ********************************/ div.fwrss {} div.fwrss div.list {} div.fwrss div.list div.item { margin-bottom: 20px; } div.fwrss div.list div.item div.image img { float: left; margin-right: 10px; margin-bottom: 10px; } div.fwrss div.list div.item div.date { float: right; } div.fwrss div.list div.item div.title { font-weight: bold; } /******************************** * Event Kalender * @mark-up: ? * @fwprefix: no * @w3c-valid: ? ********************************/ .fweventcalendar {} .fweventcalendar .list {list-style:none; margin:0px;} .fweventcalendar .list .item {clear:both; display:block; margin-bottom: 20px; } .fweventcalendar .list .item .image img { float: left; margin-right: 10px; margin-bottom: 10px; } .fweventcalendar .list .item .daterange { float: right; } .fweventcalendar .list .item .title { font-weight: bold; } .fweventcalendar .list .item .end { clear: both; } .fweventcalendar .list .item-divider {background-color: #E0E0E0; padding:5px; font-weight:bold;} .fweventcalendar .detail {margin-bottom: 20px;} .fweventcalendar .detail .title { font-weight: bold; margin-bottom: 10px; } .fweventcalendar .detail .description { margin-top: 10px; margin-bottom: 10px; } .fweventcalendar .detail .label { float: left; width: 150px; font-weight: bold; } .fweventcalendar .detail .value { margin-left:150px; } .fweventcalendar .back {margin-bottom: 20px;} .fweventcalendar .search { margin-bottom: 10px; } /* .fweventcalendar .search .label { float: left; width: 150px; font-weight: bold; } .fweventcalendar .search .value { margin-bottom: 5px; } .fweventcalendar .search .value input { width: 200px; } .fweventcalendar .search .value select { width: 200px; } */ .fweventcalendar .search .date .value .label { display:inline-block; width:40px; margin-right:5px; float:none; } .fweventcalendar .search .date .value input { display:inline-block; width: 150px; } .fweventcalendar .navigation { margin-bottom: 10px; } div.fwcalendar {} div.fwcalendar div.calendars table.month {float:left; margin-left:10px; margin-bottom:10px;} div.fwcalendar div.calendars table.month th a.prev {visibility:hidden;} div.fwcalendar div.calendars table.month th a.next {visibility:hidden;} div.fwcalendar div.calendars table.monthfirst th a.prev {visibility:visible;} div.fwcalendar div.calendars table.monthlast th a.next {visibility:visible;} div.fwcalendar table.month {} div.fwcalendar table.month th {white-space:nowrap;text-align:center;} div.fwcalendar table.month th a.prev {} div.fwcalendar table.month th a.next {} div.fwcalendar table.month td {text-align:center;} div.fwcalendar table.month td.weekday {color:gray} div.fwcalendar table.month td.cell {border: 1px solid silver; width:20px !important; height:20px !important;} div.fwcalendar table.month td.w0 {background:#e6e6e6;} div.fwcalendar table.month td.w6 {background:#e6e6e6;} div.fwcalendar table.month td.today {background: silver;} div.fwcalendar table.month td.outofmonth {border:none; color:gray;} div.fwcalendar table.month td.events span.events {font-weight:bold;} div.fwcalendar table.month td.events span.events a {text-decoration:none; color:#000000; font-weight:bold;} div.fwcalendar table.month td.outofmonth span.events a {text-decoration:none; color:gray; font-weight:bold;} div.fwcalendar table.month td.events div.eventspopup {border: 1px solid #000000; background: #FFFFE1; text-align:left;padding:2px; margin-top:15px; margin-left:15px; font-weight:normal;font-size:0.8em;} div.fwcalendar table.month td.events div.eventspopup div.event {margin-bottom:5px;} /******************************** * News 1 (element template) * @mark-up: not ok * @fwprefix: yes * @w3c-valid: xhtml-1.0-transitional ********************************/ /* latest news */ div.fwnews1-latest {} /* title */ div.fwnews1-latest .fwtitle1 {} /* dbtext news-entry variant 1 (horizontal) */ div.fwnews1-latest table.text0 { border: none; border-spacing: 0; } div.fwnews1-latest table.text0 td { border: none; border-spacing: 0; } div.fwnews1-latest table.text0 td div.newsentry { margin: 0 0 1em 0; } div.fwnews1-latest table.text0 td div.newsentry div.newsdate { margin: 0; float: left; margin-right: 1em; } div.fwnews1-latest table.text0 td div.newsentry div.newstitle { margin: 0; float: left; margin-right: 1em; } div.fwnews1-latest table.text0 td div.newsentry div.newssubtitle { margin: 0; float: left; margin-right: 1em; } div.fwnews1-latest table.text0 td div.newsentry div.newsmorelink { margin: 0; float: left; } div.fwnews1-latest table.text0 td div.newsentry div.clear { font-size: 0; line-height: 0; clear: both; height: 0; } /* dbtext news-entry variant 2 (vertical) */ div.fwnews1-latest table.text1 { border: none; border-spacing: 0; } div.fwnews1-latest table.text1 td { border: none; border-spacing: 0; } div.fwnews1-latest table.text1 td div.newsentry { margin: 0 0 1.5em 0; } div.fwnews1-latest table.text1 td div.newsentry div.newsdate { margin: 0; } div.fwnews1-latest table.text1 td div.newsentry div.newstitle { font-size: 1.5em; margin: 0 0 0.4em 0; font-weight: bold; } div.fwnews1-latest table.text1 td div.newsentry div.newssubtitle { margin: 0.5em 0; } div.fwnews1-latest table.text1 td div.newsentry div.newsmorelink { margin: 0.5em 0 0 0; } div.fwnews1-latest table.text1 td div.newsentry div.clear { font-size: 0; line-height: 0; clear: both; height: 0; } /* dbtext link to all news */ div.fwnews1-latest table.text2 td p { margin: 0; } /* news list */ div.fwnews1-list {} /* maintitle */ div.fwnews1-list .fwtitle1{} /* dbtext searchform */ div.fwnews1-list form.frm-frm {} div.fwnews1-list form.frm-frm table.text0 { width: 100%; border-spacing: 0; } div.fwnews1-list form.frm-frm table.text0 table.tbl-searchform { border-spacing: 0; } div.fwnews1-list form.frm-frm table.text0 table.tbl-searchform td { padding: 0.25em 1em 0.25em 0; vertical-align: top; } div.fwnews1-list form.frm-frm table.text0 table.tbl-searchform td.lbl { } div.fwnews1-list form.frm-frm table.text0 table.tbl-searchform td.val { } div.fwnews1-list form.frm-frm table.text0 table.tbl-searchform td.val input { width: 11em; } div.fwnews1-list form.frm-frm table.text0 table.tbl-searchform td.val select { width: 11.3em; } div.fwnews1-list form.frm-frm table.text0 table.tbl-searchform td.lbl-date-from { white-space: nowrap; } div.fwnews1-list form.frm-frm table.text0 table.tbl-searchform td.val-date-start { white-space: nowrap; } div.fwnews1-list form.frm-frm table.text0 table.tbl-searchform td.lbl-date-till { white-space: nowrap; } div.fwnews1-list form.frm-frm table.text0 table.tbl-searchform td.val-date-end { white-space: nowrap; } div.fwnews1-list form.frm-frm table.text0 table.tbl-searchform td.val-date-start input { width: 11em; } div.fwnews1-list form.frm-frm table.text0 table.tbl-searchform td.val-date-end input { width: 11em; } div.fwnews1-list form.frm-frm table.text0 table.tbl-searchform td.btn input.frm-frm-but { } /* dbtext list entries */ div.fwnews1-list table.text1 { width: 100%; margin: 0; } div.fwnews1-list table.text1 div.entry { margin: 2em 0; } div.fwnews1-list table.text1 div.entry h2.title { } div.fwnews1-list table.text1 div.entry h3.subtitle { } div.fwnews1-list table.text1 div.entry div.image { } div.fwnews1-list table.text1 div.entry div.image img { margin-right: 1em; margin-bottom: 0.5em; } div.fwnews1-list table.text1 div.entry div.float-left { float: left; } div.fwnews1-list table.text1 div.entry div.float-right { float: right; } div.fwnews1-list table.text1 div.entry div.details { font-size: 1em; } div.fwnews1-list table.text1 div.entry div.message { font-size: 1em; padding: 1.12em 0; } div.fwnews1-list table.text1 div.entry div.url { font-size: 1em; } div.fwnews1-list table.text1 div.entry div.clear { font-size: 0px; line-height: 0px; } /* dbtext navigation */ div.fwnews1-list table.text2 { margin: 0 auto; } /* news detailview */ div.fwnews1-detailview {} /* maintitle */ div.fwnews1-detailview .fwtitle1{} /* dbtext list entries */ div.fwnews1-detailview table.text1 { width: 100%; margin: 0; } div.fwnews1-detailview table.text1 div.entry { margin: 2em 0; } div.fwnews1-detailview table.text1 div.entry h2.title { } div.fwnews1-detailview table.text1 div.entry h3.subtitle { } div.fwnews1-detailview table.text1 div.entry div.image { } div.fwnews1-detailview table.text1 div.entry div.image img { margin-right: 1em; margin-bottom: 0.5em; } div.fwnews1-detailview table.text1 div.entry div.float-left { float: left; } div.fwnews1-detailview table.text1 div.entry div.float-right { float: right; } div.fwnews1-detailview table.text1 div.entry div.details { font-size: 1em; } div.fwnews1-detailview table.text1 div.entry div.message { font-size: 1em; padding: 1.12em 0; } div.fwnews1-detailview table.text1 div.entry div.url { font-size: 1em; } div.fwnews1-detailview table.text1 div.entry div.clear { font-size: 0px; line-height: 0px; } /******************************** * Guestbook 1 (element template) * @mark-up: not ok * @fwprefix: yes * @w3c-valid: xhtml-1.0-transitional ********************************/ /* list entries */ div.fwguestbook1-list {} div.fwguestbook1-list table.text { border-spacing: 0; } /* dbtext before enries */ div.fwguestbook1-list table.text0 p { } /* dbtext entries */ div.fwguestbook1-list table.text1 { width: 100%; } div.fwguestbook1-list table.text1 table.entry { width: 100%; border: 1px solid #e6e6e6; border-spacing: 0; margin-bottom: 1em; } div.fwguestbook1-list table.text1 table.entry td.author { padding-left: 0.5em; white-space: nowrap; font-weight: bold; padding-top: 0.25em; } div.fwguestbook1-list table.text1 table.entry td.author a { vertical-align: middle; } div.fwguestbook1-list table.text1 table.entry td.date { padding-left: 0.5em; color: #999999; font-size: 0.8em; line-height: 1.5em; padding-bottom: 0.25em; } div.fwguestbook1-list table.text1 table.entry td.title { padding: 0.75em 1em 0 1em; font-size: 1.2em; font-style: italic; border-top: 1px solid #e6e6e6; } div.fwguestbook1-list table.text1 table.entry td.text { padding: 0.7em 1.2em 0.7em 1.2em; } /* dbtext after entries */ div.fwguestbook1-list table.text2 { margin: 0 auto; } /* new entry */ /* dbtext before form */ div.fwguestbook1-newentry table.text1 {} /* dbtext form */ div.fwguestbook1-newentry form.frm-frm { margin: 0; } div.fwguestbook1-newentry form.frm-frm table.text1 { width: 100%; margin: 0 0 1em 0; border-spacing: 0; } /* messages */ div.fwguestbook1-newentry form.frm-frm table.text1 p { } div.fwguestbook1-newentry form.frm-frm table.text1 p span.nokmessage { color: #ff0000; } div.fwguestbook1-newentry form.frm-frm table.text1 p span.okmessage { color: #00ff00; } /* form-table */ div.fwguestbook1-newentry form.frm-frm table.text1 table.tbl-frm { width: 100%; margin: 0; border-spacing: 0; } div.fwguestbook1-newentry form.frm-frm table.text1 table.tbl-frm td { padding: 0.25em 1em 0.25em 0; vertical-align: top; } div.fwguestbook1-newentry form.frm-frm table.text1 table.tbl-frm td input { width: 50%; } div.fwguestbook1-newentry form.frm-frm table.text1 table.tbl-frm td textarea { width: 98%; height: 15em; } div.fwguestbook1-newentry form.frm-frm table.text1 table.tbl-frm td input.frm-frm-but { width: auto; } div.fwguestbook1-newentry form.frm-frm table.text1 table.tbl-frm td.captcha input { width: 4.6em; display: inline; vertical-align: middle; } div.fwguestbook1-newentry form.frm-frm table.text1 table.tbl-frm td.captcha img { display: inline; vertical-align: middle; margin-right: 0.5em; } /* link after form */ div.fwguestbook1-newentry table.text2 {} /******************************** * PreviewWeather * @mark-up: ? * @fwprefix: no * @w3c-valid: ? ********************************/ .prew-tab { border: solid 1px black; width: 150px; text-align: center; background-color: #e6e6e6; } .prew-h { font-size: 10px; padding-top: 5px; padding-bottom: 5px; } .prew-col { text-align: right; padding-right: 15px; font-size: 10px; margin: 0; } .prew-img { text-align: center; margin-left: 5px; background-color: #ffffff; border: solid 1px #C4C4C4; } .prew-lnk { text-align: center; font-size: 10px; padding-top: 3px; padding-bottom: 5px; } /******************************** * Mini-Weather * @mark-up: ? * @fwprefix: no * @w3c-valid: ? ****************/ /* tabelle */ table.weather-tbl { width: 190px; margin-bottom: 24px; background-color:#e6e6e6; } /* ort */ td.weather-loc { display: none; } /* titel */ td.weather-tit { font-weight: bold; padding-top: 4px; padding-left: 6px; padding-bottom: 6px; text-align: left; } /* label, bild, temp 1 */ td.weather-lbl-1 { font-weight: bold; padding-left: 6px; padding-bottom: 4px; } td.weather-img-1 { padding-left: 17px; padding-bottom: 4px; } td.weather-tem-1 { text-align: right; letter-spacing: 1px; padding-right: 5px; padding-bottom: 4px; } /* label, bild, temp 2 */ td.weather-lbl-2 { font-weight: bold; padding-left: 6px; padding-bottom: 4px; } td.weather-img-2 { padding-left: 17px; padding-bottom: 4px; } td.weather-tem-2 { text-align: right; letter-spacing: 1px; padding-right: 5px; padding-bottom: 4px; } /* label, bild, temp 3 */ td.weather-lbl-3 { font-weight: bold; padding-left: 6px; padding-bottom: 7px; } td.weather-img-3 { padding-left: 17px; padding-bottom: 7px; } td.weather-tem-3 { text-align: right; letter-spacing: 1px; padding-right: 5px; padding-bottom: 7px; } /******************************** * Login * @mark-up: ok * @fwprefix: yes * @w3c-valid: xhtml-1.0-transitional ****************/ div.fwlogin {} div.fwlogin form div.row { clear: both; margin: 0.25em 0; } div.fwlogin form div.row div.lbl { float: left; width: 7.5em; margin-right: 0.5em; } div.fwlogin form div.row div.lbl label { } div.fwlogin form div.row div.val { float: left; width: 15em; } div.fwlogin form div.row div.val input.login-input { width: 99%; } div.fwlogin form div.row div.val input.login-button { } /******************************** * Forum * @mark-up: ok * @fwprefix: yes * @w3c-valid: ? ********************************/ div.fwforum {} div.fwforum div.view div.forum-header { margin-bottom: 1em; } div.fwforum div.view div.forum-header div.logo { float: left; margin-right: 20px; } div.fwforum div.view div.forum-header div.title { padding-top: 30px;} div.fwforum div.view div.forum-header div.title a { text-decoration: none; color: #000000;} div.fwforum div.view div.forum-header div.tools form, div.fwforum div.view div.forum-header div.tools input{ display: inline;} div.fwforum div.view div.forum-pagetitle h2 a { text-decoration: none; color: #000000; } div.fwforum div.view div.forum-nav { height:14px; margin-bottom: 1em; } div.fwforum div.view div.forum-nav div.breadcrumbs{ float: left;} div.fwforum div.view div.forum-nav div.pagenavigation{ float: right;} div.fwforum div.view div.forum-nav div.buttons{ margin: 0 auto; text-align: center;} div.fwforum div.view div.forum-nav div.buttons form { display: inline; } div.fwforum div.view div.messages { margin-bottom: 1em; } div.fwforum div.view div.forum-body { margin-bottom: 1em; clear:both;} div.fwforum div.view div.forum-body div.forum-body-info { margin-bottom: 1em; } div.fwforum div.view div.forum-body table.forum-body-tbl {width: 100%; border-top: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; border-spacing: 0; empty-cells: show; border-collapse: collapse; } div.fwforum div.view div.forum-body table.forum-body-tbl tr.rowhighlighted td { background-color: #e6e6e6; } div.fwforum div.view div.forum-body table.forum-body-tbl td, div.fwforum div.view div.forum-body table.forum-body-tbl th { border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; padding: 0.5em; vertical-align: middle; } div.fwforum div.view div.forum-body table.forum-body-tbl td.td-actions form { display: inline; cursor: pointer; } div.fwforum div.view div.forum-body table.forum-body-tbl td.td-actions form button.actions { border: none; background-color: transparent; cursor: pointer; } div.fwforum div.view div.forum-body table.forum-body-tbl td.td-actions form button.actions img { cursor: pointer; } div.fwforum div.view div.forum-body table.forum-body-tbl td.section-td { background-color: #e6e6e6; } div.fwforum div.view div.forum-body table.forum-body-tbl td.section-td-nosections { text-align: center; } div.fwforum div.view div.forum-body table.forum-body-tbl td.category-td-nocategories { text-align: center; } div.fwforum div.view div.forum-body table.forum-body-tbl td.category-td-nrofthreads { text-align: center; } div.fwforum div.view div.forum-body table.forum-body-tbl td.category-td-nrofposts { text-align: center; } div.fwforum div.view div.forum-body table.forum-body-tbl td.thread-td-nr { text-align: center; } div.fwforum div.view div.forum-body table.forum-body-tbl td.thread-td-nrofreplies { text-align: center; } div.fwforum div.view div.forum-body table.forum-body-tbl td.thread-td-nothreads { text-align: center; background-color: #e6e6e6; } div.fwforum div.view div.forum-body table.forum-body-tbl td.post-td-separator { background-color: #e6e6e6; } div.fwforum div.view div.forum-body table.forum-body-tbl td.post-td-author { vertical-align: top; width: 13em; height: 5em; white-space: nowrap; } div.fwforum div.view div.forum-body table.forum-body-tbl td.post-td-author p { white-space: nowrap; margin: 0; } div.fwforum div.view div.forum-body table.forum-body-tbl td.post-td-content { vertical-align: top; height: 5em; } div.fwforum div.view div.forum-body table.forum-body-tbl td.post-td-content ul.images {list-style:none; margin-left:0px; padding:0px;} div.fwforum div.view div.forum-body table.forum-body-tbl td.post-td-content ul.images li {float:left; margin-right:10px; margin-bottom:10px;} div.fwforum div.view div.forum-body table.forum-body-tbl td.post-td-details { height: 1em; } div.fwforum div.view div.forum-body table.forum-body-tbl td.td-actions { width: 5em; text-align: center; white-space: nowrap; } div.fwforum div.view div.forum-body table.forum-body-tbl td.post-td-noposts { text-align: center; } div.fwforum div.view div.forum-body table.forum-body-tbl td.acl-td-nr { text-align: center; } div.fwforum div.view div.forum-body table.forum-body-tbl td.acl-td-allow { text-align: center; } div.fwforum div.view div.forum-body table.forum-body-tbl td.acl-td-noacls { text-align: center; } div.fwforum div.view div.forum-footer { margin-bottom: 1em; } div.fwforum div.view div.forum-footer div.breadcrumbs{ float: left;} div.fwforum div.view div.forum-footer div.pagenavigation{ float: right;} div.fwforum div.view div.forum-footer div.buttons{ margin: 0 auto; text-align: center;} div.fwforum div.view div.forum-footer div.buttons form { display: inline; } div.fwforum div.view div.form div.label div.label { font-weight: bold; width: 350px; margin: 0.5em 0; } div.fwforum div.view div.form div.title { font-size: 1.5em; } div.fwforum div.view div.form div.textarea textarea { width: 500px; font-family: sans-serif; font-size: 1em; } div.fwforum div.view div.form div.hidden div.label { height: 0; font-size: 0; line-height: 0; } div.fwforum div.view div.form div.hidden div.clearer { height: 0; font-size: 0; line-height: 0; } /******************************** * FAQ * @mark-up: ok * @fwprefix: yes * @w3c-valid: ? ********************************/ div.fwfaqlist {} div.fwfaqlist div.faq {} div.fwfaqlist div.faq div.question { cursor:pointer; font-weight:bold; } div.fwfaqlist div.faq div.question a {} div.fwfaqlist div.faq div.question a:hover {} div.fwfaqlist div.faq div.questionsel { background-color:#e6e6e6; } #maincol div.fwfaqlist div.faq div.answer {} #maincol div.fwfaqlist div.faq div.answer p { margin-bottom:0px; } /******************************** * Marktplatz * @mark-up: ok * @fwprefix: yes * @w3c-valid: xhtml-1.0-transitional ****************/ div.fwmarket {} /* Header */ div.fwmarket div.header { margin-bottom:10px; } div.fwmarket div.header div.market { float:left; margin-right:5px; } div.fwmarket div.header div.add { float:left; margin-right:5px; } div.fwmarket div.header div.change { float:left; } div.fwmarket div.header div.separator { width:5px; height:16px; margin-top:2px; border-left:1px solid black; float:left; } div.fwmarket div.header div.search { float:right; } div.fwmarket div.header div.search div.lbl { float:left; } div.fwmarket div.header div.search div.form { margin:0px; float:left; } div.fwmarket div.header div.search div.form form { margin:0px; } div.fwmarket div.header div.search div.form input.val { height:16px; } /* Hauptkategorien */ div.fwmarket div.maincategories { margin-bottom:10px; } div.fwmarket div.maincategories div.maincategory { width:250px; float:left; margin-bottom:25px; } div.fwmarket div.maincategories div.maincategory div.categoryimage { margin-right:10px; float:left; } div.fwmarket div.maincategories div.maincategory div.categorytext { float:left; } div.fwmarket div.maincategories div.maincategory div.categorytext div.categoryname { font-weight:bold; float:left; } div.fwmarket div.maincategories div.maincategory div.categorytext div.categoryoffers { float:left; } div.fwmarket div.maincategories div.maincategory div.categorytext div.mainsubcategories { clear:left; } div.fwmarket div.maincategories div.separator-first { float:left; } div.fwmarket div.maincategories div.separator { width:10px; height:1px; float:left; } div.fwmarket div.maincategories div.separator-last { float:left; } /* Pfad */ div.fwmarket div.location { margin-bottom:10px; } /* Unterkategorien */ div.fwmarket div.subcategories { margin-bottom:10px; } div.fwmarket div.subcategories div.subcategory { float:left; } div.fwmarket div.subcategories div.subcategory div.categoryname { float:left; } div.fwmarket div.subcategories div.subcategory div.categoryoffers { float:left; } div.fwmarket div.subcategories div.separator-first { float:left; } div.fwmarket div.subcategories div.separator { width:10px; height:1px; float:left; } div.fwmarket div.subcategories div.separator-last { float:left; } /* Angebote */ div.fwmarket div.offers { margin-bottom:10px; } div.fwmarket div.offers table.offers { width:100%; border-spacing:0; } div.fwmarket div.offers table.offers th { text-align:left; } div.fwmarket div.offers table.offers th, div.fwmarket div.offers table.offers td { vertical-align:top; } div.fwmarket div.offers table.offers .pic { width:auto; } div.fwmarket div.navigation { margin-bottom:10px; } /* Detailansicht */ div.fwmarket div.offer {} div.fwmarket div.offer div.offertitle { font-size:20px; font-weight:bold; } div.fwmarket div.offer div.offerdetails {} div.fwmarket div.offer div.offerdetails .lbl { font-weight:bold; } div.fwmarket div.offer div.offerdetails div.detailpic { margin-bottom:10px; } div.fwmarket div.offer div.offerdetails table.details { width:100%; margin-bottom:10px; } div.fwmarket div.offer div.offerdetails div.date { margin-bottom:10px; } div.fwmarket div.offer div.offerdetails div.description { margin-bottom:10px; } div.fwmarket div.contactform { margin-bottom:10px; } div.fwmarket div.contactform div.formtitle { font-weight:bold; margin-bottom:10px; } /* Neues Angebot */ div.fwmarket div.addform { } div.fwmarket div.addform div.formtitle { margin-bottom:10px; font-size:20px; font-weight:bold; } /* Angebot bearbeiten */ div.fwmarket div.changeaccessform { } div.fwmarket div.changeaccessform div.formtitle { margin-bottom:10px; font-size:20px; font-weight:bold; } div.fwmarket div.changeform { } div.fwmarket div.changeform div.formtitle { margin-bottom:10px; font-size:20px; font-weight:bold; } /* Formulare */ div.fwmarket form.frm-frm table { width:100%; } div.fwmarket form.frm-frm table td { padding:0.25em 1em 0.25em 0; vertical-align:top; text-align:left; } div.fwmarket form.frm-frm table td .mail-cap-img { display:inline; vertical-align:middle; } div.fwmarket form.frm-frm table td .mail-frm-cap { width:60px; } /* Suchergebnisse */ div.fwmarket div.searchres { margin-bottom:10px; } div.fwmarket div.searchres div.searchpattern {} div.fwmarket div.searchres div.offers {} div.fwmarket div.searchres div.navigation {} /****************** Ecard ******************/ div.fwecard #field_emailto #inputemailto {width:250px;} div.fwecard #field_nameto #inputnameto{width:250px;} div.fwecard #field_emailfrom #inputemailfrom{width:250px;} div.fwecard #field_namefrom #inputnamefrom{width:250px;} div.fwecard #field_message #inputmessage{width:250px;height:100px !important;} div.fwecard #field_captcha #captcha input.input {width:185px;} div.fwecard #field_gallery div.clearer {line-height:0px;} div.fwecard { width:100%; } div.fwecard div.head {} div.fwecard div.pic {width:100%;padding-bottom:10px;} div.fwecard div.messageaddress { width:690px; height: 300px;} div.fwecard div.messager {float: left;padding-top:120px;width:450px;height:180px;overflow:auto;} div.fwecard div.address {font-size:9pt;line-height:25px;padding-left:480px;padding-top:195px;} div.fwecard div.picfoot {clear:both;width:690px;height:40px;} div.fwecard div.form td.thumbnail input { width:120px; margin:0 0 5px 0; border:none; } div.fwecard div.form div.gallery div.label { display:none; } /******************************** * Browserswitch * @mark-up: ok * @fwprefix: yes * @w3c-valid: ? ********************************/ div.fwbrowserswitch { display:table; clear:both; } div.fwbrowserswitch div.switchtext { float:left; padding-right:5px; } div.fwbrowserswitch span.switchedoff { float:left; } div.fwbrowserswitch span.separator { float:left; padding:0 2px; } div.fwbrowserswitch span.switchedon { float:left; } /************************************************************************************************* Twitter-Feed **************************************************************************************************/ .fwtweet .tweetlist, .query .tweetlist {list-style-type: none; margin: 0; padding: 0; } .fwtweet .tweetlist .awesome, .fwtweet .tweetlist .epic, .query .tweetlist .awesome, .query .tweetlist .epic {text-transform: uppercase; } .fwtweet .tweetlist li, .query .fwtweetlist li {overflow: auto; padding: .5em; background: #e6e6e6;} .fwtweet .tweetlist .tweetodd, .query .tweetlist .tweetodd { } .fwtweet .tweetlist .tweeteven, .query .tweetlist .tweeteven {background: #f6f6f6; } .fwtweet .tweetlist .tweetavatar, .query .tweetlist .tweetavatar {padding-right: .5em; float: left; } .fwtweet .tweetlist .tweetavatar img, .query .tweetlist .tweetavatar img {vertical-align: middle; } .fwtweet .tweetlist .tweettime, .query .tweetlist .tweettime {font-size: 80%; color:#999999; float:right; } /************************************************************************************************* Social-Bookmarks **************************************************************************************************/ div.fwsocialbookmarks { position: relative; clear: both; } div.fwsocialbookmarks div.socialbookmark { float:left; margin: 0 5px 0 0; position: relative; overflow: hidden; text-align:center; bottom:0px; } div.fwsocialbookmarks div.socialbookmark div.bubble a {display: block; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration:none; text-indent: 0px; color: gray;} div.fwsocialbookmarks.socialbookmarkssmall {padding-top:4px;} div.fwsocialbookmarks.socialbookmarkssmall div.socialbookmark.socialbutton {margin-top:-4px;} div.fwsocialbookmarks.socialbookmarksmedium {} div.fwsocialbookmarks.socialbookmarksmedium div.socialbookmark.socialbutton {margin-top:12px;} div.fwsocialbookmarks.socialbookmarkstall {} div.fwsocialbookmarks.socialbookmarkstall div.socialbookmark.socialbutton {margin-top:44px;} div.fwsocialbookmarks.socialbookmarkscountertop {padding-top:24px;} div.fwsocialbookmarks.socialbookmarkscountertop div.socialbookmark.socialbutton {margin-top:-24px;} div.fwsocialbookmarks.socialbookmarkscountertop div.socialbookmark div.bubble {width:55px; margin:auto;} div.fwsocialbookmarks.socialbookmarkscountertop div.socialbookmark div.bubble a {line-height:28px; width: 55px; height: 36px; background-position: bottom;} div.fwsocialbookmarks.socialbookmarkscountertop div.socialbookmark div.bubble a:hover { background-position: 0 -38px; text-decoration:none; } div.fwsocialbookmarks.socialbookmarkscountertop.socialbookmarkssmall {padding-top:40px;} div.fwsocialbookmarks.socialbookmarkscountertop.socialbookmarkssmall div.socialbookmark.socialbutton {margin-top:-40px;} div.fwsocialbookmarks.socialbookmarkscountertop.socialbookmarkstall {padding-top:0px;} div.fwsocialbookmarks.socialbookmarkscountertop.socialbookmarkstall div.socialbookmark.socialbutton {margin-top:8px;} div.fwsocialbookmarks.socialbookmarkscounterright div.socialbookmark {} div.fwsocialbookmarks.socialbookmarkscounterright div.sharebutton {float:left;} div.fwsocialbookmarks.socialbookmarkscounterright div.socialbookmark div.bubble {width:35px; float:right;font-weight:normal;} div.fwsocialbookmarks.socialbookmarkscounterright div.socialbookmark div.bubble a {line-height:18px; width: 35px; height: 19px; background-position: 0 -19px; text-align:center;} div.fwsocialbookmarks.socialbookmarkscounterright div.socialbookmark div.bubble a:hover { background-position: 0 0; text-decoration:none; } div.fwsocialbookmarks div.socialbookmark.socialbutton div.sharebutton { overflow:hidden; height:20px; } div.fwsocialbookmarks div.socialbookmark.socialbutton div.sharebutton iframe {width:80px;} div.fwsocialbookmarks div.socialbookmark.socialbutton.facebook.facebooklike div.sharebutton-de iframe {width:82px;} div.fwsocialbookmarks div.socialbookmark.socialbutton.facebook.facebookrecommend div.sharebutton-de iframe {width:84px;} div.fwsocialbookmarks div.socialbookmark.socialbutton.facebook.facebooklike div.sharebutton-en iframe {width:53px;} div.fwsocialbookmarks div.socialbookmark.socialbutton.facebook.facebookrecommend div.sharebutton-en iframe {width:92px;} div.fwsocialbookmarks div.socialbookmark.socialbutton.facebook.facebooklike div.sharebutton-fr iframe {width:63px;} div.fwsocialbookmarks div.socialbookmark.socialbutton.facebook.facebookrecommend div.sharebutton-fr iframe {width:102px;} div.fwsocialbookmarks div.socialbookmark.socialbutton.facebook.facebooklike div.sharebutton-it iframe {width:72px;} div.fwsocialbookmarks div.socialbookmark.socialbutton.facebook.facebookrecommend div.sharebutton-it iframe {width:76px;} div.fwsocialbookmarks div.socialbookmark.socialbutton.google div.wrapper { margin-top: -40px;} div.fwsocialbookmarks div.socialbookmark.socialbutton.facebook div.wrapper { margin-top: -40px;} div.fwsocialbookmarks div.socialbookmark.socialbutton.twitter div.wrapper { margin-top: -42px;} div.fwsocialbookmarks div.socialbookmark.socialbutton.google div.privacywrapper { margin-top: 0px;} div.fwsocialbookmarks div.socialbookmark.socialbutton.facebook div.privacywrapper { margin-top: 0px;} div.fwsocialbookmarks div.socialbookmark.socialbutton.twitter div.privacywrapper { margin-top: 0px;} div.socialbookmark.socialbutton.socialcountertop { padding-top: 37px;} div.socialbookmark.socialbutton.socialcounterright { padding-right: 42px;} /************************************************************************************************* Social-Links **************************************************************************************************/ ul.fwsociallinks {list-style-type:none; padding:0px;} ul.fwsociallinks li {display:inline;} /************************************************************************************************* Columns **************************************************************************************************/ .columns { overflow: hidden; width: 100%; } .columns ul { display: block; list-style-type: none; margin-left: -10px; margin-right: -10px; padding: 0; } .columns ul::after { clear: both; content: ""; display: table; height: 0; } .columns ul li.column { display: block; float: left; padding-left: 10px; padding-right: 10px; } .columns ul li.column.columnspan1 { width: 8.3333334%; } .columns ul li.column.columnspan2 { width: 16.6666667%; } .columns ul li.column.columnspan3 { width: 25%; } .columns ul li.column.columnspan4 { width: 33.3333334%; } .columns ul li.column.columnspan5 { width: 41.6666667%; } .columns ul li.column.columnspan6 { width: 50%; } .columns ul li.column.columnspan7 { width: 58.3333334%; } .columns ul li.column.columnspan8 { width: 66.6666667%; } .columns ul li.column.columnspan9 { width: 75%; } .columns ul li.column.columnspan10 { width: 83.3333334%; } .columns ul li.column.columnspan11 { width: 91.6666667%; } .columns ul li.column.columnspan12 { width: 100%; } div.fwcolumns {width:100%; overflow:hidden;} ul.fwcolumns {width:auto; display:table;table-layout:fixed;border-collapse:collapse; overflow:hidden; margin:0px; margin-left:-4px; margin-right:-4px; padding:0px; list-style:none;} ul.fwcolumns li.column {display:table-cell; margin:0px; padding:4px; border-right:1px #ffffff solid;} ul.fwcolumns li.columnfirst {} ul.fwcolumns li.columnlast {} /************************************************************************************************* Media-Box **************************************************************************************************/ .fwmediabox { background:#e6e6e6;} .fwmediabox ul.sources { margin:0px; } .fwmediabox ul.sources li { float:left; margin-right:10px; list-style:none; cursor:pointer; padding:5px; } .fwmediabox ul.sources li.selected { font-weight:bold;} .fwmediabox .panels { clear:both;} .fwmediabox .panels .panel { width:100%; display:none; } .fwmediabox .panels .panel0 { display:block; } .fwmediabox .sliderkit-nav { width:100%; height:100%; left:0; bottom:0; padding:0px;} .fwmediabox .sliderkit-nav-clip { margin-left:auto; margin-right:auto;} .fwmediabox .sliderkit-nav-clip ul li{ float:left; margin:0 5px 0 0; position:relative;} .fwmediabox .sliderkit-nav-clip ul li a { display:block; overflow:hidden; margin:0; opacity:1; position:relative; } .fwmediabox .sliderkit-nav-clip ul li a:hover { opacity:0.8; } .fwmediabox .sliderkit-nav-clip ul li img { position:relative; } .fwmediabox .sliderkit-nav-clip ul li a .labelbox { text-decoration:none; font-size:0.7em; } .fwmediabox .sliderkit-nav-clip ul li a.thumbnail .labelbox { width:100%; position:relative; color:#ffffff; display:none; } .fwmediabox .sliderkit-nav-clip ul li a.thumbnail .labelbox .label { position:relative; z-index:2; top:0px; } .fwmediabox .sliderkit-nav-clip ul li a.thumbnail .labelbox .overlay { width:100%; height:100%; position:absolute; z-index:1; top:0px; opacity:0.6; background:#000000; } .fwmediabox .sliderkit-nav-clip ul li a.thumbnail:hover .labelbox { position:absolute; bottom:0px; display:block; } /* Buttons */ .fwmediabox .sliderkit-nav .sliderkit-nav-btn { position:absolute; top:0; } .fwmediabox .sliderkit-nav .sliderkit-nav-btn span { display:none; } .fwmediabox .sliderkit-nav .sliderkit-nav-btn a { width:15px; height:100%; display:block; } .fwmediabox .sliderkit-nav .sliderkit-nav-prev { left:5px; } .fwmediabox .sliderkit-nav .sliderkit-nav-next {right:5px; } .fwmediabox .sliderkit-nav .sliderkit-nav-prev a { background-position:-89px center; } .fwmediabox .sliderkit-nav .sliderkit-nav-next a { background-position:-108px center; } .fwmediabox .sliderkit-nav .sliderkit-nav-prev a:hover, .fwmediabox .sliderkit-nav .sliderkit-nav-prev a:focus { background-position:-126px center; } .fwmediabox .sliderkit-nav .sliderkit-nav-next a:hover, .fwmediabox .sliderkit-nav .sliderkit-nav-next a:focus { background-position:-145px center; } /* Buttons > Disable */ .fwmediabox .sliderkit-btn-disable { opacity:0.3; cursor:default; } /************************************************************************************************* Datalist **************************************************************************************************/ ul.datalist {list-style:none; margin:0px;} ul.datalist li {clear:both; display:block;margin-bottom:20px;} ul.datalist li .image {float:left;} ul.datalist li .image img {width:150px;margin-right:10px; margin-bottom:10px;} ul.datalist li .category {font-style:italic;} ul.datalist li .location {} ul.datalist li .title {font-weight:bold;} ul.datalist li .description {} ul.datalist li .detailurl {} ul.datalist li .link {} /************************************************************************************************* Infrastructure **************************************************************************************************/ .fwinfrastructure {} .fwinfrastructure .list {list-style:none; margin:0px;} .fwinfrastructure .list li {clear:both; display:block;margin-bottom:20px;} .fwinfrastructure .list li .image {float:left;} .fwinfrastructure .list li .image img {width:150px;margin-right:10px; margin-bottom:10px;} .fwinfrastructure .list li .category {margin-left:160px;font-style:italic;} .fwinfrastructure .list li .title {margin-left:160px;font-weight:bold;} .fwinfrastructure .list li .address {margin-left:160px;} .fwinfrastructure .list li .description {margin-left:160px;} .fwinfrastructure .list li .descriptionlong {margin-left:160px;} .fwinfrastructure .list li .openinghours {margin-left:160px; margin-top:10px;} .fwinfrastructure .list li .openinghours .openinghour .time {margin-right:20px;} .fwinfrastructure .list li .descriptionopeninghours {margin-left:160px;} .fwinfrastructure .list li .detailurl {margin-left:160px;} .fwinfrastructure .detail .image {float:left; width:150px; margin-right:10px; margin-bottom:10px;} .fwinfrastructure .detail .image img {width:100%;} .fwinfrastructure .detail .category {margin-left:160px;font-style:italic;} .fwinfrastructure .detail .title {margin-left:160px;font-weight:bold;} .fwinfrastructure .detail .address {margin-left:160px;} .fwinfrastructure .detail .description {margin-left:160px;margin-bottom: 10px;} .fwinfrastructure .detail .descriptionlong {margin-left:160px;margin-bottom: 10px;} .fwinfrastructure .detail .openinghours {margin-left:160px; margin-top: 10px;} .fwinfrastructure .detail .openinghours .openinghour .time {margin-right:20px;} .fwinfrastructure .detail .label { float: left; width: 160px; font-weight: bold; } .fwinfrastructure .detail .value { margin-left:160px; } /************************************************************************************************* Accommodation **************************************************************************************************/ .fwaccommodation {} .fwaccommodation .list {list-style:none; margin:0px;} .fwaccommodation .list li {clear:both; display:block;margin-bottom:20px;} .fwaccommodation .list li .image {float:left;} .fwaccommodation .list li .image img {width:150px;margin-right:10px; margin-bottom:10px;} .fwaccommodation .list li .categorystars {margin-left:160px;} .fwaccommodation .list li .category {display:inline;font-style:italic;} .fwaccommodation .list li .stars {display:inline;} .fwaccommodation .list li .stars img {vertical-align:baseline;} .fwaccommodation .list li .title {margin-left:160px;font-weight:bold;} .fwaccommodation .list li .location {margin-left:160px;font-weight:bold;} .fwaccommodation .list li .address {margin-left:160px;} .fwaccommodation .list li .description {margin-left:160px;} .fwaccommodation .list li .descriptionlong {margin-left:160px;} .fwaccommodation .list li .detailurl {margin-left:160px;} .fwaccommodation .detail:after {clear:both; zoom:1; content:" "; display:table;} .fwaccommodation .fwelement {clear:none;} .fwaccommodation .detail .title {} .fwaccommodation .detail .image {margin-bottom:10px;} .fwaccommodation .detail .image > img {width:100%;} .fwaccommodation .detail .info {} .fwaccommodation .detail .info .location {} .fwaccommodation .detail .categorystars {} .fwaccommodation .detail .category {display:inline;font-style:italic;} .fwaccommodation .detail .stars {display:inline;} .fwaccommodation .detail .stars img {vertical-align:baseline;} .fwaccommodation .detail .metarating {} .fwaccommodation .detail .metarating .value {display:inline-block;height:1em;} .fwaccommodation .detail .address {margin-top:20px;} .fwaccommodation .detail .bookinglink {margin-top:20px; margin-bottom:20px; background:green;} .fwaccommodation .detail .bookinglink a {color:#ffffff;font-weight:bold;padding:5px;display:block;} .fwaccommodation .detail .description {clear:both;margin-bottom: 10px;} .fwaccommodation .detail .descriptionlong {margin-bottom: 10px;} .fwaccommodation .detail ul.classifications {list-style:none;padding:0;} .fwaccommodation .detail ul.facilitygroups {list-style:none;padding:0;} .fwaccommodation .detail ul.facilitygroups li.facilitygroup {margin-bottom:1em; -webkit-column-break-inside:avoid; page-break-inside:avoid; page-break-inside:avoid;} .fwaccommodation .detail ul.facilitygroups li.facilitygroup .label {font-weight:bold;} .fwaccommodation .detail ul.facilitygroups li.facilitygroup ul.facilities {display:inline-block;} .fwaccommodation .detail ul.additional {list-style:none;padding:0;} @media screen and (min-width : 480px) { .fwaccommodation .detail .image {float:left; width:50%; margin-right:10px;} .fwaccommodation .detail .info {margin-left:52%;} .fwaccommodation .detail .address {margin-left:52%;} .fwaccommodation .detail .bookinglink {margin-left:52%;} .fwaccommodation .detail ul.facilitygroups {-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;} .fwaccommodation .detail ul.classifications {-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;} .fwaccommodation .detail ul.additional {-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;} } @media screen and (min-width : 768px) { .fwaccommodation .detail ul.facilitygroups {-webkit-column-count: 3;-moz-column-count: 3;column-count: 3;} .fwaccommodation .detail ul.classifications {-webkit-column-count: 3;-moz-column-count: 3;column-count: 3;} .fwaccommodation .detail ul.additional {-webkit-column-count: 3;-moz-column-count: 3;column-count: 3;} } /************************************************************************************************* Geotracks **************************************************************************************************/ .fwgeotracks {} .fwgeotracks .list {list-style:none; margin:0px;} .fwgeotracks .list li {clear:both; display:block;margin-bottom:20px;} .fwgeotracks .list li .image {float:left;} .fwgeotracks .list li .image img {width:150px;margin-right:10px; margin-bottom:10px;} .fwgeotracks .list li .category {margin-left:160px;font-style:italic;} .fwgeotracks .list li .tourtype {margin-left:160px;font-style:italic;} .fwgeotracks .list li .location {margin-left:160px;font-weight:bold;} .fwgeotracks .list li .description {margin-left:160px;} .fwgeotracks .list li .title {margin-left:160px;font-weight:bold;} .fwgeotracks .list li .address {margin-left:160px;} .fwgeotracks .list li .detailurl {margin-left:160px;} .fwgeotracks .detail .cycle-slideshow {overflow:hidden;} .fwgeotracks .detail .image {margin-bottom:10px;} .fwgeotracks .detail .image img {min-width:300px; width:100%;} .fwgeotracks .detail .category {font-style:italic;} .fwgeotracks .detail .title {font-weight:bold;} .fwgeotracks .detail .section {margin-top:30px;margin-bottom:30px;} .fwgeotracks .detail .map {width:100%; /*float:left; margin-right:10px;*/} .fwgeotracks .detail .map iframe {width:100%; min-width:300px; height:300px; } .fwgeotracks .detail ul.maplinks {float:left;list-style:none; margin:0px;} .fwgeotracks .detail ul.maplinks li {float:left; margin-bottom:10px; margin-right:30px;} .fwgeotracks .detail .profile img {width:100%; min-width:300px; height:auto;} .fwgeotracks .detail .field {clear:both; margin-bottom:5px;} .fwgeotracks .detail .label {width:150px;display:inline-block;} .fwgeotracks .detail .value {display:inline-block;} /************************************************************************************************* Teaser **************************************************************************************************/ .fwteaser .roundabout-moveable-item {cursor:pointer; background-color:#e6e6e6; border:1px solid #999; padding:10px; margin:0px;} .fwteaser .roundabout-holder {list-style: none; margin: auto; } .fwteaser .roundabout-in-focus { cursor: auto; } .fwteaser .roundabout-holder li img {width:100%;height:100%;} .fwteaser div.sliderkit-panels div.sliderkit-panel {display:none;} .fwteaser div.sliderkit-panels div.sliderkit-panel:first-child {display:block;} /************************************************************************************************* Review **************************************************************************************************/ .fwreview {} .fwreview div.buttons div.button {float:left;} .fwreview div.reviews {} .fwreview .thumbs ul { list-style:none; font-family:FontAwesome; font-size:20px; margin:0; } .fwreview .thumbs li { display:inline; } .fwreview .thumbs li { margin-right:10px; padding:5px; } .fwreview .thumbs .thumb {cursor:pointer;} .fwreview .thumbs .up:hover, .fwreview .thumbs .up.thumbsel { color:green; } .fwreview .thumbs .down:hover, .fwreview .thumbs .down.thumbsel { color:red; } .fwreview .rating > div {float:left; margin-right:1em;} /************************************************************************************************* Expander **************************************************************************************************/ .fwexpander .expander-titles { font-weight:bold; cursor:pointer; } .fwexpander .expander-titles .maintitle{ font-size:1.2em; margin-right:5px; } .fwexpander .expander-titles .subtitle{ font-size:0.9em; } .fwexpander .expander-titles .expander-icon{ height:16px; float:right; top:0; right:0; } .fwexpander .expander-icon{ height:16px; float:right; position:relative; top:-16px; } .fwexpander .expander-titles:hover .expander{ background-position:-32px center; } .fwexpander .expanded .expander-titles:hover .expander{ background-position:-48px center; } .fwexpander .expander-hover .expander-icon { background-position:-32px center; } .fwexpander .expanded .expander-icon { background-position:-16px center; } .fwexpander .expanded.expander-hover .expander-icon { background-position:-48px center; } .fwexpander .expander-seperator { border-bottom:1px solid #E6E6E6; } /************************************************************************************************* Wispo **************************************************************************************************/ .fwwispo ul {margin:0px;list-style:none;} .fwwispo .field .label {display:inline-block; width:200px;} .fwwispo .field .value {display:inline-block; min-width:200px;} .fwwispo .widget ul {margin:0px;list-style:none;} .fwwispo .widget li {clear:both;} .fwwispo .widget li img {width:1.5em;vertical-align:middle;} .fwwispo .widget li .status {width:25px;height:25px;float:left;margin-right:5px;} .fwwispo .widget li .type {width:25px;height:25px;float:left;margin-right:5px;} .fwwispo .list ul {margin:0px;padding:0;list-style:none;} .fwwispo .list li {clear:both;} .fwwispo .list li img {width:1.5em;margin-right:5px;vertical-align:middle;} .fwwispo .list li .status {float:left;} .fwwispo .list li .type {float:left;} .fwwispo .list li span.object {display:table-cell;} .fwwispo .list li.objectgroup {margin-bottom:2em;} .fwwispo .list li.objecttype {margin-bottom:1em;line-height:1.5em;} @media screen and (min-width : 480px) { .fwwispo .list li.objecttype > ul {-moz-column-count:2;-moz-column-gap:1em;-webkit-column-count:2;-webkit-column-gap:1em;column-count:2;column-gap:1em;} .fwwispo .list li.objecttype > ul li {-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; } } .fwwispo .list > li > .title {font-size:1.2em;font-weight:bold;} .fwwispo .list > li .counter {font-weight:normal;} .fwwispo .list > li > ul > li > .title {font-weight:bold;line-height:1.5em;} .fwwispo .detail li {margin-bottom:1em;} .fwwispo .detail .title {font-weight:bold;} .fwwispo .detail .status img {width:1.5em;vertical-align:middle;} .fwwispo .detail .type img {width:1.5em;vertical-align:middle;} .fwwispo .detail span.label {font-weight:bold;width:150px;display:inline-block;} .fwwispo .info .item {margin-bottom:1em;} .fwwispo .info .title {font-weight:bold;} .fwwispo .weather img {height:1.5em;vertical-align:top;} .fwwispo .avalanche1 {font-weight:bold; color:#0f9d00;} .fwwispo .avalanche2 {font-weight:bold; color:#ffcc02;} .fwwispo .avalanche3 {font-weight:bold; color:#ff6702;} .fwwispo .avalanche4 {font-weight:bold; color:#ff0202;} .fwwispo .avalanche5 {font-weight:bold; color:#a21702;} .fwwispo .timetable ul.objects {margin:0px;padding:0;list-style:none;} .fwwispo .timetable ul.objects > li {margin-bottom:1em;} .fwwispo .timetable ul.objects > li:after {clear:both; content: " "; display:table; font-size:0; height:0; visibility:hidden;} .fwwispo .timetable ul.objects .type {width:1.2em;height:1.2em;float:left;margin-right:0.3em;} .fwwispo .timetable ul.objects .type img {width:100%;height:100%;} .fwwispo .timetable ul.objects .title {font-weight:bold;} .fwwispo .timetable ul.objects .times-up {float:left;} .fwwispo .timetable ul.objects .times-down {float:left;} .fwwispo .timetable ul.objects .legend {float:left;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);} .fwwispo .timetable ul.objects .times-up .legend:before {font-family:"FontAwesome"; content:"\f062"; font-size:1.2em;} .fwwispo .timetable ul.objects .times-down .legend:before {font-family:"FontAwesome"; content:"\f063"; font-size:1.2em;} .fwwispo .timetable ul.objects ul.times {width:6em;padding-left:1.5em; margin-right:3em;} .fwwispo .timetable ul.objects ul.remarks {padding-left:1.5em;clear:both; font-size:0.8em; font-style:italic;} /************************************************************************************************* TrustYou **************************************************************************************************/ .fwtrustyou {} .fwtrustyou .seal {width:144px; height:144px; position:relative; background-repeat:no-repeat; } .fwtrustyou .score_description { width:139px; top:36px; left:2px; font-size:20px; position:absolute; text-align:center; } .fwtrustyou a .score_description {color:#000000; text-decoration:none;} .fwtrustyou .score { width:77px; left:2px; top:90px; font-size:40px; position:absolute; text-align:center; text-shadow:0 1px 1px #000; color:#FFF; font-weight:bold; } .fwtrustyou.trustyousmall .seal { width:98px; height:98px; } .fwtrustyou.trustyousmall .score_description { width:98px; top:25px; font-size:14px; } .fwtrustyou.trustyousmall .score { width:52px; top:58px; font-size:30px; } .fwtrustyou.trustyoumini .seal { width:103px; height:50px;} .fwtrustyou.trustyoumini .score_description { width:98px; top:15px; font-size:11px; font-weight:bold;} .fwtrustyou.trustyoumini .score { width:52px; top:33px; font-size:11px; } /************************************************************************************************* Wohnungsmarkt **************************************************************************************************/ .fwwohnungsmarkt { position: relative; } .fwwohnungsmarkt .sociallinks { position: absolute; right: 0; margin: 0; top: 0; } /** List view **/ .fwwohnungsmarkt .list .item { margin-bottom: 1em; border-bottom: 1px solid; padding-bottom: 0.5em; } .fwwohnungsmarkt .list .item:after { content: "."; visibility: hidden; clear: both; height: 0; line-height: 0; font-size: 0; } .fwwohnungsmarkt .list .item .image { float: left; margin: 0 1em 0.4em 0; } .fwwohnungsmarkt .list .item .title { margin-bottom: 0.4em; } .fwwohnungsmarkt .list .item .title:after { content: "."; visibility: hidden; clear: both; height: 0; line-height: 0; font-size: 0; } .fwwohnungsmarkt .list .item .title .type, .fwwohnungsmarkt .list .item .title .kind { font-weight: bold; } .fwwohnungsmarkt .list .item .title .address, .fwwohnungsmarkt .list .item .title .location, .fwwohnungsmarkt .list .item .title .availability { } .fwwohnungsmarkt .list .item .title .price { float: right; font-size: 1.2em; display: block; } .fwwohnungsmarkt .list .item .more { float: right; } /** Detail view **/ .fwwohnungsmarkt .detail .title { font-weight: bold; } .fwwohnungsmarkt .detail .section { margin: 30px 0; } .fwwohnungsmarkt .detail .field { clear: both; margin-bottom: 5px; } .fwwohnungsmarkt .detail .label { display: inline-block; vertical-align: top; width: 150px; } .fwwohnungsmarkt .detail .value { display: inline-block; } .fwwohnungsmarkt .detail .gallery .picture { display: inline-block; } .fwwohnungsmarkt .detail .gallery .picture a { display: block; } /************************************************************************************************* ImageTags **************************************************************************************************/ div.fwimagetags {position:relative;} div.fwimagetags .image {} div.fwimagetags .tag {position:absolute;z-index:9;cursor:pointer;background:#000000;color:#ffffff;box-shadow: 1px 1px 10px #ffffff;border: 1px solid #999999; padding:5px 10px 5px 10px;} div.fwimagetags .tag a {color:#ffffff;text-decoration:none;} /************************************************************************************************* Google Calendar **************************************************************************************************/ div.fwgooglecalendar nav.menu { display:block; margin:10px 0; } div.fwgooglecalendar nav.menu:after { clear: both; content: " "; display: block; height: 0; visibility: hidden; width: 0; } div.fwgooglecalendar table.view { width: 100%; } div.fwgooglecalendar table.view td.today { background-color: #FCF8E3; } div.fwgooglecalendarbig a { text-decoration:none; } div.fwgooglecalendarbig nav.menu div.control { width:30%; float:left; line-height:30px; font-size:18px; } div.fwgooglecalendarbig nav.menu div.control.viewbutton { float:right; text-align:right; } div.fwgooglecalendarbig nav.menu div.control.month { width:40%; text-align: center; font-size:12px; line-height:20px; } div.fwgooglecalendarbig nav.menu div.control.month h1 { margin: 0; line-height: 30px; } div.fwgooglecalendarbig nav.menu div.control.right a { float:right; } div.fwgooglecalendarbig nav.menu div.view a.btn { font-size: 18px; line-height: 30px; } div.fwgooglecalendarbig table.view { border-spacing: 0; border-collapse: collapse; } div.fwgooglecalendarbig table.view td { border: 1px solid #DDD; height: 140px; vertical-align: top; width: 14.286%; } div.fwgooglecalendarbig table.view td.today span.day { background-color: transparent; } div.fwgooglecalendarbig table.view th { border: 1px solid #DDD; font-size: 11px; vertical-align: top; width: 14.286%; } div.fwgooglecalendarbig table.view td span { display: block; } div.fwgooglecalendarbig table.view td span.day { font-size: 11px; text-align: right; } div.fwgooglecalendarbig table.view td span.day.outofmonth { color: #CCC; } div.fwgooglecalendarbig table.view td a.more { position:absolute; right:0; bottom:0; padding:2px; } div.fwgooglecalendarbig table.view td div.moreevents { width:265px; position:absolute; top:0; left:0; border:1px solid black; background-color:#FFF; z-index:10; padding:4px; } div.fwgooglecalendarbig table.view td div.moreevents .date { width:80%; float:left; color:#000; font-weight:bold; } div.fwgooglecalendarbig table.view td div.moreevents .hide { width:20%; float:right; } div.fwgooglecalendarbig table.view td div.moreevents .hide a { float:right; } div.fwgooglecalendarbig .events { left: 0; position: absolute; top: 0; } div.fwgooglecalendarbig .events .event { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; background-color: #777; font-size: 9px; padding:0 2px; position:absolute; width:500px; z-index:2; } div.fwgooglecalendarbig .events .event span.title { display:block; line-height:13px; overflow:hidden; max-height:26px; } div.fwgooglecalendarsmall { width: 200px; } div.fwgooglecalendarsmall nav.menu a.month-left { width:30%; float:left; } div.fwgooglecalendarsmall nav.menu div.month { width:40%; text-align:center; float:left; } div.fwgooglecalendarsmall nav.menu a.month-right { width:30%; text-align:right; float:right; } div.fwgooglecalendarsmall table.view td { position:relative; text-align:center; width:auto; } div.fwgooglecalendarsmall table.view td.today { background-color: #FCF8E3; } div.fwgooglecalendarsmall table.view td span.bold { font-weight:bold; } div.fwgooglecalendarsmall table.view td div.events { width:200px; position:absolute; top:15px; border:1px solid #000; text-align:left; background-color:#FFF; padding:5px; z-index:2; } /************************************************************************************************* Webcam **************************************************************************************************/ .fwwebcamlist ul.list {} .fwwebcamlist ul.list li { vertical-align:top; margin-bottom:2%;} .fwwebcamlist ul.list[min-width="30em"] {} .fwwebcamlist ul.list[min-width="30em"] li {} .fwwebcamlist ul.list[min-width="30em"] li div.image { float:left; width:30%; margin-right:10px;} .fwwebcamlist ul.list[min-width="30em"] li:after {clear:left; content:"."; display:block; font-size:0; height:0; visibility:hidden;} .fwwebcamlist ul.list[min-width~="40em"]:after {clear:left; content:"."; display:block; font-size:0; height:0; visibility:hidden;} .fwwebcamlist ul.list[min-width~="40em"] { margin-left:-2%;} .fwwebcamlist ul.list[min-width~="40em"] li { float:left; margin:0 0 2% 2%; width:31.33%;} .fwwebcamlist ul.list[min-width~="40em"] li:nth-child(4n) {clear:left; float:left;} .fwwebcamlist ul.list[min-width~="40em"] li div.image { display:block; width:100%; margin:0px;} .fwwebcamlist div.image {overflow:hidden;width:100%;height:auto;} .fwwebcamlist div.image div {height:auto; max-width:none; position:relative; left:0%;} .fwwebcamlist div.image div img {position:relative; max-width:100%; width:100%; height:auto; } /************************************************************************************************* Login Security **************************************************************************************************/ .fwloginsecurity { position: relative; } .fwloginsecurity .form {} .fwloginsecurity .form .field {} .fwloginsecurity .form .field .label { width: 250px; } /************************************************************************************************* ImageMap **************************************************************************************************/ .fwimagemap {position:relative; width:100%; height:0;} .fwimagemap svg {display:inline-block; position:absolute; top:0; left:0;} .fwimagemap svg .hotspot {opacity:0;} .fwimagemap svg .hotspot:hover {opacity:0.6;} /************************************************************************************************* Interactive Map **************************************************************************************************/ .fwinteractivemap {position: relative;} .fwinteractivemap .map {position: relative; width:100%;height:0;margin-bottom:1em;} .fwinteractivemap .map svg {display: inline-block;position:absolute; top:0; left:0;} .fwinteractivemap .map svg .hotspot {opacity:0;} .fwinteractivemap .map svg .hotspot:hover {opacity:0.6;} .fwinteractivemap .panel .close {display:none;} .fwinteractivemap .panel img {max-width:100%; height:auto;} @media screen and (min-width : 480px) { .fwinteractivemap .panel {display:none; position:absolute; z-index:100; background:#ffffff; width:auto; padding:10px; box-shadow: 0px 0px 5px #888888;} .fwinteractivemap .panel .close {float:right;cursor:pointer;display:block;} .fwinteractivemap .showpanel {display:block;} } /************************************************************************************************* Scroll to top **************************************************************************************************/ .fwscrolltotop {position: fixed; bottom: 2rem; right: 2rem; opacity: 0;} .fwscrolltotop span:before {font-family:FontAwesome; content: "\f139";} .fwscrolltotopbig {font-size: 8rem;} .fwscrolltotopmedium {font-size: 6rem;} .fwscrolltotopsmall {font-size: 4rem;} /************************************************************************************************* Guestbook **************************************************************************************************/ .fwguestbook {} .fwguestbook .name {display:inline-block;font-weight:bold;} .fwguestbook .datetime {font-size:0.8em;} .fwguestbook .email, .guestbook .url {float:right;padding-left:1em;} .fwguestbook .comment {font-style:italic;font-size:0.8em;} .fwguestbook .newentry {margin-bottom:2em;}