/*
240
320
360
540
568
380
685
480
800
600
640 
720 
768
1024
1280
1920


http://net-now.de/blog/126-bildschirmaufloesungen-von-smartphones-und-tablet-computern
http://mattkersley.com/responsive/
http://www.responsivedesigntest.net/


braun
Pantone 1535 C
RGB 147-67-13
Hex #93430d
CMYK 28-76-100-29

dunkelgrün
Pantone 357 C
RGB 36-88-55
Hex #245837
CMYK 84-39-84-38




hellgrün
Pantone 376 C
RGB 118-183-0
Hex #76b700
CMYK 60-0-100-0

gruen1
#619f0e 
RGB 97, 159, 14




akzentgruen
#2e8d00;


#aa0000; rot





http://calculator.tobani.com/convert/px-to-em

*/




body{
font-family:  arial, sans-serif;
font-size:16px;
color:#245837;
background-image:url(../img/gras.jpg);
margin:0;
padding-top:10px;
}

.dunkelgruen{
color:#245837; /*dunkelgruen*/
}


a {
color: rgb(47,111,189); /*blau01*/
text-decoration: none;
}
a:visited{

}

a:hover{
background: #FFF;
text-decoration:underline;


}

a:active{

}

@font-face {
 font-family: 'hanshand_italic';
 src: url('../font/hanshand/hanshand-webfont.eot');
 src: url('../font/hanshand/hanshand-webfont.eot?#iefix') format('embedded-opentype'),
      url('../font/hanshand/hanshand-webfont.woff2') format('woff2'),
      url('../font/hanshand/hanshand-webfont.woff') format('woff'),
      url('../font/hanshand/hanshand-webfont.ttf') format('truetype'),
      url('../font/hanshand/hanshand-webfont.svg#hanshand_italic') format('svg');
 font-weight: normal;
 font-style: normal;
}


#lineal{display:none;}

#schattenwrapper:before{content:"safcayfcaffest";color:#ff0000; border:1px solid red;}
#schattenwrapper:before{display:none;}


.top {
float:right;
font-size: 12px;
font-weight: normal;
font-style: normal;
text-transform: none;
}


.top:hover{
}

/*roter kasten 1*/
.meldung0 { 
text-align:left;
display:block;
margin:0px 0px 50px 0px;

border:8px solid #245837;
border-radius:5px;
}
.meldung0 p{
font-size:20px;

background:RGBa(255,255,255,1); /* */
display:block;
margin:8px;
padding:30px 40px 30px 40px !important;
line-height: 1.8em;
color: #93430d;
color: #990000;
color: #245837;
border:3px solid #2e8d00;
}


/*roter kasten 1*/
.meldung1 { 
text-align:center;
display:block;
margin:0px 30px 50px 30px;
display:none;
}
.meldung1 p{
font-size:20px;

background:RGBa(255,255,255,1); /* */
display:block;
border:1px solid #76b700;
border:5px solid #aa0000;
padding:30px 20px !important;
line-height: 1.8em;
color: #93430d;
color: #990000;
}

/*roter kasten 2*/
.meldung2 { 
text-align:center;
display:block;
margin:-10px 0px 30px 0px;
display:none;
}
.meldung2 p{
font-size:14px;
font-weight:bold;
background:RGBa(255,255,255,0.7); /* */
display:block;
border:1px solid #990000;
padding:5px 10px !important; 
color: #990000; 
}



/*grüner Kasten für URLAUB etc*/
.meldung { 
text-align:center;

text-transform: uppercase;
margin:-10px 0px 30px 0px;
/*display:block !important;*/

display:none !important;

}
.meldung p{ 
font-size:16px;
font-weight:bold;
background:RGBa(118,183,50,0.7); /*hellgrün geändert*/
display:block;
padding:5px 10px !important; 
color: #2e8d00; /*akzentgruen*/
color: #fff; 
}


.error { 
text-align:center;
display:block;
text-transform: ;
margin:-10px 0px 30px 0px;
}

.error p{ 
font-size:16px;
font-weight:bold;
background:#FFF;
border:2px solid #F00;
display:block;
padding:5px 10px !important; 
color: #f00; 
}


