html { height: 100%; min-height: 100%; margin-bottom: 1px; }

BODY {
margin-top: 10px;
padding: 0px;
color: #000000;
font-family: verdana, arial, geneva;
font-size: 11px;
line-height: 135%;
background: url(images/daylightview.jpg);
background-repeat: repeat-x;
background-color: #99aac1;
}


#wrapper {
width: 968px;
margin-top: 0;
margin-bottom: 0;
padding: 0;
margin-left: auto;
margin-right: auto;
border: solid black 1px;

}



#top {
width: 968px;
height: 172px;
margin-top: 0px;
padding: 0px;
background-color: #000000;
background: url(images/topbannerday1.jpg);
background-repeat: no-repeat;
}


#second {
width: 968px;
height: 75px;
margin-top: 0px;
padding: 0px;
background: url(images/second4.jpg);
background-repeat: no-repeat;
}

#cross {
width: 140px;
font-size : 11pt;
font-family : Arial, Geneva, Helvetica, sans-serif;
text-align: justify;
line-height: 140%;
color: #e4edd8;
font-style: italic;
margin-top: 2px;
margin-left: 10px;
margin-right: 2px;
margin-bottom: 0px;
float: left;
}

#left {
min-height: 530px;
margin-left: 0px;
width: 170px;
background-color: #546d81;
float: left;
}


#main {

background-color: #e6eeed;
background: url(images/mainback2.jpg);

}




#form {
width: 500px;
}


#home{ display: block; width: 150px; height: 29px; background: url("images/homebut.gif") no-repeat 0 0; } #home:hover { background-position: 0 -29px; } #home span { display: none; } 

#accommodation{ display: block; width: 150px; height: 29px; background: url("images/accombut.gif") no-repeat 0 0; } #accommodation:hover { background-position: 0 -29px; } #accommodation span { display: none; }

#gallery{ display: block; width: 150px; height: 29px; background: url("images/galbut.gif") no-repeat 0 0; } #gallery:hover { background-position: 0 -29px; } #gallery span { display: none; }

#area{ display: block; width: 150px; height: 29px; background: url("images/areabut.gif") no-repeat 0 0; } #area:hover { background-position: 0 -29px; } #area span { display: none; }

#todo{ display: block; width: 150px; height: 29px; background: url("images/todobut.gif") no-repeat 0 0; } #todo:hover { background-position: 0 -29px; } #todo span { display: none; }

#prices{ display: block; width: 150px; height: 29px; background: url("images/pricesbut.gif") no-repeat 0 0; } #prices:hover { background-position: 0 -29px; } #prices span { display: none; }

#availability{ display: block; width: 150px; height: 29px; background: url("images/avbut.gif") no-repeat 0 0; } #availability:hover { background-position: 0 -29px; } #availability span { display: none; }

#booking{ display: block; width: 150px; height: 29px; background: url("images/bookbut.gif") no-repeat 0 0; } #booking:hover { background-position: 0 -29px; } #booking span { display: none; }

#links{ display: block; width: 150px; height: 29px; background: url("images/linksbut.gif") no-repeat 0 0; } #links:hover { background-position: 0 -29px; } #links span { display: none; }



H1 {
color :  #e4edd8;
font-size : 16px;
margin-top: 0px;
margin-left: 10px;
margin-bottom: 2px;
padding: 0px;
font-family : Verdana, Arial, Helvetica, Sans-Serif;

}


H2 {
color :  #666666;
font-size : 18px;
margin-top: 0px;
margin-left: 0px;
margin-bottom: 10px;
padding: 0px;
font-family : Verdana, Arial, Helvetica, Sans-Serif;

}

H2.page {
width: 783px;
color :  #efefef;
background-color: #586f7c;
font-size : 14px;
margin-top: 0px;
margin-left: 0px;
margin-bottom: 0px;
padding: 4px;
border-left: solid #69818d 1px;
border-top: solid #69818d 1px;
border-bottom: solid #69818d 1px;
font-family : Arial, Helvetica, Sans-Serif;

}

H2.page2 {
width: 580px;
color :  #efefef;
background-color: #586f7c;
font-size : 14px;
margin-top: 0px;
margin-left: 0px;
margin-bottom: 0px;
padding: 4px;
border-left: solid #69818d 1px;
border-top: solid #69818d 1px;
border-bottom: solid #69818d 1px;
font-family : Arial, Helvetica, Sans-Serif;

}

H3 {
color :  #666666;
font-size : 14px;
margin-top: 0px;
margin-left: 0px;
font-family : Arial, Helvetica, Sans-Serif;

}



