/*

	Inhaltsverzeichnis:
	-------------------

	1. Allgemein
	2. Navi Top
	3. Header
	4. Content
	   a. Spalten
	   b. Bildgr��en
	   c. Sonstiges
	5. Footer

*/





/* -------------------------------------------------- 1. Allgemein */


*{
  margin:0px;
  padding:0px;
  font-family: arial, helvetica, verdana;
  color: #17171d;
  line-height: 1.6;
  font-size: 100%;
}
body{
  /*background-image: url(bilder/flur.jpg);*/
  background-attachment: fixed;
  background-position: center
  background-repeat: no-repeat;
  background-color: #f7f7f5;
  font-size:15px;
}

#wrapper{
  margin: 0px auto 0px auto;
  padding:30px 0px 0px 0px;
  width:964px;
  height: auto;
  /*background-color: #eaedef;*/
  /*background-color:rgba(255,255,255,.8);*/

}
#content{
  margin: 0px auto 2% auto;
  width:944px;
}

h1{
  margin-bottom:20px;
  margin-top:20px;
  color: #fcbe06;
  font-weight: normal;
  font-size: 26px;
  letter-spacing: 2px;

}

h2{
border-bottom: 1px solid #ccc;
padding-bottom:5px;
margin-bottom: 20px;
margin-top:20px;
margin-left:0px;
font-weight:400;
letter-spacing: 2px;
color:#777;
}

h3{
  font-weight:normal;
  font-size:16px;
  font-stretch: extra-condensed;
  color:#fcbe06;
  margin-bottom:10px;
  letter-spacing: 1px;
}

.startseite h1{
    border-bottom: 1px solid #ccc;
    padding-bottom:5px;
    margin-bottom: 20px;
    margin-top:20px;
    margin-left:0px;
    font-weight:400;
    letter-spacing: 2px;
    color:#777; 
    font-size: 15px;
}
.startseite h2{
  margin-bottom:0;
  padding-bottom:0;
    border:none;
  margin-top:20px;
  color: #fcbe06;
  font-weight: normal;
  font-size: 26px;
  letter-spacing: 2px;
}
p{
  margin: 13px 0px 10px 0px;
  font-size:13px;
}

a{
  text-decoration:none;
  color:#efefef;
}
a:hover{
  border-bottom: 2px solid #efefef;
  padding-bottom:7px;
  color:#efefef;
}

li{
  margin-left:15px;
}



p a{
color:#dd8800;
}

p a:hover{
	color:#fcbe06;
}

.platzhalter{
  height:50px;
  width:944px;
  margin-bottom:30px;
}
table{
  color:#efefef;
  margin: 30px 0;
  width:100%;
}
th{
  width: 330px;
  margin-right: 40px;
  color: #efefef;
  background-color: #17171d;
  text-align: left;
  font-size: 12px;
  padding: 7px 7px 5px 10px;
  font-weight: normal;
  letter-spacing: 1px;
}
td{
  width: 330px;
  margin-right: 40px;
  color: #17171d;
  font-size: 12px;
  padding: 7px 7px 5px 10px;
  background-color: #ddddff;
}
tr{
  width:944px;
  color:#efefef;
}

img{
    width:100%;
}




/* -------------------------------------------------- 2. Navi Top    */

#navi-top{
text-align:right;
width: 944px;
height:20px;
margin: 5px auto 5px auto;
}
#navi-top ul li{
  display:inline;
  text-decoration: none;
  font-size:9px;
}
#navi-top ul li a{
  color:#17171d;
}





/* -------------------------------------------------- 3. Header       */

#header-background{
  width:100%;
  height:100px;
  margin-left:auto;
  margin-right: auto;
  padding-bottom:10px;
  background-color: #17171d;
}
#header{
  margin: 0px auto 20px auto;
  max-width: 944px;
  letter-spacing: 1px;
  font-stretch: normal;
  padding: 30px 0px 0px 0px;
  }

