/* Hintergrund, Scrollbalken */
body, html {
background-color: #ffffff;
margin: auto;
font-variant: normal;
color: #3A4012;
font-family: "arial";
text-align: center;
scrollbar-face-color: #faebd7;
font-size: 100.01%
}
.rahmen {
width: 1000px;
height: 100%;
margin: auto;
text-align: center;
border: 0px solid #00008B;
}
.ansicht {
position: relative;
top: 0pix;
left: 0pix;
box-sizing: content-box;
background-color: #ffffff;
font-family: "arial";
font-size: 9pt;
float: left;
width: 1000px;
height: 900px;
margin: auto;
text-align: center;
padding: 0px;
padding-bottom: 15px;
border: 1px solid #dcdcdc;
z-index: 1;
}
.header {
position: absolute;
top: 2px;
left:0px;
width: 1000px;
height: 150px;
background-image: url("../pix/back_header.jpg");
margin: 0px;
padding: 0px;
border-top: 1px solid silver;
border-bottom: 1px solid silver;
}
.ueberschrift {
position: absolute;
top: 20px;
left:185px;
width: 630px;
height:90px;
background-image: url("../pix/ueberschrift.png");
}
/* hack IE 6.0 */
* html .ueberschrift {
background-image:none;
position: absolute;
top: 20px;
left:185px;
width: 630px;
height:90px;
filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader
(src='http://www.pension-carlsburg-usedom.de/pix/ueberschrift.png', sizingMethod='scale');
}
#ueberschrift_2 {
position: absolute;
top: 115px;
left:275px;
width: 450px;
height:25px;
border : 0px solid silver;
z-index: 5;
}
.foto_l {
position: absolute;
top: 20px;
left:20px;
width: 150px;
height:112px;
background-image: url("../pix/pension_alt.png");
border : 0px solid silver;
z-index: 5;
}
/* hack IE 6.0 */
* html .foto_l {
background-image:none;
position: absolute;
top: 20px;
left:20px;
width: 150px;
height:112px;
filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader
(src='http://www.pension-carlsburg-usedom.de/pix/pension_alt.png', sizingMethod='scale');
}
.foto_r {
position: absolute;
top: 20px;
right:20px;
width: 150px;
height:112px;
background-image: url("../pix/pension_neu.png");
border : 0px solid silver;
z-index: 5;
}
/* hack IE 6.0 */
* html .foto_r {
background-image:none;
position: absolute;
top: 20px;
right:20px;
width: 150px;
height:112px;
filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader
(src='http://www.pension-carlsburg-usedom.de/pix/pension_neu.png', sizingMethod='scale');
}
/* Links */
a:link {
color : #00008b;
font-family: arial;
text-align: center;
text-decoration: none;
}
a:visited {
color : #6495ed;
font-family: arial;
text-align: center;
text-decoration: none;
}
a:hover {
color: #b0b0b0;
font-family: arial;
text-align: center;
text-decoration: none;
}
a:active {
color: red;
font-family: arial;
text-align: center;
text-decoration: none;
}
p, ul {
color: #707070;
font-family: arial;
font-size: 9pt;
text-align: left;
font-weight: normal;
text-decoration: normal;
margin: 2px 2px 2px 4px;
}
ul {
margin: 20px 0px 0px 30px;
padding: 0px;
}
li {
margin: 0px 0px 0px 0px;
padding: 0px;
display: list-item;
}
.left { position: absolute;
top: 156px;
left:0px;
width: 170px;
height: 800px;
background-color: #ffffff;
background-image:url('../pix/back_seiten.jpg');
background-repeat:repeat-x;
color: #FFFBF1;
margin: 0px;
text-align: center;
border : 1px solid silver;
z-index: 5;
}
.menue {
position: absolute;
top: 10px;
left: 4px;
width: 160px;
height: 400px;
text-align: center;
border: 0px solid #483d8b;
display:block;
font-family: arial;
font-size: 9pt;
z-index: 5;
}
.menue ul li a, .menue li a:link
{
text-decoration: none;
display: block;
color: #ffffff;
width: 160px;
padding: 5px 0px 5px 0px;
margin: 0px 0px 0px 0px;
text-align: center;
border-top: 1px solid #dcdcdc;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
border-left: 1px solid #dcdcdc;
background-color: #6495ed;
background-image:url('../pix/back_button_1.jpg');
z-index: 5;}
.menue ul li.active a:visited
{
color: #00008b;
z-index: 5;
}
.menue ul li a:visited
{
color: #ffd700;
z-index: 5;
}
.menue ul {
list-style-type: none;
padding: 0px;
margin: auto;
text-align: center;
z-index: 5;
}
.menue ul li {
float:left;
margin-right:1px;
position:relative;
}
.menue ul li ul {
display: none;
}
.menue ul li:hover a, .menue li a:active, .menue li a:focus, .menue li.active a
{
color: #00008b;
font-weight: normal;
border-top: 1px solid #000000;
border-right: 1px solid #dcdcdc;
border-bottom: 1px solid #dcdcdc;
border-left: 1px solid #000000;
padding-top: 5px;
padding-bottom: 5px;
text-decoration: none;
background-color: #a8d6ff;
background-image:url('../pix/back_button_down.jpg');
z-index: 5;
margin: 0px 0px 0px 0px;
width: 160px;
}
.homepage {
position: absolute;
left: 27px;
top: 510px;
width: 100px;
height: 40px;
font-family: arial;
font-size: 8pt;
text-align: center;
color: #a9a9a9;
text-decoration: none;
padding: 0px 0px 0px 0px;
border : 0px solid silver;
}
.inhalt {
position: absolute;
top: 156px;
left:174px;
width: 650px;
height: 800px;
background-color: #ffefd5;
/* background-image: url("../pix/mitte.jpg"); */
text-align: left;
border : 1px solid silver;
z-index: 1;
}
.right {
position: absolute;
top: 156px;
right:0px;
width: 170px;
height: 800px;
background-color: #ffffff;
background-image:url('../pix/back_seiten.jpg');
background-repeat:repeat-x;
color: #FFFBF1;
margin: 0px;
text-align: center;
border : 1px solid silver;
}
.kontakt {
position: relative;
top: 320px;
width: 150px;
height: 140px;
background-color: #ffefd5;
border : 1px solid #150186;
margin: auto;
text-align: center;
}
.kontakt_inhalt {
position: relative;
top: 2px;
left:0px;
width: 142px;
color: #00008b;
line-height:12px;
font-size: 11px;
border : 0px solid silver;
}
#wetter {
position: absolute;
top: 20px;
left:23px;
width: 120px;
height: 270px;
border: 1px solid #00008b;
display: inline;
}
h1 {
color: #ffffff;
font-family: arial;
font-size: 11pt;
font-style:italic;
text-align: center;
font-weight: bold;
text-decoration: normal;
margin-top: 5px;
margin-bottom: 5px;
}
h2 {
color: #00008b;
font-family: arial;
font-size: 10pt;
text-align: center;
font-weight: bold;
text-decoration: normal;
margin-top: 2px;
margin-bottom: 2px;
}
h3 {
color: darkblue;
font-family: arial;
font-size: 9pt;
font-weight: bold;
font-style:italic;
text-align: center;
text-decoration: normal;
margin-top: 5px;
margin-bottom: 5px;
}
h4 {
color: #676767;
font-family: arial;
font-size: 9pt;
text-align: center;
font-weight: bold;
text-decoration: normal;
margin-top: 2px;
margin-bottom: 0px;
}
h5 {
color: darkblue;
font-family: arial;
font-size: 8pt;
font-weight: bold;
font-style:italic;
text-align: center;
text-decoration: normal;
margin-top: 5px;
margin-bottom: 5px;
}
.groesse {
font-size:8pt;
}