/* -----------------------------------------------------------------------------------------
   -----------------------------------------------------------------------------------------
   Chris Weinmann, joe schäfer - Grafikbuero GEBHARD|UHL, Freiburg 
   http://www.gebharduhl.de

   Copyright (c) 2006 GEBHARD|UHL 
   -----------------------------------------------------------------------------------------
   ---------------------------------------------------------------------------------------*/

/*----------------General Rules-------------*/
a {
  text-decoration:underline;
  color:#b1ce37;
  }
a:hover {
  text-decoration:underline;
  color:#000;
  }
.alt {
  display:none;
  }
img {
  border:0;
  padding:0;
  margin:0;
  }
/*----------------General Rules-------------*/
/*----------------Layout-------------*/
body {
  text-align: center;
  margin: 0;
  padding: 0;
  border: 0;
  color: #000;
  margin: 0 0 0 10px;
  background-color: #ffffff;
  font: 12px "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
}
#wrapper {
  position: relative;
  width:740px;
  margin: 0 auto;
  padding: 0;
  text-align:left;
  height:100%;
  }
/*----------------Header-------------*/
#header {
  width:740px;
  height:56px;
  background: transparent url(../images/logo.gif) top left no-repeat;
  }
#header h1 a {
  display:block;
  position:relative;
  top:10px;
  left:500px;
  width:240px;
  height:40px;
  }
#header div.promo {
  margin:37px 0 0 515px;
}
#header div.promo p{
  font-size:11px;
  padding:7px;
  background-color: #eee;
}

/*----------------Header-------------*/
/*----------------Navigation-------------*/
#navigation ul.mainNav{
  margin:0;
  padding:0;
  list-style-type: none;
  }
#navigation ul.mainNav li{
  float:left;
  text-indent: -9999px;
  margin-right:1px;
  display:block;
  }
#navigation ul.mainNav li a{
  margin:0;
  padding:0;
  display:block;
  }
#navigation ul li a.info, #navigation ul li a.infoActive{
  margin:0;
  padding:0;
  width:82px;
  height:83px;
  background: transparent url(../images/nav_info.gif) top left no-repeat;
  }
#navigation ul li a.info:hover, #navigation ul li a.infoActive{
  background: transparent url(../images/nav_info_o.gif) top left no-repeat;
  }
#navigation ul li a.garten, #navigation ul li a.gartenActive{
  margin:0;
  padding:0;
  width:82px;
  height:83px;
  background: transparent url(../images/nav_garten.gif) top left no-repeat;
  }
#navigation ul li a.garten:hover, #navigation ul li a.gartenActive{
  background: transparent url(../images/nav_garten_o.gif) top left no-repeat;
  }
#navigation ul li a.kurs, #navigation ul li a.kursActive{
  margin:0;
  padding:0;
  width:82px;
  height:83px;
  background: transparent url(../images/nav_kurs.gif) top left no-repeat;
  }
#navigation ul li a.kurs:hover, #navigation ul li a.kursActive{
  background: transparent url(../images/nav_kurs_o.gif) top left no-repeat;
  }
#navigation ul li a.termine, #navigation ul li a.termineActive{
  margin:0;
  padding:0;
  width:82px;
  height:83px;
  background: transparent url(../images/nav_termine.gif) top left no-repeat;
  }
#navigation ul li a.termine:hover, #navigation ul li a.termineActive{
  background: transparent url(../images/nav_termine_o.gif) top left no-repeat;
  }
#navigation ul li a.kontakt, #navigation ul li a.kontaktActive{
  margin:0;
  padding:0;
  width:82px;
  height:83px;
  background: transparent url(../images/nav_kontakt.gif) top left no-repeat;
  }
#navigation ul li a.kontakt:hover, #navigation ul li a.kontaktActive{
  background: transparent url(../images/nav_kontakt_o.gif) top left no-repeat;
  }
/*----------------Navigation-------------*/
/*----------------Mood-------------*/
#mood {
  margin-top:90px;
  width:740px;
  height:100px;
  overflow: hidden;
  }
/*----------------Mood-------------*/
/*----------------Content-------------*/
#content {
  width:740px;
  padding-bottom:378px;
  background: #fff url(../images/content_kontakt.jpg) bottom left no-repeat;
  }
#id_ #content {
  width:740px;
  padding-bottom:0px;
  background: none;
  }
#id_ #mood {
  height:auto;
  }
#id_info #content {
  background: #fff url(../images/content_info.jpg) bottom left no-repeat;
  }

#id_33 #content,
#id_garten #content {
  /*
  background: #fff url(../images/content_garten.jpg) bottom left no-repeat;
  */
  background: none;
  }
#id_kurs #content {
  background: #fff url(../images/content_kurs.jpg) bottom left no-repeat;
  }
#id_termine #content {
  background: #fff url(../images/content_termine.jpg) bottom left no-repeat;
  }
#id_kontakt #content {
  background: #fff url(../images/content_kontakt.jpg) bottom left no-repeat;
  }
#content h2 {
  width:740px;
  height:52px;
  margin:4px 0 25px 0;
  padding:22px 0 0 345px;
  color:#000;
  }
#id_info #content h2 {
  background: #fff url(../images/h2_info_bg.gif) top left no-repeat;
  }
#id_garten #content h2 {
  background: #fff url(../images/h2_garten_bg.gif) top left no-repeat;
  }  
#id_kurs #content h2 {
  background: #fff url(../images/h2_kurs_bg.gif) top left no-repeat;
  }
#id_termine #content h2 {
  background: #fff url(../images/h2_termine_bg.gif) top left no-repeat;
  }
#id_kontakt #content h2 {
  background: #fff url(../images/h2_kontakt_bg.gif) top left no-repeat;
  }
#content h2 {
  background: #fff url(../images/h2_kontakt_bg.gif) top left no-repeat;
  }
#content h3 {
  margin:0 0 12px 315px;
  padding:0 0 0 25px;
  color:#000;
  background: #fff url(../images/h3_BG.png) top left no-repeat;
  }
#content h4 {
  margin:0 0 12px 335px;
  padding:0 0 0 5px;
  color:#fff;
  background-color:#b1ce37;
  font-size:12px;
  line-height:20px;
  }
#content p, #content ul{
  margin: 0 0 0 345px;
  padding:0;
  line-height:24px;
  font-weight:bold;
  }
#content ul{
  margin:7px 0 7px 345px;
  padding:0 0 0 15px;;
  }

#content .small {
  font-size:10px;
  }
/*----------------Content-------------*/
/*----------------Footer-------------*/
#footer {
  width:740px;
  background: transparent url(../images/dotted_line.gif) top left no-repeat;
  margin:0 0 25px 0;
  padding:0;
  clear:both;
  }
#footer p {
  text-align: right;
  margin: 0;
  padding:10px 3px 0 10px;
  font-size: 10px;
  }
/*----------------Footer-------------*/
/*----------------Layout-------------*/