/* *************** ALLGEMEINE FORMATIERUNG ************************
*******************************************************************/


*{
    margin: auto;
}

html, body { 
  background: #fbfdf5;
  
}

/* *************** TYPO ************************
*******************************************************************/


body{
      font-family: "Lato", serif;
	   color:#2C3E50;
	 
}

p{
     margin-top: 0px;
	 padding-left: 0px;
	 padding-top: 15px;
         text-align: left;
         -moz-hyphens: auto;
         -o-hyphens: auto;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
	
  
}



#containeroben{
      color: #ab9254;
	

}

#containeroben p{
      color: #ab9254;
	

}


#content {
	line-height: 1.7em;

}

#content h1{
    font-size: 140%;
	color: #ab9254;
	 text-transform: uppercase;
	 	padding-top: 60px;
		line-height: 120%;
}

#content h2{
    font-size: 100%;
  	color: #707173;
		padding-top: 20px;
}
   
   
#content ul {
	padding-top: 14px;
        margin-left: 0px;
		padding-inline-start: 15px;
}


#content ul li {
        padding-left: 0px;
	list-style-type: disc;
        font-size: 1.1em;
	 line-height: 2;
}


#content p{
  font-style: normal;
  font-size: 130%;
  line-height: 1.5em;
  font-weight: 400;
}


#content a:link, a:active, a:visited {
    text-decoration: underline;
	color: #2C3E50;

}

#content a:hover {color:  #ab9254;
}


#content h2 a:link, a:active, a:visited {
    text-decoration: underline;
	font-size: 21.5px;
}

#containerrechteseite{
color: #ab9254;

}

#content ul li {
        padding-left: 0px;
	list-style-type: disc;
      	color: #707173;
        font-size: 1.1em;
	 line-height: 2;
}    

#containerrechteseite h2{
color:  #ab9254;
text-transform: uppercase;
font-size: 1.1em;
padding: 15px;

}

#containerrechteseite p{
color: #99B050;

}

#containerrechteseite ul li {
        padding-bottom: 15px;
	list-style-type: disc;
      	color: #99B050;
        font-size: 1.1em;
	 line-height: 2;
} 

#containeruntenlinks h2{
color: #ab9254;
 text-transform: uppercase;
font-size: 18px;


}

#containeruntenlinks p{
color: #99B050;

}

#containeruntenrechts h2{
color: #ab9254;
 text-transform: uppercase;
font-size: 18px;

}

#containeruntenrechts p{

color: #99B050;

}

#footeroben h1{
    font-size: 21.5px;
}

#containeradresseunten a:link, a:active, a:visited {
     color: #2C3E50;
    text-decoration: underline;
	font-family: "Lato", serif;
	
}

#containeradresseunten {
	     font-size: 120%;
	font-family: "Lato", serif;
	
}

footer{
	 line-height: 43px;
	 font-size: 12px;
         color: #707173;
         font-weight: bold;
}

footer a:link, a:active, a:visited {
    text-decoration: underline;
	color: #707173;
}

footer a:hover {color:  #ab9254;
}


/* **************** LAYOUT ****************************************
*******************************************************************/

#wrapper{
    width: 100%;
	height: 110%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

#header{
	height: 100px;
	border: 2px solid #fbfdf5;
    border-radius: 10px;
}

#logo{
	height: 90px;
	width: 30%;
	float: left;
	
	
}

#containeroben{
	  background-color: #e3f0ba;
	  height: 400px;
	  padding-top: 0px;
	width: 103%;
	  	
  background: url(../images/halwilersee.jpg)no-repeat center center;
      background-size: cover;


}


#content{
        width: 40%;
	height: auto;
        float: left;
		padding-left: 15%;
		padding-right: 0%;
		margin-left: 150px;
		margin-bottom: 40px;
	
		

}

#containerrechteseite{
        width: 25%;
	height: auto;
        float: left;
		margin-top: 50px;
		padding-left: 10px;
		margin-left: 30px;
		border-style: solid;
  border-color: #ab9254;
  border-width: 1px;
		

}