#navi-1{
  display:inline;
  text-align: right;
  font-size:15px;
  font-stretch: ultra-condensed;
  font-weight: normal;
  float:right;
}
#navi-1 a:hover{
  border:0px;
}
#navi-1 ul{
  margin-top:0px;
}
#navi-1 ul li{
  display:inline;
  margin-left:7px;
}
#navi-2{
  display:inline;
  font-size:15px;
  font-stretch: ultra-condensed;
  font-weight: normal;
  margin-bottom: 0px;
}
#navi-2 ul li{
  display:inline;
}
#navi-umschluss{
  margin-top: 41px;
}
.clear-both{
  clear:both;
}

#logo{
  height:60px;
  width:auto;
}

#header-logo{
  height:100px;
  float:left
}





/* -------------------------------------------------- 4. Content       */

article{
  margin-bottom:20px;
  overflow:hidden;
  clear:both;
}
#ausstattung {

}
#ausstattung section{
  overflow:hidden;
}



/* ------------------------------------------- 4a. Spalten*/


/* -------------------------- spalte-1-3-----*/
.spalte-1-3-links{
  width:300px;
  margin-right:20px;
  float:left;
}
.spalte-1-3-rechts{
  width:300px;
  float:left;
}

/* -------------------------- spalte-1-2-----*/
.spalte-1-2-links{
  width: 462px;
  float:left;
  margin-right:20px;
}
.spalte-1-2-rechts{
  width: 462px;
  float:left;
}


/* -------------------------- spalte-2-3-----*/
.spalte-2-3-links{
  width:600px;
  float:right;
}


/* -------------------------- spalte-100-----*/
.spalte-100{
  width:100%;
}


/* -------------------------- Formular-----*/
.formular-links{
  float:left;
  width:300px;
  background-color:red;
}
.formular-rechts{
  width:300px;
  background-color:green;
}

/* -------------------------- Textblock-----*/
.textblock-links{
  float:left;
  margin-right:15px;

}
.textblock-rechts{
  padding-top:1px;
 }


/* ------------- spalte-05-innen/au�en-----*/

article section:nth-child(odd){
  margin-right:2%;

}

.spalte-05{
  width: 49%;
  min-height:510px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 0 2% 2% 2%;
  box-sizing:border-box;
  float:left;
  overflow:hidden;
  margin:0 0 2% 0;
}

.spalte-05 img{
  width:100%;
  margin-bottom:20px;
}


/* ------------- Zeile-----*/

.zeile {
    height: auto;
    overflow: hidden;
    margin:0 0 50px 0;
}



/* -------------------------------------------4b. Bildergr��en */

article#apartments img {
    height: 220px;
}

.galerie a:hover{
	  opacity: 0.4;
}

.bilder-25-links{
  width:225px;
  height:auto;
  margin: 7px 12px 0px 0px;
  float:left;
  border-radius: 3px;
  border: 1px solid #ddd;
  }

.bilder-25-rechts {
    width: 225px;
    height: auto;
    margin: 7px 0px 0px 0px;
    border-radius: 3px;
    border: 1px solid #ddd;
}

.bilder-30-links{
  width:300px;
  height:auto;
 float:left;
  margin: 20px 19px 0px 0px;
  border-radius: 3px;
  border: 1px solid #ddd;
 }
  .bilder-30-rechts{
  width:300px;
  height:auto;
  margin: 20px 0px 0px 0px;
  border-radius: 3px;
  border: 1px solid #ddd;
}
.bilder-50-links{
  width:460px;
  height:auto;
  float:left;
  margin: 20px 20px 5px 0px;
  border-radius: 3px;
  border: 1px solid #ddd;
}
.bilder-50-rechts{
  width:460px;
  height:auto;
  margin: 20px 20px 0px 0px;
  border-radius: 3px;
  border: 1px solid #ddd;
}
.bilder-60-links{
  width:622px;
  height:auto;
  margin: 0px 10px 0px 0px;
  float:left;
  border-radius: 3px;
  border: 1px solid #ddd;
}

.bilder-100{
  width:940px;
  height:auto;
  border-radius: 3px;
  border: 1px solid #ddd;
}



/*


-------------------------------------------------Versuch */