.linkliste{
padding:0 0 0 20px;
list-style-type: none;
line-height:2em;
font-weight:bold;
}

.linkliste li{
/*font-size:18px;
font-size:1.125rem;*/
}

.link{
color: #93430d; /*braun*/
color:#245837; /*dunkelgruen*/
color: #2e8d00; /*akzentgruen*/
color: #0000ee; /*browserlinkblau*/
color: rgb(51,120,204); /*wikipediablau*/
}



.link:hover{
text-decoration:underline;
background: #FFF;
}

.vertikalmittig{
vertical-align: middle;
}

.keinumbruch{
white-space: nowrap;
}

.einruecken{
margin-left:20px;
}


.text-align-right{
text-align:right;
}
.table-row{
display:table-row; 
}

.table-cell{
display:table-cell;
}

#schattenwrapper {
margin:0;
padding:0px;
}

#wrapper {
max-width:1000px;
margin:0 auto;
background:rgb(255,255,255); /*für den ie*/
background:rgba(255,255,248,0.5);
/*box-shadow: h-shadow v-shadow blur spread color inset; www.w3schools.com/cssref/css3_pr_box-shadow.asp*/
box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.15);
border-radius:10px;
}

header {
display:block;
height:110px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
background-color:#fff;
overflow: hidden;
}

header a{
text-decoration:none;
}


#logo {
float:left;
padding-left:2%;
}

#logo div{

display:table-cell;
vertical-align:bottom;
}

#logo img {
display:block;

}

#instagram{

}

#instagram img{
height:30px;
float:right;
padding-top:20px;
}


#headerrechts{
height:90px;
float:right;
padding-right:3%;
display: none !important;
}

#headerrechts h1{
height:40px;
display:table-cell;
vertical-align:bottom;
font-size: 24px;
padding:0px 0px 0px 0px;
font-weight:normal;
font-family: 'hanshand_italic', Arial, sans-serif;
color: #93430d; /*braun*/
white-space: nowrap;
}






/*topmenue blau*/


#topmenu
{
  display:block;
  clear:both;
  padding:0px 0px 0 2% ;
	 background: rgb(51,120,204); /*blau02*/
}

#topmenu ul
{
	list-style:none;
	margin:0;
	padding:0;
}

#topmenu a
{
	text-decoration:none;
 color: #FFF;	
}

#topmenu a:hover{
  text-decoration:none;
   background: rgb(62,147,250); /*blau04*/
}

#topmenu ul li
{
 display: inline-block;
 cursor: pointer;
 font-size:14px;
 font-weight: bold;
 white-space: nowrap;
 padding-top:5px; 
 padding-bottom:5px;  
}

#topmenu ul li a{
   padding-left:10px; 
   padding-right:10px;
   color:#fff;
   text-transform: uppercase; 
}

#topmenu ul li span{
   text-transform: uppercase;
   color: #FFF;
   padding:4px 10px 4px 10px;
}

#topmenu ul li span:hover{
   text-transform: uppercase;
   color: #FFF;
   padding:4px 10px 4px 10px;
   cursor: default;
}

#topmenu ul li a:hover{
   color: #FFF;
   padding:4px 10px 4px 10px;
}   

#topmenu ul li:hover
{

}

#topmenu ul li ul
{
	display:none;
 position: absolute;
 margin-top:5px;
 padding-top:5px;
 padding-bottom:10px;
 min-width: 120px;
 z-index: 1;
}



#topmenu ul li ul
{
	display:none;
 position: absolute;
 margin-top:5px;
 padding-top:5px;
 padding-bottom:10px;
 min-width: 120px;
 z-index: 1;
}

#topmenu ul li ul li
{
	display:block;
	 padding-top:0px; 
 padding-bottom:0px;
}






#topmenu ul li ul li a
{
    display: block;
    font-size:12px;
    letter-spacing:0.0em;
    font-weight: bold;
   padding:4px 10px 4px 10px;
    text-transform: none;
    white-space: nowrap;
}

#topmenu ul li ul li a:hover{
   color: #FFF;
   padding:4px 10px 4px 10px;
  }


