body {
	margin-top: 0px;
	margin-bottom: 50px; 
	background-image: linear-gradient(to top, #998272 40%, #322822 100%);
	
   /* background-color: #998272; <!--#c6b9b0;-->*/
}

language {
   background-color: #000000;
}

header {
	 background-color: #000000;   
	 /*box-shadow: 2px 2px 20px black;*/
}

top {
   height: 60px;
   color: #c6b9b0;
}

main {
    padding: 10px 20px;
    background-color: #fff;
	/*box-shadow: 2px 2px 20px black;*/
}

preview {
    padding: 10px 80px;
    background-color: #000;
}


/*.container {
	 box-shadow: 2px 2px 20px black;
}*/	 	  
	

footer {
  padding: 10px 0;
  text-align: center;
  color: ffffff;
  background-color: #000000;
	/*box-shadow: 2px 2px 20px black;*/
}



h1 {
    font-weight: bold;
    margin-bottom: 10px;
	text-align: ;
	color: #28170d;
}

h1.cancelled {
	text-decoration: line-through;
	color: grey;
}			 


h2 {
    font-weight: bold;
	text-align: left;
	margin-top: 30px;
    margin-bottom: 10px;
	color:  #28170d;
}

h2.center {
    font-weight: bold;
	text-align: center;
	margin-top: 40px;
    margin-bottom: 10px;
	color:  #28170d;
}

h3 {
    font-weight: bold;
    margin-bottom: 20px;
	text-align: left;
	color:  #6a4c42;
}

h3.center {
    font-weight: bold;
    margin-bottom: 20px;
	text-align: center;
	color:  #6a4c42;
}

h4 {
    font-weight: bold;
    margin-bottom: 20px;
	text-align: left;
	color:  #6a4c42;
}	

h4.sold {
	color: #fff;
	background-color: #6a4c42;
	text-align: center;
	padding: 5px;  	
}

h5 {
    font-weight:;
    margin-bottom: 20px;
	text-align: center;
	color:  #28170d;
}



h6 {
    margin-bottom: 10px;
	text-align: justify;
}


h6.footer {
    margin-bottom: 10px;
	text-align: center;
	color:  #c6b9b0;
}

hr { 
	  width: 100%; 
	  height: 2px; 
      padding-bottom: 5px ;
	  color: black;
	  background: white;
	  line-height: 50%
}

.footer {
    margin-bottom: 10px;
	text-align: center;
	color:  #c6b9b0;
	/*box-shadow: 0px 30px 20px black;*/
}

a.h6:hover {
  color: #d3d3d3 ;	
}

p {
    text-align: justify;
}

a {
  color: #333333;
  text-decoration: none;
}

a:hover {
  color: #735421;
  background-color: transparent;
  text-decoration: none;
}

.sel {
  border: 0px solid grey;
  width:    ;
  margin-bottom: 0px;
  padding: 15px;
  text-align: center;
  background-image: linear-gradient(350deg, #dcdad9 0%, #fff 50%);
  /*background-image: linear-gradient(to top, #dcdad9 1%, #fff 50%);
  box-shadow: 0px 0px 0px black;
  color: #2d0e07;
  text-shadow: 5px 5px 9px white;*/
  
} 


.styleguide {
  padding: 30px 0px;
  border: 0px solid grey;
  width: 100%  ;
  color: #fff;
  background-image: linear-gradient(166deg, #372921 40%, #4a3e38 100%);
  text-align: center;
  /*text-shadow: 1px 1px 1px grey;
  box-shadow: 2px 2px 20px black;*/
}

.restau {
  padding: 60px 0px;
  border: 0px solid grey;
  width: 100%  ;
  color: #fff;
  text-shadow: 1px 1px 1px black;
  font-weight: bold ;
  /*background-image: linear-gradient(166deg, #372921 40%, #4a3e38 100%);
  background-color:#afa19c;*/
  background-image: linear-gradient(170deg, #7e6c66 0%, #d2ccca 100%); 
  background:url(../ahl_gallery/restau_bg.jpg?width=100px)0 0 repeat-y;
  text-align: center;
  /*text-shadow: 1px 1px 1px grey;
  box-shadow: 2px 2px 20px black;*/
 
} 


.prev {
  border: 0px solid grey;
  width:   ;
  margin-bottom: 0px;
  text-align: center;
  background-colour: transparent;  
} 

.previewbox {
  border: 0px solid grey;
  width:   ;
  padding: 5px;
  text-align: center;
  background-colour: transparent;
  box-shadow: 0px 0px 0px black; 
} 

.special {
	font-weight: ;	
    margin-bottom: 0px;
	text-align: center;
	color: #d8d2ce;
}

.navMenuEntry {
  font-weight: bold;
  margin-bottom: 20px;
  text-align: center;
  color:  #28170d;
}

/*
a.navMenuEntry:hover,a.navMenuEntry:visited:hover {
  color: white;
}

a.navMenuEntry:visited {
  color: red;
}
*/
.separatorLine {
  margin-top: 5px;
  margin-bottom: -1px;
  border-color: rgb(154, 154, 154);
}

/*

#tabelle {
  display: table;   
  border-collapse: separate;
  border-spacing: 8px;
}
.zelle {
  border: 1px solid grey;
  display: table-cell;
  width: 100px;
}  

@media screen and (max-width: 780px) {
    #tabelle {
     display: block;
    }
    .zelle {
      display: block;
      width: 100%;
    }
 
}
*/