@font-face { font-family: 'Muli Black'; src:url('fonts/Muli-Black.ttf') format('truetype'); }
@font-face { font-family: 'Muli Black Italic'; src:url('fonts/Muli-BlackItalic.ttf') format('truetype'); }
@font-face { font-family: 'Muli Bold'; src:url('fonts/Muli-Bold.ttf') format('truetype'); }
@font-face { font-family: 'Muli Bold Italic'; src:url('fonts/Muli-BoldItalic.ttf') format('truetype'); }
@font-face { font-family: 'Muli Extra Bold'; src:url('fonts/Muli-ExtraBold.ttf') format('truetype'); }
@font-face { font-family: 'Muli Extra Bold Italic'; src:url('fonts/Muli-ExtraBoldItalic.ttf') format('truetype'); }
@font-face { font-family: 'Muli Extra Light'; src:url('fonts/Muli-ExtraLight.ttf') format('truetype'); }
@font-face { font-family: 'Muli Extra Light Italic'; src:url('fonts/Muli-ExtraLightItalic.ttf') format('truetype'); }
@font-face { font-family: 'Muli Italic'; src:url('fonts/Muli-Italic.ttf') format('truetype'); }
@font-face { font-family: 'Muli Light'; src:url('fonts/Muli-Light.ttf') format('truetype'); }
@font-face { font-family: 'Muli Light Italic'; src:url('fonts/Muli-LightItalic.ttf') format('truetype'); }
@font-face { font-family: 'Muli Regular'; src:url('fonts/Muli-Regular.ttf') format('truetype'); }
@font-face { font-family: 'Muli Semi Bold'; src:url('fonts/Muli-SemiBold.ttf') format('truetype'); }
@font-face { font-family: 'Muli Semi Bold Italic'; src:url('fonts/Muli-SemiBoldItalic.ttf') format('truetype'); }
@font-face { font-family: 'Kikelet Brush'; src:url('fonts/Kikelet Brush.ttf') format('truetype'); }
@font-face { font-family: 'PeaxDrawnIcons'; src:url('fonts/PeaxDrawnIcons.ttf') format('truetype'); }

@font-face {
  font-family: 'Tinos';
  font-style: normal;
  font-weight: 400;
  src: local('Tinos'), url(https://themes.googleusercontent.com/static/fonts/tinos/v6/C8vzv480UKDveCPk8l9XHQ.woff) format('woff');
}
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: local('Ubuntu'), url(https://themes.googleusercontent.com/static/fonts/ubuntu/v5/_xyN3apAT_yRRDeqB3sPRg.woff) format('woff');
}
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 500;
  src: local('Ubuntu Medium'), local('Ubuntu-Medium'), url(https://themes.googleusercontent.com/static/fonts/ubuntu/v5/OsJ2DjdpjqFRVUSto6IffD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  src: local('Ubuntu Bold'), local('Ubuntu-Bold'), url(https://themes.googleusercontent.com/static/fonts/ubuntu/v5/0ihfXUL2emPh0ROJezvraD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

body {
     background-image: url(img/bg.jpg);
     background-repeat: repeat-x;
     background-attachment: fixed;
     margin-top: 0px;
     background-color: #D7B089;
     }

A:link {COLOR: #000000; text-decoration: none}
A:visited {COLOR: #000000; text-decoration: none}
A:hover {COLOR: #690000; text-decoration: none}

A.atoz:link {COLOR: #FFFFFF; text-decoration: none}
A.atoz:visited {COLOR: #FFFFFF; text-decoration: none}
A.atoz:hover {COLOR: #FFFF00; text-decoration: none}

#headmenue {
    font-family: 'Muli Bold';
    font-size: 11pt;
    color: #000000;
    }

#text {
    font-family: 'Muli Regular';
    font-size: 10pt;
    color: #000000;
    }

#text_klein {
    font-family: 'Muli Regular';
    font-size: 8pt;
    color: #000000;
    }

#texttemp {
    font-family: 'Muli Regular';
    font-size: 11pt;
    color: #000000;
    }

#text_mittel {
    font-family: 'Muli Regular';
    font-size: 12pt;
    font-weight: bold;
    color: #000000;
    }

#text_grau {
    font-family: 'Muli Regular';
    font-size: 10pt;
    color: #7F7F7F;
    }

#indextextueberschrift {
    font-family: 'Muli Extra Bold';
    font-size: 16pt;
    font-weight: bold;
    color: #000000;
    }

#indextextueberschrifta {
    font-family: 'Muli Extra Bold';
    font-size: 16pt;
    color: #505050;
    }

#fewotext {
    font-family: 'Muli Regular';
    font-size: 14pt;
    color: #000000;
    }

/* ----------------------------------- */
/* A bis Z Auflistung */
#atoztext {
    font-family: 'Muli Regular';
    font-size: 14pt;
    color: #FFFFFF;
    }

/* große Buchstaben in der Auflistung */
#atoztext_b {
    font-family: 'Muli Bold Italic';
    font-size: 50pt;
    color: #6A0404;
    }

#roundbg {
    background-color: #FFBF00;
    position: relative;
    width: 60px;
    height: 60px;
    text-align: center;
    border-radius: 100px;
   }

