/* CSS Shop, Stand 07.05.09 */

html, body { 
   margin: 0;
   padding: 0;
   font-family: Verdana, Helvetica, sans-serif; 
   font-size: 12px; 
   line-height: 1.4em; 
   text-align: center;
   color: #000;
}

body {
	line-height: 1.6em;
	background-color: #FFF;
}

p, img, input, select, textarea, a, ul, ol, li {
	margin: 0;
	padding: 0;
}

p {
	margin: 0 0 10px 0;
}

img {
	border: none;
}

input, select, textarea { 
	margin: 0 0 6px 0; 
	padding: 3px 2px; 
	border: 1px solid #666;
	font-family: Verdana,Helvetica,sans-serif; 
	font-style: normal; 
	font-size: 12px; 
	color: #003366; 
	line-height: 16px;  
}

a, a:link, a:visited {  
	text-decoration: underline;
	color: #141C6F;	
}

a:hover, a:active { 
	text-decoration: underline; 
	color: #141C6F;	
}

ul, ol {
	list-style-position: outside;
	margin-left: 5px; 
}


/* -------------------- Logo  -------------------- */

#lbox {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 150px;
	text-align: center;
	background: #CCB167 url(../images/bg150.gif) repeat-x top left; 
}

#logo {
	position: relative;
	margin-left: auto;
	margin-right: auto;	
	width: 800px;
	height: 150px;
	text-align: center;
}

#logo img {	
	border: none;
}

/* ------------------ Farbiger Balken ----------------- */

#hbox {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 10px;
	text-align: center;
	background-color: #9F1313;
}

#navbox {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 30px;
	background-color: #DDD;
	border-bottom: 1px solid #666;
}

/* -------------- Hauptinhalt oberer Bereich ---------- */

#centertop
{
	position: relative;
	top: 20px;
	left: 0;
	height: 120px;
	width: 100%;
	text-align: center;
}

#middle {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	height: 120px;
	text-align: left;		
}

#head {
	position: relative; 
	top: 0;
	left: 0;
	width: 500px;	
	height: 100px;
}

/* ------------------ Warenkorb ------------------ */

#cart {
	position: absolute;
	top: 0;
	left: 575px;
	width: 150px;
	height: 80px;
	background-color: #FFE87F;
	text-align: left;
	padding: 5px 5px;
}

/* ---------- Hauptinhalt unterer Bereich -------------- */

#centerbottom
{
	float: left;
	width: 100%;
	text-align: center;
}

#main {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	text-align: left;
}

#content {
	float: left;
	margin: 0;
	width: 500px;
}

#content ul {
	margin: 0 0 1em 0;
}

#content ol {
	margin: 0 0 1em 10px;
}

#content ul li {
	margin: 2px 0 10px 0;
	padding: 0 0 0 20px;
	vertical-align: baseline;
	line-height: 1.4em;
	list-style-type: none;
	background: url(../images/strich_orange.gif) no-repeat 0 0;
}

#content ol li {
	margin: 2px 0 8px 0;
	padding: 0 0 0 10px;
	vertical-align: baseline;
	line-height: 1.4em;
}

#head h1 {
	position: absolute;
	bottom: 0;
	margin: 0;
	padding: 0;
	vertical-align: text-bottom;
	line-height: 1.35em;	
	color: #9F0909;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
}

#content h2, #content h3 {
	font-family: Arial, sans-serif;
	line-height: 1.35em;
}

#content h2 {
	color: #5F4129;
	font-weight: normal;
	margin: 10px 0 5px 0;
	letter-spacing: 0.04em;
	font-size: 18px;
}

#content h3 {
	color: #000;
	font-weight: normal;
	margin: 10px 0 5px 0;
	letter-spacing: 0.02em;
	font-size: 16px;
}


/* ------------- Seitliche Navigation ------------- */

#nav {
	float: right;
	width: 220px;
	margin: 0 0 20px 0;
}

#nav ul {
	margin: 0;
	padding: 0;
	list-style-position: outside;
}

#nav li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	line-height: 2em;
	height: 2em;
}

#nav img {
	margin: 5px 0 5px 3px;
}

#nav .sel {
	font-weight: bold;
}

#nav a {
	display: block;
	padding: 0 0 0 2px;
	text-decoration: none;	
}

#nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
	color: #222;
}

#nav li a:hover, #nav li a:active  {
	background-color: #FEFF6F; 	
	color: #222;
}

#nav .lev1, .lev2, .lev3 {
	color: #222;
}

