/**
 * CSS Styles for Website Gasthaus Göbl
 * 
 * @copyright Lunatic-net <www.lunatic-net.de>
 * @version 1.0.0
 * 
 * created 2009-10-14
 */

html {
   margin:0;
   padding:0;
   height:100%;
}

body {
  margin:0;
  padding:0;
  background:#cfbfa3 url(../images/body_bg.jpg) repeat-x 0 0;
  font-family: Georgia, "Times New Roman", Times, serif;
  color:#000000;
  font-size:12px;
  line-height:18px;
}

form, h1, h2, h3, h4 {
    margin:0;
    padding:0;
}

h1 {
   color:#5e7cb5;
   font-size:18px;
   line-height:22px;
   margin:0 0 22px 0;
}

h2 {
   color:#5e7cb5;
   font-size:16px;
}

a {
   color:#5e7cb5;
   text-decoration:none;
}

.clearer {
  clear:both;
  height:0;
  width:0;
  font-size:0;
  border:0;
}

/* good old clearfix - remember to use conditional comment for ie6 with .clearfix {height:1px;} */
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

#wrapper {
  margin:25px auto;
  padding:5px;
  width:970px;
  background:#ffffff url(../images/content_bg.jpg) no-repeat center 5px;
}

#wrapper #header {
  position:relative;
  float:left;
  margin:0;
  padding:0;
  width:970px;
  height:182px;
  text-align:right;
}

#wrapper #header a img {
  margin:25px 20px 0 0;
  padding:0;
  border:none;
}


#wrapper #image {
  float:left;
  margin:0 0 0 15px;
  padding:5px 0px 0px 10px;
  position:relative;
  width:735px;
  height:228px;
  display:inline;
}

#wrapper #content {
  float:left;
  margin:0;
  padding:30px 50px 50px;  
  position:relative;
  width:680px;
  background:url(../images/content_bg2.jpg) repeat-y -5px top;
}

#wrapper #content_right {
  float:left;
  margin:0;
  padding:0 0 0 0;  
  position:relative;
  width:165px;
  display:inline;
  font-size:11px;
}

#wrapper #content_footer {
  float:left;
  margin:0;
  padding:0 0 15px 0;  
  position:relative;
  width:780px;
  display:block;
  background:url(../images/footer_bg2.jpg) no-repeat -5px top;
}

#wrapper #navigation {
  position:relative;
  float:left;
  margin:5px 0 0 0;
  padding:0;
  width:185px;
  height:228px;
  text-align:right;
  border-left:1px solid #ffffff;
  background:url(../images/nav_bg.jpg) no-repeat 0 0;
}

#wrapper #navigation ul {
  position:relative;
  float:left;
  margin:5px 15px 5px 20px;
  padding:0;
  text-align:left;
  font-size:14px;
  display:inline;
  
}

#wrapper #navigation ul li {
  margin:0;
  padding:0;
  list-style-type:none;
  display:inline;
}

#wrapper #navigation ul li a {
  margin:0;
  padding:10px 0 10px 0;
  display:block;
  width:165px;
  border-bottom:1px solid #8ea3cb;
  color:#ffffff;
  text-decoration:none;
  font-weight:bold;
}

#wrapper #navigation ul li a:hover {
  color:#8ea3cb;
  /*background:url(../images/nav_hover.gif) no-repeat right 12px;*/
}

#wrapper #navigation ul li a.active,
#wrapper #navigation ul li a.activefirst,
#wrapper #navigation ul li a.activelast {
  background:url(../images/nav_hover.gif) no-repeat right 12px;
}

#wrapper #content_footer ul {
  margin:20px 0 0 30px;
  padding:0;
  list-style-type:none;
}

#wrapper #content_footer ul li {
  margin:0;
  padding:0;
  float:left;
  display:inline;
}

#wrapper #content_footer ul li {
  margin:0;
  padding:0;
  float:left;
  display:inline;
}

#wrapper #content_footer ul li a {
  margin:0 25px 0 0;
  padding:0;
  color:#555555;
  text-decoration:none;
  font-size:11px;
  font-weight:normal;
}




#wrapper #paulaner {
  clear:both;
  position:absolute;
  top:110px;
  margin:0 0 0 50px;
  padding:0;
  width:160px;
  height:160px;
  z-index:50;
}

/*************************************************************/
/***************** Sitemap ***********************************/

#sitemap {
  padding: 1em 1.5em;
  line-height: 20px;
}

#sitemap li {
   padding: 0 0 0 24px;
   margin: 0;
   list-style-type: none;
   background:#efefef;
}

#sitemap li {
   background: url(../images/extm.gif)
   no-repeat
   0% 0%;
}

#sitemap li.last {
   background: url(../images/exlm.gif)
   no-repeat
   0% 0%;
}

#sitemap ol {
   padding: 0 0 0 24px;
   margin: 0 0 0 -24px;
   list-style-type: none;
}

#sitemap ol {
   background: url(../images/exim.gif)
   repeat-y
   0% 0%;
}

#sitemap ol.last {
  background-image: none;
}

.teaser {
   position:absolute;
   margin:392px 0 0 25px;
   padding:15px;
   background:#ffffff;
   top:0;
   width:705px;
   height:23px;
   filter:alpha(opacity=75);
   -moz-opacity: 0.75; 
   opacity: 0.75;
   font-size:18px;
   text-align:center;
}

.teaser a {
   color:#000000;
   text-decoration:none;
}

.teaser a:hover {
   text-decoration:underline;
}


.googlemap {
    margin:-160px 0 0 0;
    padding:0;
    float:right;
}

hr{
 border: 0px; 
 border-top: solid 1px #cccccc;
 border-bottom: transparent;
}