/* Fonts ******************************************************************************************/

/* anaheim-regular - latin */
@font-face {
  font-family: 'Anaheim';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/anaheim-v5-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Anaheim'), local('Anaheim-Regular'),
       url('fonts/anaheim-v5-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/anaheim-v5-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/anaheim-v5-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/anaheim-v5-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/anaheim-v5-latin-regular.svg#Anaheim') format('svg'); /* Legacy iOS */
}


/* archivo-regular - latin */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/archivo-v3-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Archivo Regular'), local('Archivo-Regular'),
       url('fonts/archivo-v3-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/archivo-v3-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/archivo-v3-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/archivo-v3-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/archivo-v3-latin-regular.svg#Archivo') format('svg'); /* Legacy iOS */
}


/* cambo-regular - latin */
@font-face {
  font-family: 'Cambo';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/cambo-v6-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Cambo'), local('Cambo-Regular'),
       url('fonts/cambo-v6-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/cambo-v6-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/cambo-v6-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/cambo-v6-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/cambo-v6-latin-regular.svg#Cambo') format('svg'); /* Legacy iOS */
}


/* Seitenlayout ***********************************************************************************/
body {
  background: #FFFFFF;
  padding: 0;
  margin: 0;
  text-align: center;
  -webkit-text-size-adjust: none; /* Font Resizing deaktivieren */
}
div#page {
  text-align: left;
  margin: 0 auto;
  width: 950px;
  background-image:url('hg.png');
  margin: 20px auto;
  padding: 0px;
  border: 0px solid gray;
  border-radius: 10px;
  box-shadow: 10px 10px 10px silver;
}
div#header {
  width: 950px;
  height: 150px;
  margin: 0; padding: 0; border: 0;
  text-align: center;
  background-image:url('head_maui.jpg');
  background-size: 950px 150px;
  background-repeat:no-repeat;
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
}
div#menu {
  float: left;
  width: 210px;
  margin: 0px;
  padding: 0px 10px 40px 10px;
  border: 0px;
}
div#content {
  width: 660px;
  margin: 0px 0px 0px 250px;
  padding: 20px 20px 20px 20px;
  border: 0px;
}
div#footer {
  clear: both;
  width: 920px;
  margin: 0px;
  padding: 10px 20px 10px 10px;
  border: 0px;
  border-top: 0px;
  background: #EEEEEE;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}



a:link {color:#8f542c;text-decoration:none;}    /* unvisited link */
a:visited {color:#8f542c;text-decoration:none;} /* visited link */
a:hover {color:#d98347;text-decoration:none;}   /* mouse over link */
a:active {color:#d98347;text-decoration:none;}  /* selected link */

hr {
  width: 660px;
  height: 2px;
  border: 0px;
  margin: 20px 0px 20px 0px;
  background-color: #efae6d;
}



/* Menu *******************************************************************************************/
div#menu ul {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 30px;
}

div#menu li {
  margin: 0 0 0 0px;
  padding: 20px 0px 0px 0px;
  font-family: Archivo;
  font-size: 22px;
  font-style: normal;
  font-weight:normal;
  color: #555555;
  list-style: none;
}
div#menu li.l2 {
  margin: 0 0 0 0px;
  padding: 5px 0px 0px 15px;
  font-family: Archivo;
  font-size: 18px;
  font-style: normal;
  font-weight:normal;
  color: #555555;
  list-style: none;
}







/* Content ****************************************************************************************/
div#content h1 {
  margin: 0px;
  padding: 0px 0px 15px 0px;
  font-family: Archivo;
  font-size: 22px;
  font-style: normal;
  font-weight:normal;
  color: #555555;
  text-align: left;
}
div#content h2 {
  margin: 0px;
  padding: 10px 0px 10px 0px;
  font-family: Archivo;
  font-size: 18px;
  font-style: normal;
  font-weight: normal;
  color: #555555;
  text-align: left;
}
div#content p {
  margin: 0px;
  padding: 0px 0px 10px 0px;
  font-family: Archivo;
  font-style: normal;
  font-size: 16px;
  line-height: 1.3;
  font-weight:normal;
  color: #555555;
  text-align: justify;
}
div#content p.left {
  text-align: left;
}
div#content p.right {
  text-align: right;
}
div#content p.red {
  color: #ff0000;
}
div#content p.audiot {
  padding: 2px 0px 2px 5px;
  font-size: 15px;
}


