/* *************** 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;
        font-weight: 100;
		font-size: 100%;
}



#containeroben{
      color: #ab9254;


}

#containeroben p{
      color: #fff;


}

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

#content {
	line-height: 1.7em;

}

#content h1{
    font-size: 21.5px;
    padding-top: 10px;
    padding-left: 0px;
    padding-bottom: 10px;
    color: #1c1450;
    float: left;
    text-align: center;

}
    

#content ul li {
	padding-top: 20px;
        padding-left: 0px;
	list-style-type: disc;
      
}


#content ol li {
	padding-top: 20px;
        padding-left: 0px;
       
  
}

#content p{
         font-size: 130%;
	padding-right: 30px;
	letter-spacing: 0em;
	line-height: 2em;
	font-weight: 500;
}




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

}

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


#content h2 a:link, a:active, a:visited {
    text-decoration: underline;

}

#containerunten h2{
color: #ab9254;
 text-transform: uppercase;
font-size: 100%;

}


#containerunten table{

color: #99B050;
font-size: 100%;
line-height: 1.5em;

}

#containerunten p{

color: #99B050;
font-size: 130%;

}


#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;
}



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


}




#containerfotonehrin{

	  height: auto;
	  padding-right: 20px;
	width: 14%;
float: left;
	margin-top: 380px;
	margin-left: 200px;

	
	
}


#content{
        width: 60%;
	height: auto;
        float: left;
		padding-left: 10px;
		margin-left: 0px;
	margin-top: 520px;
	padding-bottom: 40px;
		
	
		

}

#containerrechteseite{
        width: 30%;
	height: 200px;
        float: left;
		padding-left: 10px;
		margin-left: 30px;
		padding-top: 5px;
		display:none;
		

}




#containergrenzecontentunten{
	width: 75%;
height: auto;
	  border-bottom-style: solid;
        border-width: 2px;
		border-color: #ab9254;
		float:left;
		margin-left: 340px;
		padding-right: 0px;
		margin-bottom: 60px;
}

#containerrechtsunten{

	  height: 300px;
	  padding-right: 20px;
	width: 14%;
float: left;
	margin-left: 200px;
	
}

#containerunten{

	  height: auto;
	width: 60%;
	float: left;
	padding-right: 30px;
	margin-bottom: 40px;
	font-size: 20px;
}

#containeruntenmobile{

	display: none;
}

#containeruntenrechts{
	  height: auto;
	width: 25%;
	float: left;
    margin-bottom: 40px;
	padding-left: 30px;
		padding-right: 230px;
	
	  

}

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

#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,
                    #fbfdf5; 0%, 
                    #fbfdf5; 50%);
background-image: 
    linear-gradient(45deg, #fbfdf5; 0%, #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;
}


}