/* RALF WEBER grafik | design - www.ralfweber.biz */



/* ------------------- Elemente zurücksetzen -------------------- */

html, body, a, h1, h2, h3, p, div, class, ul, li, img, table, tr, td, blockquote, cite, address{
  margin:0;
  padding:0;
  border:0;
  outline:0;
  list-style:none;
  text-decoration:none;
  vertical-align:baseline;
}


/* ---------------- Formatierungen HTML Elemente ---------------- */

html{
  height:100.1%;
  background:#596969 url(../img/body_background.gif) repeat-x 0 0;
}

body{
  height:100.1%;
  background:#596969 url(../img/body_background.gif) repeat-x 0 0;
  font:12px/18px Arial, Lucida, "Lucida Sans", Sans-Serif;
  color:#555;
}

a, a:visited{
  font:12px/18px Arial, Lucida, "Lucida Sans", Sans-Serif;
  color:#555;
  text-decoration:underline;
}

a:hover, a:focus{
  color:#fd9300;
}

h1{
  width:560px;
  margin:0 0 25px 0;
  font:18px/32px Verdana, Arial, Lucida, "Lucida Sans", Sans-Serif;
  color:#fff;
  text-align:right;
  letter-spacing:0.25px;
  word-spacing:0.5px;
}

h2{
  margin:30px 20px 10px 30px;
  font:bold 14px/14px Arial, Lucida, "Lucida Sans", Sans-Serif;
  color:#d7a15a;
}

h3{
  margin:30px 20px 10px 200px;
  font:bold 14px/14px Arial, Lucida, "Lucida Sans", Sans-Serif;
  color:#d7a15a;
}

p{
  margin:0 20px 10px 30px;
}

ul{
  margin:0 20px 10px 30px;
  padding:0 0 0 13px;
}

li{
  list-style:circle outside;
}

strong{
  font-weight:bold;
}

address{
  position:absolute;
  top:370px;
  left:15px;
  width:148px;
  padding:10px;
  background:#fff;
  border:1px solid #d7a15a;
  color:#555;
  font-style:normal;
}

address a, address a:visited{
  color:#555;
}

/* ---------------- Formatierungen DIV Elemente ---------------- */

#wrapper{
  position:relative;
  width:800px;
  margin:0 auto;
}

#branding{
  position:relative;
  width:800px;
  height:320px;
  background:transparent url(../img/branding_background.jpg) no-repeat 0 0;
}

#logo{
  position:absolute;
  left:32px;
  top:75px;
}

#content{
  position:relative;
  width:800px;
  background:#fff url(../img/content_background.gif) repeat-y 0 0;
}

#content_text{
  position:relative;
  width:580px;
  min-height:550px;
  margin:0 0 0 200px;
  padding:0 0 40px 0;
  background:transparent url(../img/content_text_background.gif) no-repeat 0 0;
}

#anfahrtsplan{
  margin:0 0 0 70px;
}

#produkt_01, #produkt_02, #produkt_03, #produkt_04{
  margin:0 0 40px 40px;
  border:1px solid #ccc;
}

#anmeldung{
  text-align:center;
}

#anmeldung a:hover, #anmeldung a:focus{
  font-weight:bold;
}

#anmeldung a, #anmeldung a:visited{
  font-size:14px;
  color:#a86224;
  text-decoration:none;
}

#badge{
  position:absolute;
  left:62px;
  top:165px;
  z-index:100;
}

#archiv{
  width:200px;
  margin:0 20px 10px 348px;
  padding:0 0 10px 0;
  background:#e8f0bc;
  border:1px solid #d7a15a;
  clear:both;
}

.abstand{
  margin:0 20px 10px 200px;
}

.foto{
  position:absolute;
  left:22px;
}

/* ---------------- Formatierungen TOP Navigation ---------------- */

#top_navigation{
  position:relative;
  left:0;
  top:12px;
  width:760px;
  color:#fff;
  text-align:right;
  letter-spacing:0.1px;
  word-spacing:2px;
}

#top_navigation a, #top_navigation a:visited{
  color:#fff;
  text-decoration:none;
}

#top_navigation a:hover, #top_navigation a:focus{
  text-decoration:underline;
}


/* ---------------- Formatierungen MAIN Navigation ---------------- */

#main_navigation{
  position:absolute;
  left:15px;
  top:40px;
  z-index:100;
}

#main_navigation ul{
  margin:0;
  padding:0;
}

#main_navigation li{
  list-style:none;
  border-top:1px solid #fff;
}

#main_navigation a, #main_navigation a:visited{
  width:175px;
  height:30px;
  padding:0 0 0 10px;
  background:#9ab34b;
  font:14px/31px Arial, Lucida, "Lucida Sans", Sans-Serif;
  color:#fff;
  text-decoration:none;
  display:block;
}

#main_navigation a:hover, #main_navigation a:focus{
  text-indent:5px;
}

#main_navigation #navi_07,
#main_navigation #navi_08,
#main_navigation #navi_09{
  background:#f6ec51;
  color:#555;
}

#site_00 #main_navigation #navi_00,
#site_01 #main_navigation #navi_01,
#site_02 #main_navigation #navi_02,
#site_03 #main_navigation #navi_03,
#site_04 #main_navigation #navi_04,
#site_05 #main_navigation #navi_05,
#site_06 #main_navigation #navi_06,
#site_07 #main_navigation #navi_07,
#site_08 #main_navigation #navi_08,
#site_09 #main_navigation #navi_09{
  width:176px;
  background-image:url(../img/pfeil.gif);
  background-repeat:no-repeat;
  background-position:top right;
}