/* Überschriftdefi für die Auflistungen */
#ueberschrift_atoz {
    font-family: 'Muli Bold';
    font-size: 18pt;
    color: #6A0404;
    font-weight: bold;
    }

/* Textdefi für die Auflistungen */
#text_atoz {
    font-family: 'Muli Bold';
    font-size: 10pt;
    color: #000000;
    }

/* Linkdefi für die Auflistungen */

A.atoz_link:link {COLOR: #6A0404; text-decoration: none}
A.atoz_link:visited {COLOR: #6A0404; text-decoration: none}
A.atoz_link:hover {COLOR: #6A0404; text-decoration: none}

#link_atoz {
    font-family: 'Muli Bold';
    font-size: 10pt;
    color: #6A0404;
    }

/* ----------------------------------- */

#fewotext_rot {
    font-family: 'Muli Bold', sans-serif;
    font-size: 12pt;
    color: #690000;
    }

#indextextueberschrift_links {
    font-family: 'Muli Semi Bold';
    font-size: 18pt;
    color: #150185;
    }

#impressum {
    text-align: center;
    font-size: 10pt;
    color: #000000;
    font-family: 'Muli Bold';
    }

.btn {
  background: #ffffc7;
  background-image: -webkit-linear-gradient(top, #ffffc7, #ffff00);
  background-image: -moz-linear-gradient(top, #ffffc7, #ffff00);
  background-image: -ms-linear-gradient(top, #ffffc7, #ffff00);
  background-image: -o-linear-gradient(top, #ffffc7, #ffff00);
  background-image: linear-gradient(to bottom, #ffffc7, #ffff00);
  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  border-radius: 8px;
  font-family: Arial;
  color: #690000;
  font-size: 12px;
  padding: 5px 12px 5px 12px;
  text-decoration: none;
}

.btn:hover {
  background: #ffff00;
  text-decoration: none;
}

#Box01MalleMap {
width: 420px;
height: 370px;
background-image: url(img/maps/map001.png);
background-repeat: no-repeat;
}

#Box02MalleMap {
    font-family: 'Muli Bold';
    font-size: 11pt;
    color: #000000;
}

/* Slider Unterkunft Galerie */

#FrogJS {
   width: 865px;
   height: 300px;
   margin: 0 auto;
   font-family: 'Muli Bold';
   font-size: 11pt;
   color: #000000;
   font-weight: bold;
        }

/* */

/*configuration select options*/
.cfg_select_option {
background: none repeat scroll 0 0 #fafafa;
display: inline-block;
min-height: 28px;
border-color: #c6c6c6;
border-style: solid;
border-width: 1px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
overflow:hidden;
}

.cfg_select_option label {
height: 28px;
line-height: 26px;
padding: 0 10px;
background: #fff;
color: #626262;
display: inline-block;
vertical-align: middle;
border-left: 1px solid #eaeaea;
cursor: pointer;
}

/*checked*/
.cfg_select_option input[type="radio"]:checked + label {
text-decoration: none;
background:#6e9c25;
color: #fff;
}
/*checked true*/
.cfg_select_option input[type="radio"]:checked + label.cfg_sov_true {
text-decoration: none;
background:#6e9c25;
color: #fff;
}
/*checked yes*/
.cfg_select_option input[type="radio"]:checked + label.cfg_sov_yes {
text-decoration: none;
background:#6e9c25;
color: #fff;
}
/*checked false*/
.cfg_select_option input[type="radio"]:checked + label.cfg_sov_false {
text-decoration: none;
background:#d34040;
color: #fff;
}
/*checked no*/
.cfg_select_option input[type="radio"]:checked + label.cfg_sov_no {
text-decoration: none;
background:#d34040;
color: #fff;
}
/*radio button*/
.cfg_select_option input[type="radio"] {
text-decoration: none;
margin: -2px 4px 0 0;
vertical-align: middle;
display: none;
}

/* ======================== */
/* SLIDER STARTSEITE ANFANG */

#slider {
  position: relative;
  overflow: hidden;
  /*margin: 20px auto 0 auto;*/
  border-radius: 10px;
  border: 0;
}

#slider ul {
  position: relative;
  margin: 0;
  padding: 0;
  border: 0;
  height: 300px;
  list-style: none;
}

#slider ul li {
  position: relative;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  border: 0;
  width: 570px;
  height: 300px;
  background: #FFFFFF;
  text-align: center;
  line-height: 300px;
}

a.control_prev, a.control_next {
  position: absolute;
  top: 130px;
  z-index: 999;
  display: block;
  padding: 8;
  width: auto;
  height: auto;
  background: #D7B089;
  color: #000000;
  text-decoration: none;
  /*font-weight: 600;*/
  font-size: 25px;
  /*opacity: 0.2;*/
  cursor: pointer;
}

a.control_prev:hover, a.control_next:hover {
  opacity: 1;
  -webkit-transition: all 0.2s ease;
}

a.control_prev {
  border-radius: 0 10px 10px 0;
}

a.control_next {
  right: 0;
  border-radius: 10px 0 0 10px;
}

/* SLIDER STARTSEITE ENDE */
/* ====================== */