@font-face {
	font-family: 'Baar-Sophia';
	src:  url('Baar-Sophia.ttf.woff') format('woff'),
	url('Baar-Sophia.ttf.eot'),
	url('Baar-Sophia.eot?#iefix') format('embedded-opentype'); 
	font-weight: normal;
	font-style: normal;
}

html,body{
        text-align:center;
        /*display:block;
        position:absolute;*/
	color:#90692c;
	/*background-color:#fcdc63;*/
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	font-family: 'Baar-Sophia';  
	overflow:hidden;
	
}	

 img{
	border:none;
}
a{
color:#00acd0;
text-decoration:none;
border:2px solid transparent;
}
a:hover{

border:2px solid #dedede;
background-color:#fff;
z-index:99999;
border-radius:7px;

}
H2{ font-size:1.1em;}

#hintergrund{
      display:block;
      position: relative; 
      top: 0; 
      left: 0; 
      width: 100%; 
      height: 95%;
      overflow:hidden;
      
}


#hintergrundbild{
      display:block;
      position: absolute; 
      top: 0px; 
      left: 0px; 
      right: 0px; 
      bottom: 0px; 
      margin: auto; 
      width:100%;
      height:110%;

}

#logo-div{
	display:none;
	position:relative;
	width:420px;
	height:180px;
	margin-top:2%;
	right:11%;
	float:right;
<!-- 	border:1px solid magenta; -->
	padding:0px;



}

#logo-div p{
      display:none;
      position:absolute;
      width:270px;
      height:170px;
      top:10px;
      margin-top:0px;
      border:0px solid orange;
      font-size:38px;
      font-weight:normal;
      text-align:right;


}

#logobild{
	left:270px;
	display:block;
	position:absolute;
	width:150px;
	

}

#logofisch{
  
	display:none;
	position:absolute;
	width:300px;
	left:5%;
	top:7%;
	transform:rotate(-20deg);
	

}
#header_img{
	display:block;
	position:relative;
	margin:0px;
	width:100%;
}

#footer_img{
	display:block;
	position:relative;
	width:100%;
	margin:0px;
	




}



.options_br{
      float:right;

}
#options_br_3{
      white-space:nowrap;

}


#mailkontakt{      
	display:none;
	position:absolute;
	width:300px;
	right:5%;
	bottom:7%;
<!-- 	transform:rotate(-20deg);	 -->
}


.menu {
	z-index:99999;	 
	font-size:22px;	

}
.menu li {
	width:auto;
	display:block;
	position:relative;
	width:auto;
	height:auto;
	padding-right:15px;	
}
.menu li a {
	padding:5px;
}


.menu .parent{
	display:block;
	width:auto;
	height:auto;
	z-index:1;
<!-- 	border:1px solid green;	  -->

}

.menu .parent .nav-child {
	position:absolute;
	width:auto;
	height:auto;
	left:-2px;
	margin-top:-4px;
	padding-top:10px;	
	padding-bottom:10px;
	padding-right:0px !important;
	padding-left:0px !important;
	border:2px solid #dedede;
	border-radius:0 7 7 7;
	overflow:hidden;
	background-color:#fff;
	z-index:-1;
 
}


.menu .parent:hover {
	height:40px;
	border-top:2px solid #dedede;
	border-left:2px solid #dedede;
	border-right:2px solid #dedede;	
	margin-top:-2px;
	z-index:2;
	border-radius:7px;

}


.menu .parent:hover .nav-child{
	display:block;
	z-index:-1;


}


.menu .parent .nav-child li{
	display:block;
	position:relative;      	
	width:auto;	
	height;auto;
	margin-bottom:5px;
	margin-left:5px;
	margin-right:5px;
	padding:0px;
<!-- 	border:1px solid green; -->
	
	

}
.menu .parent .nav-child li a{
	display:block;
	position:relative;
	width:auto;
	height;auto;
	margin:0px;
	margin-left:5px;
	margin-right:5px;

}

.menu .parent .nav-child {
	display:none;
	z-index:-1000;
  }

.menu .parent {
  border-left:2px solid transparent;
  border-right:2px solid transparent;
  border-top:0px;
  border-bottom:0px ;

}
  
.menu .parent a:hover{	
	border:2px solid #fff;
<!-- 	height:35px; -->
	padding-top:2px
	border-radius:7px;
	
}
.menu .parent a{
      z-index:99999;
      /*background-color:#fff;*/
}

.menu .nav-child a:hover{	
	border:2px solid #dedede;
	border-radius:7px;
	
}

	
.moduletable{
	display:block;
	position:relative;
	top:165px;
	left:10%;
	width:80%;
	height:auto;	
	margin-bottom:10px;	
<!--   	border:1px solid red; 	 -->
<!--   	background-color:#fffffa; -->
	z-index:99999;
	

}