P { 
width: 500px;
font-size : 10pt;
font-family : "Comic Sans MS",Arial, Geneva, Helvetica, sans-serif;
text-align: justify;
line-height: 135%;
color: #111111;
margin-top: 0px;
margin-left: 0px;
margin-right: 2px;
margin-bottom: 20px;
 } 
 
 P.bottom { 
font-size : 10pt;
font-family : "Comic Sans MS",Arial, Geneva, Helvetica, sans-serif;
text-align: justify;
line-height: 135%;
color: #111111;
margin-top: 0px;
margin-left: 0px;
margin-right: 2px;
margin-bottom: 10px;
 } 
 
  P.top { 
font-size : 8pt;
font-family : Arial, Geneva, Helvetica, sans-serif;
text-align: justify;
line-height: 130%;
color: #111111;
margin-top: 10px;
margin-left: 0px;
margin-right: 2px;
margin-bottom: 0px;
 }

  P.right { 
font-size : 8pt;
font-family : Arial, Geneva, Helvetica, sans-serif;
text-align: justify;
line-height: 130%;
color: #111111;
margin-top: -10px;
margin-left: 0px;
margin-right: 2px;
margin-bottom: 0px;
float: right;
 }
 
 P.bottom { 
font-size : 10pt;
font-family : "Comic Sans MS",Arial, Geneva, Helvetica, sans-serif;
text-align: justify;
line-height: 140%;
color: #111111;
margin-top: 10px;
margin-left: 0px;
margin-right: 2px;
margin-bottom: 0px;
 }

 img.righttop {
 float: right;
 clear: right;
border-left: solid #69818d 1px;
border-top: solid #69818d 1px;
border-bottom: solid #69818d 1px;
 margin-top: 20px;
 margin-right: -10px;
 margin-left: 0px;
 margin-bottom: 0px;
 }

 img.right {
 float: right;
 clear: right;
border-left: solid #69818d 1px;
border-bottom: solid #69818d 1px;
 margin-top: 0px;
 margin-right: -10px;
 margin-left: 20px;
 margin-bottom: 0px;
 }

 img.left {
 float: left;
 clear: none;
border-left: solid #69818d 0px;
border-bottom: solid #69818d 0px;
 margin-top: 0px;
 margin-right: 20px;
 margin-left: 0px;
 margin-bottom: 0px;
 }
 
 img.bottom {
 padding: 0;
 margin-top: -13px;
 margin-right: 0px;
 margin-left: 0px;
 margin-bottom: 0px;
 }
 
a:link { color: #222222;
font-size: 10pt;
font-weight:bold;
font-family: arial,geneva;
text-decoration: none;
}

a:visited { color: #222222;
font-size: 10pt;
font-weight:bold;
font-family: arial,geneva;
text-decoration: none;
}

a:hover { color: #afcae5;
font-size: 10pt;
font-weight:bold;
font-family: arial,geneva;
text-decoration: none;
}

a:link.menu { color: #efefef;
font-size: 11pt;
font-weight:bold;
font-family: "book antiqua", arial,geneva;
text-decoration: none;
}

a:visited.menu { color: #efefef;
font-size: 11pt;
font-weight:bold;
font-family: "book antiqua", arial,geneva;
text-decoration: none;
}

a:hover.menu { color: #e3ec4a;
font-size: 11pt;
font-weight:bold;
font-family: "book antiqua", arial,geneva;
text-decoration: none;
}


LI {
font-size : 10pt;
font-family : Verdana, Arial, "Times New Roman", Times, serif;
text-align: left;
line-height: 120%;
}

.address  {
margin: 0;
height: 90px;
width: 120px;
background: url(images/blublok.gif);
color: #bcc9d3;
font-size: 10pt;
padding-left: 20px;
padding-bottom: 0px;
font-family : Verdana, Arial, "Times New Roman", Times, serif;
}

.address2  {
color: #bcc9d3;
font-size: 10pt;
padding-top: 5px;
padding-left: 20px;
padding-bottom: 5px;
font-family : Verdana, Arial, "Times New Roman", Times, serif;
}

a:link.footer { color: #efefef;
font-size: 10pt;
font-family: Verdana, arial,geneva;
font-weight: normal;
text-decoration: none;
}

a:visited.footer { color: #efefef;
font-size: 10pt;
font-family: Verdana, arial,geneva;
font-weight: normal;
text-decoration: none;
}

a:hover.footer { color: #bcc9d3;
font-size: 10pt;
font-family: Verdana, arial,geneva;
font-weight: normal;
text-decoration: none;
}