* {
	outline:none;
	}

html
{
  overflow: hidden;
  height: 99%;
}

body
{
  background: #B25D3B;
  height: 99%;
  margin: 0;
  padding: 0;
  line-height: 150%;
  text-align: center;
  font-size: 12px;
  word-spacing: 1px;

  /* IE - Opera */
scrollbar-base-color:#ffffff;
scrollbar-track-color:#eeeeee;
scrollbar-face-color:#B18270;
scrollbar-highlight-color:#eeeeee;
scrollbar-3d-light-color:#ffffff;
scrollbar-darkshadow-color:#eeeeee;
scrollbar-shadow-color:#666666;
scrollbar-arrow-color:#ffffff;



}

*
{
  font-size: 10px;
  font-family: Verdana, Arial, helvetica, sans-serif;
  color: #000000;
  text-align: left;
}

.list
{
  margin: 5px;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
}

a { font-size: 11px; color: #C58B21}


/* === Containers === */



#first_container
{
  margin: 0 auto 0 auto;
  display: table;
  height: 100%;
  position: relative;
  overflow: hidden;
  width: 760px;
}

#second_container
{
  position: absolute;
  top: 50%;
  vertical-align: middle;
  width: 100%;
}

#third_container
{
  position: relative;
  top: -223px;
  width: 760px;
}




/* === Menu === */



#menu
{
  height: 31px;
  padding-right: 2px;
  margin: 0;
  list-style: none;
}

#menu li
{
  float: right;
  display: block;
  width: 82px;  height: 31px;
}

#menu a
{
  display: block;
  width: 82px;  height: 31px;
  background-color: inherit;
  text-decoration: none;
  line-height: 31px;
  text-align: center;
}

#menu a:link, #menu a:visited
{
  color: #ffffff;
  background-color: #B25D3B;
}

#menu a:hover, #menu a:active
{
  background-image: url('images/taba2.jpg');
  color: #ffffff;
}

#menuselected
{
  display: block;
  width: 82px;  height: 31px;
  background-image: url('images/taba.jpg');
  text-decoration: none;
  line-height: 31px;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}



/* === Language menu === */



#submenu
{
  float: left;
  height: 30px;
  width: 300px;
  padding-left: 10px;

  margin: 0;
  list-style: none;

}

#submenu li
{
  float: left;
  display: block;
  width: 82px;  height: 31px;
}

#submenu a
{
  display: block;
  width: 82px;  height: 31px;
  background-color: inherit;
  text-decoration: none;
  line-height: 25px;
  text-align: center;
}

#submenu a:link, #submenu a:visited
{
  color: #ffffff;

  background-color: #B25D3B;
}

#submenu a:hover, #submenu a:active
{  width: 82px; height: 31px;
  background-image: url('images/tabb2.jpg');
  color: #ffffff;
}

#submenuselected
{
  display: block;
  width: 82px;  height: 31px;
  background-image: url('images/tabb.jpg');
  text-decoration: none;
  line-height: 25px;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
}



/* === Other Divs === */



.border
{
  background-color: #ffffff;
  padding: 15px 15px 15px 146px;

  background-image: url('images/back.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  text-align: left;
}

.border_fotohinweis
{
  background-color: #ffffff;
  padding: 15px 15px 15px 146px;

  background-image: url('images/foto.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  text-align: left;
}

.border_mallorca
{
  background-color: #ffffff;
  padding: 15px 15px 15px 146px;
  background-image: url('images/back.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  text-align: left;
}

.border_wir
{
  background-color: #ffffff;
  padding: 15px 15px 15px 210px;
  height: 292px;
  background-image: url('images/back_wir.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  text-align: left;
}

.border_anreise
{
  background-color: #ffffff;
  padding: 15px 15px 15px 146px;
  height: 292px;
  background-image: url('images/back_anreise.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  text-align: left;
}


.border_kontakt
{
  background-color: #ffffff;
  padding: 15px 15px 15px 140px;
  height: 292px;
  background-image: url('images/back_kontakt.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  text-align: left;
}

.border_wetter
{
  background-color: #ffffff;
  padding: 15px 15px 15px 140px;
  height: 292px;
  background-image: url('images/back_wetter.jpg');
  background-repeat: no-repeat;
  background-position: center center;

}

.border_news
{
  background-color: #ffffff;
  padding: 15px 15px 15px 150px;
  height: 292px;
  background-image: url('images/back_news.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  text-align: left;
}

.border_autoreservierung
{
  background-color: #ffffff;
  padding: 15px 15px 15px 160px;
  height: 292px;
  background-image: url('images/back_autoreservierung.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  text-align: left;
}


.border_fluege
{
  background-color: #ffffff;
  padding: 15px 15px 15px 130px;
  height: 292px;
  background-image: url('images/back_fluege.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  text-align: left;
}

.border_sonroble
{
  background-color: #ffffff;
  padding: 15px 15px 15px 146px;
  height: 292px;
  background-image: url('images/back_sonroble.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  text-align: left;
}

.border_dertag
{
  background-color: #ffffff;
  padding: 15px 15px 15px 146px;
  height: 292px;
  background-image: url('images/back_dertag.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  text-align: left;
}

.border_gaestebuch
{
  background-color: #ffffff;
  padding: 15px 15px 15px 90px;
  height: 292px;
  background-image: url('images/back_gaestebuch.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  text-align: left;
}

.border_impressum
{
  background-color: #ffffff;
  padding: 15px 15px 15px 90px;
  height: 292px;
  background-image: url('images/back_impressum.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  text-align: justify;
}


.title
{
  position: absolute;
  margin-left: 15px;
  margin-top: 15px;
  width: 32px;
  height: 292px;

}

.content
{
  height: 277px;
  overflow: auto;
  padding: 7px;
  font-size: 10px;

}

.content li {font-size: 11px; margin-left: 2px;}

.homecontent
{
  height: 277px;
  overflow: auto;
  padding: 7px;
  font-family: tahoma, Arial, helvetica, sans-serif;
  font-size: 14px;
}

.homecontent h1 { color: #804000; font-size: 25px; }


.wettercontent
{ text-align: right;}

.wettercontent a { font-size: 10px; font-weight: normal;}




.content h1 { color: #727272 }

.designinfo
{
  margin-top: 5px;
  text-align: right;
  color: #494949;
  background-color: inherit;
  font-size: 9px;     
}

.designinfo a
{
  margin-top: 5px;
  text-align: right;
  color: #494949;
  background-color: inherit;
  text-decoration: none;
  font-size: 10px;
}

.designinfo a:active
{
  margin-top: 5px;
  text-align: right;
  color: #494949;
  background-color: inherit;
  text-decoration: none;
  font-size: 10px;
}

.designinfo a:hover
{
  margin-top: 5px;
  text-align: right;
  color: #bcbcbc;
  background-color: inherit;
  text-decoration: none;
}

.designinfo b {font-size: 10px;  color: #494949;   font-weight: bold;}

/* === Inline Text Styles === */



h1
{
  margin: 10px 0 -40px -2px;
  padding: 0 10px 40px 9px;
  font-size: 16px;
  color: #bcbcbc;
  background-color: inherit;
  border-left: 5px solid #F5C37D;

}

.ueberschrift1
{


  font-size: 12px;
  font-weight: bold;
  color: #7C7C7C;



}

.details
{
  display: none;
  font-size: 9px;
  color: #6E7468;
}

.text
{
  display: block;
  margin: 5px 5px 20px 12px;
  font-size: 110%;
  text-align: justify;
}

.text a
{
  color: #A0721B;
  text-decoration: none;
  font-weight: bold;
}

.text a:hover, .text a:active
{
  color: #000000;
}









.wirtext
{
  display: block;
  margin: 5px 5px 20px 12px;
  font-size: 110%;
  text-align: justify;
}

.wirtext a
{
  color: #A0721B;
  text-decoration: none;
  font-weight: bold;
}

.wirtext a:hover, .text a:active
{
  color: #000000;

}

.wirtext img { border: 4px solid #ffffff}
.text img { border: 4px solid #ffffff;padding:0px;}

.wirtext em { font-size: 11px; font-weight: bold;}









.anreisetext
{
  display: block;
  margin: 5px 5px 20px 30px;

}

.anreisetext a
{
  padding-bottom: 10px;
  color: #808080;
  text-decoration: none;

  font-size: 18px;
  height: 20px;

}

.anreisetext a:active
{ color: #ffffff;}

.anreisetext a:hover
{
  color: #000000;
height: 25px;

}
















.autoreservierungtext
{
padding-top: 110px;
  display: block;
  margin: 5px 5px 20px 30px;

}

.autoreservierungtext a
{
  padding-bottom: 10px;
  color: #ffffff;
  text-decoration: none;

  font-size: 18px;
  height: 20px;

}

.autoreservierungtext a:active
{ color: #ffffff;}

.autoreservierungtext a:hover
{
  color: #000000;
height: 25px;

}









.fluegetext
{
padding-top: 10px;
  display: block;
  margin: 5px 5px 20px 30px;

}

.fluegetext a
{
  padding-bottom: 10px;
  color: #804000;
  text-decoration: none;

  font-size: 18px;
  height: 20px;

}

.fluegetext a:active
{ color: #804000; }

.fluegetext a:hover
{
  color: #000000;
height: 25px;

}


.impressumtext
{
padding-top: 5px;
  display: block;
  margin: 5px 5px 20px 30px;
  text-align: justify;

}

.impressumtext a
{
  padding-bottom: 10px;
  color: #804000;
  text-decoration: none;

  font-size: 11px;
  height: 20px;
  font-weight: bold;

}

.impressumtext a:active
{ color: #804000; }

.impressumtext a:hover
{
  color: #000000;
height: 25px;

}



blockquote
{
  margin: 3px 0 3px 0;
  padding: 5px 10px 5px 10px;
}

.note
{
  	display: block;
	margin: 10px 15px 10px 15px;
	color: #ffffff;
}

.bold
{
  font-weight: bold;
}

ul { font-weight: 12px }

li { font-weight: 12px }

em { font-size: 11px;}

h3 { font-size: 10px; color: #6A6A6A; margin-bottom: -2px; margin-top: 10px;}

.farbe { color: #764A0A }