#topmenu ul li:hover > ul
{
	display:block;
	 background: rgb(51,120,204); /*blau02*/
}

#untermenu{
 list-style:none;
	margin:0;
	padding:0;
}

.dropdown-content a:hover {
background-color:; }

.dropdown:hover .dropdown-content {
    display: block;

    
}

/*topmenue blau ende*/


#lupe {

}

#lupe a{

}

#lupe img{

}


#untermenu2{
display:inline-block;
border:1px solid rgb(47,111,189); /*blau01*/
margin-left:20px;
margin-top:10px;
padding: 0px;
background: rgba(255,255,255,0.4);
}

#untermenu2 ul{
padding: 5px 20px 5px 10px;
}

#untermenu2 ul li{
padding: 0px !important;
}




main {
 
clear:both;
display:block;
min-width:220px;
padding:40px 20px 30px 20px;
}

main p {
font-size:0.875em;
line-height:1.4em;	
padding:5px 5px 5px 20px;
}


main ul{
padding-left:40px;
padding-bottom:5px;
}

main ul li{
font-size:0.875em;
line-height:1.4em;	
padding-left:10px;
padding-top:1px;
padding-bottom:1px;
}

main ul{
padding-left:40px;
padding-bottom:5px;
}

main ul li ul{
padding-left:20px;
padding-top:2px;
padding-bottom:2px;
}

main ul li ul li{
font-size:1em;
line-height:1.4em;	
padding-left:10px;
padding-top:1px;
padding-bottom:1px;
}



main h2 {
 
color:#245837; /*dunkelgruen*/ 
font-size:1.25em;
text-transform: uppercase;
line-height:1.5em;
font-style: italic;
padding:5px 0px 0px 5px;
background-image: url('../img/hund30.png');
background-repeat: no-repeat;
background-position: right 3px bottom 2px;
padding-right:50px;
}

main h3 {
font-size:1.125em;
text-transform: uppercase;
line-height:1.3em;
font-style: italic;
margin-left:15px;
padding-left:5px;
padding-top:30px;
margin-bottom:20px;
color:#245837; /*dunkelgruen*/
border-bottom:1px solid #76b700; /*hellgruen*/
clear: both;
}


main h4 {
font-size:0.9375em;
text-transform: uppercase;
line-height:1.5em;
font-style: italic;
color:#245837; /*dunkelgruen*/
padding-left:20px;
margin-top:10px;
margin-bottom:5px;
}


main h5 {
font-size:0.875em;
line-height:1.3em;
color:#000;
color:#245837; /*dunkelgruen*/
padding-left:20px;
margin-top:0px;
margin-bottom:5px;
}


main h6 {
font-size:1.125em;
line-height:1.3em;
color:#000;
color:#245837; /*dunkelgruen*/
padding-left:20px;
margin-top:0px;
margin-bottom:5px;
}






.engeliste{

}

.engeliste li{

padding-left:0px;
}

.engeliste li p{

padding-left:0px;
}



.fett {
font-weight:bold;
}

.normal {
font-weight:normal;
}

.italic {
font-style:italic;
}

.nichtitalic {
font-style:normal;
}

.uppercase {
text-transform: uppercase;
}

.akzentgruen {
color: #2e8d00;
}



.dunkelgruen{
 color:#245837; /*dunkelgruen*/
}


.rot {
color: #aa0000; /*rot*/
}

.keinunterstrich{
text-decoration:none;
}



.spacer{
height:5px;
display:block;
}




.linie1{
border-bottom:3px solid #76b700; /*hellgruen*/
height:0px;
margin-bottom:10px;
clear:both;
}

.linie2{
border-bottom:1px solid #76b700; /*hellgruen*/
height:1px;
clear:both;
}

.links	{
 float:left;
 margin: 0px 20px 10px 20px;
}




.rechts	{
 float:right;
 margin: 0 0 20px 20px;
}




.wichtigkasten{
border:1px solid #76b700; /*hellgruen*/
background: rgba(255,255,255,0.5);
margin-left:20px;
padding-right:10px;
}





.zeiten table {
margin: 5px 5px 5px 20px;
font-size:0.875em;
}