.galerie-fenster{
	width:944px;
	height:auto;
	margin-left: auto;
	margin-right: auto;
	background-color:#ffffff;
	border-radius:10px;
	text-align:center;
    overflow:hidden;
}

.galerie-fenster img{
margin-top:20px;
width:904px;
height:auto;
border-radius:5px;

}

.galerie-fenster p{

}

#galerie-text{
float:left;
width:824px;
height:50px;
margin-top:10px;
margin-bottom:20px;
}



#pfeil-links{
width:50px;
height:50px;
float:left;
margin: 5px 0px 10px 10px;

}

#pfeil-rechts{
width:50px;
height:50px;
float:right;
margin: 10px 5px 10px 0px;

}






/*

.galerie div{
  float:left;
  width: 230px;
  height: 130px;
}

.bilder-galerie-div-links{
  margin-right:8px;
  margin-bottom:8px;
  }

.bilder-galerie-div-rechts{
}

.galerie img{
  width: 230px;
  height: 130px;
}


.galerie img:hover{
  position:absolute;
  width: 690px;
  height: 390px;
  margin-left:-345px;
  margin-top: -195px;
}

*/


/* ------------------------------------------ 4c. Sonstiges */


#back-button{
  width:auto;
  height:auto;
  position:fixed;
  right:20px;
  top:20px;
}


#kontaktieren-sie-uns{
  text-align: center;
  font-size:1em;
  line-height:2em;
  padding:130px 0 40px 0;
  border-top: 1px solid #ccc;
}

#kontaktieren-sie-uns span{
  font-size:2.1em;
}

.active{
  border-bottom: 2px solid #efefef;
  padding-bottom:7px;
}

/*
.overlay{
	position:relative;
	overflow:hidden;
}
.overlay-faehre{
	display:none;
	position:absolute;
	margin-top:40px;
	margin-left:25px;
}

.overlay-faehre p{
	font-weight:lighter;
	font-style:normal;
	color:#fff;
	font-size:95px;
}

.overlay:hover .overlay-faehre{
	display:block;
}

*/

.preis-abstand{
float:right;
margin-right:30px;
}


#formular-felder{
text-align:right;
}

input,select{
margin-bottom:7px;
border-radius: 3px;
border: 1px solid #777;
padding:5px;
width:200px;
}

textarea{
height:298px;
width:300px;
border-radius: 3px;
border: 1px solid #777;
color:#777;
padding:5px;
box-sizing: border-box;
resize:none;
}

#submit{
height:30px;
margin-top:9px;
background-color:#fcce06;
border: 1px solid #777;
border-radius:4px;
padding:3px;
width:110px;
color:#222;

}

#submit:hover{
background-color:#fcde06;
}

#formular-bezeichnung {
float:left;
text-align:right;
margin-right:10px;
}


legend{
margin:0px;
}
.formular-felder{
	text-align:left;
}

#apartment-grundriss{
  width:300px;
  margin-bottom: 20px;
  float:right;
}
#booking-com{
  width:300px;
  height:300px;
  margin-bottom:30px;
}
#banner{
  width:620px;
  height:300px;
  margin-bottom:30px;
  border-radius: 3px;
  border: 1px solid #ddd;
  margin-right:22px;
  float:left;
}
#portrait{
  width:240px;
  height:auto;
  margin-left:20px;
  margin-bottom:-5px;
  padding-bottom: 0px;
}
.clear-both{
  clear:both;
}




/* -------------------------------------------------- 5. Footer */

/*footer*/
#footer-hintergrund{
  margin:20px auto 0px auto;
  background-color: #17171d;
  clear:both;
  border: 1px solid #17171d;
  height:300px;
}
#footer{
  margin:60px auto 0px auto;
  width:944px;
}
#footer a:hover{
  border: 0px;
}
#logo-footer{
  width:230px;
  height:auto;
}

.footer-spalte-links{
  float:left;
  margin-right:70px;
}
.footer-spalte-rechts{
}
#footer-text li{
  list-style: none;
  margin: 0px 0px 5px 0px;
  color:#fff;
}
.footer-navi{
  margin-bottom: 30px;
}