﻿html,
body {
  width:100%;
  background: #000 url('../images/hg.jpg') no-repeat fixed center;  
  margin-top:-1px;
  font-family: georgia, Times New Roman, arial, sans-serif;
  font-size:14px;
  font-weight:normal;
}

body,
a img,
form {
  margin:0;
  padding:0;
}

p, table, tr, td, th, span, ul, li, samp, input, select, option, textarea, samp {
  line-height: 140%;
  resize:none;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0px;
}

h1 {
  color: #000;
  font-size: 24px;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
}

h3 {
  font-size: 18px;
}

#wrapper {
  width:1000px;
  margin:0 auto;
}

#header {
 width:100%;
}

#header .ShopName {
  padding-top:30px;
  font-size: 40px;
  color: #336600;
}

#header .textarea {
  text-align:center;
  bottom: 0px;
}

#main {
  position:relative;
  width:100%;
  background:#f5ba7b;
  background-image:url(../images/hg-main.gif);
  background-repeat:repeat-y;
  background-position:top;
  display: flex
}

#main .logo {
  margin: 25px;
  position:relative;
}

#main .left {
  float: left;
  width: 300px;	
}

#main .right {
  float: left;
  width:700px;
}

.space { 
  position:relative;
  height:20px;
}

/** Horizontale Navigation **/
#header	#navigation {
  position:relative;
  height:35px;
  top:20px;
  background-color:#cccc99;
  font-size:18px;
}

#header	#navigation li {
    float:left;
    padding:0.3em 1.0em 0.2em;
    list-style-type:none;
}

#header	#navigation a {
    text-decoration:none;
    font-weight:bold;
    color:#225b01;
}

#header	#top-navigation {
  position:relative;
  padding-top:10px;

}

#header	#top-navigation li {
    float:right;
    padding:0 0.6em;
    list-style-type:none;
}

#header	#top-navigation a {
    text-decoration:none;
    font-weight:bold;
    color:#fff;
}

#header	#navigation a:active,
#header	#navigation a:hover,
#header	#navigation a:focus,
#header	#top-navigation a:active,
#header	#top-navigation a:hover,
#header	#top-navigation a:focus {
    text-decoration:underline;
}

#header	#top-navigation a:hover,
#header	#top-navigation a:focus {
    color:#f6bb7b;
}

.right #Textfeld {
  padding:20px 25px 20px 30px;
  position:relative;
}

.right #Textfeld #spalte1 {
  width: 300px;
  float:left;
}

.right #Textfeld #spalte2 {
  width: 320px;
  float:left;
  padding:0 0 0 20px;
}

.spaltenende { 
  clear: both; 
}

#main #KontaktBox {
  position:relative;
  left:20px;
  padding-bottom:30px;
}

#main #KontaktBox a {
  color:#fff;
}

#main #KontaktBox a:hover,
#main #KontaktBox a:focus {
    color:#000;
}