.moduletable.publicmenu{
	border:0px solid magenta;
	display:block;
	position:absolute;
	padding:0px;
	width:auto;
	height:auto;
	top:25px;
	left:10%;


}

.moduletable .menu{
	display:block;
<!-- 	position:absolute; -->
	width:100%;	
	min-height:60px;	
	height:auto;	
	left:0px;	
	padding:0px;	
	margin-left:0px;
	margin-top:0px;
	margin-bottom:auto;
	margin-right:auto;
	
	list-style-type:none;
	list-style-position:outside;	
	z-index:99999;	
	
	
}
.moduletable.footer{
	display:block;
	position:absolute;
	height:30px;
	width:auto;
	margin:0px;
	top:55%;
	border:0px solid red;
	

}
	
.menu li{
	display:block;
	position:relative;
	width:auto;
	height:100%;
<!-- 	background-color:#fff;	 -->
	margin-right:0px;
	float:left;
	align:left;
	

}	
	
.menu li a{
	display:block;
	position:relative;
	width:100%;
	height:auto;
	color:#00acd0;
	align:left;
	

}
.harmonica{
	display:block;
	position:relative;
	top:0px;
	left:0px;
	width:80%;
	height:auto;	
	margin-bottom:10px;	
<!--   	border:1px solid red; 	 -->
<!--   	background-color:#fffffa; -->
	z-index:99999;
	

}
.headerlink{
	font-size:22px !important;
	color:#797979;
	
}
.accordion li{
	margin-bottom:20px;


}

.dorschlogin{
	display:block;
	position:absolute;
	border:0px solid red;
	width:50%;
	height:30px;
	top:0px;
	left:0px;
	float:left;

}
.dorschlogin .header{
	display:none;

}

.login-form{
	display:block;
	position:absolute;
	margin:0px;
	float:left;

}
.login-greeting{
	float:left;
	margin:0px;
	margin-left:100px;
	width:auto;
	border:0px solid lime;


}
.logout-button{

	display: block;
	position: relative;
	width: 60px;
	height: auto;
	margin-left: 10px;
	float: left;
	
}

@media screen and (max-width: 1500px) {
	.moduletable.publicmenu{	
		top:105px;    
    
	};
 




}


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

  #mailkontakt{      
	display:none;
	position:relative;
	width:300px;	
	float:right;
  
  }
  #logo-div{
	display:none;
	position:relative;
	width:420px;
	height:180px;
	margin-top:60px;
	right:11%;
	float:right;
	border:0px solid magenta;
	padding:0px;
  }
    
  
}

@media screen and (max-width: 800px) {
	.moduletable.footer{	
		top:45%;
		
	};
	

}

@media screen and (max-width: 540px) {
    #logo-div p{  
      font-size:30px;
    }
    #logobild{ 
    
      height:120px;
      width:120px;
    
    }
    .moduletable.publicmenu{	
	top:100px;    
    
    };
    	.moduletable.footer{	
		top:35%;
		
	};

 
}
    
  
    



@media screen and (max-width: 450px) {
  #mailkontakt{      
	display:none;
	position:relative;
	width:300px;
	right:10px;
	bottom:0px;  
  
  }
  #logo-div{
    	    	
    	height:200px;
    	width:100%;
    	padding-left:10%;
    	float:left;
    	margin-top:90px;
    	
  }
  
   #logo-div p{  
      top:102px;
      font-size:25px;
      border:0px solid magenta;
      height:90px;
      width:auto;
     padding-left:10%;
      text-align:center;
      

      
    }
    
    .options_br{ 
      margin-left:5px;
      float:left;
      
	  
    }
    #options_br_3{
	clear:left;
	
      
    
    }
    #logobild{ 
      border:0px solid black;
      height:100px;
      width:100px;
      margin-left:50%;
      left:-50px;
    
    };
    
  
}



#inhalt{
        display:block;
        position:relative;        
        width:80%;
	height:auto;
	margin-top:10px;
	margin-left:3%;
	
	min-width:100px;
	min-height:300px;
        padding-top:30px;        
        padding-bottom:20px;
        color:#90692c;        
        font-family: 'Baar-Sophia';  
        font-weight:normal;
        font-size:20px;
	text-align:left;
<!--         border:1px dotted green; -->
	transform:skew(-10deg,5deg);
	

}

	

.edit{
	background-color:#dedede;
	
}



.item-page{
        display:block;
        position:relative;
        top:-40px;
        left:0px;
        width:auto;
	height:100%;
	z-index:999;
	border:0px solid red;
/*	margin-bottom:30px;*/
/*	font-family: 'Baar-Sophia' !important;*/
/*	color:#90692c !important;*/
}
.item-page li p{
	display:inline;
}

.mceContentBody{
/*     border:2px solid red !important; */

}

