/* CSS Document */

/*color:#00A03B; Button grün*/
/*color:#BD5E06; Button braun*/

html {
    height: 100%;   /* wird für IE6 benötigt */
    margin: 0;
    padding: 0;
}
body {
	margin: 0;
	padding: 0;
	overflow:hidden;
	font-family: "Comic Sans MS", "Comic Sans", Verdana, Helvetica, Arial, sans-serif;
	font-size: 16px;
	color: #1e80d5;
	font-weight: normal;
	font-style: normal;
    height: 100%;      /* wird für IE6 benötigt */
}
p {
    font-family: "Comic Sans MS", "Comic Sans", Verdana, Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #1e80d5;
    font-weight: normal;
    font-style: normal;
}
h1 {
font-weight: bold;
font-size:32px;
}
h2 {
font-weight: bold;
font-size:24px;
}
.fs9 {
    font-size: 9px;
}
.fs14 {
    font-size: 14px;
}
.fs18b {
    font-size: 18px;
    font-weight: bold;
}
.picInfo, .picInfo a, .picInfo a:visited  {
    font-size: 14px;
    color: #1e80d5;
    text-decoration: none;
    margin-top: 0px;
    padding-top: 0px;
}

#background{position:absolute; z-index:1; width:100%; height:100%;}

#header {
    height:150px;
    z-index: 2;                           
    padding: 5px;
    /*border: #00FF33 solid thin;*/
}
#headerPl {
    z-index: 2;
    float:left;
    /*border: #00FF33 solid thin;*/
}
#headerPr {
    z-index: 2;
    float:right;
    /*border: #00FF33 solid thin;*/
}
#frame {
    position: relative;
    width: 1100px;
    margin-left: auto;
    margin-right: auto;
    /*border: #00FF33 solid thin;*/
    height: 100%;
}
#indiv {
    position: absolute;
    /*border: #6666FF solid thin;*/
    left: 191px;
    top: 151px;
    width:870px;
    }
#menuframe {
    position: absolute;
    /*border: green solid thin;*/
    left: 0px;
    top:151px;  
    width: 190px;
}
#counter {
    /*border: green solid thin;*/
    width: 190px;
}
#scroller {
	position:absolute; 
	width:100%; 
	height:100%; 
	top:0; 
	left:0;
    overflow:auto;
    overflow-y:scroll;
	z-index:2;
	/*max-width:1200px;*/
} 

.picRight {
    float: right;
}
.clearboth {
    clear: both;
}

table#tablePreise {
    border-collapse: collapse;
    margin-top: 10px;
}
table#tablePreise tr td {
    border-width: 1px;
    border-style: solid;
    border-color: #8CC2F1; 
    border-collapse: collapse;
}

.mb {
    height:25px;
    width:130px;
    padding:0;
    margin:0;
    display:block;
    /*border: solid thin red;*/
}

.menuli {
    width: 130px;
    background-repeat:no-repeat;
    margin: 3px; /* Abstand zwischen den Buttons */
    text-align: center;
    /*border: solid thin blue;*/
}

ul#menu {
    position:relative; 
    margin-top:20px; 
    left:-13px; 
    display:block; 
    width:150px;
    list-style-type: none;
    /*border: solid thin black;*/
}

.menuPreisli {
    height: 25px;
    background-repeat:no-repeat;
    margin-left: 3px; /* Abstand zwischen den Buttons */
    float:left;
    list-style-position:outside;
    margin: 2px 2px 0px 0px;
    padding: 0;
}

ul#menuPreis {
    position:relative; 
    /*margin-top:20px; */
    /*left:5px;*/
    display:block; 
    height:25px;
    width:402px; /* icon-breite(130px)+margin-left(2px)+margin-right(2px) * Anzahl Menüeinträge*/
    list-style-type: none;
    padding:0;
    margin:auto;
}
.menuGalerieli {
    height: 25px;
    background-repeat:no-repeat;
    margin-left: 3px; /* Abstand zwischen den Buttons */
    float:left;
    list-style-position:outside;
    margin: 2px 2px 0px 0px;
    padding: 0;
}