.zeiten table th{
padding:5px 1px 2px 1px;
text-align:left;
}

.zeiten table td{
padding:6px 1px 2px 1px;
height:;
vertical-align:bottom;
}

.zeiten tr{ 
border-bottom:1px solid #76b700; /*hellgruen*/

}





#lou{

}

#lou img{
display:block;
margin-left:30px;
}

#lou p{
max-width: 400px;
margin-left: 30px;
}

.kastenborder{
margin:0px;
padding:0px;
border:1px solid #76b700; /*hellgruen*/
display:block;
background: rgba(36,88,55,0.03);
}


.kastenborder:hover{
margin:0px;
padding:0px;
border:1px solid #76b700; /*hellgruen*/
display:block;
background:#fff;
}

.kastenborderohnelink{
margin:0px;
padding:0px;
border:1px solid #76b700; /*hellgruen*/
display:block;
background: rgba(36,88,55,0.05);
}


.kastenborderohnelink:hover{
margin:0px;
padding:0px;

display:block;

}

.kasteninnenlinks	{
 width:180px;
 margin: 10px;
}

.kasteninnen	{
 width:140px;
 margin: 5px;
}

.kasten img{
 width:100%;
 display:block;
}


.kasten a{
margin:0px;
padding:0px;
color: #245837; /*dunkelgrün*/
display:block;
}

.kasten a:hover{
margin:0px;
padding:0px;
text-decoration:none;
background-color: rgba(255,255,253,0.5);
background-color: #fff;
}



.siehtauswielink:hover {
text-decoration:underline;
}



.kasteninnen p{
margin:0px;
padding:0px;
}


.preisliste{
margin-left:40px;
padding-bottom:10px;
}

.preisliste tr td{
font-size:14px;
font-size:0.875rem; 
line-height:1.5em;	
padding:0 10px 0 0;
border: 1px solid red;
}


footer {
background:#FFF;
border-top: 1px solid #245837; /*dunkelgrün*/
clear:both;
display:inline-block;
width:100%;
padding-bottom:5px;
margin-bottom:-5px;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
}



footer nav{
font-size:0.75em;
float:right;
padding:5px 20px 0px 20px;
}

.copyright{
font-size:0.75em;
float:left;
padding:5px 0px 0px 20px;
}





#footeradresse{
display:none;
}

/*--------------------------------------------------*/


#aktualisierung{
 margin: 0 auto;
max-width:1000px;
}			

#aktualisierung p{
color: #FFF;
margin: 10px 20px 10px 20px;
font-size:0.75em;
font-weight:bold;
}		

/*--------------------------------------------------*/

#unten{
height:1000px;
}			

/*--------------------------------------------------*/




/*--------------------------------------------------*/
/*Angebot*/
#angebotbilder {
width:100%;
background:#ba8;  /*um verschiedene höhen zu retuschieren*/
background-image:url(../galerie2015/img/069.jpg); /*um den verbliebenen abstand rechts zu retuschieren*/
background-size: auto 100%;
background-repeat:no-repeat;
background-position:right;

}

#angebotbilder img{
float:left;
width:33.33%;
}

#angebotbilder:after{
  content: ""; 
  display: block; 
  clear: both; 
}


/*--------------------------------------------------*/
/*Preise*/
#preisliste {
font-size:14px;
font-size:0.875rem;

}





/*--------------------------------------------------*/
/*Fotos*/
#galerieliste{
margin-bottom:20px;
margin-left:-5px;
}

#galerieliste li{
margin-bottom: 5px;
}

#galerieliste li a:hover{
background: #FFF;
}

#galerieliste li div{
border-radius: 5px;
display:inline-block;
padding:5px;
}

#galerieliste li div:hover{
border-radius: 5px;
background: #FFF;
}

#galerieliste img{
height:40px;
vertical-align: middle;
border-radius: 3px;
border:1px solid #666;
}


/*--------------------------------------------------*/
/*Kontakt*/

#anfahrtbild{
width:98%;
padding-left:2%;
padding-bottom:1%;
}

/*--------------------------------------------------*/
/*Kontaktformular*/


#formular {


}

#formular p{
padding-top:2px;
padding-bottom:3px;


}




