/*
* ---------------------------------------------------------------------------
* CSS-Datei für Desktop Template
* Template Ferienhaus Friethilda
* www..de
* ---------------------------------------------------------------------------
* Erstellt von:
* Silvio Steckert
* http://www.cns-steckert.de
* info@cns-steckert.de
* ---------------------------------------------------------------------------
* (C)2020
*/
/*
html {
  height:100.1%;
  }

body {
	margin: 0 auto;
	max-width: 60em;
	padding-top: 5px;
	padding-bottom: 5px;
	 width: 100%;
    background-color: #DFDEDE;
  }
*/

@media only screen and (min-
width:176px) and (max-width:600px) {
#wrapper {width:95%;}
#header h1 {font-size:120%;}
#content img {max-width:100%;
height:auto;}}
 


body,html	{
	height: auto !important; 
	
	background-color: #DFDEDE;
	}
#all {
	width: 1000px;
	background: #FFFFFF;
	margin: 0 auto;
	text-align:left;
	overflow: hidden;
	border-top-width : 1px;
	border-right-width : 1px;
	border-bottom-width : 1px;
	border-left-width : 1px;
	border-color: #AA100D;
	border-style: solid;
}

#page {
 background-color: #FFFFFF;
  background: #FFFFFF;
  width: 1000px;
  margin: 10px auto;
}
#container {
	
  width: 1000px;
  text-align:left;
  overflow: hidden;
  font-size:0.9em;
  /* */
}
#header {
  background: #ffffff url('../img/header3.png');
  height:150px;
  width:1000px;
  margin-left:35px;
  text-align:center;
 }
 
#header img {
  padding-top:1px;
}
/*
img {
	max-width: 100%; 
    height: auto;
} 

#main {
	
  width:1000px;
  height: auto !important;
}
*/
#nav {
	font: 14px/22px Tahoma;
	font-weight: bold;
}
#nav > ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	
}

#nav li {
	margin: 0.5em;
	padding: 0;
	font-size: 1.3rem;
	flex: 1 1 0%;
}

@media (min-width: 45em) {
	#nav > ul {
		flex-direction: row;
		height: 3em;
	}
	#nav li {
		flex: 1;
		font-size: 1em;
	}
}

#nav a {
	display: block;
	padding: 0.4em;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	/*border: 1px solid red; */
	border-radius: 3px;
	box-shadow: 0 5px 10px white inset;
	color: #fff;
	background-color: #AA100D;
	transition: all .25s ease-in;
}

#nav li[aria-current] a {
	background-color:#FFC778;
	color: #000;
}

#nav a:focus,
#nav a:hover,
#nav li[aria-current] a:focus,
#nav li[aria-current] a:hover {
	color: #000;
	background-color: #FFC778;
}
/*     submenu navigation links      */

#nav .submenu {
	visibility: hidden;
	height: 0;
	float:left;
	/*z-index: 1000;  */
}

#nav .submenu li {
	display: block;
	 width: auto; 
}
/**     Show the submenu on hover, focus     **/

#nav li:hover .submenu,
#nav li:active .submenu,
#nav li:focus .submenu {
	visibility: visible;
	height: auto;
}

#nav li:focus-within .submenu {
	visibility: visible;
	height: auto;
}
#nav ul li a:active {
	text-decoration: none;
	background-image: none;
	color: #000;
	background-color: #FFC778;
}
h1 {
	/*margin: 0px;
	height: 24px;
	padding-left: 15px;*/
	font-family: Tahoma;
	font-size: 22px;
	color: #000;
	font-weight: bold;
	/*text-transform: uppercase;   */
	text-align:center;
	}

h2  {
	font-family : Tahoma;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	text-align: center;
}
h3  {
	font-family : Tahoma;
	font-size: 15px;
	font-weight: bold;
	color: #000000;
	text-align: center;
    
}

p	{
	 /*padding:5px 0px 5px 0px;
       margin: 0; */
		font-family: Tahoma;
		font-size: 12px/20px;
}
.kontakt	{
	 /*padding:5px 0px 5px 0px;
       margin: 0; */
		font-family: Tahoma;
		font-size: 18px;
		text-align: center;
}
#list-style li{
	list-style-type: disc;
	font-family: Tahoma;
	font-size: 14px;
	width:100%;
	color:red;
	
}
#box  {  
    position: relative;
	width: 1000px;
    height: 25px;
	
	
	
}
.box p {
	background-color: #FFC778 !important;
	font: 16px Tahoma;
	font-weight: bold;
	text-align:center;
	border-radius: 0px;
	box-shadow: 0 5px 10px white inset;
	color: #000;
	padding-top: 4px;
	padding-left: 10px;
	height: 25px;
	border-top-width : 1px;
	border-right-width : 0px;
	border-left-width : 0px; 
	border-bottom-width : 1px;
	border-color: #AA100D;
	border-style: solid;
	text-indent : 5px;	
	
	
	}  

.content
{  
	font: 15px Tahoma;
	color				: #000000;
	background-color	: #ffffff;

	
	/*text-indent : 2px;	 */
}
.p {
	text-align: center;
	color: #000;
	
	
}



#content{
  float:left;
  width:1000px;
  margin-top:1px;
  margin-bottom:1px;
  padding: 20px 0 20px 0;
  text-align:left;
  min-height:450px;
   background: #ffffff;

}
#incontent {
  padding: 10px 20px 30px;
}


.footer   {
	
	font-family: Tahoma;
	font-size: 14px; 
	font-style: bold;
	color: #fff;
	text-align: center;
	font-style: bold;
	color: #ffffff;
	text-align: center;
}
#footer {
  width: 1000px;
  padding: 10px;
  background-color: #AA100D;
  border-radius: 3px;
	box-shadow: 0 5px 10px white inset;
  height:15px;
    bottom: -1px;
	left: 0px;
	font-family: Tahoma;
	font-size: 14px; 
	font-style: bold;
	color: #fff;
	text-align: center;
	font-style: bold;
	color: #ffffff;
	text-align: center;
	/*border-top: 1px solid #CD4513;  
	font: 14px arial, helvetica;
	font-style: bold;
	color: #fff;
	text-align: center;*/
	clear: both;
	
}