/* Schrift */
body, td {
font-family: Arial;
font-size: 10pt;
}

body {
margin-top: 0;
text-align: center;
}

hr {
border: none;
border-top: 1px solid #d6d6d6;
height: 1px;
margin: 12px 0;
}

form {
margin: 0;
}

/* Textfarben */
.txtgrau {
color: #999;
}

/* Überschriften */
h2, h3, h4, h5, h6 {
margin: 0;
}

h2, h3, h4, h5 {
font-size: 10pt;
}

h1, h2, h6 {
font-size: 12pt;
padding: 3px 6px;
}

h1 {
color: #000;
background: #f4f4f4;
border-top: 1px solid #d6d6d6;
margin: 10px 0 0 0;
}

h2, h3, h4 {
color: #fff;
padding: 3px 6px;
}

h2, h3, h4 {
border-bottom: 1px solid #999;
}

h4 {
margin-top: 10px;
}

h5 {
padding: 6px 0;
color: #000;
}

h6 {
margin: 10px 0 0 0;
background: url(grafiken/box-hellgrau.gif) repeat-x;
border: 1px solid #d6d6d6;
}

/* Links */
a {
font-size: 10pt;
color: #000;
}

a.fahne, a.frage, a.profil {
padding-left: 20px;
line-height: 150%;
}

a.fahne {
background: url(icon/fahne.gif) no-repeat left;
}

a.frage {
background: url(icon/frage.gif) no-repeat left;
}

a.profil {
background: url(icon/profil.gif) no-repeat left;
}

a.leo {
background: url(icon/text.gif) no-repeat left;
padding-left: 15px;
color: #e20d30;
font-weight: bold;
}

a.ordner {
background: url(icon/ordner.gif) no-repeat left;
padding-left: 15px;
}

/* Layout */
.seite {
width: 970px;
text-align: left;
margin: auto;
}

.navigation {
float: left;
width: 190px;
margin-right: 10px;
}

.information {
float: left;
width: 170px;
margin-left: 10px;
}

.links {
float: left;
width: 790px;
}

.rechts {
float: left;
width: 770px;
}

.galerie {
float: left;
width: 590px;
}

.leer {
float: left;
width: 590px;
}

.leer h3 {
background: url(grafiken/box-hellgrau.gif) repeat-x;
border: 1px solid #d4d4d4;
margin-bottom: 10px;
color: #000;
}

.content {
width: 100%;
}

.ff {
float: left;
width: 50%;
}

/* Gestaltungselemente */
.box a {
display: block;
padding: 3px 6px;
/* background: #eee; */
border-top: 1px solid #fff;
border-right: 1px solid #d4d4d4;
border-bottom: 1px solid #d4d4d4;
border-left: 1px solid #d4d4d4;
text-decoration: none;
}
`

.box a:hover {
text-decoration: underline;
}

.rahmen {
/* background: #eee; */
border-top: 1px solid #fff;
border-right: 1px solid #d4d4d4;
border-bottom: 1px solid #d4d4d4;
border-left: 1px solid #d4d4d4;
padding: 0px 6px 6px 6px;
}

.rahmen a {
border: none;
text-decoration: underline;
}

.rahmen input {
margin: 0 3px;
}

.rahmen div {
margin: 0;
text-align: center;
color: #999;
}

.rahmen p {
text-align: center;
margin: 10px 0 3px 0;
}

/* Suchen */
.suchen {
clear: both;
display: block;
margin-bottom: 10px;
padding: 5px;
background: #f4f4f4;
border-bottom: 1px solid #999;
color: #000;
}

.suchen form {
padding: 5px;
}

/* Galerie */
.artikel {
background: #fff;
float: left;
display: inline;
text-align: center;
width: 190px;
height: 227px;
margin: 0px 10px 10px 0;
}

.artikel .bild {
height: 130px;
margin-bottom: 5px;
}

.artikel .beschreibung {
height: 90px;
}

.beschreibung .linie {
margin: 0 10px;
border-top: 1px solid #e4e4e4;
font-size: 1px;
}

.beschreibung .titel {
margin-top: 6px;
height: 32px;
}

.beschreibung .preis {
font-size: 12pt;
font-weight: bold;
margin-top: 6px;
}

.beschreibung .zeit {
color: #999;
margin-bottom: 6px;
}

.beschreibung .gebot {
color: #000;
}

.galerie table {
background: url(grafiken/box-hellgrau.gif) repeat-x;
border: 1px solid #d6d6d6;
margin-bottom: 10px;
}

.galerie td {
padding: 2px 6px 3px 6px;
}

.galerie p {
margin: 0 0 3px 0;
}

.galerie .seitenzahlen {
clear: both;
display: block;
color: #000;
padding: 10px 0 10px 0;
text-align: right;
}

.tipp a {
background: url(grafiken/tipp.gif) no-repeat right bottom;
padding-right: 30px;
}

.galerie .suche {
padding: 0 6px 12px 6px;
border: 1px solid #d6d6d6;
}

/* Kopfzeile */
.pfad {
margin-bottom: 12px;
}

/* Artikelbeschreibung */
.content td h1 {
font-size: 12pt;
color: #000;
padding: 3px 6px;
border-bottom: 1px solid #999;
}

.content table .label, .content table .text, .content .rahmen {
vertical-align: top;
}

.content table .label {
width: 120px;
font-weight: bold;
padding: 3px 0 3px 6px;
}

.content table .text {
padding: 3px 0;
}

.content .rahmen {
width: 300px;
border: 1px solid #d6d6d6;
}

.content .rahmen_unten {
border-bottom: 1px solid #d6d6d6;
}

.content p {
text-align: left;
margin: 0 0 9px 0;
}

.content div {
text-align: left;
}

.content .text {
padding: 6px 6px 12px 6px;
margin-bottom: 20px;
}

td hr {
margin: 12px 0 0 0;
}

/* Hintergrundfarben */
.blau {
background: url(grafiken/box-blau.gif) repeat-x;
}

.blau-ol {
background: url(grafiken/box-blau-ol.gif) top left no-repeat;
}

.blau-or {
background: url(grafiken/box-blau-or.gif) top right no-repeat;
}

.hellgrau {
background: url(grafiken/box-hellgrau.gif) repeat-x;
}

.formular {
display: block;
border-left: 1px solid #d6d6d6;
border-right: 1px solid #d6d6d6;
border-bottom: 1px solid #d6d6d6;
padding: 15px 10px;
}

.tabs {
float:left;
width: 100%;
font-size: 93%;
line-height: normal;
border-bottom: 1px solid #6B78A9;
}

.tabs ul {
margin: 0;
padding: 30px 0 0 0;
list-style: none;
}

.tabs li {
display:inline;
margin:0;
padding:0;
}

.tabs a {
cursor: pointer;
float:left;
background: url("grafiken/tableft.gif") no-repeat left top;
margin: 0;
padding:0 0 0 7px;
text-decoration:none;
}

.tabs a span {
float:left;
      display:block;
      background:url("grafiken/tabright.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color: #000;
      }

.tabs a:hover {
text-decoration: underline;
}