456 lines
6.7 KiB
CSS
456 lines
6.7 KiB
CSS
html {
|
|
background-color: #423628;
|
|
overflow: auto;
|
|
font-family: Calibri, Geneva, Arial, Helvetica, sans-serif;
|
|
font-size: 14px;
|
|
}
|
|
|
|
body {
|
|
width: 990px;
|
|
margin: auto;
|
|
margin-top: 10px;
|
|
border-top: 5px solid #F4F1ED;
|
|
border-bottom: 5px solid #F4F1ED;
|
|
background-color: #F4F1ED;
|
|
}
|
|
|
|
#root {
|
|
width: 970px;
|
|
margin: auto;
|
|
border-left: 4px solid #961017;
|
|
border-right: 4px solid #961017;
|
|
border-bottom: 2px solid #961017;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 1px;
|
|
color: #F4F1ED;
|
|
font-weight: bold;
|
|
height: 42px;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
}
|
|
|
|
h2 {
|
|
font-size: 18px;
|
|
color: #574730;
|
|
font-weight: bold;
|
|
margin: 10px 20px;
|
|
padding: 0px;
|
|
text-align: left;
|
|
}
|
|
|
|
h3 {
|
|
font-size: 15px;
|
|
font-weight: bold;
|
|
color: #574730;
|
|
margin: 10px 20px;
|
|
padding: 0px;
|
|
}
|
|
|
|
hr {
|
|
margin: 10px 20px;
|
|
padding: 0px;
|
|
height: 2px;
|
|
color: #574730;
|
|
background-color: #574730;
|
|
border: none;
|
|
}
|
|
|
|
p {
|
|
color: #574730;
|
|
margin: 10px 20px;
|
|
font-size: 14px;
|
|
}
|
|
|
|
table {
|
|
color: #574730;
|
|
margin: 10px 20px;
|
|
border-collapse: collapse;
|
|
font-size: 14px;
|
|
}
|
|
|
|
th {
|
|
font-weight: bold;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
text-align: left;
|
|
}
|
|
|
|
td {
|
|
margin: 0px;
|
|
padding: 0px;
|
|
}
|
|
|
|
table.preise {
|
|
border: 2px solid #574730;
|
|
float: left;
|
|
}
|
|
|
|
table.cal {
|
|
border: 2px solid #574730;
|
|
float: right;
|
|
}
|
|
|
|
*html table.preise {
|
|
margin: 10px 10px;
|
|
}
|
|
|
|
*html table.cal {
|
|
width: 235px;
|
|
}
|
|
|
|
*+html table.cal {
|
|
width: 235px;
|
|
}
|
|
|
|
table.angebot {
|
|
font-weight: bold;
|
|
border-collapse: collapse;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
}
|
|
|
|
table.cal th, table.cal td {
|
|
text-align: center;
|
|
padding: 3px 0px 2px 0px;
|
|
}
|
|
|
|
table.preise th, table.preise td {
|
|
text-align: center;
|
|
vertical-align: top;
|
|
padding: 2px 3px;
|
|
border: 1px solid #574730;
|
|
}
|
|
|
|
table.angebot td {
|
|
padding-right: 20px;
|
|
}
|
|
|
|
table.links td {
|
|
padding-left: 20px;
|
|
}
|
|
|
|
table.links th {
|
|
padding-top: 10px;
|
|
}
|
|
|
|
th.hs, td.hs {
|
|
background-color: #E5B8B7;
|
|
}
|
|
|
|
th.ns, td.ns {
|
|
background-color: #C2D69B;
|
|
}
|
|
|
|
th.aw, td.aw {
|
|
background-color: #B2A1C7;
|
|
}
|
|
|
|
td.bel {
|
|
background-color: #fff;
|
|
background-image: url(../img/belegt.gif);
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
img {
|
|
border: 0px;
|
|
z-index: 1;
|
|
}
|
|
|
|
* html img,
|
|
* html .png{
|
|
position:relative;
|
|
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
|
|
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
|
|
this.src = "img/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
|
|
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
|
|
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
|
|
);
|
|
}
|
|
|
|
.clear {
|
|
clear: both;
|
|
}
|
|
|
|
#header {
|
|
height: 150px;
|
|
margin: 0px -4px;
|
|
border-left: 4px solid #907959;
|
|
border-right: 4px solid #907959;
|
|
border-top: 4px solid #907959;
|
|
background-image: url(../img/header.jpg);
|
|
}
|
|
|
|
ul#Navigation {
|
|
position: relative;
|
|
top: 110px;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
float: right;
|
|
text-align: center;
|
|
z-index: 5;
|
|
}
|
|
|
|
ul#Navigation li {
|
|
float: left;
|
|
font-size: 15px;
|
|
position: relative;
|
|
list-style: none;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
}
|
|
|
|
ul#Navigation li a:hover {
|
|
font-weight: bold;
|
|
}
|
|
|
|
ul#Navigation li ul {
|
|
margin: 0px;
|
|
padding: 10px 0px 0px 0px;
|
|
position: absolute;
|
|
height: 190px;
|
|
width: 150px;
|
|
border: 1px solid #907959;
|
|
border-top: none;
|
|
left: -41px;
|
|
}
|
|
|
|
ul#Navigation li ul li {
|
|
float: none;
|
|
font-size: 15px;
|
|
display: block;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
}
|
|
|
|
ul#Navigation a, ul#Navigation span {
|
|
display: block;
|
|
width: 110px;
|
|
height: 40px;
|
|
vertical-align: middle;
|
|
text-decoration: none;
|
|
color: #574730;
|
|
}
|
|
|
|
ul#Navigation a:hover, ul#Navigation span, li a#aktuell:hover {
|
|
background-color: #F7F5F2;
|
|
}
|
|
|
|
ul#Navigation li ul a {
|
|
color: #574730;
|
|
height: 20px;
|
|
line-height: 20px;
|
|
width: 140px;
|
|
text-align: left;
|
|
margin: 0px 0px 0px 5px;
|
|
}
|
|
|
|
ul#Navigation li ul a:hover {
|
|
font-weight: bold;
|
|
}
|
|
|
|
/* dynamisches Ein-/Ausblenden */
|
|
ul#Navigation li ul {
|
|
display: none;
|
|
}
|
|
|
|
ul#Navigation li:hover ul {
|
|
display: block;
|
|
}
|
|
|
|
#clear {
|
|
overflow: hidden;
|
|
clear: left;
|
|
height: 4px;
|
|
background-color: #961017;
|
|
margin: 0px 0px 0px 0px;
|
|
font-size: 1px;
|
|
}
|
|
|
|
#clear2 {
|
|
overflow: hidden;
|
|
clear: left;
|
|
height: 2px;
|
|
background-color: #961017;
|
|
margin: 0px 0px 0px 0px;
|
|
font-size: 1px;
|
|
}
|
|
|
|
#cleaner {
|
|
clear: both;
|
|
margin-top: 0px;
|
|
position: fixed;
|
|
}
|
|
|
|
#inhalt {
|
|
min-height: 450px;
|
|
width: 970px;
|
|
margin: 0px 0px 0px 0px;
|
|
padding: 0px;
|
|
text-align: justify;
|
|
overflow: auto;
|
|
color: #333;
|
|
font-size: 12px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
#inhalt a {
|
|
color: #574730;
|
|
}
|
|
|
|
#inhalt ul {
|
|
color: #574730;
|
|
margin: 10px 20px 10px 0px;
|
|
list-style-position: outside;
|
|
font-size: 14px;
|
|
}
|
|
|
|
*html #inhalt ul {
|
|
margin-left: 40px;
|
|
}
|
|
|
|
*+html #inhalt ul {
|
|
margin-left: 40px;
|
|
}
|
|
|
|
#anfrage form {
|
|
margin: 10px 20px;
|
|
font-size: 14px;
|
|
color: #574730;
|
|
}
|
|
|
|
#anfrage form br {
|
|
clear: left;
|
|
}
|
|
|
|
#anfrage label, #anfrage input, #anfrage select {
|
|
display: block;
|
|
float: left;
|
|
width: 290px;
|
|
margin: 0px 10px 3px 0px;
|
|
padding: 0px;
|
|
font-family: Calibri, Geneva, Arial, Helvetica, sans-serif;
|
|
font-size: 14px;
|
|
color: #574730;
|
|
}
|
|
|
|
#anfrage label {
|
|
width: 120px;
|
|
font-size: 14px;
|
|
}
|
|
|
|
#anfrage input.hidden {
|
|
width: auto;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
}
|
|
|
|
#anfrage input.check {
|
|
width: auto;
|
|
float: right;
|
|
margin: 0px 18px 3px 0px;
|
|
padding: 0px;
|
|
}
|
|
|
|
*html #anfrage input.check {
|
|
margin-right: 8px;
|
|
}
|
|
|
|
#anfrage input.submit {
|
|
width: auto;
|
|
}
|
|
#anfrage textarea {
|
|
width: 420px;
|
|
margin: 0px 0px 10px 0px;
|
|
padding: 0px;
|
|
font-family: Calibri, Geneva, Arial, Helvetica, sans-serif;
|
|
font-size: 14px;
|
|
color: #574730;
|
|
overflow: hidden;
|
|
}
|
|
|
|
ul.angebot {
|
|
position: relative;
|
|
}
|
|
|
|
ul.angebot li {
|
|
list-style-position: inside;
|
|
}
|
|
|
|
#inhalt img.left {
|
|
margin: 0px 20px;
|
|
float: left;
|
|
}
|
|
|
|
#inhalt img.right {
|
|
margin: 0px 20px;
|
|
float: right;
|
|
}
|
|
|
|
#lspalte {
|
|
width: 480px;
|
|
float: left;
|
|
padding: 0px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
#rspalte {
|
|
width: 480px;
|
|
float: right;
|
|
padding: 0px;
|
|
margin: 12px 0px 90px 0px;
|
|
}
|
|
|
|
#rspalte img.gross {
|
|
float: right;
|
|
margin: 0xp;
|
|
}
|
|
|
|
#thumb {
|
|
margin-top: -60px;
|
|
margin-right: 3px;
|
|
padding: 0px;
|
|
float: right;
|
|
}
|
|
|
|
#thumb img {
|
|
float: right;
|
|
width: 45px;
|
|
height: 45px;
|
|
margin: 0px 0px 0px 3px;
|
|
}
|
|
|
|
#galerie img {
|
|
width: 90px;
|
|
height: 90px;
|
|
margin: 0px 5px 5px 0px;
|
|
}
|
|
|
|
#bild img {
|
|
margin-left: 20px;
|
|
}
|
|
|
|
#footer {
|
|
color: #F4F1ED;
|
|
font-size: 14px;
|
|
background-color: #961017;
|
|
font-variant: small-caps;
|
|
height: 38px;
|
|
line-height: 38px;
|
|
margin: 0px;
|
|
}
|
|
|
|
#footer img {
|
|
float: left;
|
|
margin-top: 2px;
|
|
}
|
|
|
|
#footer a {
|
|
color: #F4F1ED;
|
|
margin-right: 20px;
|
|
font-variant: small-caps;
|
|
text-decoration: none;
|
|
float: right;
|
|
} |