/* PMM */

* { 
   padding: 0; 
   margin: 0; 
   color: black;
   }

body {
   background-image: url(img/hg_verlauf2.jpg);
   background-repeat: repeat-x;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: small;
   }

li { margin-left: 1em; }   

a { outline: none;}

h1 { font-size: 130%; }

#checkseite #nav02 a,
#profilseite #nav03 a, 
#angebotseite #nav04 a,
#tippseite #nav05 a,
#kontaktseite #nav06 a {
   color: white;
   background-color: #1C5E0C;
   }

#tippseite #content a {
   color: #333333;
   }
   
#wrapper {
   background-color: #ffffff;
   width: 930px;
   margin-top: 30px;
   margin-left: auto;
   margin-right: auto;
   }
   
#nav {
   width: 300px;
   height: 270px;
   padding: 10px;
   background-color: #FFD966;  
   vertical-align: top;
   }

#nav img {
   border: 0;
   }
   
#nav li {
   list-style-type: none;
   font-weight: bold;
   font-size: 110%; 
   line-height: 1.4em;
   margin-left: 30px;
   }
   
#nav a:link, a:visited {
   color: #7D8B37;
   }
   
#nav a:hover, a:focus {
   color: white;
   background-color: #1C5E0C;
   }

#nav span {
   font-size: 120%;
   }
   
#bild {
   width: 180px;
   height: 270px;
   background-color: #9DAF46;
   padding: 0 65px;
   }

#spruch {
   width: 300px;
   height: 270px;
   background-color: #FDFDFD;
   background-image: url(img/hg_spruch.gif);
   background-repeat: no-repeat;
   background-position: center;
   text-align: center;
   }

#spruch span {
   font-size: 80%;
   color: #575757;
   }

#slogan {
   height: 90px;
   background-color: #FF9238;
   padding-left: 65px;
   }

#slogan p {
   font-size: 150%;
   padding-left: 165px;
   }
   
#kontakt {
   background-color: #FFD966;
   padding: 10px 10px 5px 20px;
   line-height: 1.5em;
   }

#kontakt span {
   color: #FF6600;
   font-weight: bold;
   padding-left: 20px;
   }
  
#content {
   width: 600px;
   background-color: #F4F2EC;
   color: #333333;
   vertical-align: top;
   padding: 30px;
   padding-top: 13px;
   background-image: url(img/hg_content.jpg);
   background-repeat: repeat-y;
   background-position: right;
   }

#content a {
   color: black;
   }
   
.angebot {
   width: 240px;
   height: 230px;
   background-color: #C9C9C9;
   padding: 20px 30px 0 40px; 
   vertical-align: top;
   }

.angebot a {
   color: black;
   }   
   
.angebot li {
   list-style-type: square;
   }

.angebot span,
#content span {
   color: #FF6600;
   font-weight: bold; 
   }  

#deko {
   background-color: #9DAF46;
   padding: 0px;
   text-align: center;
   vertical-align: top;
   }

#profilseite #deko {
   height: 750px;
   }    
   
#checkseite #deko {
   height: 270px;
   }  

#angebotseite #deko {
   height: 410px;
   } 

#gastronomenseite #deko {
   height: 850px;
   } 

#angebotspaketeseite #deko {
   height: 840px;
   } 
   
#tippseite #deko {
   height: 1110px;
   } 

#kontaktseite #deko {
   height: 310px;
   } 

#impressumseite #deko {
   height: 280px;
   } 
   
.tipps {
   padding-right: 20px; 
   border: 0px;
   }
   
.tipps2 {
   padding-right: 20px; 
   padding-left: 30px;
   border: 0px;
   }

.tipps3 {
   padding-right: 20px; 
   padding-top: 12px;
   border: 0px;
   }

.tipps4 {
   padding-right: 20px; 
   padding-left: 62px;
   border: 0px;
   }
   
.small {
   font-size: 80%;
   color: #333333;
   }

   
/* hfs */

#hfs {
   width: 600px;
   background-color: #F4F2EC;
   color: #333333;
   vertical-align: top;
   padding: 30px;
   padding-top: 13px;
   background-image: url(img/hg_content.jpg);
   background-repeat: repeat-y;
   background-position: right;
   }