ul#menuGalerie {
    position:relative; 
    /*margin-top:20px; */
    /*left:5px;*/
    display:block; 
    height:25px;
    width:804px; /* icon-breite(130px)+margin-left(2px)+margin-right(2px) * Anzahl Menüeinträge*/
    list-style-type: none;
    padding:0;
    margin:auto;
}
ul#menu a
, ul#menu a:visited
, ul#menuPreis a
, ul#menuPreis a:visited
, ul#menuGalerie a
, ul#menuGalerie a:visited
{
    display:block; 
    width:130px; 
    height:25px; 
    background-position:left top; 
    background-color:transparent; 
}
#navIndex  a
,#navIndex  a:visited {
    background:url(Buttons/index.png); 
}
#navResort  a
,#navResort  a:visited
,#navGalResort  a
,#navGalResort  a:visited {
    background:url(Buttons/resort.png); 
}
#navZimmer  a
,#navZimmer  a:visited
,#navPreisZimmer  a
,#navPreisZimmer  a:visited
,#navGalZimmer  a
,#navGalZimmer  a:visited {
    background:url(Buttons/zimmer-de.png); 
}
#navRoom  a
,#navRoom  a:visited
,#navPriceRoom  a
,#navPriceRoom  a:visited
,#navGalRoom  a
,#navGalRoom  a:visited {
    background:url(Buttons/zimmer-en.png); 
}
#navService  a
,#navService  a:visited {
    background:url(Buttons/service.png); 
}
#navPreis  a
,#navPreis  a:visited {
    background:url(Buttons/preis-de.png); 
}
#navPrice  a
,#navPrice  a:visited {
    background:url(Buttons/preis-en.png); 
}
#navReservierung  a
,#navReservierung  a:visited {
    background:url(Buttons/reservierung-de.png); 
}
#navReservation  a
,#navReservation  a:visited {
    background:url(Buttons/reservierung-en.png); 
}
#navDieInsel  a
,#navDieInsel  a:visited
,#navGalDieInsel  a
,#navGalDieInsel  a:visited {
    background:url(Buttons/dieinsel-de.png); 
}
#navTheIsland  a
,#navTheIsland  a:visited
,#navGalTheIsland  a
,#navGalTheIsland  a:visited {
    background:url(Buttons/dieinsel-en.png); 
}
#navAnreise  a
,#navAnreise  a:visited
,#navPreisAnreise  a
,#navPreisAnreise  a:visited {
    background:url(Buttons/anreise-de.png); 
}
#navJourney  a
,#navJourney  a:visited
,#navPriceJourney  a
,#navPriceJourney  a:visited {
    background:url(Buttons/anreise-en.png); 
}
#navTauchen  a
,#navTauchen  a:visited
,#navPreisTauchen  a
,#navPreisTauchen  a:visited
,#navGalTauchen  a
,#navGalTauchen  a:visited {
    background:url(Buttons/tauchen-de.png); 
}
#navDiving  a
,#navDiving  a:visited
,#navPriceDiving  a
,#navPriceDiving  a:visited
,#navGalDiving  a
,#navGalDiving  a:visited {
    background:url(Buttons/tauchen-en.png); 
}
#navGalerie  a
,#navGalerie  a:visited {
    background:url(Buttons/galerie-de.png); 
}
#navGallery  a
,#navGallery  a:visited {
    background:url(Buttons/galerie-en.png); 
}
#navKontakt  a
,#navKontakt  a:visited {
    background:url(Buttons/kontakt-de.png); 
}
#navContact  a
,#navContact  a:visited {
    background:url(Buttons/kontakt-en.png); 
}
#navLinks  a
,#navLinks  a:visited {
    background:url(Buttons/links.png); 
}
#navAchtung  a
,#navAchtung  a:visited {
    background:url(Buttons/achtung-de.png); 
}
#navAttention  a
,#navAttention  a:visited {
    background:url(Buttons/achtung-en.png); 
}
#navGalPersonal  a
,#navGalPersonal  a:visited {
    background:url(Buttons/personal-de.png); 
}
#navGalStaff  a
,#navGalStaff  a:visited {
    background:url(Buttons/personal-en.png); 
}
#navGalDerBau  a
,#navGalDerBau  a:visited {
    background:url(Buttons/derbau-de.png); 
}
#navGalConstruction  a
,#navGalConstruction  a:visited {
    background:url(Buttons/derbau-en.png); 
}
#navEnglish  a
,#navEnglish  a:visited {
    background:url(Buttons/english.png); 
}
#navDeutsch  a
,#navDeutsch  a:visited {
    background:url(Buttons/deutsch.png); 
}
ul#menu a:hover 
,ul#menuPreis a:hover 
,ul#menuGalerie a:hover 
{
    background-position:right top; 
}

