@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
        only screen and (-o-min-device-pixel-ratio: '150/100'),
        only screen and (min-resolution: 150dpi),
        only screen and (min-resolution: 1.5dppx) {
   body { font-size: 150%; line-height:normal;  }
} 



body {
 background-color:#dfd3b3;
 font-family:Arial;
 width:100%;
 font-size:80%; 
 margin:0px;
 padding:0px;
 background-image: url(../bilder/schiefergrund.jpg);
 background-repeat:repeat-x;
} 

html {
}

#content {
    margin: auto;
    margin-top:5%;
    background-image: url(../bilder/logo-kruft.svg); 
    background-repeat:no-repeat;
    background-size: 955px 800px; 
    max-width:955px;
    width:100%; 
     background-color: transparent;
    z-index:1
    }

#header        { padding:0px;background:transparent;padding:30px}

#white_container          { max-width:955px; width:100%; padding:0px; margin-right:0px;background-color:white; }

#nav           { width:0px;padding:0px;float:left;margin-right:0px;background-color:white;height:480px;text-align:center;} 

#mobil-nav  {    position:absolute; top: 30px; left:30px; z-index:1000; background-color:transparent;  display:none; width:270px; }
.floating-nav  {    position:absolute; top: 30px; right:60px; z-index:1000; background-color:transparent; }
#mainnavdiv    { background-color:#E0D3B3; width:170px;  margin-left:150px;   }
#subnavdiv     { background-color:#E0D3B3; width:170px;   }
.floating-nav  a  { text-align:center; color: #A29061 ; margin:5px 0px; font-variant:small-caps; font-weight:normal; text-decoration:none; } 
#header-nav   { background:transparent;float:right; margin-right:40px}
#header-nav  a { color:#dfd3b3;font-size:0.9em; display:inline-block; }
 
#nav-trigger {margin : auto; display:none; cursor:pointer; }  

#form-container  {  margin-left:50px; padding-bottom:50px;  }
#kaufen-button  { }  
#paypal-button  { margin-left:200px; display:none; margin-top:20px; }

a.handy-nav   { margin: 5px; text-align: center; display:block ; font-size:1.5em; color:#A29061; font-weight:bold; padding:5px; background-color:#E0D3B3 ; text-decoration:none;  }


.main-nav { font-size: 1.1em ;  display:block;} 
.sub-nav { font-size: 0.9em ; display:none; }  
.leftref { margin-left:10px; color:#646b5f; text-decoration:none; display:block; }

                                                             
#gallery_layer { position:relative; top:0px; left:0px; width:100%; } 
#galleria      { width:100%;}                                                            
                                                             
#aktuelles-div  { margin-top:20px;width:100%; }  

#right_col { display:inline-block; vertical-align:top; padding:10px; width:40%; } 
#left_col  { display:inline-block; vertical-align:top; padding:5%;width:40%; }  
#bottom_address_info { text-align:center; clear:right;  } 

p {
 margin:0px;
 margin-left:0px;
 margin-bottom:5px;
 margin-top:0px;
 padding:5px;
 font-size:1.0em;
 line-height:16px;
 color:#646b5f;

}

p.klein {
 margin:0px;
 margin-left:0px;
 margin-bottom:0px;
 margin-top:0px;
 padding:1%;
 font-size:0.8em;
 color:#666666;
}


p.beige {
margin-left:0px;
margin-top:10px;
margin-right:0px;
color:white;
 font-size:1.2em;
font-weight:bold;
font-family: Times New Roman;
padding:5px;
background-color:#CD4444;
line-height:15px;
}

.list {
  margin-bottom:0px;
  line-height:15px;
}



table {
 margin:0px;
}
td {
 margin:0px;
 padding:0px 10px 0px 10px;
 font-size:1.0em;
 line-height:16px;
 color:#666666;

}

ul,li {
 margin:0px;
margin-left:20px;
 margin-bottom:0px;
 margin-top:0px;
 padding:2px;
 font-size:1.0em;
 color:#666666;
}



h1 {
 padding:5px;
 font-size:1.6em;
 font-weight:normal;
 color:#646b5f;
 margin: 0px ;
 margin-top:20px;
 margin-bottom:8px;
 font-family:Times New Roman;
 line-height:25px;
}
h2 {
 margin:0px;
 padding:5px;
 margin-left:0px;
 font-size:1.4em;
 font-weight:bold;
 color:#999999;
 background-color:#CCCCCC;
 font-family:Times New Roman;
}

h5 { font-size : 20px; }
div#liste td td  h6 { font-size : 15px; margin:2px; margin-top:0px; padding:0px;  } 
div#liste td td { vertical-align:top; }

div#category-list a  { color:#666666;  text-decoration:underline;  } 


@media (max-width: 800px)
{
	
}

 
@media (max-width: 810px)
{
 	
	
 #right_col { float:none; width:90%; } 
 #left_col { float:none; width:90%; } 
 
 #nav-trigger { display:block ; } 
 #header  {  display:none;  }  
 #content { margin-top:0px; }
	
.main-nav { display:none; } 
.sub-nav { display:none;  }

}