#rahmen{
	display:block; 
	position:relative;	
	height:75%;	
	width:auto;
	margin-top:30px;
	margin-bottom:25px;
	overflow-x:hidden;
	overflow-y:scroll;
	clear:right;
	margin-left:10%;
	margin-right:0px;
	border:0px dotted lime; 
	z-index:0;
	top:30px;
	/*transform: skew(10deg,-5deg); */
	
}


.current a{
      background-color:white;
      color:#6e6e6e !important;
      border-radius:7px;
      opacity:0.7;
      
      
                 
}

.current a:hover{
	opacity:1;

}

form{
      display:block;
      position:relative;
/*       border:3px solid red; */
      padding:0px;   
      
}

.moduletable-login {

        position:relative;
        left:0px;
        display:block;
	float:left;        
	width:95%;
	height:30px;
	margin:0px;
/* 	border:2px solid red; */
/*         padding:auto; */
	font-size:0.7em;
	color:#dedede;
/* 	margin-bottom:300px; */
	


}

.moduletable-login input{

	background-color:transparent;
	margin-right:10px;
	padding:2px;
	font-size:0.7em;
	border:1px solid #dedede;
	border-radius:1em;
	float:left;
	display:inline;
	position:relative;
	
}

.moduletable-login fieldset{    
	border:none;
/* 	margin:5px; */
/* 	padding:auto; */
/* 	width:200px; */
/* 	position:relative; */
/* 	display:block; */

}
.moduletable-login fieldset p{
    margin:auto;
    padding:0px;
    display:inline;
    position:relative;
    float:left;


}
.moduletable-login fieldset p label {
      
/*       border:1px solid red; */
      display:inline;
      position:relative;
      float:left;
      margin-left:5px;
      margin-right:5px;
      margin-top:3px;
      
}

.moduletable-login fieldset ul {

      display:inline ;
      float:left;
      position:relative;

}


.moduletable-login fieldset  li {
      list-style-type:none;
      margin:5px;
      
}
.moduletable-login fieldset li a {
      color:#dedede;
}

.moduletable-login ul{
      display:inline;
      float:left;

}

.login{
      /*display:none;*/
      

}


.team{
    display:block;    
    margin:20px;
    padding:10px;
/*     border:1px solid red; */
    /*width:180px;
    height:200px;*/
    float:left;
      
      
      
      


}
.team img {
    
    
    height:160px;
    width:auto;
    border-radius:5px;


}


#footer{
	display:block;
	position:absolute;
	width:auto;
	height:auto;
	padding:0px;
	margin:0px;
	bottom:0px;
	/*border:1px solid red;*/
  
}



#footer .nav{
	display:block;
	position:relative;
	width:auto;	
	float:left;
	height:20px;
	border:0px solid blue;
	list-style-type:none;
	list-style-position:outside;
	margin:0px;
	margin-top:10px;
	left:0px;	
	font-size:1em;
	background-color:transparent;
}


#footer .nav li{
	display:block;
	position:relative;  
	float:left;
	width:auto;
	height:auto;
	margin:0px;
	padding:2px;
	padding-right:20px;
	border:0px solid green;
	
}
#footer .nav li a{
	display:block;
	position:relative;
	width:100%;
	height:100%;
	margin:0px;
	


}

#footer .nav li a:hover{
	margin:0px;
	



}

.mailsubscription {

	font-size:14px;



}
.mailsubscription table{
	font-size:14px;

}
 
.componentheading.mailsubscription{ 
	display:none;
	top:-150px;
	position:relative;


}
div.mailster_subscriber_container{
	
	display: block;
	position: relative;
	top: -50px;
	border: 1px dotted silver;
	left: 0px;
	width:600px;
	font-size: 16px;
	margin:0px;	
	margin-left:-98px;
	padding:10px;
	

}
div.mailster_unsubscriber_container{
	
	display: block;
	position: relative;
	top: -50px;
	border: 1px dotted silver;
	left: 0px;
	font-size: 16px;
	margin-left:-98px;
	padding:10px;

}

div.mailster_profile.contentpane.mailsubscription{
	display:block;
	position:relative;
	border :1px dotted silver;
	padding:10px;
	width:600px;
	margin:0px;
	top:-150px;
	


}


.blog icons{display:none;}

.blog {
	margin-bottom:20px;
	border-top:1px dotted #90692c ;
<!-- 	border-bottom:2px solid #90692c; -->
}
.items-leading,.items-row,.items-more{
	border-top:1px dotted #90692c ;
<!-- 	border-top:2px solid #90692c ; -->

}
#kunena.layout .breadcrumb {
        display:block;
        
}
#kunena.layout .breadcrumb li {
        display:block;
        position:relative;        
        float:left;
}
.kfrontend{
        margin-top:20px;
        display:block;        
        position:relative;
        float:left;
        left:0px;
        

}
.navbar{
        display:none;

}