#index #navIndex a
,#resort #navResort a
,#zimmer #navZimmer a
,#zimmer #navRoom a
,#service #navService a
,#preis #navPreis a
,#preisZimmer #navPreis a
,#priceRoom #navPrice a
,#preisAnreise #navPreis a
,#priceJourney #navPrice a
,#preisTauchen #navPreis a
,#priceDiving #navPrice a
,#preis #navPrice a
,#preisZimmer #navPreisZimmer a
,#preisAnreise #navPreisAnreise a
,#preisTauchen #navPreisTauchen a
,#priceRoom #navPriceRoom a
,#priceJourney #navPriceJourney a
,#priceDiving #navPriceDiving a
,#reservierung #navReservierung a
,#reservierung #navReservation a
,#dieinsel #navDieInsel a
,#dieinsel #navTheIsland a
,#anreise #navAnreise a
,#anreise #navJourney a
,#tauchen #navTauchen a
,#tauchen #navDiving a
,#galerie #navGalerie a
,#galerie #navGallery a
,#galDieInsel #navGalerie a
,#galTheIsland #navGallery a
,#galResort #navGalerie a
,#galResort #navGallery a
,#galZimmer #navGalerie a
,#galRoom #navGallery a
,#galPersonal #navGalerie a
,#galStaff #navGallery a
,#galZimmer #navGalerie a
,#galTauchen #navGalerie a
,#galDiving #navGallery a
,#galDerBau #navGalerie a
,#galConstruction #navGallery a
,#kontakt #navKontakt a
,#kontakt #navContact a
,#links #navLinks a
,#achtung #navAchtung a
,#achtung #navAttention a
,#galDieInsel #navGalDieInsel a
,#galTheIsland #navGalTheIsland a
,#galResort #navGalResort a
,#galZimmer #navGalZimmer a
,#galRoom #navGalRoom a
,#galPersonal #navGalPersonal a
,#galStaff #navGalStaff a
,#galTauchen #navGalTauchen a
,#galDiving #navGalDiving a
,#galDerBau #navGalDerBau a
,#galConstruction #navGalConstruction a
{
    background-position:left bottom; 
    cursor:default;
}

#index #navIndex a:hover
,#resort #navResort a:hover
,#zimmer #navZimmer a:hover
,#zimmer #navRoom a:hover
,#service #navService a:hover
,#preis #navPreis a:hover
,#preisZimmer #navPreis a:hover
,#priceRoom #navPrice a:hover
,#preisAnreise #navPreis a:hover
,#priceJourney #navPrice a:hover
,#preisTauchen #navPreis a:hover
,#priceDiving #navPrice a:hover
,#preis #navPrice a:hover
,#preisZimmer #navPreisZimmer a:hover
,#preisAnreise #navPreisAnreise a:hover
,#preisTauchen #navPreisTauchen a:hover
,#priceRoom #navPriceRoom a:hover
,#priceJourney #navPriceJourney a:hover
,#priceDiving #navPriceDiving a:hover
,#reservierung #navReservierung a:hover
,#reservierung #navReservation a:hover
,#dieinsel #navDieInsel a:hover
,#dieinsel #navTheIsland a:hover
,#anreise #navAnreise a:hover
,#anreise #navJourney a:hover
,#tauchen #navTauchen a:hover
,#tauchen #navDiving a:hover
,#galerie #navGalerie a:hover
,#galerie #navGallery a:hover 
,#galDieInsel #navGalerie a:hover
,#galTheIsland #navGallery a:hover
,#galResort #navGalerie a:hover
,#galResort #navGallery a:hover
,#galZimmer #navGalerie a:hover
,#galRoom #navGallery a:hover
,#galPersonal #navGalerie a:hover
,#galStaff #navGallery a:hover
,#galZimmer #navGalerie a:hover
,#galTauchen #navGalerie a:hover
,#galDiving #navGallery a:hover
,#galDerBau #navGalerie a:hover
,#galConstruction #navGallery a:hover
,#kontakt #navKontakt a:hover
,#kontakt #navContact a:hover
,#links #navLinks a:hover
,#achtung #navAchtung a:hover
,#achtung #navAttention a:hover
,#galDieInsel #navGalDieInsel a:hover
,#galTheIsland #navGalTheIsland a:hover
,#galResort #navGalResort a:hover
,#galZimmer #navGalZimmer a:hover
,#galRoom #navGalRoom a:hover
,#galPersonal #navGalPersonal a:hover
,#galStaff #navGalStaff a:hover
,#galTauchen #navGalTauchen a:hover
,#galDiving #navGalDiving a:hover
,#galDerBau #navGalDerBau a:hover
,#galConstruction #navGalConstruction a:hover
{
    background-position:right bottom; 
    cursor:default;
}