/*
Theme Name: rauchkraut.net
Theme URI: http://www.rauchkraut.net
Description: Offzielles rauchkraut.net unique Theme.
Version: 1.0
Author: Mark Schatz
*/

body {
background-image:url(bg.png);
font-size: 14px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#074744;
padding:0px;
margin:0px;
line-height:20px;
}
a {color: #014d49;}
a:visited {color:#6FA069;}
a:hover {color: #6FA069;}
a:active { color:#000000;}

h3 {
border-top:5px solid #D3DAA6;
border-bottom:5px solid #D3DAA6;
border-left:5px solid #D3DAA6;
border-right:none;
margin: 0;
background-color:#FFFFFF;
font-size: 12px;
text-transform:uppercase;
padding:5px 15px;}

h2 {
font-size:20px;
font-weight: normal;
margin: 10px 10px 3px 10px;
padding:0px;
color:#014d49;
}

h4 {
margin: 5px 10px 15px 10px;
color:#6FA069;
}

/* ----------container to center the layout---------- */
#container {
width: 800px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
border-right:1px solid #aeff5a;
border-left:1px solid #aeff5a;
} 

/* ----------banner for logo-------------- */
#banner {
text-align: right;
background-color: #aeff5a;
padding: 0px;
margin: 0px; }

#banner img {padding:0px;} 

/* ----------outer and inner----------------- */
#outer{ 
border-left: solid 200px #014d49;  /* color of the left column  */ 
background-color: #D3DAA6; /* color of the content column */
 } 

#inner{ margin:0px; width:100%; } /* The ie/pc pecularity */ 

/* --------------left navi------------- */
#left {
 width:200px; 
 float:left; 
 position:relative; 
 margin-left:-200px; 
 margin-right:1px;
 background:#014d49;
 }

#left ul {
width:120px;
}

#left li {
	list-style-type:square;
	line-height:1.7em;
        margin-bottom:5px;
	color:#D3DAA6;
        font-size:12px;
}

.navi a,.navi a:link,.navi a:active,.navi a:visited{
 color:#FFFFFF;
 font-size:14px;
}

.navi a:hover{
 color:#9F9;
}

.navi li{
	list-style-type:square;
	line-height:1.9em;
	color:#D3DAA6;
	}
/* -----------------content--------------------- */
#content{ 
position: relative; 
margin: 0px; 
background:#D3DAA6;
padding:10px 0px 10px 0px;
}

p{
padding: 5px 10px;
margin:0px; }

pre{
font-size: 12px;
padding: 5px 10px;
margin:0px;}

/*  ----------------footer---------------------- */ 
.footer {
clear:left;
padding:0px 20px 0px 0px;
margin:0px;
text-align: right; 
background-color: #FFFFFF;
border-top:1px solid #014d49;
border-bottom:1px solid #aeff5a;
line-height:25px;
}

.footer a,.footer a:link,.footer a:active,.footer a:visited {
color:#6fa069;
}

.footer a:hover {
color:#6fa069;
text-decoration:none;
}

/*  ----------------sonstiges---------------------- */

.prodtable {
width:100%;
padding:0px;
margin:0px;
}

#prodhead {
text-align:center;
font-size:14px;
font-weight:bold;
color:#033033;
background:#D8DFBE;
}

#prodimg {
text-align:center;
}

img.prodimg {
border: 10px solid #033033;
margin: 5px 0 0 0;
}

#proddesc {
text-align:left;
}

p.desc {
padding:5px 11px 0px 11px;
width:150px;
}

ul.inhalt {
list-style:url(img/list.gif);
text-align:left;
}

li.list {
display:list-item;
}

ul.archiv {
list-style-type:none;
padding-left:20px;
}

li.archiv {
border:1px dashed #6FA069;
padding:3px 15px;
width: 520px;
margin-bottom:8px;
background-color:#d8dfbe;
}

#prodlink {
text-align:center;
}

a.prod:link, a.prod:active, a.prod:visited {
/* display:block; */
padding:2px;
border: 1px dashed #D8DFBE;
background-color:#6FA069;
text-decoration:none;
color:#033033;
font-weight:bold;
}

a.prod:hover {
text-decoration:underline;
color:#D8DFBE;
}

.boxlight {
width:520px;
background:#FFFFFF;
font-size:13px;
color:#033033;
padding:5px 15px;
border:4px solid #D8DFBE;
line-height:1.3em;
text-align:justify;
margin-top:14px;
margin-left:20px;
}

h2.boxlight {
color:#014E48;
font-size:17px;
padding-bottom:4px;
}

.feedback {
border: 1px dashed #6FA069;
padding:7px;
margin-bottom:12px;
}

.kaufname {
font-style:italic;
font-weight:bold;
font-size:12px;
color:#6FA069;
margin:10px 0 0 10px;
}

.kaufnachricht {
text-align:left;
}

#sidead {
padding:15px 0 15px 25px;
}

h2.title {
width:520px;
background-image:url(img/titlebg.gif);
background-color:#014d49;
font-size:18px;
color:#d8dfbe;
padding:5px 15px;
border:4px solid #D8DFBE;
margin:0px 0px 0px 20px;
}

.shopbox {
width: 90%;
border: 1px dotted #666;
background-color:#cae4f3;
margin: 12px 0 0 10px;
padding:5px;
}

.shopbox span {
font-size:x-small;
margin-top:10px;
}

.shopbox a:link, .shopbox a:active, .shopbox a:visited {
color:#F00;
background-color:#D8DFBE;
padding:2px;
}

.shopbox a:hover {
color:#FFF;
background-color:#014d49;
}

.red {
	color:#F00
}

.newsbox {
float:right;
background-image:url(img/news-bg.gif);
border:1px solid #014d49;
margin:7px 7px 7px 15px;
padding:10px 20px 8px 0px;
}

.newsbox b {
color:#FFFFFF;
text-decoration:underline;
font-weight:bold;
font-size:15px;
margin-left:30px;
background-color:#014d49;
}

.newsbox ul {
list-style:url(img/list.gif);
text-align:left;
margin-top:20px;
}

.newsbox li {
margin-top:4px;
}

.artikel {
width:501px;
height:77px;
background-image:url(img/artikel.gif);
margin:4px 0px 20px 0;
padding:11px 6px;
}

.artikel img{
float:left;
margin:2px 9px;
border:1px solid #024d49;
}

.artikel a:link, .artikel a:active, .artikel a:visited{
font-weight:bold;
font-size:13px;
color:#024d49;
}

.artikel a:hover{
text-decoration:none;
}

.artikel p{
color:#033033;
}

.naviblock {
color:#000;
font-size:10px;
padding:10px 20px;
}

#vgltable {
width: 558px;
margin-left: 20px;
text-align: center;
}

#vgltable td {
background: #E3E3E3;
border: 1px dashed #ffffff;
}

#vgltable th {
background: #FFFFFF;
border: 1px solid #074744;
}

#vglbeschr {
font-size: 11px;
line-height: 15px;
}