#containergrenzecontentunten{
	width: 85%;
height: auto;
	  border-bottom-style: solid;
        border-width: 2px;
		border-color: #ab9254;
		float:left;
		margin-left: 80px;
		margin-bottom: 60px;
		padding-top: 20px;
}


#containeruntenlinks{

	  height: auto;
	width: 40%;
	float: left;
	margin-left: 80px;
	margin-right: 40px;
	margin-bottom: 40px;
	  border-right-style: solid;
        border-width: 2px;
		border-color: #ab9254;
	
	
	  

}

#containeruntenrechts{
	  height: auto;
	width: 40%;
	float: left;
    margin-bottom: 40px;
	
	  

}

#containeradresseunten {
	width: 100%;
	height: auto;
	padding-bottom: 15px;
    background-color: #ab9254;
	float: left;

}

#containeradresseuntenmobile {
	display: none;
}

footer {
width: 85%;
float: left;
text-align: right;
padding-right: 15%;
font-family: "Avenir LT 35 Light",sans-serif,"google";
text-transform: uppercase;
color: #707173;
}




/* **************** NAVIGATION ************************************
*******************************************************************/




#haupt-navigation {
         height: 80px;
	 width: 70%;
	 padding-top: 20px;
background-image: 
    linear-gradient(to right,
                    #551a8b; 0%, 
                    #551a8b; 50%);
background-image: 
    linear-gradient(45deg, #551a8b; 20%, #fbfdf5; 50%);

float: left;
}


#haupt-navigation ul{
     list-style-type: none;
     height: 80px;
	 width: 100%;
	 background-color: #000;

}



#haupt-navigation li a{
	
	 height: 35px;
	 float:left;
	 font-size: 80%;
	 font-weight: 800;
	 line-height: 42px;
	 text-align: center;
	 color: #707173;
	 text-decoration: none;
	 text-transform: uppercase;
	 font-family: "Avenir LT 35 Light",sans-serif,"google";
	
}

#haupt-navigation li:first-child a{
     border-left: none;
	 width: 7%;
	 margin: 0 auto;
	 padding-left: 0%;
}

#haupt-navigation li:nth-child(2) a{
     border-right: none;
	 width: 11%;
	  margin: 0 auto;

}

#haupt-navigation li:nth-child(3) a{
     border-right: none;
	 width: 23%;
	  margin: 0 auto;

}

#haupt-navigation li:nth-child(4) a{
     border-right: none;
	 width: 8%;
	  margin: 0 auto;
	
}

#haupt-navigation li:nth-child(5) a{
     border-right: none;
	 width: 8%;
	  margin: 0 auto;
	
}

#haupt-navigation li:nth-child(6) a{
     border-right: none;
	 width: 8%;
	  margin: 0 auto;
	
}

#haupt-navigation li:last-child a{
     border-right: none;
	 width: 12%;
	  margin: 0 auto;
	  padding: 10px;

	 
}

#haupt-navigation li a:hover{
	 text-decoration: underline;
	 font-style: italic;
	 color: #000;
}

/* menu */
div#maximenuck110 {
	font-size:18px;
	line-height:21px;
	text-align:left;
	zoom:1;
}

/* container style */
div#maximenuck110 ul.maximenuck {
	clear:both;
    position : relative;
    z-index:999;
    overflow: visible !important;
    display: block !important;
    float: none !important;
    visibility: visible !important;
	opacity: 1 !important;
    list-style:none;
    margin:0 auto;
	padding: 1px 0 0 0;
    zoom:1;
	filter: none;
	background-color: #fbfdf5;
	border-top: 0px solid #bfa69a;
  

}



div#maximenuck110 ul.maximenuck li.maximenuck.level1:hover,
div#maximenuck110 ul.maximenuck li.maximenuck.level1.active,
div#maximenuck110 ul.maximenuck li.maximenuck.level1.clickedck {
	background-color: #fbfdf5;
	border-bottom: 0px solid #fff;

}


