/*
 * CSS Stile Gästehaus Brockmann
 * Autor: Tim Isenheim
 */

body {
  font: 12px Verdana, Arial, Helvetica, sans-serif;
  padding: 20px 0 0 0;
  margin: 0;
  text-align: center;
  background: #FFC10F;
}

#container {
  width: 770px;
  margin: 0 auto;
  text-align: left;
  position: relative;
}

#header {
  background: url(bitmaps/brockmann_header.gif) no-repeat 0 0;
  height: 175px;
}

#header h1 { display: none; }

#wrap {
  background: #f6ffc3 url(bitmaps/wrapper_bg.gif) repeat-y 0 0;
  margin: 0 5px 0 0;
  min-height: 400px;
}

#menu{
  position: absolute;
  left: 0;
  top: 175px;
  width: 170px;
  background: url(bitmaps/sidebar_top.gif) no-repeat 0 0;
}

#menu ul { margin: 0 0 0 5px; padding: 30px 0 0 0; list-style: none }
#menu ul a { 
  display: block;
  line-height: 20px;
  height: 20px;
  padding-left: 8px;
  text-decoration: none;
  color: #333;
} 
#menu ul a:visited {}
#menu ul a:hover { color: #333; background: #F7D269; text-decoration: none; font-weight: bold; }

#widecolumn{
  margin-left: 174px;
  
}

.borderimg {
    Border-Color: #F5B705;
  Border-Width: 2px; 
}
/** Content-Styling **/

div.content a { color: #4F462C; }
div.content a:hover { color: #000; }

div.content h2 {
  margin: 0; height: 35px; font-weight: normal; padding: 5px 0 0 50px;
  background: url(bitmaps/titel_schmetterling.gif) no-repeat 0 0;
  font-size: 1.4em;
  font-weight: bold;
}

div.content h2, td.teaser, .big { font-family: Georgia, "Times New Roman", Times, serif;}
div.content h3 { font-size: 1.1em; font-style: italic; margin-left: 8px; }
div.content { padding: 17px 12px; line-height: 20px; }

div.content table { font-size: 12px; }

div.content table, div.content td { border: 0; text-align:center; margin: 0 auto; padding: 0;}

div.content table.freizeit td { padding: 10px;}
div.content table.freizeit { margin: 0 10px; }

td.teaser {
  color: #333;
  font-size: 12px;
  line-height: 24px;
  font-weight: bold;
  text-align: center;
  font-style: italic;
  padding: 5px 20px;
}

div.content table td.intro { text-align: left; padding-left: 5px; }
td.intro h2{ font-size: 1.2em; margin-top: 15px; }

div.content table.bordered, table.bordered td { border: 1px solid #000; border-collapse: collapse; }
div.content table.bordered { border-width: 2px; margin-top: 20px; margin-bottom: 20px; }
table.bordered td { padding: 5px 18px; }


.big { font-size: 20px; font-weight: bold; }

td.ovalimage img { border: 0; }

div.content div{ margin: 5px 20px; padding-right: 10px;}


div.content ul, div.content ol { padding-left: 0;}

div.content p{ padding: 0; margin-left: 8px;}

#footer {
  position: relative;
  font-size: 10px;
  background: #20568D url(bitmaps/bg_footer.gif) no-repeat 0 0;
  color: #fff;
  height: 110px;
  margin: 0;
}
#footer a, #footer a:hover, #footer a:visited{ color: #fff; }

#footer p.left, #footer p.right { position: absolute; margin: 0; top: 64px; }
#footer p.left { left: 70px; }
#footer p.right { right: 20px; }

hr.clear { clear: both; display: none; }