html /*
{height: 100.5%; font-size: 62.5%}
*/
body {
text-align: center;
font-family: arial;
font-size: 1.0em;
line-height: 1.2em;
background-color: #dbe5f4;
}
h1 {
font-size: 1.5em;
font-weight: bold;
color: black;
padding-bottom: 0.1em;
margin-bottom: 0.8em;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.05em;
/*
background: url(bg_book_top.jpg) no-repeat center bottom;
*/
}
h2 {
font-size: 1.2em;
font-weight: bold;
text-align: center;
color: black;
}
h3 {
font-weight: bold;
color: black;
text-align: center;
letter-spacing: 0.05em;
font-size: 0.9em;
}
h4 {
font-weight: bold;
color: black;
text-align: left;
font-size: 0.9em;
}
/* h1 etc. sind Universal-Selektoren. Mit diesen ist das Stylesheet zu beginnen */
div.line hr {display:none;}
div.line {
height: 8px;
background: url(dotted_line.png) repeat-x;
margin: 10px 0px;
}
a {
font-family: Arial;
font-size: 0.9em;
font-weight: bolder;
color: red;
text-align: right;
text-decoration: none;
}
a: link {
font-family: Arial;
font-size: 0.9em;
font-weight: bolder;
color: white
text-decoration: none;
}
a: visited {
}
a: hover { }
a: active { }
a.int {
background: url(link_int.gif) no-repeat left bottom;
padding-left: 16px;
}
*/
/* mit den Pseudoklassen werden die Linkeigeschaften definiert */
strong {/* Der alte Befehl <b></b> */
letter-spacing: 0.05em;
}
em { /* Der alte Befehl <i></i> */
font-size: 1.1em;
text-transform: uppercase;
}
/* Anfang Gestaltung Tabellen */
table#menu {
text-align: right;
font-family: arial;
font-size: 0.8em;
}
table.galerie {
width: 600px;
height:200px;
/*
border: 2px solid blue;
*/
border-collapse: separate;
/*
table-layout: fixed;
*/
text-align: center;
}
table.fussnote {
width: 600px;
height:100px;
/*
border: 2px solid blue;
*/
border-collapse: separate;
/*
table-layout: fixed;
*/
text-align: center;
}
/* Anfang Gestaltung Tabellen */
/*Anfang Definition der DIV*/
div#layout {
width: 600px;
height: 1105px;
background: url(bilder/leitseite01.png) no-repeat;
/*
border: 1px solid black;
*/
margin: auto;
}
div#layout02 {
width: 600px;
height: 3000px;
/*
border: 1px solid black;
*/
margin: auto;
}
div#getraenke01 {
width: 600px;
height: 1105px;
background: url(bilder/getraenke01.png) no-repeat;
border: 1px solid black;
margin: auto;
}
div#getraenke02 {
width: 600px;
height: 1105px;
background: url(bilder/getraenke02.png) no-repeat;
border: 1px solid black;
margin: auto;
}
div#speisen {
width: 600px;
height: 1105px;
background: url(bilder/speisen.png) no-repeat;
border: 1px solid black;
margin: auto;
}
div#layout_impressum{
width: 1000px;
height: 1600px;
/*
background: url (/bilder/ham_panorama_klein.png);
background-color: #f7fcfc;
border: 1px solid black;
*/
margin: auto;
}
div#layout_daten{
width: 1000px;
height: 3700px;
/*
background: url (/bilder/ham_panorama_klein.png);
*/
background-color: #f7fcfc;
/*
border: 1px solid black;
*/
margin: auto;
}
div#a {
width: 1000px;
height: 271px;
/*background: url (bilder/ham_panorama_klein.png);*/
}
div#b {
width: 1000px;
height: 20px;
text-align: right;
background-color: #f0f4fd;
}
div#ba {
width: 700px;
height: 20px;
padding: 0px 0px 0px 0px;
float: right;
/*
background-color: #cde7a7;
*/
border: 1px solid blue;
}
div#baa_l {
width: 600px;
height: 20px;
padding: 0px 0px 0px 0px;
float: right;
/*
background-color: #cde7a7;
border: 1px solid blue;
*/
}
div#bab {
width: 600px;
height: 20px;
padding: 850px 0px 0px 0px;
color: white;
float: right;
/*
border: 1px solid yellow;
background-color: #cde7a7;
*/
}
div#bac {
width: 600px;
height: 40px;
padding: 170px 0px 0px 0px;
color: white;
float: right;
/*
border: 1px solid green;
*/
}
div#bacd {
width: 600px;
height: 50px;
padding: 20px 0px 0px 0px;
color: white;
float: right;
/*
border: 1px solid green;
*/
}
div#c {
width: 1000px;
height: 485px;
/*
border: 1px solid green;
background-color: #edcece;
*/
}
div#c_daten {
width: 1000px;
height: 3397px;
/*
border: 1px solid green;
background-color: #edcece;
*/
}
div#ca {
width: 200px;
height: 285px;
padding: 200px 0px 0px 0px;
float: left;
text-align: center;
font-size: 0.8em;
/*
background-color: #cde7a7;
*/
}
div#ca_kontakt {
width: 200px;
height: 285px;
padding: 100px 0px 0px 0px;
float: left;
text-align: center;
font-size: 0.8em;
/*
background-color: #f0f4fd;
*/
}
div#cb {
width: 600px;
height: 485px;
float: right;
line-height: 1.4em;
text-align: justify;
background: url (bilder/hoo03_klein.jpg);
background-color: #f0f4fd;
}
p.normal {
font-family: Arial;
font-size: 0.9em;
text-align: justify;
margin: 0px 20px 0px 20px;
}
div#cb_kontakt {
width: 600px;
height: 285px;
padding: 75px 0px 0px 0px;
float: right;
line-height: 1.4em;
text-align: justify;
border: 2px solid red;
/*
background-color: #f0f4fd;
*/
}
div#cb_impressum {
width: 600px;
height: 800px;
padding: 75px 0px 0px 0px;
float: right;
line-height: 1.4em;
text-align: justify;
/*
border: 2px solid blue;
background-color: #317ab3;
*/
}
p.fett {
font-family: Arial;
font-size: 0.8em;
font-weight: bold;
text-align: left;
margin: 5px 0px 0px 0px;
}
p.impressum01 {
font-family: Arial;
font-size: 1.0em;
line-height: 1.1em;
text-align: left;
margin: 20px 0px 20px 20px;
}
p.impressum02 {
font-family: Arial;
font-size: 0.8em;
line-height: 0.9em;
text-align: justify;
margin: 0px 0px 0px 20px;
}
div#cb_daten {
width: 600px;
height: 300px;
padding: 75px 0px 0px 0px;
float: right;
line-height: 1.4em;
text-align: justify;
/*
border: 2px solid blue;
background-color: #317ab3;
*/
}
p.daten01 { /* übernommen */
font-family: Arial;
font-size: 0.9em;
line-height: 1.1em;
text-align: justify;
margin: 10px 0px 0px 20px;
}
p.daten02 { /* übernommen */
font-family: Arial;
font-size: 1.0em;
font-weight: bold;
line-height: 1.1em;
text-align: justify;
margin: 10px 0px 10px 20px;
}
div#cc {
width: 200px;
height: 485px;
float: right;
border: 2px solid green;
/*
background-color: #bbeaf3;
*/
}
p.zentriert {
font-size: 0.9em;
text-align: center;
line-height: 1.1em;
}
p.zentriert01 {
font-size: 1.0em;
text-align: center;
line-height: 1.1em;
}
div#d {
width: 200px;
height: 38px;
text-align: right;
float: right;
border: 1px solid black;
background-color: #d0e591;
}
/*Ende Definition der DIV */