/* globales Reset */

* {
   margin: 0;
	padding: 0;
	}
	
html {
   height: 100%;
	margin-bottom: 1px;
	}
	
body {
   font-size: 100.01%;
   color: #000;
   background: #fff;
   text-align: left;
	}

h1, h2, h3, h4, h5, h6 {
   font-size : 100%;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0;
	margin-bottom: 0.25em;
	}

ol, ul {
   list-style : none;
	}

fieldset, img {
   border : 0;
	}

	
ul {
	list-style: square;
	margin: 0 0 1em 1em;
   }


/* ---- Layout --------------------------------------------------------------- */

body {
   font-family: Arial, Verdana, Helvetica, sans-serif;
   font-size: 81.25%;
	text-align : center;
	padding: 10px;
	background: #fff url(../img/bg-main.gif) repeat-x top left;
	}
	
#seiten-container {
	text-align: left;
   width : 800px;
	margin: 0 auto;
	background: #ccc url(../img/bg-page.jpg) repeat-y 50% 0;
	}

#kopf-container {
	background: #EEE6D3;
	border: #D6D49D 1px solid;
	border-bottom: none;
	}
	
#inhalt-container {
   float : left;
	width : 100%;
	}
	
#linke-seite-container {
   float : left;
	width : 180px;
	margin-left : -800px;
	}
	
#rechte-seite-container {
	float : left;
	width : 180px;
	margin-left: -180px;
	}
	
#fuss-container {
   clear: left;
	width:798px;
   background : #333;
	background: #EEE6D3;
	border: #D6D49D 1px solid;
	border-top: none;
   }
	
#linke-seite,
#rechte-seite,
#inhalt,
#fuss {
	padding: 10px;
	}
	
#kopf {
	padding: 0;
	margin: 0;
	}
	
#inhalt {
	margin: 0 180px;
	}

h1 { font-size: 140%; }
h2 { font-size: 130%; }
h3 { font-size: 120%; }
h4 { font-size: 110%; }
h5 { font-size: 100%; }
h6 { font-size: 100%; }

h1 {
	margin-bottom: 0.8em;
	}

p {
   line-height: 1.5em;
   margin: 0;
   margin-bottom: 1em;
	}
	
#linke-seite,
#fuss {
	font-size: 83.33%;
   }
	
#fuss {
	text-align: center;
   }

#linke-seite h2,
#rechte-seite h2 {
	padding-bottom: 0.25em;
	border-bottom: #000 1px solid;
	}
	
#linke-seite h3 {
   padding-top: 4px;
   }
	
#linke-seite p,
#linke-seite p.produkt {
	line-height: normal;
	margin-bottom: 0.4em;
   }
	
#linke-seite p.produkt {
	padding-bottom: 0.25em;
	border-bottom: #000 1px solid;
	}
	
a {
	color: #0000EE;
	text-decoration: none;
	border-bottom: 1px dotted #0000EE;
	}
	
a:hover {
	color: #0000EE;
	text-decoration: none;
	border-bottom: 2px solid #0000EE;
	}

#navigation-container {
	float: left;
	background: #FAF7F1;
	border: #D6D49D 1px solid;
	width:798px;
  }
	
ul#navigation {
	margin: 0;
	list-style: none;
   }
   

#navigation li {
   float: left;
   }

#navigation li a {
   color: #000;
	font-weight: bold;
   float: left;
   padding: 6px 10px;
	text-decoration: none;
	border: none;
   }

#navigation li a:hover,
body#startseite #t-startseite a,
body#impressum #t-impressum a,
body#kontakt #t-kontakt a {
	background: #EEE6D3;
   color: #000;
	text-decoration: none;
	border: none;
   }
	
p.bestellen {
	text-align: center;
	font-weight: bold;
	font-size: 120%;
	margin-top: 1.5em;
	}
	
p.bestelltes-produkt {
	background: #EEE6D3;
	padding: 0.5em;
	font-weight: bold;
   }
	
.linie-unten {
	border-bottom: #D6D49D 1px solid;
	}
	
.linie-oben,
.linie-oben-schwarz {
	margin-top: 1.5em;
	border-top: #D6D49D 1px solid;
	}
	
.linie-oben-schwarz {
	border-top: #000 1px solid;
	}
	
.abstand-oben {
	padding-top: 0.25em;
	}
	
.abstand-oben-mittel {
	padding-top: 1em;
	}
	
.abstand-oben-gross {
	padding-top: 1.5em;
	}
	
.kein-abstand-oben {
	padding-top: 0;
	}
	
.zentriert {
	text-align: center;
   }
	
form {
	padding: 0;
	margin: 1.25em 0;
	margin-top: 0;
	}
	
fieldset {
	background: white;	
	border: 1px solid #D6D49D;
	padding: 1em;
	padding-top: 0;
	}
	
form p {
   margin-bottom: 0.5em;	
   }
	
form label {
	background: white;	
	color: #000;
	cursor: pointer;
	float: left;
	width: 25%;
	}

input {
	border: 1px solid #D6D49D;
	background: white;
	color: #000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 1em;
	width: 70%;
	padding: 2px 2px 2px;
	margin: 0;
	}
	
textarea {
	border: 1px solid #D6D49D;
	background: white;
	color: #000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 1em;
	width: 70%;
	padding: 3px 3px 3px;	
	}

input:hover,
input:focus,
textarea:hover,
textarea:focus {
	background: #EEE6D3;
   }
	
input.radiocheck {
	width: 2em;
	float: left;
   }
	
form label.radiocheck {
	float: none;
	width: auto;
   }
	
.button {
	color: black;
	cursor: pointer;
	width: 13em;
   }
	
p.zahlungsweise {
	margin-left: 2em;
	line-height: normal;
   }

.fett {
	font-weight: bold;
   }
	
.fehler {
	color: red;
	}
	
.impressumlabel {
	float: left;
	width: 8em;
	}

a.img,
a:hover.img {
	text-decoration: none;
	border: none;
	}

.bild-links {
  	float: left;
  	margin: 0 4px 10px 0;
  	padding: 4px;
	padding-left: 0;
	}
	
.bild-links-ohne-Abstand {
  	float: left;
	margin: 0 4px 10px 0;
  	padding: 4px;
	padding-left: 0;
	}


.bild-rechts {
  	float: right;
  	margin: 0 0 10px 4px;
  	padding: 4px;
	padding-right: 0;
	}
	
#kopf h1 {
	margin: 0;
	padding: 0;
	padding-left: 1em;
	padding-top: 2em;
	line-height: normal;
	}

.floatbox {
   overflow :hidden;
	}

#kopf-titel {
	float: left;
	}
	
#kopf-bild {
	float: left;
	margin-right: 0;
	}