html {
color: #36283A;
font-size: 11px;
font-family: "Tahoma", "Verdana", "Century Gothic", "Trebuchet MS";
margin:0;
padding:0;
width: 1024px;
height:100%;
scrollbar-arrow-color: #F5F5DC;
scrollbar-base-color: #00008B;
scrollbar-track-color: #CCDDFF;
scrollbar-face-color: #89A4E0;
scrollbar-highlight-color: #D4E4FF;
scrollbar-3dlight-color: #C0C0C0;
scrollbar-darkshadow-color: #696969;
scrollbar-shadow-color: #000000;
}
body {
margin:0;
padding:0;
background: #FFFFFF;
}
.Guestbook, .Arrival, .Links {
background: #FFFFFF url(images/Background.jpg) 0 0 scroll no-repeat;
}
.Home, .Gallery, .myGallery {
margin:0;
padding:0;
background: #FFFFFF url(images/Background_Home.jpg) 0 0 scroll no-repeat;
}
.Webcams, .Webcams2, .Webcams2, .Webcams3, .Webcams4, .Webcams5, .Webcams6 {
margin:0;
padding:0;
background: #FFFFFF url(images/Background_Home.jpg) 0 0 scroll no-repeat;
}
.City, .Offer, .Downloads {
margin:0;
padding:0;
background: #FFFFFF url(images/Background_City.jpg) 0 0 scroll no-repeat;
}
.Contact, .Price {
margin:0;
padding:0;
background: #FFFFFF url(images/Background_Price.jpg) 0 0 scroll no-repeat;
}
a {
text-decoration: none;
}
img {
border : 0;
}
h1 {
font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
font-size:20px;
text-transform:uppercase;
font-weight:bold;
color: #277AF2;
}
h2 {
font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
font-size:16px;
text-transform:uppercase;
text-decoration: none;
font-weight:bold;
color: #277AF2;
}
h3, h4, h5
{
text-decoration: none;
font-size:x-small;
margin: 5px 0;
padding: 5px 0;
}
h6
{
font-size:xx-small;
font-weight:normal;
margin: 5px 0;
padding: 5px 0;
}
.admin {
position: relative;
float: right;
text-align: right;
}
.headline {
font-size: small;
font-weight: bold;
text-align: center;
color: #FFFF11;
}
.lang_nav {
position: relative;
font-size:1em;
text-decoration: none;
text-align:left;
width:100%;
background:transparent;
min-height:38px;
height:38px;
top:10px;
left:20px;
}
.lang_nav ul {
margin:0;
padding:0;
}
.lang_nav li {
padding:0 5px;
display:inline;
background:none;
}
.lang_nav li.first {
border:none;
}
.lang_nav li.active {
color:Aqua;
}
.lang_nav language-logo
{
max-height: 20px;
}
.lang_nav a:link,
.lang_nav a:visited{
color:#343434;
text-decoration:none;
}
.head_foto {
position: absolute;
float: left;
top: 70px;
left: 564px;
}
.main_box {
position: absolute;
float: left;
top:245px;
left:300px;
width: 450px;
text-align: justify;
font-size: 14px;
font-family: "Tahoma", "Verdana", "Century Gothic", "Trebuchet MS";
color: #596B78;
}
.news_box {
position: absolute;
float: left;
top:245px;
left:815px;
width: 210px;
text-align: justify;
font-size: 12px;
color: #FFFFFF;
}
.webcam_box
{
position: absolute;
float: left;
top:0px;
left:520px;
width: 215px;
text-align: center;
color: #ffffff;
}
.webcam_box h2
{
color: #FFFFFF;
}
.webcam_box a
{
font-size: 12px;
color: #FFFFFF;
}
.content_box_photo
{            
position: absolute;
float: left;
top:30px;
left:550px;
width: 215px;
text-align: center;
}
.content_box_photo img
{
border:3px solid #ff0000;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-moz-box-shadow: 8px 8px 7px #888; padding: 5px 5px 5px 15px;
-webkit-box-shadow: 8px 8px 7px #888; padding: 5px 5px 5px 15px;
}
.content_box_full
{
position: relative;
float: left;
top:0px;
left:0px;
width: 765px;
text-align: justify;
font-size: 13.5px;
color: #596B78;
}
.guestbook {
position: relative;
top:-20px;
left:-5px;
width: 770px;
text-align: left;
font-size: 12px;
color: #FFFFFF;
}
.tab_caption {
font-size: 14px;
font-family: "Tahoma", "Verdana", "Century Gothic", "Trebuchet MS";
position: relative;
top:-262px;
left:18px;
width:390px;
}
.tab_caption a {
position: relative;
left:-10px;
color: #FFF;
text-decoration: none;
}
.tab_sel a {
color: #277AF2;
text-decoration: none;
}
.tab_content {
position: relative;
top:-230px;
left:20px;
width:407px;
height: 220px;
overflow: hidden;
text-align: left;
}
.main_nav{
position: relative;
top:30px;
left:45px;
}
#nav_list {
margin: 0;
padding: 0;
width: 210px;
list-style: none;
overflow: hidden;
}
#nav_list li {
width: 210px;
height: 40px;
overflow: hidden;
text-transform: uppercase;
text-align: justify;
text-decoration:none;
font-size:9px;
font-weight:bold;
}
#nav_list a {
color:#4C65FF;
}
.li_nav_body_sel a {
display: block;
width: 210px;
height: 20px;
background: #FFE67E url(images/pfeil.png) no-repeat;
padding-left: 35px;
line-height:20px;
}
.li_nav_body_sel a:hover {
background: #FCFF4C url(images/pfeil.png) no-repeat;
}
.li_nav_body a {
display: block;
width: 210px;
height: 20px;
background: #FFFFD8;
padding-left: 20px;
line-height:20px;
border: thin #FFFC28 solid;
}
.li_nav_body a:hover {
background: #FCFF4C;
}
.pricelist {
color: #26313C;
}
.footer {
position:fixed;
bottom:0;
background: #FFF;
width:1090px;
height:40px; /* Height of the footer */
font: normal 9px verdana, sans-serif;
}
.clear {
clear: both;
}
a.feed:link, a.feed:hover, a.feed:active, a.feed:visited
{
border: 1px solid;
border-color: #FC9 #630 #330 #F96;
padding: 0px 3px 0px 3px;
font: bold 10px verdana, sans-serif;
color: #FFFFFF;
background: #F60;
text-decoration: none;
margin: 2px;
}
.pubDate
{
font: normal 8px verdana, sans-serif;
color: #F1FFFF;
text-decoration: none;
margin: 0px;
}
.link {
font: normal 10px verdana, sans-serif;
color: #F1FFFF;
text-decoration: none;
font-weight: bold;
}
/*----- Hoverbox Code - get code found at http://host.sonspring.com/hoverbox/ ------*/
.hoverbox
{
cursor: default;
list-style: none;
}
.hoverbox a
{
cursor: default;
}
.hoverbox a .preview
{
display: none;
}
.hoverbox a:hover .preview
{
display: block;
position: absolute;
top: -280px;
left: -660px;
z-index: 1;
}
.hoverbox img
{
background: #fff;
color: inherit;
vertical-align: top;
width: 100px;
height: 75px;
margin: 2px;
padding: 2px;
border-color: #ccc;
border-style: solid;
border-width: 1px;
}
.hoverbox li
{
color: inherit;
display: inline;
float: left;
position: relative;
}
.hoverbox .preview
{
border-color: #000;
width: 640px;
height: 480px;
}
.input-box
{
display: block;
vertical-align: top;
padding: 4px;
color: #FFFF00;
border: 1px solid #467acc;
}
label {
font-weight:bold;
font-size:.9em;
font-weight:bold;
display:block;
margin-top:10px;
}
.checkbox {
width:20px;
}
input {
border-top: 1pt solid #cccccc;
border-bottom: 1pt solid #cccccc;
border-right: 1pt solid #cccccc;
border-left: 1pt solid #cccccc;
font: normal 12px tahoma;
width:115px;
color: #707070;
margin:0px 0px 5px 0px;
}
input.button {
font-size:large;
font-weight:bold;
width:200px;
padding:0px 5px 2px 5px;
cursor:pointer;
}
input.button-big {
font-size:large;
font-weight:bold;
width:400px;
padding:0px 5px 2px 5px;
cursor:pointer;
}
input.sidebar {
border-top: 1pt solid #cccccc;
border-bottom: 1pt solid #cccccc;
border-right: 1pt solid #cccccc;
border-left: 1pt solid #cccccc;
font: normal 12px tahoma;
width:115px;
color: #707070;
margin:0px 0px 5px 25px;
}
input.button_sidebar {
border-top: 1pt solid #cccccc;
border-bottom: 1pt solid #cccccc;
border-right: 1pt solid #cccccc;
border-left: 1pt solid #cccccc;
font: normal 12px tahoma;
width:119px;
color: #707070;
margin:0px 0px 5px 25px;
}
input.button_content {
border-top: 1pt solid #cccccc;
border-bottom: 1pt solid #cccccc;
border-right: 1pt solid #cccccc;
border-left: 1pt solid #cccccc;
font: normal 12px tahoma;
width:119px;
color: #707070;
margin:5px 0px 5px 0px;
}
textarea.sidebar {
border-top: 1pt solid #cccccc;
border-bottom: 1pt solid #cccccc;
border-right: 1pt solid #cccccc;
border-left: 1pt solid #cccccc;
font: normal 12px tahoma;
width:115px;
height:80px;
color: #707070;
margin:5px 0px 5px 25px;
}