/* Link fuer die einzelnen Seiten:
*/
/* --- CSS Text --- */
/* Font-Importe: 'Average Sans', 'Averia Sans Libre', 'Lato' (für italic), 'Homemade Apple' (für Littmann Galerie) */
@font-face { font-family: 'Average Sans'; font-style: normal; font-weight: 400; src: local('Average Sans'), local('AverageSans-Regular'), url(https://sizilien-ferienhaus.net/format/fonts/average-sans.woff) format('woff'); }
@font-face { font-family: 'Averia Sans Libre'; font-style: normal; font-weight: 400; src: local('Averia Sans Libre Regular'), local('AveriaSansLibre-Regular'), url(https://sizilien-ferienhaus.net/format/fonts/average-sans-libre-regular.woff) format('woff'); }
@font-face { font-family: 'Lato'; font-style: italic; font-weight: 400; src: local('Lato Italic'), local('Lato-Italic'), url(https://sizilien-ferienhaus.net/format/fonts/lato-italic.woff) format('woff'); }
@font-face { font-family: 'Lato'; font-style: italic; font-weight: 700; src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url(https://sizilien-ferienhaus.net/format/fonts/lato-bolditalic.woff) format('woff'); }
@font-face { font-family: 'Homemade Apple'; font-style: normal; font-weight: 400; src: local('Homemade Apple'), local('HomemadeApple'), url(https://sizilien-ferienhaus.net/format/fonts/homemadeapple.woff) format('woff'); }
/*Generelles Seitenlayout*/
body {text-align:left; font-family: 'Average Sans', Trebuchet MS, Arial, Helvetica, sans-serif; color:#000022; font-size:12pt; font-weight:normal; background:transparent; allowTransparency:true; overflow:auto;}
img { border:0; }
/* Seitenbreite.
Nur per class="page-content" in eigener ! Sonst werden die frames mitformatiert!
Grundeinstellung = variabel 960-1440px ueber min-width und max-width.
"width:100%;" nicht veraendern! Benutze max-width um die Maximalbreite zu definieren! */
.page-content { width:100%; max-width:1440px; min-width:960px; margin: 0 auto; }
/*Beschreibung des Linkverhaltens*/
a:link { color:#0000DD; text-decoration:none; }
a:visited { color:#0000DD; text-decoration:none; }
a:hover { color:#7DFFFD; text-decoration:none; }
a:active { color:#0000DD; text-decoration:none; }
/*Navigationsleiste*/
.navigationtext {font-size:7pt;line-height:8pt; font-family:'Averia Sans Libre', Trebuchet MS, Arial, Helvetica, sans-serif; text-decoration:none; text-align:center; }
.navigationtable {overflow:hidden; text-align:center; margin:10px; background-image:url(https://sizilien-ferienhaus.net/backgrounds/nav.png); background-repeat:repeat-x; -webkit-border-radius: 2em; -moz-border-radius:2em; border-radius: 2em; /*-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5); padding:0 10; cellpadding:0; cellspacing:0; */ width:95%; height:21px; }
.navigationtable td { overflow:hidden; }
A.navigationtext:link, A.navigationtext:visited {COLOR:#ffffff;text-decoration:none;font-weight:900;}
A.navigationtext:hover, A.navigationtext:active {COLOR:#7dfffd;text-decoration:none;font-weight:900;}
/* Highlighten der angewaehlten Seite in der Navileiste*/
#location .location, #interior .interior, #directions .directions, #prices .prices, #walks .walks, #trips .trips, #beaches .beaches, #shopping .shopping, #restaurants .restaurants, #gallery .gallery, #slideshow .slideshow, #guestbook .guestbook, #contact .contact, #disclaimer .disclaimer { color:#7DFFFD; }
/* Ueberschriften: Es sind nur 6 h-Ueberschriften erlaubt!!
h1=Startseite rechts unten (ist h1 wegen Basisinformation - wichtig für Suchmaschinen)
h2="casa la zagara".
h3=Textueberschrift, z.B. "Lage".
h4=Einleitung.
h5=Einleitung Gaestebuch / "wird fortgesetzt" usw
h6=Seitenverweise Homepage und Ueberschriften Bildergalerie (mit fancybox)
*/
h1 {text-align:center; font-family:'Average Sans', Trebuchet MS, Arial, Helvetica, sans-serif; color:#000099; font-size:9pt; font-weight:normal; letter-spacing:1pt; margin:0; }
h2 {text-align:center; font-family: 'Averia Sans Libre', Trebuchet MS, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:20pt; font-weight:normal; letter-spacing:6pt; margin:0; }
h3 {text-align:center; font-family:'Average Sans', Trebuchet MS, Arial, Helvetica, sans-serif; color:#000099; text-shadow: 1px 1px 1px #f0f0f0; font-size:16pt; font-weight:normal; letter-spacing:1pt; margin:0; }
h4 {text-align:center; font-family:'Lato', Trebuchet MS, Arial, Helvetica, sans-serif; color:#000044; font-size:10pt; font-style:italic; font-weight:normal; margin:0; }
h5 {text-align:left; font-family:'Lato', Trebuchet MS, Arial, Helvetica, sans-serif; color:#000044; font-size:10pt; font-style:italic; font-weight:normal; margin:0; }
h6 {text-align:left; font-family:'Average Sans', Trebuchet MS, Arial, Helvetica, sans-serif; color:#000099; font-size:13pt; font-weight:normal; margin:0; }
/* Textformate:
.txt1=Fliesstext normal
.txt1b=Fliesstext fett
.txt1i=Fliesstext kursiv
.txt2=Fliesstext Gaestebuch / Anreise
.txt3=Text Kontakt/Impressum
.txt4=Adresse/Telefon
.text4b=Adresse/Telefon fett
.txt5=Disclaimer
.txt6=Text Startseite
.txt7=Text Homepage
.txt8=Ueberschrift Homepage
.txt9=Ausflugsdauer und Anfahrt in zagaradeausfluege
.txt10="HOME", "LASSEN SIE SICH VERFUEHREN"...
.txt11=Ueberschrift "la galleria littmann"
*/
.txt1 {text-align:left; font-family:'Average Sans', Trebuchet MS, Arial, Helvetica, sans-serif; color:#000022; font-size:12pt; font-weight:normal; margin:0; line-height:1.5; }
.txt1b {text-align:left; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size:12pt; font-weight:bold; margin:0; }
.txt1i {font-family:'Lato', Trebuchet MS, Arial, Helvetica, sans-serif; font-size:12pt; font-style:italic; font-weight:normal; }
.txt2 {text-align:left; font-family:'Average Sans', Trebuchet MS, Arial, Helvetica, sans-serif; color:#000022; font-size:11pt; font-weight:normal; margin-left:2em; text-indent:2em; line-height:1.5; }
.txt3 {text-align:center; font-family:'Average Sans', Trebuchet MS, Arial, Helvetica, sans-serif; color:#000088; font-size:12pt; font-weight:normal; margin:0; }
.txt4 {text-align:center; font-family:'Average Sans', Trebuchet MS, Arial, Helvetica, sans-serif; color:#000088; font-size:10pt; font-weight:normal; margin:0; }
.txt4b {text-align:center; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; color:#000088; font-size:10pt; font-weight:bold; margin:0; }
.txt5 {text-align:center; font-family:'Average Sans', Trebuchet MS, Arial, Helvetica, sans-serif; color:#6CAAFD; font-size:8pt; font-weight:normal; margin:0; }
.txt6 {text-align:left; font-family:'Averia Sans Libre', Trebuchet MS, Arial, Helvetica, sans-serif; color:#0000DD; font-size:14pt; font-weight:normal; margin:0; text-shadow: 0px 0px 5px rgba(255,255,255,0.4); }
.txt7 {text-align:left; font-family:'Average Sans', Trebuchet MS, Arial, Helvetica, sans-serif; color:#000044; font-size:10pt; font-weight:normal; }
.txt8 {text-align:left; font-family:'Average Sans', Trebuchet MS, Arial, Helvetica, sans-serif; color:#FFFF00; font-size:14pt; font-weight:normal; margin:0; }
.txt9 {text-align:left; font-family:'Lato', Trebuchet MS, Arial, Helvetica, sans-serif; color:#000022; font-size:10pt; font-style:italic; font-weight:normal; margin:0; line-height:1.5; }
.txt10 {text-align:center; font-family: 'Averia Sans Libre', Trebuchet MS, Arial, Helvetica, sans-serif; color:#000044; font-size:12pt; font-weight:normal; vertical-align:bottom; white-space:nowrap; text-shadow:none; }
.txt11 {text-align:center; font-family:'Homemade Apple', Trebuchet MS, Arial, Helvetica, sans-serif; color:#0000ff; font-size:12pt; font-weight:normal; margin:0; }
/*Formatierung der Preistabelle*/
.box1 { font-family:'Average Sans', Trebuchet MS, Arial, Helvetica, sans-serif;color:#0000DD; font-size:11pt; }
.box2 { font-family:'Average Sans', Trebuchet MS, Arial, Helvetica, sans-serif; color:#000000; font-size:10pt; }
.box2b { text-align:center; font-family:'Average Sans', Trebuchet MS, Arial, Helvetica, sans-serif; color:#999999; font-size:16pt; font-weight:normal; letter-spacing:1pt; margin:0; text-shadow:1px 1px 1px #f0f0f0; }
.box3 { font-family:'Lato', Trebuchet MS, Arial, Helvetica, sans-serif; color:#000000; font-size:9pt; font-style:italic; }
/*Formatierung der Tabellenhintergruende:
.td1=Preistabelle Zellen
.td2=Alle Tabellen Aussenrahmen und Zellen
.td3=Abgerundeter Tabellenhintergrund Home
.td4=Abgerundeter Hintergrund fuer Exkurse / Ausfluege mit leichtem Opaqweiss
.td5=Hintergrund fuer Links Startseite
.td6=Stark abgerundeter Hintergrund fuer Links Startseite (neu)
.td7=Abgerundeter Hintergrund mit staerkerer Margin für Unterschrift Bildergalerie (mit fancybox)
.td8=Abgerundetes Tabellenfeld für richtigen Schattenwurf bei Bildgalerie (mit fancybox)
.td9=Adress- und Ratingfeld Startseite unten
.td10=kreisrundes Feld 400x400px für xxversendet.htm
*/
.td1 { background-image:url('../backgrounds/whiteopaq.png'); background-color:transparent; padding-left:8px; padding-right:8px;}
.td2 { background-image:url('../backgrounds/whiteopaq.png'); background-color:transparent; padding:10px; }
.td3 { background-image:url('../backgrounds/whiteopaq.png'); background-color:transparent; -webkit-border-radius:1em; -moz-border-radius:1em; border-radius:1em; padding:10px; }
.td4 { background-image:url('../backgrounds/whtopaqlt.png'); background-color:transparent; -webkit-border-radius:1em; -moz-border-radius:1em; border-radius:1em; padding:10px; }
.td5 {text-align:center; background-image:url('../backgrounds/whtopaqlt.png'); background-color:transparent; -webkit-border-radius:35px; -moz-border-radius:35px; border-radius:35px; padding:0 5px; }
.td6 {text-align:center; background-image:url('../backgrounds/whtopaqlt.png'); background-color:transparent; -webkit-border-radius:35px; -moz-border-radius:35px; border-radius:35px; padding:0 20px; vertical-align:middle; line-height:70px; float:right; }
.td7 { text-align:center; background-image:url('../backgrounds/whiteopaq.png'); background-color:transparent; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; padding:4px 20px; margin:0px 50px; }
.td8 { background-color:transparent; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; }
.td9 { background-color:rgba(255,255,255,0.4); padding:4px 8px; display:inline-block;-webkit-border-radius:1em; -moz-border-radius:1em; border-radius:1em; }
.td9:hover { animation: fadein 0.3s; -moz-animation: fadein 0.3s; -webkit-animation: fadein 0.3s; -o-animation: fadein 0.3s; background-color:rgba(255,255,255,0.7); }
.td10 { text-align:center; height:400px; width:400px; background-image:url('../backgrounds/whiteopaq.png'); background-color:transparent; padding:10px; -webkit-border-radius:200px; -moz-border-radius:200px; border-radius:200px; }
/*Schattierung der Rahmen */
.shadow { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }
.innershadow { -webkit-box-shadow: inset 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: inset 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: inset 0 10px 25px rgba(0, 0, 0, 0.5); }
/* Opaq-Hintergrund der iFrames bei Mouseover (hover) ; js in jquery.fancybox-launch.js abgelegt*/
.fadeopaq { position: relative; width: 100%; height: 100%; float: left; }
.fadeopaq span { position: absolute; display: none; width: inherit; height: inherit; top: 0; left: 0; bottom: 0; right: 0; background-image: url('https://sizilien-ferienhaus.net/backgrounds/whtopaqlt.png'); -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; -webkit-box-shadow: 0 10px 25px rgba(0,0,0,0.5); -moz-box-shadow: 0 10px 25px rgba(0,0,0,0.5); box-shadow: 0 10px 25px rgba(0,0,0,0.5); z-index: -1; padding:5px 0;}
.fade1 { animation: fadein 1s; -moz-animation: fadein 1s; -webkit-animation: fadein 1s; -o-animation: fadein 1s; }
.fade3 { animation: fadein 3s; -moz-animation: fadein 3s; -webkit-animation: fadein 3s; -o-animation: fadein 3s; }
.fade5 { animation: fadein 5s; -moz-animation: fadein 5s; -webkit-animation: fadein 5s; -o-animation: fadein 5s; }
.fade20 { animation: fadein 20s; -moz-animation: fadein 20s; -webkit-animation: fadein 20s; -o-animation: fadein 20s; }
@keyframes fadein { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadein { from { opacity:0; } to { opacity:1; } }
@-webkit-keyframes fadein { from { opacity:0; } to { opacity:1; } }
@-o-keyframes fadein { from { opacity:0; } to { opacity:1; } }
/* Sprites fuer Zagdisc (Home-Icon und Foto-Icons auf zagara..home) und Facebook */
.zagdisc {display:block; width:70px; height:70px; background:url('https://sizilien-ferienhaus.net/pics/zagsprite-wb70.png') no-repeat; margin-left:9px; background-position:-70px; }
.zagdisc70 {display:block; width:70px; height:70px; background:url('https://sizilien-ferienhaus.net/pics/zagsprite-wb70.png') no-repeat; margin-left:9px; }
.zagdisc70:hover {background-position:-70px;}
.zagdisc50 {display:block; width:50px; height:50px; background:url('https://sizilien-ferienhaus.net/pics/zagsprite-wb50.png') no-repeat; }
.zagdisc50:hover {background-position:-50px;}
.facebook {display:block; width:33px; height:40px; background:url('https://sizilien-ferienhaus.net/pics/fbsprite.png') no-repeat; }
.facebook:hover {background-position:-33px;}
.enflag {display:block; width:40px; height:40px; background:url('https://sizilien-ferienhaus.net/pics/ensprite.png') no-repeat; }
.enflag:hover {background-position:-40px;}
.deflag {display:block; width:40px; height:40px; background:url('https://sizilien-ferienhaus.net/pics/desprite.png') no-repeat; }
.deflag:hover {background-position:-40px;}
.backsprite {display:block; width:40px; height:40px; background:url('https://sizilien-ferienhaus.net/pics/backsprite.png') no-repeat; }
.backsprite:hover {background-position:-40px;}
.zagemail {display:block; width:177px; height:28px; background:url('https://sizilien-ferienhaus.net/pics/zagemailsprite2.png') no-repeat; }
.zagemail:hover {background-position: 0 -28px;}
.transport-plane {display:block; position:absolute; width:50px; height:50px; background:url('https://sizilien-ferienhaus.net/pics/transport.png') no-repeat; background-position: 0px 0px; z-index:-100; left:5px; top:5px; }
.transport-rental {display:block; position:absolute; width:50px; height:50px; background:url('https://sizilien-ferienhaus.net/pics/transport.png') no-repeat; background-position: -50px 0px; z-index:-100; right:5px; bottom:5px; }
.transport-car {display:block; position:absolute; width:50px; height:50px; background:url('https://sizilien-ferienhaus.net/pics/transport.png') no-repeat; background-position: 0px -50px; z-index:-100; left:5px; top:5px; }
.transport-ship {display:block; position:absolute; width:50px; height:50px; background:url('https://sizilien-ferienhaus.net/pics/transport.png') no-repeat; background-position: -50px -50px; z-index:-100; right:5px; bottom:5px; }
/* Formatierung des Kontaktformulars */
.contactform { margin: 20px 10px 10px 10px; padding: 0; background-color: transparent; color: #FFFFFF; font-size:12px; font-family:'Average Sans'; }
.fieldframe { background-image:url('../backgrounds/whiteopaq.png'); background-color:transparent; padding: 5px; }
.buttonframe { background-image:url('../backgrounds/whiteopaq.png'); background-color:transparent; margin-top:10px; padding: 5px; }
.field { color: #000000; border: 0px dotted #121518; }
.label { background-image:url('../backgrounds/whiteopaq.png'); background-color:transparent; color: #000099; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10pt; vertical-align: top; }
.input {background-image:url('../backgrounds/whiteopaq.png'); background-color:transparent; color: #000000; vertical-align: top; }
input.inputform, textarea.inputform { background-image:url('../backgrounds/whiteopaq.png'); background-color:transparent; color: #000000; border: 1px dotted #6caafd; font-size:9pt; font-family:'Average Sans'; }
input.inputform:hover, textarea.inputform:hover, input.inputform:focus, textarea.inputform:focus { background-color: #ffffff; }
.button { background-image:url('../backgrounds/whiteopaq.png'); background-color:transparent; color: #000099; border: 1px solid #000099; margin: 1px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-weight: bold; }
.button:hover { background-color: #ffffff; color: #5478B7; border: 1px solid #6caafd; margin: 1px; }
.button:focus { background-color: #ffffff; }
a.button { padding: 0px 8px 0px 8px; text-decoration: none; cursor: default; }
.error { background-image:url('../backgrounds/whiteopaq.png'); background-color:transparent; color:#cc0000; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:10pt; font-weight: bold; }
.leim { display:none; }
/* Die Formatierung der iFrames erfolgt ueber die Datei "framehght.js"! Allfaellige Formatierungsaenderungen dort vornehmen. Ausgabe (###=Rahmenhoehe angepasst an die Bildschirmgroesse):
Hauptframe:
#homefrm { width:100%; height:" ### "px; border-width:0; text-align:left; line-height:100%; margin-top:0; margin-bottom:0; }
Frame der Seiten Kontakt und Impressum:
#imprfrm { width:100%; height:" ### "px;border-width:0; text-align:left; line-height:100%; margin-top:0; margin-bottom:0; } */
/* Cookie-Hinweis */
.container {
margin: 0 auto;
max-width: 550px;
}
#gdpr-cookie-message {
position: fixed;
z-index: 2;
right: 30px;
bottom: 30px;
max-width: 375px;
background-color:#6CAAFD;
-webkit-border-radius:1em;
-moz-border-radius:1em;
border-radius:1em;
padding:10px;
box-shadow: 0 6px 6px rgba(0,0,0,0.25);
margin-left: 30px;
}
#gdpr-cookie-message p, #gdpr-cookie-message ul {
color: white;
font-size: 15px;
line-height: 1.5em;
}
#gdpr-cookie-message p:last-child {
margin-bottom: 0;
text-align: right;
}
#gdpr-cookie-message li {
width: 49%;
display: inline-block;
}
#gdpr-cookie-message button,
button#ihavecookiesBtn {
border: none;
background: var(--red);
color: white;
font-family: 'Quicksand', sans-serif;
font-size: 15px;
padding: 7px;
border-radius: 3px;
margin-left: 15px;
cursor: pointer;
transition: all 0.3s ease-in;
}
#gdpr-cookie-message button:hover {
background-image:url('../backgrounds/whtopaqlt.png');
background-color:transparent;
transition: all 0.3s ease-in;
}
#gdpr-cookie-message button:disabled {
opacity: 0.3;
}
#gdpr-cookie-message input[type="checkbox"] {
float: none;
margin-top: 0;
margin-right: 5px;
}