html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0
}
li {
display: list-item
}
a img {
border: none;
}
body {
font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
background: #590125 url("../img/body.jpg") repeat-x;
color: #fff;
font-size: small;
line-height: 1.5;
min-width: 960px;
}
html, body {
height: 100%
}
hr {
display: none;
}
.end {
clear: both;
height: 1px;
line-height: 1px;
font-size: 1px;
display: block;
visibility: hidden
}
/* layout */
#back {
min-height: 100%;
width: 100%;
position: relative;
margin: 0 auto !important;
text-align: center;
z-index:1;
}
#motiv {
position:absolute;
width: 50%;
height: 440px;
right: 0;
top: 0;
background: url("../img/motiv.jpg") repeat-x right top;
z-index:0
}
#in, #foot .in {
width: 960px;
margin: 0 auto;
text-align:left;
position:relative;
}
#in {
background: url("../img/main.gif") repeat-y center top;
}
#head {
width:100%;
height: 440px;
background: url("../img/head.jpg") no-repeat;
position:relative;
}
#crumb {
position: absolute;
height: 36px;
width: 500px;
left: 10px;
top: 396px;
line-height: 36px;
overflow:hidden;
white-space:nowrap;
background:url("../img/crumb.gif") no-repeat left center;
color:#000
}
#main {
width: 100%;
background:url("../img/main.jpg") no-repeat;
}
#nav {
width: 370px;
float:right;
display:inline;
color:#000
}
#nav .in {
padding: 0 35px 0 20px;
}
#content {
width: 550px;
float:left;
display:inline
}
.video {
padding: 17px;
background:#780639;
margin-bottom: 20px;
}
#content .in {
padding: 20px 0 20px 10px
}
#fav {
clear:both;
width: 100%;
padding: 0 0 20px 10px;
}
#foot {
width: 100%;
background: #b5004a url("../img/footin.jpg") repeat-x;
max-height: 200px;
overflow:hidden
}
#foot .in {
padding: 50px 0;
background:url("../img/foot.jpg") no-repeat
}
/* headers */
h1, h2, h3 {
font-weight: normal
}
h1, h1 span {
display:block;
width: 500px;
height: 100px;
position:absolute;
left: 0;
top: 0;
overflow:hidden;
}
h1 span {
background: url("../img/h1.jpg") no-repeat;
cursor:pointer;
}
#head h2, #head h2 span {
display:block;
width: 240px;
height: 100px;
position:absolute;
right: 0;
top: 0;
overflow:hidden;
}
#head h2 span {
background: url("../img/h2.jpg") no-repeat;
}
#head h3 {
width: 100%;
font-size:110%;
white-space:nowrap;
overflow:hidden;
color:#bf6b09;
padding: 10px 0 5px 0;
}
#content h2 {
font-size: 180%;
padding: 0 0 25px 0;
}
#content h3 {
font-size: 140%;
color:#df901b;
padding: 20px 0 10px 0;
border-top: 1px solid #65042c
}
#content h3.noborder {
border:none;
padding-top: 0;
}
#nav h3 {
font-size: 140%;
color:#1d4c90;
padding: 0 0 15px 40px
}
#nav .box h3 {
background: url("../img/pencil.gif") no-repeat 0 0.1em
}
#news h3 {
background: url("../img/news.gif") no-repeat 0 0.2em
}
#nav .maillist h3 {
background: url("../img/mail.gif") no-repeat 0 0
}
#nav #lastcomments h3 {
background: url("../img/last.gif") no-repeat 0 0.1em
}
/* headers */
/* news */
#news, #lastcomments {
padding: 0 0 10px 0
}
#nav dt {
padding: 0 0 5px 0;
}
#news dt span, #lastcomments dt span {
color:#666;
padding: 0 0 0 5px;
}
#news dt br, #lastcomments br {
display:none;
}
#news dd {
padding: 0 0 10px 0;
margin: 0 0 10px 0;
border-bottom: 1px solid #dfdfdf
}
#lastcomments dd {
padding: 0 0 10px 0
}
/* news /
/* top menu */
#menu {
width: 820px;
height: 56px;
position:absolute;
left: 0;
top: 340px;
}
#menu ul {
width: 100%;
height: 56px;
}
#menu li {
list-style:none;
display:inline;
float:left;
width: 102px;
height: 56px;
background: url("../img/menuli.gif") no-repeat right bottom
}
#menu a, #menu strong {
display:block;
width: 102px;
height:56px;
line-height:56px;
font-size:102%;
text-align:center;
text-decoration:none;
overflow:hidden;
white-space:nowrap
}
#menu a:link, #menu a:visited {
color:#e39103;
font-weight:bold
}
#menu a:hover, #menu a:focus, #menu a:active {
color:#1d4c90
}
#menu strong {
color:#a52957
}
/* top menu */
/* paragraphs */
p#award {
width: 103px;
height: 143px;
position:absolute;
right:30px;
top: 340px
}
#crumb p {
padding: 0 0 0 25px;
}
#crumb strong {
color:#5e001b
}
p#button {
width: 324px;
height: 60px;
position:absolute;
left: 320px;
top: 270px;
}
p#button span {
width: 81px;
height: 78px;
position:absolute;
top: -14px;
right: 10px;
background:url("../img/mab.png") no-repeat;
cursor:pointer
}
#head div {
width: 335px;
height: 170px;
background:url("../img/slogan.png") no-repeat left bottom;
overflow:hidden;
position:absolute;
left: 312px;
top: 110px;
text-align:center
}
#head div p {
padding: 0 10px
}
#head div p strong {
display:block;
font-size: 170%;
width: 100%;
overflow:hidden;
white-space:nowrap;
color:#1a4a92;
height: 30px;
line-height:30px;
}
#head div p br {
display:none;
}
#head div p span {
display:block;
padding: 0 10px 0 10px;
height: 70px;
overflow:hidden;
color:#333;
position:relative;
top: 16px;
}
#head div p em {
font-style:normal;
color:#ab2959;
font-weight:bold
}
#content p, #content address, #contactform {
padding: 0 0 20px 0;
font-style:normal;
}
#content p strong, #content li strong, #content address strong, #content b {
color:#ffcc00
}
#foot p {
padding: 0 10px ;
}
#nav .box {
padding-bottom: 20px;
width:100%
}
#nav .box p {
padding: 0 0 10px 0;
margin: 0 0 10px 0;
border-bottom: 1px solid #dfdfdf;
font-style:italic
}
#nav address {
font-style:normal;
padding: 0 0 10px 0
}
#nav .box p strong {
display:block;
color:#a52957;
}
#nav p.imgr {
float:right;
display:inline;
border: 5px solid #fff;
border-right: none;
border-left: 15px solid #fff;
position:relative;
z-index:5
}
p.imgr img {
display:block;
border: 5px solid #dfdfdf
}
#nav a:hover img {
border-color:#df901b
}
#content p.price {
font-size: 170%;
color:#ea0063
}
#content p#buy {
text-align:center;
padding: 20px 0
}
#nav p.more {
padding: 0 0 10px 0;
text-align:right;
}
#nav p.more a {
display:block;
text-align:right;
padding: 0 25px 0 0;
background:url("../img/more.gif") no-repeat right center
}
#facebook {
width: 100%;
margin-top: -30px
}
#facebook p.more a {
background:url("../img/facebook.gif") no-repeat right center
}
#content p.text {
border-top: 1px solid #65042c;
padding-top: 20px;
margin-top: 20px;
}
/* paragraphs */
/* comments */
#content p.addcomment {
text-align:right;
}
#content p.addcomment a {
display:block;
padding: 40px 60px 20px 0;
margin: 20px 0 0 auto;
border-top: 1px solid #65042c;
font-size: 120%;
background:url("../img/comment.png") no-repeat right center
}
.box-re {
padding: 0 0 0 40px;
color:#ea0063
}
#content .box-re h3 {
color:#ea0063
}
#faq p {
color:#fff
}
#content #faq h3 {
font-size: 110%;
background:url("../img/faq.png") no-repeat 0 1.65em;
padding-left: 30px;
}
/* comments */
/* photo gallery */
#photogallery, #productgallery {
width: 100%;
overflow:hidden;
padding: 0 0 20px 0;
clear:both;
}
#sorting, #commentslist {
width: 100%;
clear:both;
}
#photogallery .photo {
float:left;
display:inline;
width: 33%;
}
#productgallery .photo {
float:left;
display:inline;
margin: 0 20px 0 0
}
#photogallery .photo p {
padding: 0 0 15px 0;
}
#content #productgallery .photo p {
padding: 0
}
#productgallery .photo img,#photogallery .photo img, #detail .photo img,#catalog .photo img, #content .news img, #content .left img {
border: 5px solid #780639
}
#productgallery .photo a:hover img,#photogallery .photo a:hover img,#detail .photo a:hover img, #catalog .photo a:hover img, #content .left a:hover img {
border-color:#df901b
}
#content p.page {
display:inline;
float:right;
padding:0 0 20px 0;
}
p.page a, p.page strong, p.page span{
display:inline;
padding: 5px 10px;
float:left;
margin: 0 5px;
text-decoration:none;
font-weight:normal;
line-height:1
}
#content p.page strong {
background:#df901b;
border: 1px solid #df901b;
color:#000;
font-size:110%;
}
p.page a:link, p.page a:visited {
color:#fff;
background:#590225;
border: 1px solid #800237;
font-size:110%;
text-decoration:none
}
b.none {display:none}
p.page a:hover, p.page a:active, p.page a:focus {
background: #000;
color: #fefefe
}
p.page span {
border:none;
}
#content h3.clear {
clear:both;
}
#catalog .photo, #content .news img, #content .left, #detail .photo {
display:inline;
float:left;
margin: 5px 20px 0 0;
padding: 0
}
#catalog .box, #content .news, #productgallery {
clear:both;
width: 100%;
padding: 0 0 20px 0;
margin: 0 0 20px 0;
border-bottom: 1px solid #65042c;
overflow:hidden
}
#detail {
clear:both;
width: 100%;
overflow:hidden
}
#catalog .box h3 {
border:none;
padding: 0 0 15px 0;
}
#catalog .box {
padding: 0 0 5px 0;
}
#catalog .box p {
padding: 0 0 15px 0
}
/* photo gallery */
/* form */
form {
width:100%;
}
#formnews {
width:100%;
padding: 0 0 20px 0
}
form br {
display:none;
}
#contactform fieldset input, #formnews fieldset input, .maillist fieldset input,fieldset#buyfield input, textarea {
display:block;
margin: 3px 0 10px 0;
padding: 1px 5px;
width: 70%;
}
#content fieldset#pay {
margin-bottom: 10px;
}
#pay label {
display:inline;
float:left;
clear:left;
width: 140px;
white-space:nowrap;
overflow:hidden
}
select {
margin: 0 0 10px 10px;
display:inline;
float:left;
width: 300px;
}
textarea {
width: 100%;
padding: 0;
font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
}
#contactform fieldset input.small, #buyform fieldset input.small {
width: 30%;
}
.req {
color:#ffcc00
}
#content fieldset {
padding: 15px 25px;
border: 5px solid #65042c
}
#content #buyform fieldset {
padding: 0;
border:none;
}
#buyform fieldset#buyfield, #buyform fieldset#pay {
padding: 15px 25px;
border: 5px solid #65042c
}
input.button {
padding: 3px 5px;
cursor:pointer;
margin-right: 10px;
}
#content form p {
padding: 10px 0 0 30px;
}
.error, .oki {
width:100%;
font-size: 110%;
color:#df901b;
}
.error {
color:#ea0063
}
#nav .maillist fieldset {
border: 5px solid #dfdfdf;
padding: 5px 25px;
margin: 10px 0 0 0
}
#nav fieldset input {
padding: 3px 0;
width: 100%;
}
#nav form p.submit {
text-align:center;
padding: 10px 0 0 0
}
#content legend {
font-size: 140%;
color:#df901b;
padding: 10px 15px;
}
/* form */
/* lists */
#content ul {
padding: 0 0 20px 30px;
}
#content ul li {
list-style:none;
margin: 0 0 7px 0;
background:url("../img/li.gif") no-repeat 0 0.45em;
padding: 0 0 0 25px;
}
/* lists */
/* table */
table {
width: 100%;
font-size:100%;
border-collapse:collapse;
margin: 0 0 10px 0
}
td {
padding: 10px 0;
text-align:left;
font-size: 110%;
border-bottom: 1px solid #65042c
}
td.price {
text-align:right;
color:#ea0063;
font-weight: bold
}
td.number input {
width: 35px;
margin: 0 5px 0 0
}
td img {
border: 3px solid #780639
}
/* table */
/* highslide */
.highslide-container div {
font-size: 10pt
}
.highslide {
outline: none;
text-decoration: none
}
.highslide-gallery .highslide-active-anchor img {
border-color: black;
visibility: visible;
cursor: default
}
.highslide-image {
border: none;
background: #f6f1ea
}
.highslide-wrapper, .highslide-outline {
background: white
}
.highslide-number {
font-weight: bold;
color: gray
}
.highslide-caption {
display: none;
border-top: none;
font-size: 1em;
padding: 5px;
background: #fff;
color: #2063c5;
text-align: center
}
.highslide-heading {
display: none;
font-weight: bold;
margin: 0.4em
}
.highslide-dimming {
position: absolute;
background: #14262c
}
a.highslide-full-expand {
background: url("../highslide/graphics/fullexpand.gif") no-repeat;
display: block;
margin: 0 10px 10px 0;
width: 34px;
height: 34px
}
.highslide-loading {
display: block;
color: black;
font-size: 9px;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
padding: 3px;
border: 1px solid white;
background-color: white;
padding-left: 22px;
background-image: url("../highslide/graphics/loader.white.gif");
background-repeat: no-repeat;
background-position: 3px 1px
}
a.highslide-loading:link {
text-decoration: none;
color: #000
}
.highslide-move, .highslide-move * {
cursor: move
}
.highslide-overlay {
display: none
}
.closebutton {
position: relative;
top: -15px;
left: 15px;
width: 30px;
height: 30px;
cursor: pointer;
background: url("../highslide/graphics/close.png")
}
.highslide-controls {
position:relative;
width: 195px;
height: 40px;
background: url("../highslide/graphics/controlbar-white.gif") 0 -90px no-repeat;
margin: 20px 15px 10px 0
}
.highslide-controls ul {
position: relative;
left: 15px;
height: 40px;
list-style: none;
margin: 0;
padding: 0;
background: url("../highslide/graphics/controlbar-white.gif") right -90px no-repeat
}
.highslide-controls li {
float: left;
padding: 5px 0
}
.highslide-controls a {
background-image: url("../highslide/graphics/controlbar-white.gif");
display: block;
float: left;
height: 30px;
width: 30px;
outline: none
}
.highslide-controls a.disabled {
cursor: default
}
.highslide-controls a span {
display: none
}
.highslide-controls .highslide-previous a {
background-position: 0 0
}
.highslide-controls .highslide-previous a:hover {
background-position: 0 -30px
}
.highslide-controls .highslide-previous a.disabled {
background-position: 0 -60px !important
}
.highslide-controls .highslide-play a {
background-position: -30px 0
}
.highslide-controls .highslide-play a:hover {
background-position: -30px -30px
}
.highslide-controls .highslide-play a.disabled {
background-position: -30px -60px !important
}
.highslide-controls .highslide-pause a {
background-position: -60px 0
}
.highslide-controls .highslide-pause a:hover {
background-position: -60px -30px
}
.highslide-controls .highslide-next a {
background-position: -90px 0
}
.highslide-controls .highslide-next a:hover {
background-position: -90px -30px
}
.highslide-controls .highslide-next a.disabled {
background-position: -90px -60px !important
}
.highslide-controls .highslide-move a {
background-position: -120px 0
}
.highslide-controls .highslide-move a:hover {
background-position: -120px -30px
}
.highslide-controls .highslide-full-expand a {
background-position: -150px 0
}
.highslide-controls .highslide-full-expand a:hover {
background-position: -150px -30px
}
.highslide-controls .highslide-full-expand a.disabled {
background-position: -150px -60px !important
}
.highslide-controls .highslide-close a {
background-position: -180px 0
}
.highslide-controls .highslide-close a:hover {
background-position: -180px -30px
}
.draggable-header .highslide-header {
height: 16px
}
.draggable-header .highslide-header .highslide-move {
cursor: move;
display: block;
height: 16px;
position: absolute;
left: 0;
right: 16px;
top: 0;
width: auto;
z-index: 1
}
.draggable-header .highslide-header .highslide-move * {
display: none
}
.draggable-header .highslide-header .highslide-close {
position: relative;
float: right;
z-index: 2;
padding: 0
}
.draggable-header .highslide-header .highslide-close a {
display: block;
height: 16px;
width: 16px;
background-image: url("../highslide/graphics/closeX.png")
}
.draggable-header .highslide-header .highslide-close a:hover {
background-position: 0 16px
}
.draggable-header .highslide-header .highslide-close span {
display: none
}
.no-footer .highslide-footer {
display: none
}
.wide-border .highslide-image {
border-width: 20px
}
.wide-border .highslide-caption {
padding: 0 10px 10px 10px
}
.borderless .highslide-image {
border: none
}
.borderless .highslide-caption {
border-bottom: 1px solid white;
border-top: 1px solid white;
background: silver
}
.outer-glow {
background: #444
}
.outer-glow .highslide-image {
border: 5px solid #444444
}
.outer-glow .highslide-caption {
border: 5px solid #444444;
border-top: none;
padding: 5px;
background-color: gray
}
.colored-border .highslide-image {
border: 2px solid green
}
.colored-border .highslide-caption {
border: 2px solid green;
border-top: none
}
.floating-caption .highslide-caption {
position: absolute;
padding: 1em 0 0 0;
background: none;
color: white;
border: none;
font-weight: bold
}
.controls-in-heading .highslide-heading {
color: gray;
font-weight: bold;
height: 20px;
overflow: hidden;
cursor: default;
padding: 0 0 0 22px;
margin: 0;
background: url("../highslide/graphics/icon.gif") no-repeat 0 1px
}
.controls-in-heading .highslide-controls {
width: 105px;
height: 20px;
position: relative;
margin: 0;
top: -23px;
left: 7px;
background: none
}
.controls-in-heading .highslide-controls ul {
position: static;
height: 20px;
background: none
}
.controls-in-heading .highslide-controls li {
padding: 0
}
.controls-in-heading .highslide-controls a {
background-image: url("../highslide/graphics/controlbar-white-small.gif");
height: 20px;
width: 20px
}
.controls-in-heading .highslide-controls .highslide-move {
display: none
}
.controls-in-heading .highslide-controls .highslide-previous a {
background-position: 0 0
}
.controls-in-heading .highslide-controls .highslide-previous a:hover {
background-position: 0 -20px
}
.controls-in-heading .highslide-controls .highslide-previous a.disabled {
background-position: 0 -40px !important
}
.controls-in-heading .highslide-controls .highslide-play a {
background-position: -20px 0
}
.controls-in-heading .highslide-controls .highslide-play a:hover {
background-position: -20px -20px
}
.controls-in-heading .highslide-controls .highslide-play a.disabled {
background-position: -20px -40px !important
}
.controls-in-heading .highslide-controls .highslide-pause a {
background-position: -40px 0
}
.controls-in-heading .highslide-controls .highslide-pause a:hover {
background-position: -40px -20px
}
.controls-in-heading .highslide-controls .highslide-next a {
background-position: -60px 0
}
.controls-in-heading .highslide-controls .highslide-next a:hover {
background-position: -60px -20px
}
.controls-in-heading .highslide-controls .highslide-next a.disabled {
background-position: -60px -40px !important
}
.controls-in-heading .highslide-controls .highslide-full-expand a {
background-position: -100px 0
}
.controls-in-heading .highslide-controls .highslide-full-expand a:hover {
background-position: -100px -20px
}
.controls-in-heading .highslide-controls .highslide-full-expand a.disabled {
background-position: -100px -40px !important
}
.controls-in-heading .highslide-controls .highslide-close a {
background-position: -120px 0
}
.controls-in-heading .highslide-controls .highslide-close a:hover {
background-position: -120px -20px
}
a.highslide-credits:link, a.highslide-credits {
text-decoration: none;
display: block;
height: 30px;
overflow: hidden;
padding: 0 20px 0 10px;
background: url("../highslide/graphics/credits.png") no-repeat right bottom
}
#news span.highslide-caption, #content span.highslide-caption, #content .photos br {
display: none
}
/* highlide */
/* links */
a:link, a:visited {
text-decoration:underline;
color: #fff
}
a:hover {
color:#df901b
}
#fav, #fav a:link, #fav a:visited {
color:#fcc068
}
#fav a:hover, #fav a:active, #fav a:focus {
color:#fff;
}
.print, .fav {
padding-left: 20px;
background:url("../img/print.gif") no-repeat left center;
}
.fav {
background:url("../img/fav.gif") no-repeat left center;
}
#crumb a:link, #crumb a:visited {
color:#000
}
#crumb a:hover, #crumb a:active, #crumb a:focus{
color:#fff
}
.box h3 a:link, .box h3 a:visited {
color:#df901b;
}
.box h3 a:hover, .box h3 a:active, .box h3 a:focus {
color:#fff
}
#news a:link, #news a:visited,#lastcomments a:link, #lastcomments a:visited, #nav address a:link, #nav address a:visited, #nav p.more a:link, #nav p.more a:visited{
color:#3a9805;
font-style:normal
}
#nav address a:hover, #nav address a:active, #lastcomments a:hover, #lastcomments a:active, #lastcomments a:focus, #nav address a:focus,#news a:hover, #news a:active, #news a:focus, #nav p.more a:hover, #nav p.more a:active, #nav p.more a:focus {
color:#000
}
/* links */