/* 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.50px;
  word-spacing:1.0px;
}

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:280px;
  left:16px;
  width:160px;
  padding:8px;
  background:#e8f0bc;
  color:#596969;
  font-style:normal;
}

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

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

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

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



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

#content_text{
  position:relative;
  width:580px;
  min-height:500px;
  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;
}

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

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

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

#top_navigation{
  position:relative;
  left:0;
  top:-50px;
  width:800px;
  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:10px;
}

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

#main_navigation li{
  list-style:none;
}

#main_navigation a, #main_navigation a:visited{
  font:14px/22px Arial, Lucida, "Lucida Sans", Sans-Serif;
  color:#a86224;
  text-decoration:none;
}

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