/* menus container */
div#maximenuck110 ul.maximenuck li.maximenuck.level1 > a,
div#maximenuck110 ul.maximenuck li.maximenuck.level1 > span.separator {
	display:block;
    float : none !important;
    float : left;
    position:relative;
	text-decoration:none;
    outline : none;
    border : none;
    white-space: nowrap;
	filter: none;
	color: #707173;
	text-shadow: none;
	text-transform: uppercase;
	padding: 12px 15px;
	text-shadow: none;
	font-weight: bold;
	  font-family: "Avenir LT 35 Light",sans-serif,"google";

}

/* submenus container */
div#maximenuck110 div.floatck {
	position : absolute;
	display: none;
	filter: none;
	border: 0px solid transparent; /* needed for IE */
	padding : 0;
    padding-left : 0px;
	filter: none;
    background : #fbfdf5;
	/*width : 180px;*/ /* default width */
	text-align:left;
	box-shadow: none;
	cursor: auto;
	width: 280px;
	height: 180px;
	 white-space: nowrap;
	 line-height: 10px;

}


/* all links styles */
div#maximenuck110 ul.maximenuck li.maximenuck a,
div#maximenuck110 ul.maximenuck li.maximenuck span.separator,
div#maximenuck110 ul.maximenuck2 a,
div#maximenuck110 ul.maximenuck2 li.maximenuck span.separator {
	display: block;
    padding : 0;
    margin : 0;
    float : none !important;
    float : left;
    position:relative;
	text-decoration:none;
    outline : none;
    white-space: normal;
	filter: none;
	background: none;
	border: none;
	text-transform: none;
	padding: 12px 16px;
	color: #707173;
	text-shadow: none;
		font-weight: bold;
	  font-family: "Avenir LT 35 Light",sans-serif,"google";
	  	 white-space: nowrap;
}

/* submenu link */
div#maximenuck110 ul.maximenuck li.maximenuck ul.maximenuck2 li > a,
div#maximenuck110 ul.maximenuck2 li > a,
div#maximenuck110 ul.maximenuck2 li > span.separator {
	color: #707173;
	padding: 10px 5px;
}



div#maximenuck110 ul.maximenuck li ul.maximenuck2 li.maximenuck:hover,
div#maximenuck110 ul.maximenuck li ul.maximenuck2 li.maximenuck.openck,
div#maximenuck110 ul.maximenuck li ul.maximenuck2 li.maximenuck.clickedck {
	background: #fbfdf5;

		
}


div#maximenuck110 ul.maximenuck li ul.maximenuck2 li.maximenuck:hover > a,
div#maximenuck110 ul.maximenuck li ul.maximenuck2 li.maximenuck:hover > span,
div#maximenuck110 ul.maximenuck li ul.maximenuck2 li.maximenuck.openck > a,
div#maximenuck110 ul.maximenuck li ul.maximenuck2 li.maximenuck.clickedck > a,
div#maximenuck110 ul.maximenuck li ul.maximenuck2 li.maximenuck.openck > span,
div#maximenuck110 ul.maximenuck li ul.maximenuck2 li.maximenuck.clickedck > span {
	color: #707173;
}


/*hover Funktionen auch submenu*/

div#maximenuck110 ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > a,
div#maximenuck110 ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > h2 a,
div#maximenuck110 ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > h3 a,
div#maximenuck110 ul.maximenuck li.maximenuck ul.maximenuck2 li.active > a,
div#maximenuck110 ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > span.separator,
div#maximenuck110 ul.maximenuck2 li:hover > a,
div#maximenuck110 ul.maximenuck2 li:hover > h2 a,
div#maximenuck110 ul.maximenuck2 li:hover > h3 a,
div#maximenuck110 ul.maximenuck2 li.active > a,
div#maximenuck110 ul.maximenuck li:hover > span.separator {
	color: #707173;
}


}