/**
* Custom Stylesheet for FinishWeb Site www.antik-hotels.com
*
* Copyright:
* BAR Informatik AG
* Brig-Glis, Switzerland
*
* Path:
* [finishwebroot]/layout/[Layout]/style.css
*
* Authors:
* bz Bernd Zumoberhaus
* if Iwan Fux
*
* Changes:
* 30.10.2008 bz initial version
* 18.01.2010 bz #rechtespalte angepasst (sprachwahl, news nur auf deutsch)
* 02.08.2010 if Anpassung laut E-Mail von Claudia Riede vom 21.07.2010
* 26.10.2011 bz updates for the new layout
* 31.10.2011 bz final version
*/
/**************************************************************************************************
* Import base stylesheet for FinishWeb sites:base.css
**************************************************************************************************/
@import url("base.css");
/**************************************************************************************************
* Default styling of HTML-tags
**************************************************************************************************/
* {
margin:0;
padding:0;
}
html {
height:101%;
}
body {
font-family:Arial Regular, sans-serif;
font-size:13px;
line-height:1.8em;
color:#38444B;
background:url("background.jpg") top left;
}
/**************************************************************************************************
* Custom classes
**************************************************************************************************/
/* Floating */
.float-left { float:left; }
.float-right { float:right; }
.clear { clear:both; font-size:0px; height:0px; line-height:0px; display:inline; }
.clear-left { clear:left; }
.clear-right { clear:right; }
/**************************************************************************************************
* Default styling of FinishWeb elements
**************************************************************************************************/
.fwelement { padding:0; margin:0 0 20px 0; }
h1,
h2,
h3,
.fwelement h1,
.fwelement h2,
.fwelement h3 { color:#004B7C; line-height:normal; }
h1,
.fwelement h1 { font-size:190%; font-weight:bold; }
h2,
.fwelement h2 { font-size:150%; font-weight:normal; }
h3,
.fwelement h3 { font-size:100%; font-weight:bold; }
h1,
.fwtitle1 { margin:0 0 20px 0; padding:0; }
h2,
.fwtitle2 { margin:0 0 20px 0; padding:0; }
h3,
.fwtitle3 { margin:0 0 20px 0; padding:0; }
.fwelement h1,
.fwelement h2,
.fwelement h3 { margin:0; padding:0; }
a img { border:none; }
/**************************************************************************************************
* Layout-styling
**************************************************************************************************/
/********************************
* header
********************************/
#header { width:958px; margin:20px auto 0; clear:both; overflow:hidden; }
#header #logo { clear:both; float:right; padding:0 0 35px; }
#header #logoprint { display:none; }
#header #navigation { clear:both; padding:0 0 0 40px; float:left; }
#header #language { float:right; }
/********************************
* page
********************************/
#page { width:958px; margin:0 auto; background-color:#FFFFFF; }
#page div.clear { display:block; }
/********************************
* main
********************************/
#main { padding:0; margin:0px; min-height:400px; height:auto !important; height:400px; }
/********************************
* emotionelement
********************************/
#emotionelement { clear:both; width:862px; margin:0; padding:0 56px 33px 40px; float:none; }
#emotionelement .fwelement { margin:0; padding-bottom:0; }
/********************************
* maincol
********************************/
#maincol { width:494px; margin:0; padding:0 72px 0 40px; float:left; display:inline; }
#maincol .fwelement { margin:0; padding-bottom:0; }
/********************************
* rightcol
********************************/
#rightcol { float:right; width:296px; padding:0 56px 0 0; }
/********************************
* footer
********************************/
#footer { clear:both; height:20px; width:918px; padding:10px 0 20px 40px; margin:0 auto; }
/**************************************************************************************************
* Layout-defined styling of Finishweb elements
**************************************************************************************************/
/********************************
* header
********************************/
#header .fwelement { margin:0px; display:none; }
/* bild */
#header div.fwpicture-group { display:block; }
#header div.fwpicture-group div.fwpicture { margin:0; }
/* menü (level 1) */
#header a { text-decoration:none; }
#header #navigation ul { }
#header #navigation ul li {}
/* level 1 */
#header #navigation ul.menu1items { list-style-type: none; margin: 0; padding: 0; }
#header #navigation ul.menu1items li.menu1 { font-size:14px; float:left; text-align:left; padding:0 20px 0 0; }
#header #navigation ul.menu1items li.menu1 a { display:block; font-weight:bold; color:#FFFFFF; padding:0 0 16px 0; }
#header #navigation ul.menu1items li.menu1 a:hover { color:#F3E400; background:url("menu-arrow.png") no-repeat bottom center; }
#header #navigation ul.menu1items li.menusel1 { }
#header #navigation ul.menu1items li.menusel1 a { font-weight:bold; color:#F3E400; background:url("menu-arrow.png") no-repeat bottom center; }
/********************************
* page
********************************/
#page .fwelement { clear:none; }
/********************************
* main
********************************/
#main .fwelement { margin:0px; }
/********************************
* emotionelement
********************************/
#emotionelement .fwelement { display:none; }
/* titel */
#emotionelement div.fwtitle { display:block; margin-top:0px; color:#004B7C; }
#emotionelement div.fwtitle h1 { }
#emotionelement div.fwtitle div.picture { display:none; }
#emotionelement div.fwtitle div.picture-left { display:none; }
#emotionelement div.fwtitle div.picture-right { display:none; }
#emotionelement div.fwtitle img.titleasimage {}
#emotionelement div.fwtitle1 {}
/* variante überschrift 2 */
#emotionelement div.fwtitle2 h2 {}
/* variante überschrift 3 */
#emotionelement div.fwtitle3 h3 { color:#002551; }
/* bild */
#emotionelement div.fwpicture-group { display:block; padding:39px 0 0; }
#emotionelement div.fwpicture-group div.fwpicture { margin:0; }
/********************************
* maincol
********************************/
#maincol .fwelement { margin-left:0px; margin-right:0px; margin-bottom:24px; padding-bottom:0px; font-size:12px; line-height:20px; }
#maincol .fwelement p { margin:0 0 10px 0; }
#maincol .fwelement th p,
#maincol .fwelement td p { margin:0px; }
#maincol .fwelement ul { line-height:1.8em; list-style-type:disc; padding:0 0 3em 20px; margin:0; }
#maincol a { color:#004B7C; font-weight:bold; text-decoration:none; }
#maincol a:hover { color:#F3E400; font-weight:bold; text-decoration:none; }
#maincol .clear { font-size:0px; height:0px; line-height:0px; }
input.button { background-color:#FFFFFF; padding:2px; border:1px solid #CCCCCC; color:#000000; height:1.7em; }
/* titel */
#maincol div.fwtitle { margin-top:0px; color:#004B7C; }
#maincol div.fwtitle h1 { }
#maincol div.fwtitle div.picture { display:none; }
#maincol div.fwtitle div.picture-left { display:none; }
#maincol div.fwtitle div.picture-right { display:none; }
#maincol div.fwtitle img.titleasimage {}
#maincol div.fwtitle1 {}
/* variante überschrift 2 */
#maincol div.fwtitle2 h2 {}
/* variante überschrift 3 */
#maincol div.fwtitle3 h3 { color:#002551; }
/* text */
#maincol div.fwtext { }
/* variante ohne linie */
#maincol div.fwtext1 { border-bottom:none; padding-bottom:0px; }
/* variante zitat */
#maincol div.fwtext2 { background:url(layout-block.gif); background-repeat:no-repeat; background-position:20px 0; line-height:1.8em; font-style:italic; padding-left:59px; }
/* bild */
#maincol div.fwpicture-group { }
#maincol div.fwpicture-group div.fwpicture { margin:0; }
#maincol div.fwpicture-group div.fwpicture div.picture { overflow:visible; }
#maincol div.fwpicture-group div.fwpicture div.picture img { padding:0; }
/* abschnitt */
#maincol div.fwparagraph { clear:both; padding-bottom:1px; }
#maincol div.fwparagraph p.title { font-size:150%; font-weight:normal; color:#333333; }
#maincol div.fwparagraph p { margin:0 0 20px 0; }
#maincol div.fwparagraph div.picture { padding:5px; margin-bottom:5px; }
#maincol div.fwparagraph div.float-left { margin-right:20px; margin-bottom:10px; }
#maincol div.fwparagraph div.float-right { margin-left:20px; margin-bottom:10px; }
/* link */
#maincol div.fwlink { padding-bottom:20px; }
/* linkliste */
#maincol div.fwlinklist-table { padding-bottom:20px; }
#maincol div.fwlinklist-table p.title { color:#333333; font-size:100%; font-weight:bold; padding-top:0; }
#maincol div.fwlinklist-table ul.list{ list-style:none; margin:0; }
#maincol div.fwlinklist-table ul.list li { padding-left:11px; }
/* tabelle */
#maincol table.fwtable { border:none; padding:0; margin:20px 20px 40px 20px; }
#maincol table.fwtable th,
#maincol table.fwtable td { border:none; border-bottom:1px solid #EDEBD5; padding:1px 0.5em; }
#maincol table.fwtable td.i1 { background-color:transparent; }
/* dateiliste */
#maincol div.fwfilelist table { border-collapse:separate; border-spacing:0; }
#maincol div.fwfilelist table td { background-color:transparent; border:none; border-bottom:1px solid #EDEBD5; height:2.5em; vertical-align:middle; }
#maincol div.fwfilelist table td.i1 { background-color:transparent; }
#maincol div.fwfilelist div.fwnavigation td { border:none; }
/* sitemap */
#maincol div.fwsitemap { }
#maincol div.fwsitemap div.item {}
#maincol div.fwsitemap div.item a { text-decoration:none; }
#maincol div.fwsitemap div.item1 { font-weight:bold; padding-left:0px; margin-top:20px; }
#maincol div.fwsitemap div.item2 { padding-left:10px; }
#maincol div.fwsitemap div.item3 { padding-left:20px; }
#maincol div.fwsitemap div.item4 { display:none; }
/* redirect */
#maincol div.fwredirect {}
/* galerie */
#maincol div.fwgallery { padding-bottom:20px; }
#maincol div.fwgallery table.fwgallery { width:100%; border-spacing:0; }
#maincol div.fwgallery table.fwgallery td.thumbnail img { padding:5px; }
#maincol div.fwgallery table.fwgallery td.thumbnail { border:none; padding:5px 0; height:auto; width:auto; }
#maincol div.fwgallery table.fwgallery td.item img { padding:5px; }
/* mitteilungen (db, formular-zu-email) */
div.message { font-size:13px; line-height:20px; }
div.okmessage { }
div.nokmessage { color:red; }
.fwelement .note { color:#0000ff; }
.fwelement .warning { color:#ffa500; }
.fwelement .error,
.mail-frm-err { color:#ff0000; }
/* formular-zu-email */
#maincol div.fwformtomail { border:none; padding:0; }
#maincol div.fwformtomail table { margin:0; border:0; border-collapse:collapse; border-spacing:0; }
#maincol div.fwformtomail table td { padding:0; }
#maincol div.fwformtomail table td td { padding:0 }
#maincol div.fwformtomail table td.mail-frm-td-lbl { display:block; }
#maincol div.fwformtomail table td.mail-frm-td-val { display:block; padding:0 0 15px; }
#maincol div.fwformtomail table form.mail-frm input.mail-frm-but { background-color:#004B7C; padding:6px 10px 6px; color:#FFFFFF; border:0; font-size:12px; }
#maincol div.fwformtomail table form.mail-frm .mail-frm-inp { background-color:#004B7C; padding:2px; color:#FFFFFF; border:0; }
#maincol div.fwformtomail table form.mail-frm .mail-frm-inpa { background-color:#004B7C; padding:2px; color:#FFFFFF; border:0; width:490px; height:180px; }
#maincol div.fwformtomail table.mail-tbl-but { padding:10px 0 0; }
/* mini-shop */
#maincol div.fwformshop .formshop-message { margin:0 0 1em 0; padding:1em; border:1px solid #E6E6E6; }
#maincol div.fwformshop form { }
#maincol div.fwformshop form table.formshop-art { border:none; }
#maincol div.fwformshop form table.formshop-art td { border-bottom:1px solid #ffffff; }
#maincol div.fwformshop div.formshop-frm { border:none; padding:0px; }
#maincol div.fwformshop div.formshop-frm INPUT { width:auto; background-color:#004B7C; color:#FFFFFF; border:0; padding:2px; }
#maincol div.fwformshop div.formshop-frm TEXTAREA { width:auto; background-color:#004B7C; color:#FFFFFF; border:0; padding:2px; }
#maincol div.fwformshop table.formshop-art td { padding:0 1em 2em 0; }
#maincol div.fwformshop div.formshop-frm table.formshop-form-adress { width:600px; }
#maincol div.fwformshop div.formshop-frm table.formshop-form-adress td { vertical-align:top; padding:0 0 10px 0; }
#maincol div.fwformshop table.formshop-art tr.formshop-art-single INPUT { background-color:#004B7C; color:#FFFFFF; border:0; padding:2px; }
.fwformshop-popup-body { background:none; }
.fwformshop-popup-body div.fwformshop-popup {}
.fwformshop-popup-body div.fwformshop-popup a { color:#004B7C; font-weight:bold; text-decoration:none; }
.fwformshop-popup-body div.fwformshop-popup a:hover { color:#F3E400; font-weight:bold; text-decoration:none; }
/* news */
#maincol div.fwnews1-list form.frm-frm table.text0 { border-collapse:collapse; border-spacing:0; }
#maincol div.fwnews1-list form.frm-frm table.text0 td { padding:0; }
#maincol div.fwnews1-list form.frm-frm table.text0 table.tbl-searchform { border-collapse:collapse; border-spacing:0; }
#maincol div.fwnews1-list form.frm-frm table.text0 table.tbl-searchform td { padding:0 1em 1.25em 0; }
#maincol div.fwnews1-list form.frm-frm table.text0 table.tbl-searchform td.val input { width:15em; }
#maincol div.fwnews1-list form.frm-frm table.text0 table.tbl-searchform td.val select { width:15.3em; }
#maincol div.fwnews1-list form.frm-frm table.text0 table.tbl-searchform td.lbl-date-from { display:none; }
#maincol div.fwnews1-list form.frm-frm table.text0 table.tbl-searchform td.val-date-start { display:none; }
#maincol div.fwnews1-list form.frm-frm table.text0 table.tbl-searchform td.lbl-date-till { display:none; }
#maincol div.fwnews1-list form.frm-frm table.text0 table.tbl-searchform td.val-date-end { display:none; }
#maincol div.fwnews1-list form.frm-frm table.text0 table.tbl-searchform td.btn input.frm-frm-but { background-color:#FFFFFF; padding:2px; border:1px solid #CCCCCC; color:#000000; height:1.7em; }
#maincol div.fwnews1-list table.text1 div.entry { margin:1em 0; padding:0 0 20px 0; }
#maincol div.fwnews1-list table.text1 div.entry h2.title { margin:0 0 5px 0; }
#maincol div.fwnews1-list table.text1 div.entry h3.subtitle { margin:10px 0 10px 0; display:none; }
#maincol div.fwnews1-list table.text1 div.entry div.image img { margin-top:0.5em; padding:5px; }
#maincol div.fwnews1-detailview table.text1 div.entry { margin:1em 0; padding:0 0 20px 0; }
#maincol div.fwnews1-detailview table.text1 div.entry h2.title { margin:0 0 5px 0; }
#maincol div.fwnews1-detailview table.text1 div.entry h3.subtitle { margin:10px 0 10px 0; display:none; }
#maincol div.fwnews1-detailview table.text1 div.entry div.image img { margin-top:0.5em; padding:5px; }
/* umfrage */
#maincol div.survey { padding:0 20px 20px 20px; margin-bottom:20px; width:100%; }
/* abstand */
#maincol div.fwspace { height:2em; font-size:0; line-height:0; }
/* kontakte */
#maincol div.contact-list-tab { padding:0;}
#maincol div.contact-list-tab td { padding:0.5em;}
#maincol div.contact-list-tab table.text { width:100%; }
#maincol div.contact-list-tab .contact-list-nav { width:100px;margin-left:auto;margin-right:auto;}
#maincol div.contact-person { padding:0px 20px; }
#maincol div.contact-person table.text { width:100%; }
#maincol div.contact-person table.text td { padding:0px 20px 0px 0px; }
/* iframe */
#maincol div.iframe { padding:20px 0 0; }
/********************************
* rightcol
********************************/
#rightcol .fwelement { margin:0; padding:0; }
#rightcol .fwelement a { color:#004B7C; font-weight:bold; text-decoration:none; }
#rightcol .fwelement a:hover { color:#F3E400; font-weight:bold; text-decoration:none; }
#rightcol .clear { font-size:0px; height:0px; line-height:0px; display:inline; }
/* news */
#rightcol #news { }
#rightcol div.fwnews1-latest { overflow:hidden; }
#rightcol div.fwnews1-latest .fwtitle { margin:0 0 20px; }
#rightcol div.fwnews1-latest table.text0 td { padding:15px 15px 0 15px; }
#rightcol div.fwnews1-latest table.text0 td div.newsentry div.newsdate { color:#ffffff; }
#rightcol div.fwnews1-latest table.text0 td div.newsentry div.newstitle { color:#ffffff; }
#rightcol div.fwnews1-latest table.text0 td div.newsentry div.newssubtitle { color:#EDEBD5; }
#rightcol div.fwnews1-latest table.text0 td div.newsentry div.newsmorelink { }
#rightcol div.fwnews1-latest table.text0 td div.newsentry div.newsmorelink a { }
#rightcol div.fwnews1-latest table.text0 td div.newsentry div.newsmorelink a:hover { color:#7fb848; }
#rightcol div.fwnews1-latest table.text1 { }
#rightcol div.fwnews1-latest table.text1 td { padding:0; }
#rightcol div.fwnews1-latest table.text1 td div.newsentry div.newstitle { font-size:14px; color:#004B7C; margin:0; }
#rightcol div.fwnews1-latest table.text1 td div.newsentry div.newssubtitle { margin:0; }
#rightcol div.fwnews1-latest table.text1 td div.newsentry div.newsmorelink { margin:0; }
#rightcol div.fwnews1-latest table.text1 td div.newsentry div.newsmorelink a { }
#rightcol div.fwnews1-latest table.text1 td div.newsentry div.newsmorelink a { color:#004B7C; }
#rightcol div.fwnews1-latest table.text1 td div.newsentry div.newsmorelink a:hover { color:#F3E400; }
#rightcol div.fwnews1-latest table.text2 td { display:none; }
/********************************
* footer
********************************/
#footer .fwelement { margin:0px; padding:0px; font-size:12px; line-height:20px; display:none; color:#FFFFFF; }
#footer .fwelement a { color:#FFFFFF; font-weight:bold; text-decoration:none; }
#footer .fwelement a:hover { color:#F3E400; font-weight:bold; text-decoration:none; }
#footer .clear { font-size:0px; height:0px; line-height:0px; display:inline; }
/* text */
#footer div.fwtext { display:block; float:left; clear:none; margin:0; font-size:12px; line-height:19px; }
#footer div.fwtext p { margin:0; }
/* linkliste */
#footer div.fwlinklist-table { display:block; clear:none; width:auto; float:right; }
#footer div.fwlinklist-table p.title { display:none; }
#footer div.fwlinklist-table ul.list{ list-style:none; margin:0; }
#footer div.fwlinklist-table ul.list li { float:left; }
#footer div.fwlinklist-table ul.list li a { display:none; }
#footer div.fwlinklist-table ul.list li a.active { display:block; margin:0 0 0 11px; }