div#content ul {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 5px 20px;
}

div#content li {
  margin: 0 0 0 0px;
  padding: 0px 0px 0px 0px;
  list-style: circle;
}






div#content table.galtxt {
  width: 660px;
  margin: 0px;
  padding: 0px;
  border-collapse:collapse;
  border: 0px solid black;
}
div#content td.galtxt {
  width: 580px;
  margin: 0px;
  padding: 0px;
  border: 0px solid black;
}
div#content td.galctrl {
  width: 40px;
  margin: 0px;
  padding: 0px;
  border: 0px solid black;
}





div#content button {
  width: 70px;
  height: 20px;
  margin: 0px;
  padding: 0px;
  font-family: Archivo;
  font-style: normal;
  font-size: 14px;
  font-weight:normal;
  color: #555555;
  text-align: center;
  background: #EEEECC;
  border-radius: 7px;
/*    border: 1px solid black; */
}
div#content img {
  margin: 0px 0px 10px 0px;
  padding: 0px;
  border: 0px solid black;
  border-radius: 10px;
}
audio {
  width: 300px;
}


/* Foto Gallery *******************************************/
div#content table.gal {
  width: 660px;
  margin: 10px 0px 0px 0px;
  padding: 0px;
  border-collapse:collapse;
  border: 0px solid black;
}
div#content td.gal {
  width: 110px;
  height: 79px;
  margin: 0px;
  padding: 0px;
  border: 0px solid black;
  text-align: center;
}
div#content img.gal {
  margin: 0px;
  padding: 0px;
  border: 0px solid black;
  border-radius: 10px;
}
div#content img.galm {
  margin: 0px;
  padding: 0px;
  border: 2px solid #333333;
  border-radius: 10px;
}



/* Audio Player *******************************************/
div#content table.aud {
  width: 660px;
  margin: 0px 0px 10px 0px;
  padding: 0px;
  border-collapse:collapse;
  border: 0px solid black;
}
div#content td.aud1 {
  width: 27px;
  margin: 0px;
  padding: 0px;
  border: 2px solid #efae6d;
  text-align: left;
}
div#content td.aud2 {
  width: 170px;
  margin: 0px;
  padding: 0px;
  border: 2px solid #efae6d;
  text-align: left;
}
div#content td.aud3 {
  width: 100px;
  margin: 0px;
  padding: 0px;
  border: 2px solid #efae6d;
  text-align: left;
}
div#content td.aud3play {
  width: 100px;
  margin: 0px;
  padding: 0px;
  border: 2px solid #efae6d;
  text-align: left;
  background: #FBE9C6;
}
div#content td.aud4 {
  width: 90px;
  margin: 0px;
  padding: 0px;
  border: 2px solid #efae6d;
  text-align: left;
}
div#content td.aud5 {
  width: 120px;
  margin: 0px;
  padding: 0px;
  border: 2px solid #efae6d;
  text-align: left;
}
div#content td.aud6 {
  width: 141px;
  margin: 0px;
  padding: 0px;
  border: 0px solid black;
  text-align: left;
}










/* Footer *****************************************************************************************/
div#footer p {
  margin: 0px;
  padding: 0px;
  font-family: Archivo;
  font-style: normal;
  font-size: 16px;
  font-weight:normal;
  color: #555555;
}



div#footer table {
  width: 920px;
  margin: 0px;
  padding: 0px;
  border-collapse:collapse;
  border: 0px solid black;
}
div#footer td.left {
  width: 680px;
  margin: 0px;
  padding: 0px;
  border: 0px solid black;
  text-align: left;
}
div#footer td.middle {
  width: 140px;
  margin: 0px;
  padding: 0px;
  border: 0px solid black;
  text-align: right;
}
div#footer td.right {
  width: 100px;
  margin: 0px;
  padding: 0px;
  border: 0px solid black;
  text-align: right;
}