#nav li.lev2 {
	background: url(../images/mhook.gif) no-repeat 5px 0;
}

#nav li.lev3 {
	border: none;
	background: url(../images/mhook.gif) no-repeat 25px 0;
}

#nav li.lev2 a {
	padding-left: 22px;
}

#nav li.lev3 a {
	padding-left: 44px;
}

/* ------------------------------------------------------------- */

/* Artikelbeschreibung */


.article_info {
	float: right; 
	width: 175px; 
	margin: 0 0 10px 15px;
}

.article_info, .stichwort {
	background-color: #EEE; 
	padding: 5px; 
}

.article_info p.klein  {
	color: #3F2B1B;
}

.stichwort {
	border: 1px dotted #3F2B1B;
	margin: 10px 0 0 0;
}

/* --------------------------------------- */

/* Kategorie-Link (Farbe wie Überschrift) */
.kat_link, .kat_link a {
	color: #9F0909;
	padding: 0 1px 0 1px;
}

.kat_link a:hover {
	color: #FFF;
	background-color: #9F0909;
	padding: 0 1px 0 1px;
}

/* Stichwort-Links */
#nav .stw a {
	color: #999;
	font-size: 0.9em;
	text-decoration: underline;
	padding: 0 2px 0 2px;
	display: inline;
}

#nav .stw a:hover {
	color: #FFF;
	background-color: #999;
}

#ablauf li, #ablauf li a {
	text-align: center;
	color: #999;
	float: left;
	padding: 0 10px 0 10px;
	list-style-type: none;
}

#ablauf li.sel, #ablauf li.sel a {
	color: #000;
	font-weight: bold;
}


/* -------------------- Warenkorb ---------------------- */

.korb tr, table.korb {
	margin: 0;
	padding: 0;
}

.korb td {
	vertical-align: top;
	margin: 0;
	border: none;
}

.korb td input {
	line-height: 20px;
}

.korb thead td {
	padding: 5px 3px 2px 3px;
	background-color: #DDD;
	border-bottom: 1px solid #666;
	color: #333;
	font-size: 0.9em;
}

.korb tbody td {
	padding: 4px 2px 4px 2px;
	background-color: #EFEFEF;
}

.korb tbody td input {
	padding: 1px 1px;
	border: 1px solid #999;
}

.l_oben_weiss td {
	border-top: 2px solid #FFF;
}

.l_oben_duenn td {
	border-top: 1px solid #666;
}

.l_unten_duenn td {
	border-bottom: 1px solid #666;
}

.l_oben_dick td {
	border-top: 2px solid #666;
}

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

.box {
	float: left;
	width: 100%;
	display: inline;
}

.grau, .grau a {
	color: #3F2B1B;
	padding: 0 1px 0 1px;	
}

.grau a:hover {
	color: #DFD7B5;
	background-color:#3F2B1B;
	padding: 0 1px 0 1px;
}

.klein {
	font-size: 90%;
	line-height: 1.2em;
	padding-bottom: 3px;
}

.yellowbox {
	background-color: #FFFABF;
	padding: 5px 5px;
}

.right {
	width: 200px;
	float: right;
	text-align: right;
	display: inline;
}

.clear {
	clear: both;
	margin: 0;	
	padding: 0;
	height: 50px;
}

.neu {
	padding-right: 70px;
	background: transparent url(../images/neu.gif) top right no-repeat;
	min-height: 52px;
	padding-top: 5px;
}


.hd {
	margin: 30px 0 2px 0;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #222;
}

.error {
	margin: 15px 20px 15px 0; 
	padding: 3px 6px; 
	border: 2px dotted #CC0000;
}

.err_input {
	background-color: #FFF58F;		
}

.bform td {
	border-bottom: 1px solid #FFF;
}

/* Absende-Knöpfe */ 

input.bt, input.bt_cancel, input.bt_ok, input.bt_neutral,
a.bt, a.bt_cancel, a.bt_ok, a.bt_neutral { 
	float: left;
	margin: 0 0 6px 0; 
	line-height: 16px; 
	font-size: 12px; 
	border: 1px solid #333;
	padding: 3px 2px;
	width: 150px;
	text-align: center;
	color: #000;
	text-decoration: none;
}

input.bt_neutral, a.bt_neutral {
	background-color: #DDD;
	border: 1px solid #AAA;
	color: #333;
}

input.bt_ok, a.bt_ok {
	background-color: #B4DFA7;	
}

input.bt_cancel, a.bt_cancel {
   background-color: #FFBD6F;
}

input.checkbox {
	width: 15px;
	border: none;
}