@charset "iso-8859-1";

body { background-color: #222222 }
table#layout { width: 100% }
td#header { background-color: #222222 ; width: 100%}
td#menu { background-color: #222222 ; width: 230px ; vertical-align: top }
td#content { background-color: #222222 ; height: 100% ; vertical-align: top}
td#pics { background-color: #222222 ; width: 300px ; height: 100% ; vertical-align: top ; padding: 3px}

table.header { width: 100% }
td.header { height: 137px ; background-image: url(headerbg.jpg) ; background-repeat: repeat-x ; background-position: top left ; background-color: #333333 ; text-align: left ; vertical-align: top; padding: 0px }

table.menu { width: 100% }
td.menu { background-image: url(menubg.gif) ; background-repeat: repeat-y ; background-color: #666666 ; text-align: left ; padding: 5px ; height: 2em }
td.menubreak { background-color: #222222 ; height: 1em }
td.menubreaksmall { background-color: #222222 ; height: 5px }

a.menu { position: relative ; left: 38px ; font-variant: small-caps ; font-size: 1em ; font-family: Verdana, Arial, Helvetica, sans-serif }
a.menu#small { font-size: 0.9em }
a.menu#active { color: #880000 }
a.menu#smallactive { font-size: 0.9em ; color: #880000 }
a:link.menu { text-decoration: none ; color: #dddddd }
a:visited.menu { text-decoration: none ; color: #dddddd }
a:focus.menu { text-decoration: none ; color: #880000 }
a:hover.menu { text-decoration: none ; color: #880000 }
a:active.menu { text-decoration: none ; color: #880000 }

table.content { width: 100% ; height: 100%}
td.content { vertical-align: top ; font-size: 11pt ; font-family: Verdana, Arial, Helvetica, sans-serif ; color: #000000 ; background-color: #dddddd; padding: 10px ; height: 100% }

a:link { border: none }
a:link { text-decoration: none ; color: #880000 }
a:visited { text-decoration: none ; color: #550000 }
a:focus { text-decoration: underline ; color: #880000 }
a:hover { text-decoration: underline ; color: #880000 }
a:active { text-decoration: underline ; color: #880000 }

h1 { font-weight: normal ; font-size: 18pt ; text-align: left;}
h2 { font-weight: normal ; font-size: 16pt ; text-align: left }
h3 { font-weight: normal ; font-size: 14pt ; text-align: left }
h4 { font-variant: small-caps ; font-weight: bold ; font-size: 12pt ; text-align: left}
h5 { font-variant: small-caps ; font-weight: normal; font-size: 12pt ; text-align: left}

.name { font-weight: bold }

.infobox { background-color: #ffffdd ; text-align: center ; vertical-align: middle ; margin: 20px ; padding: 5px ; min-width: 300px }
.infotitle { background-color: #ddddbb ; font-weight: bold ; text-align: center ; vertical-align: middle }

.galeriehell { width: 100% ; text-align: center ; vertical-align: middle}
.galeriedunkel { width: 100% ; background-color: #666666 ; text-align: center ; vertical-align: middle}
.bildunterschrift { font-size: 9pt }

a:link.gallerynav { text-decoration: none ; color: #dddddd }
a:visited.gallerynav { text-decoration: none ; color: #dddddd }
a:focus.gallerynav{ text-decoration: underline ; color: #880000 }
a:hover.gallerynav{ text-decoration: underline ; color: #880000 }
a:active.gallerynav{ text-decoration: underline ; color: #880000 }

.artikelname { font-weight: bold ; font-size: 14pt }
.preis { font-weight: bold ; font-size: 14pt }

td.musterkarte { vertical-align: top ; font-size: 11pt ; font-family: Verdana, Arial, Helvetica, sans-serif ; color: #ffffff ; background-color: #666666; padding: 10px ; height: 100% }