Initial commit from online.
This commit is contained in:
456
css/page.css
Normal file
456
css/page.css
Normal file
@@ -0,0 +1,456 @@
|
||||
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;
|
||||
}
|
||||
Reference in New Issue
Block a user