body {
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
text-align:center;
background: #A1B3BF;
font-size: x-small; /*für IE5/Win*/
voice-family: "\"}\"";
voice-family: inherit;
font-size: small; /*für konforme Browser*/
}
html>body { /* für Opera */
font-size: small;
}

/* Links */
a:link, a:visited, a:active, a:hover {
  text-decoration:none;
  font-weight:bold;
}
a:active, a:hover {
 text-decoration:underline;
}
/* Layoutstruktur */
#warp{
width: 760px;
margin: 0px auto;
background: #FFFFC0 url(../images/hintergrund_main.gif) repeat-y top left;
}
#navi_upper{
margin: 0;
padding: 10px;
font-size: 90%;
text-align: right;
color: #FFBF00;
border-right: 2px solid #256897;
border-left: 2px solid #256897;
background: #2B6791;
}
#navi_upper a{
color: #FFBF00;
}

#content {
float: right;
width: 565px;
font-size: 95%;
line-height: 1.5em;
text-align:left;
color: #333;
display: inline; /* fixt den Bug der Randverdoppelung im IE/Win*/
}
#content h2 {
margin: 0 0 1em 0;
padding: 0;
font-size: 150%;
font-weigth: normal;
color: #333;
}

#footer {
clear: both;
background: #2B6791;
border-right: 2px solid #256897;
border-left: 2px solid #256897;
color: #FFBF00;
}
#footer p {
margin: 0;
padding: 5px;
font-size: 70%;
}
/* Header */
#header {
border-bottom: 3px solid #256897;
border-right: 2px solid #256897;
border-left: 2px solid #256897;
background: #7DADD4 url(../images/header-bg.gif) repeat-x top left;
}
#header h1 {
margin: 0;
padding-top: 125px;
padding-left: 10px;
text-align:left;
font-size: 200%;
color: #3F0000;
}
#header h2 {
padding-left: 10px;
margin-bottom: 12px;
text-align: left;
font-size: 110%;
color: #3F0000;
}
#header p{
margin: 0;
padding: 10px;
font-size: 90%;
text-align: right;
}

/* Gutter */
#content .gutter {
padding: 25px;
}
/* Seitenleiste links */
#sidebar-left {
float: left;
width: 195px;
background: #7DADD4 url(../images/menu_item_bg.gif) repeat-y top left;
text-align:left;
display: inline; /* fixt den Bug der Randverdoppelung im IE/Win*/
}
#sidebar-left ul{
margin: 10px 20px;
padding: 0px;
font-size: 90%;
list-style: none;
text-align: left;
color: #FFBF00;
}
#sidebar-left li{
margin: 0px;
margin-bottom: 5px;
padding: 0px;
font-size: 100%;
}
#sidebar-left .spacer{
padding-top: 10px;
border-top: 1px dotted #FFBF00;
}
#sidebar-left a{
color: #FFBF00;
}
/* Images */
#img-right {
float:right;
padding: 4px;
margin-left: 15px;
margin-bottom: 5px;
border: 1px solid #9F9F9F;
border-bottom-color: #7F7F7F;
border-right-color: #7F7F7F;
background: #FFFFE2;
}
#img-left {
float:left;
padding: 4px;
margin-right: 15px;
margin-bottom: 5px;
border: 1px solid #9F9F9F;
border-bottom-color: #7F7F7F;
border-right-color: #7F7F7F;
background: #FFFFE2;
}
/* Angebot */
#Angebot {
padding: 5px;
border: 1px solid #8F8F8F;
margin-bottom: 5px;
}
#Angebot table{
font-size: 90%;
}
#Formular table{
font-size: 100%;
}
#Pilger table{
font-size: 90%;
}

#Button {
text-align: right;
}

.Artikelliste {
background: #919191;
}
.Artikelliste table {
font-size: 90%;
position: relative;
top: -3px;
left: -3px;
/*width: 100%;*/
width: 502px;
border: 1px solid #000;
background: #fff;
}
.Artikelliste table caption {
margin: 0px;
padding: 5px 10px;
text-align: left;
border: 1px solid #000;
border-bottom: none;
background: #fff;
}
.Artikelliste table th, table td {
margin: 0;
padding: 3px 5px;
border-bottom: 1px solid #b5b5b5;
}
.Artikelliste table th {
color: #999;
}
.Artikelliste table tr {
background: #e6e6e6;
}
.Artikelliste table tr.alt {
background: #f1f1f1;
}
/* Footer Hack */
/* Vor IE5/Mac verstecken\*/
* html #footer { height: 1% }
/* Vor IE5/Mac verstecken Ende*/