/*honeypot*/
#messagecontainer {
    z-index:999;
    position:absolute;
    border:none;
    margin:0;
    padding:0;
    top:4000px;
    right:0px;
    clear:both;
    color:rgba(0,0,0,0.2);
}

#messagelabel {

    font-size:8px;
    border:none;
    background:none;
    margin:0;
    padding:0;
    width:auto !important;
}

#messageinput {
    display:inline-block;
    border:1px dotted rgba(0,0,0,0.2);
    background:none;
    margin:0;
    padding:0;
    font-size:10px;
    width:auto !important;
}






#formular label{
width: 120px;
display:inline-block;
vertical-align:top;
padding-top:2px;
}

#formular select, input, textarea{
display:inline-block;
border:1px solid #666;
padding:2px 5px 2px 5px;
margin:0px 5px 0px 5px;
border-radius:3px;
background: #fff;
}





#anrede select{
width:100px;
}



.inputtextfeld{
width:60%;
min-width:220px;
}

.checkbox{
 margin:0px 5px 0 0;
}






#absenden {

}

#absenden input{
width:100px;
color:#444;
font-weight:bold;
background-image: linear-gradient(#fff, #d8d8d8 );
}

#absenden input:hover{
cursor:pointer;
font-weight:bold;
color: #aa0000; /*rot*/
background-image: linear-gradient(#fff, #eee );
}

#formular input:required {
  border: 1px solid #aa0000;
}

#formular textarea:required {
  border: 1px solid #aa0000;
}









/*--------------------------------------------------*/
/*kontaktformular.php*/


/*Rückmeldung im Browser*/
.rueckmeldung { 
text-align: center;
display:block;
margin:;
}
.rueckmeldung p{ 
font-size:16px;
line-height:2em;
}


/*--------------------------------------------------*/
/*Impressum und Datenschutz*/
#erecht24{
 
}

/*wie sonst h3*/
#erecht24 h1 {
font-size:18px;
font-size:1.125rem;
line-height:1.5em;
font-style: italic;
padding-left:5px;
margin-top:30px;
margin-bottom:20px;
color:#245837; /*dunkelgruen*/
border-bottom:1px solid #76b700; /*hellgruen*/
}

/*wie sonst h4*/
#erecht24 h2{
font-size:14px;
font-size:0.875rem;
line-height:1.5em;
color:#000;
color:#245837; /*dunkelgruen*/
padding-left:10px;
margin-top:10px;
margin-bottom:5px;

}


/*--------------------------------------------------*/
/*Galerien*/

#foto {
margin:20px auto 20px auto;
width:100%;
max-width:800px;
text-align:center;
}

#foto img{
width:100%;
border-radius: 10px;
border:1px solid #000;
display:block;
}


#foto p{
width:100%;
max-width:802px;
text-align:center;
padding:0px 0 5px 0;
}

#foto a{
line-height:1em;
padding:0;
}






#galerieindexnav{
font-size:11px;
font-size:0.6875rem;
line-height:1.2em;
padding:0px 0 20px 5px;
}

#galerieindexnav {
font-weight: bold;
}



#galerie h2{

}



#galerieindex h2{


}
 
#galerieindex h4{
float:left;
}

#galerieindex hr{
clear:both;
}




#galerieindex section{
margin:0 auto 20px auto;
text-align:center;
}

#galerieindex section div{
display:inline-block;
vertical-align: top;
width:100px;
padding:0px;
margin:2px;
}

#galerieindex section p{
font-size:11px;
font-size:0.6875rem;
line-height:1.2em;
}

#galerieindex section div a{
margin:0px;
padding:0px;
display:block;

text-decoration:none;
border-radius: 5px;
border:1px solid #999;
background: rgba(200,200,200,0.2);

}

#galerieindex section div a:hover{
text-decoration:underline;
background: rgba(252,255,250,0.5);
}

#galerieindex section img{
border-radius: 3px;
margin-top:5px;
border:1px solid #666;
width:80px;
height:54px;
}

#galerieindex div p{
padding:0px;
margin:5px 2px 0px 2px;
width:94px;
height: 3rem;
}