@charset "utf-8";
/* CSS Document */

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


body {
	color:#000;
   font-family: Quicksand, sans-serif!important;
   padding: 0;
   margin: 0 auto!important;
	-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
-webkit-hyphenate-limit-lines: 2;
        hyphenate-limit-lines: 2;
-webkit-hyphenate-limit-chars: auto 3;
        hyphenate-limit-chars: auto 3;
		max-width: 1200px;}	
   
 #Start {
    margin: 0 auto;    
    width: 1200px;
    padding: 0;
  }   
  
  header img {clear:both; display:block;width: 100%;max-height: 400px; margin: 0!important; overflow:hidden;}
   
  .logo {margin: 20px 0 0 -20px; position: absolute;}

#header {
	clear: both; 
	padding: 0;
	margin:0;
	text-align:left;  
}
   #headerlinks, #headerbilder {
	background: #efefef;
    padding: 20px 20px;
  	height: auto;
    text-align:left;
	text-decoration: none;
	float:left;
	width: 660px;
} 

   #headerrechts {
	/*background-color: #E8F4F9;*/
	float:left;
	height: auto;
	text-align:left;
	color: #000;
	text-decoration: none;
	width: auto;
	margin: 50px 0;
}
.aheader {
	text-align:left;
	font-family: Quicksand, sans-serif;
	font-size: 100%;
	color: #000;
	text-decoration: none;
	margin-left: 20px;
	}




#daten {clear: both;display:block; width: 1200px!important;margin: 0 auto!important;}


.info 
{-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 50px;
-moz-column-gap: 50px;
column-gap: 50px;
}  
  
 
.impressum, .datenschutzerklaerung, .ferienwohnung_am_markt {
width: 100% !important;
}  





#mitte, #daten {
color: #000;
padding: 0 0 0 0;
border: none;
margin: 15px 0 0 0;
height: auto;
}



 
#aussicht {
   color: #65441B;
   padding: 25px 0 0 20px;
   border: none;
   margin: 0 0 0 0;
   float: left;
   text-align: left;
   width: 500px;
   height: auto;
}	 




footer {clear:both; display: block; float: left; font-size: 90%; margin: 100px auto 50px auto;width: 100%;}

   
/* ...................................................... Navigation*/



 ul#Navigation {
	clear: both; 
	float: left!important;;
	font-weight:lighter;
	margin: 50px 20px 50px 0!important; 
	padding: 0;
	position: relative;
	color: #5D503F;
	width: auto;
	z-index: 999;
  }
  ul#Navigation li {
	display: inline;
	font-size: 80%;
    list-style: none;
	padding: 20px 20px 20px 0;
	color: #5D503F;
  }
  ul#Navigation a {
	text-decoration:none;
	/* IE min-height */
	height: auto !important; 
} 

  ul#Navigation a:link, ul#Navigation a:visited {
  color: #333;
  }
 
  
  ul#Navigation #active {
	color: #000;
	font-weight:bold;
	text-decoration:none;
  }

  

  
  
 h1{
color: #2c9ece;
font-family: Quicksand, sans-serif;
font-size: 110%;
text-decoration: none;
margin: 15px 0 10px 0;
font-weight: normal;
letter-spacing: 2px;
} 
 
 h2{
	 color: #000;
	font-family: Quicksand, sans-serif;
	font-size: 105%;
	text-decoration:none;
	margin: 50px 0 50px 0;
	font-weight:normal;
	letter-spacing:1px;
}
 h3{
	font-family: Quicksand, sans-serif;
	font-size: 100%;
	text-decoration:none;
	margin: 15px 0 10px 0;
	font-weight: normal;
	letter-spacing: 1px;
} 
 h4, h4 a{
	font-family: Quicksand, sans-serif;
	font-size: 100%;
	text-decoration:none;
	margin: 15px 0 10px 0;
	font-weight: normal;
	letter-spacing: 1px;
} 


p {color: #333; padding: 0;margin: 0 0 5px 0;line-height: 1.8;}
strong {letter-spacing: 1px; font-weight: normal;}
a {color: #000000; text-decoration:none;}
img.content {margin: 10px 0;max-width: 550px;}

br {line-height: 1.8;}


.kontaktaufnahme p {
display: block;
font-size: 90%;
background-color: #65441B;
color: #ffffff!important;
width: auto;
padding: 10px;
margin: 20px 0 20px 0;
}


.kontaktaufnahme a {
	
	color: #ffffff!important;
}


@media only screen and (max-width: 599px) {
	
  .logo {margin: 20px 0 0 0;}	
	
 #Start {
    margin: 0 auto;    
    width: 599px;
    padding: 0;
  }   
  
  
  ul#Navigation {
	margin: 50px 20px 50px 20px!important; 
  }
  
  ul#Navigation li {
	display: block;
	font-size: 80%;
  }
  
  
  header img {clear:both; display:block;width: 90%;height: auto; margin: 0 20px 0 20px!important; overflow:hidden;}
   




#daten {clear: both; width: 90%!important;margin: 0 20px 0 20px!important;}


.info 
{
	-webkit-column-count: 1!important;
	-moz-column-count: 1!important;
	column-count: 1!important;
}  

}

@media only screen and (min-width: 600px ) {
	
.logo {margin: 20px 0 0 0;}	

#Start {
    margin: 0 auto;    
    width: 100%;
    padding: 0;
  }  
  
  
   header img {clear:both; display:block;width: 90%;height: auto; margin: 0 20px 0 20px!important; overflow:hidden;}
  
  
  ul#Navigation {
	margin: 50px 20px 50px 20px!important; 
  }
  
  ul#Navigation li {
	display: inline;
	font-size: 80%;
  }
  
   

	#daten {clear: both; width: 90%!important;margin: 0 20px 0 20px!important;}

	.info 
	{
	max-width: 100%!important; 
	}
  
}

@media only screen and (min-width: 980px ) {
	…
}

@media only screen and (min-width: 1260px ) {
	…
}






@media screen and (max-width:720px) { 

}


/* Smartphone-Version */

@media screen and (min-width: 500px) {
  /*  Code für große Smartphones, kleine Tablets */	
  
  
}

@media screen and (min-width: 800px) {
  /*  Code für Tablets */
}