html, body { background: #000 url(../img/bg/bg_home.jpg) no-repeat; }
* {
font-family: Arial,Helvetica,sans-serif;
font-size: 11px; line-height: 18px; color: #000;
padding: 0; margin: 0; border: 0;
text-align: left;
}
img { border: 0; }
img.teaser { border: 0; margin-right: 12px; float: left; }
img.magicmoment { border: 0; margin-right: 12px; margin-bottom: 10px; float: left; }
div.stoerer { border: 0; margin-top: 10px; }
img.gallery {
float:left;
margin-bottom:10px;
margin-right:10px;
}
img.gallery-last {
float:left;
margin-bottom:10px;
margin-right:0;
}
img.year {
float:left;
margin-bottom:30px;
margin-right:30px;
}
/* TYPO */
p { margin-bottom: 12px; }
p.small { font-size: 10px; line-height: 14px; }
a { color: #937949; text-decoration: none; }
a:hover { color: #937949; text-decoration: underline; }
a.answer { color: #937949; text-decoration: none; font-weight: bold;}
a.answer:hover { color: #937949; text-decoration: underline; font-weight: bold; }
a.faq { text-decoration: none; line-height: 14px; font-weight: bold; padding: 0 15px 0px; background: url(../img/bg/bg_list.gif) no-repeat top left; display: block; }
a.faq:hover { text-decoration: underline; font-weight: bold; padding: 0 15px 0px; background: url(../img/bg/bg_list.gif) no-repeat top left; display: block; }
p.footer { font-size: 9px; color: #000; text-align: left; padding-left: 10px; padding-top: 20px; }
a.footer { font-size: 9px; color: #000; }
/* em { color: #660000; }*/
/* LISTS START */
ul { list-style: none; }
ul li { line-height: 18px; padding-left: 10px; background: url(../img/ic/ic_list.gif) no-repeat; }
/* LISTS END */
hr {
background:url(../img/bg/bg_nav_li.gif);
border:0 none;
height:24px;
margin:0px;
clear: both;
}
#faq-01 { padding: 0; margin-bottom: 16px; display: none; }
#faq-02 { padding: 0; margin-bottom: 16px; display: none; }
#faq-03 { padding: 0; margin-bottom: 16px; display: none; }
#faq-04 { padding: 0; margin-bottom: 16px; display: none; }
#faq-05 { padding: 0; margin-bottom: 16px; display: none; }
#faq-06 { padding: 0; margin-bottom: 16px; display: none; }
#faq-07 { padding: 0; margin-bottom: 16px; display: none; }
#faq-08 { padding: 0; margin-bottom: 16px; display: none; }
#faq-09 { padding: 0; margin-bottom: 16px; display: none; }
#faq-10 { padding: 0; margin-bottom: 16px; display: none; }
#faq-11 { padding: 0; margin-bottom: 16px; display: none; }
#faq li.faq {
padding: 0 20px;
color: #000;
list-style: none outside;
background: none;
}
#faq ul.faq {
list-style: none;
}
/*h1 { font-size: 24px; line-height: 24px; margin-bottom: 18px; padding-top: 12px; font-weight: normal; text-transform: uppercase; color: #937949; }*/
h1 { font-size: 14px; line-height: 18px; padding-top: 12px; color: #937949; margin-bottom: 18px; }
h2 { font-weight: normal; font-size: 22px; margin-bottom: 5px; padding-top: 0px; line-height: 14px; text-transform: uppercase; color: #937949; }
h3 { font-size: 12px; line-height: 18px; padding-top: 0px; color: #937949; margin-bottom: 10px; }
h4 { font-size: 12px; line-height: 10px; text-transform: normal; color: #937949; }
span.black { font-weight: normal; font-size: 22px; line-height: 32px; text-transform: uppercase; color: #000; }
#wrap { position: absolute; top: 120px; left: 64px; text-align: center; width: 924px; }
/* HEADER START ----------------------------------------------------------------------------------------------------------- */
#header { position: relative; height: 32px; background: url(../img/bg/bg_top.gif) no-repeat bottom; }
/* HEADER END ------------------------------------------------------------------------------------------------------------- */
/* LOGO START ----------------------------------------------------------------------------------------------------------- */
#logo { position: absolute; top: 0px; left: 0px; width: 280px; height: 120px; text-align: left; margin: 0; }
/* LOGO END ------------------------------------------------------------------------------------------------------------- */
/* CONTENT START ----------------------------------------------------------------------------------------------------------- */
#main { position: relative; text-align: center; width: 924px; background: #fff url(../img/bg/bg_rand.gif) repeat-y; }
/*#main-long { text-align: center; width: 924px; background: #fff url(../img/bg/bg_rand.gif) repeat-y; }*/
#content { background: #fff; position: relative; margin-left: 12px; margin-right: 12px; text-align: center; width: 900px; /*min-height: 468px; height: auto !important; height: 468px;*/ }
/* Twocols Start */
#content #twocols { padding-top: 12px; position: relative; width: 772px; float: left; }
/* Left Start */
#content #twocols #left { padding-left: 12px; padding-right: 12px; /*background: url(../img/bg/bg_dot_v.gif) repeat-y scroll right bottom; */ width: 260px; float: left; }
#content #twocols #left-teaser { position: relative; width: 284px; float: left; }
#content #twocols #left-teaser-text { padding-top: 12px; padding-bottom: 12px; width: 284px; background: url(../img/bg/bg_dot_h.gif) repeat-x scroll left bottom; }
#content #twocols #left-teaser-text-top { padding-top: 0px; padding-bottom: 12px; width: 284px; background: url(../img/bg/bg_dot_h.gif) repeat-x scroll left bottom; }
#content #twocols #left-teaser-text h2 { font-size: 24px; padding-top: 0px; }
#content #twocols #left-teaser-text p { font-size: 11px; line-height: 14px; padding-top: 10px; }
#content #twocols #left-teaser-text-top h2 { line-height:32px}
#content #twocols #left-teaser-fashion { height: 80px; margin-right: 12px; background: #e2cda5; }
#content #twocols #left-teaser-fashion-inaktiv { height: 80px; margin-right: 12px; background: #f4f0e8; }
h4.fashion { padding-top: 8px; font-size: 12px; line-height: 13px; text-transform: uppercase; color: #000; }
h4.fashion a {color:#000; font-size: 12px; line-height: 13px; text-transform: uppercase;}
/* Left End */
/* Center Start */
#content #twocols #center { background: #fff url(../img/bg/bg_dot_v488.gif) repeat-y right bottom; width: 488px; padding-top: 0px; float: right; }
#content #twocols #center-top { position: relative; width: 488px; height: 144px; padding-top: 0px; background: url(../img/bg/bg_dot_h.gif) repeat-x bottom; }
#content #twocols #center-top-text { position: relative; width: 464px; padding-left: 12px; padding-right: 12px;}
#content #twocols #center-top-sub { position: relative; width: 488px; padding-top: 0px;}
#content #twocols #center-left { height: 430px; background: url(../img/bg/bg_dot_v.gif) repeat-y scroll right bottom; padding-left: 12px; padding-right: 12px; position: relative; width: 220px; padding-top: 12px; float: left; }
#content #twocols #center-right { position: relative; width: 220px; padding-top: 12px; padding-left: 12px; padding-right: 12px; float: right; }
#content #twocols #center-top-text #herstellung { float: left; width: 137px; padding-right: 17px;}
#content #twocols #center-top-text table { width: 100%; border: 0; margin-bottom: 15px; }
#content #twocols #center-top-text table thead { }
#content #twocols #center-top-text table thead th { text-align: left; color: #fff; vertical-align: middle; padding: 3px; background: #937949; }
#content #twocols #center-top-text table tbody { }
#content #twocols #center-top-text table tbody tr.odd { background: #fff; }
#content #twocols #center-top-text table tbody tr.even { background: #f1e6ca; }
#content #twocols #center-top-text table tbody td { text-align: center; padding: 3px; vertical-align: middle; }
#content #twocols #center-top-text table tbody td { text-align: center; border-bottom: 1px dotted #937949; }
#content #twocols #center-top-text input.menge { width: 35px; height: 15px; color: #000; border: 1px solid #937949; }
/* Center End */
/* Twocols End */
/* -------------------------------------------------------------------------------------------------------------------------------------- */
/* Right Start */
/*#content #right { position: relative; width: 210px; float: right; }*/
#content #navigation { background: #fff; width: 122px; padding-left: 6px; padding-top: 12px; float: right; }
/* Right End */
/* CONTENT END ------------------------------------------------------------------------------------------------------------- */
/* FORM START */
fieldset.tx-powermail-pi1_fieldset input.powermail_text, fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea, fieldset.tx-powermail-pi1_fieldset select.powermail_select{
width:280px;
}
#form { width: 450px; padding-top: 20px; margin-bottom: 16px; }
select { width: 100%; height: 20px; border: 1px solid #937949; }
select.form { width: 280px; display: inline; color: #000; border: 1px solid #937949; margin-bottom: 8px; }
option { color: #000000; }
input.main-input { width: 280px; height: 20px; color: #000; border: 1px solid #937949; margin-bottom: 8px; }
input.main-input-plz { width: 50px; height: 20px; color: #000; border: 1px solid #937949; margin-bottom: 8px; margin-right: 10px; }
input.main-input-ort { width: 215px; height: 20px; color: #000; border: 1px solid #937949; margin-bottom: 8px; }
textarea.main-textarea { width: 280px; height: 120px; color: #000; border: 1px solid #937949; margin-bottom: 8px; }
input.main-button { margin-left: 100px; width: 280px; height: 24px; font-weight: bold; text-align: center; text-transform: uppercase; color: #fff; background: #937949; }
p.form { width: 115px; padding: 0; margin-bottom: 2px; display: inline; float: left; }
#form-magic { width: 270px; padding-top: 10px; margin-bottom: 16px; }
input.main-input-magic { width: 180px; height: 20px; color: #000; border: 1px solid #937949; margin-bottom: 8px; }
label.form-magic { width: 85px; padding: 0; margin-bottom: 2px; display: inline; float: left; }
input.login { margin-left: 85px; width: 180px; height: 24px; font-weight: bold; text-align: center; text-transform: uppercase; color: #fff; background: #937949; }
input.logout { margin-left: 0px; width: 180px; height: 24px; font-weight: bold; text-align: center; text-transform: uppercase; color: #fff; background: #937949; }
span.powermail_mandatory {
padding-left:3px; color: #000;
}
.tx-comments-comment-form input, fieldset input{
width: 280px; height: 20px; color: #000; border: 1px solid #937949;
}
.tx-comments-comment-input, .tx-comments-comment-form textarea, fieldset textarea{
width: 280px; height: 120px; color: #000; border: 1px solid #937949;
}
fieldset.tx-powermail-pi1_fieldset {
background:none;
border:0px;
padding:0px;
}
fieldset.tx-powermail-pi1_fieldset legend, .tx-felogin-pi1 fieldset legend{
display:none;
}
.tx-comments-comment-form label, fieldset.tx-powermail-pi1_fieldset label {
font-weight: normal;
}
#tx_comments_pi1_submit, input.powermail_submit, .tx-powermail-pi1_confirmation_back, .tx-powermail-pi1_confirmation_submit, .tx-powermail-pi1_mandatory_submit{
height: 20px; font-weight: bold; text-align: center; text-transform: uppercase; color: #fff; background: #937949;
}
.tx-powermail-pi1_confirmation_back, .tx-powermail-pi1_confirmation_submit{
float:left;
margin-left:10px;
}
p.tx_powermail_pi1_fieldwrap_html_checkbox_title, p.tx_powermail_pi1_fieldwrap_html_radio_title{
font-weight: normal;
}
/* FORM END */
/* FOOTER START ------------------------------------------------------------------------------------------------------------ */
#footer { position: relative; height: 44px; clear: both; background: url(../img/bg/bg_bottom.gif) no-repeat bottom; }
/* FOOTER END -------------------------------------------------------------------------------------------------------------- */
/* border: 1px dotted #fff; background: #f00; margin: 0 20px; clear: both; */
div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image {
margin-left:0px;
}
.tx-comments-pi1{
margin-top:10px;
}
.tx-comments-comments{
margin-top:10px;
}
#content #twocols #center-top-text .tx-powermail-pi1_confirmation table tbody td, #content #twocols #center-top-text .tx-powermail-pi1_thx table tbody td{
text-align: left;
border:0px;
}
.tx_powermail_pi1_fieldwrap_html_checkbox_title{
display:none;
}
input.powermail_check {
width:15px;
}
fieldset.tx-powermail-pi1_fieldset .tx_powermail_pi1_fieldwrap_html_check .powermail_check_inner label{
float:right;
width:440px;
}
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {
text-align:right;
}
.tx-pagebrowse li{
background:none;
}
#special_teaser{
left:0px;
position:relative;
top:20px;
height: 120px;
display:block;
}
#tx-powermail-pi1_fieldset_25 {
width:280px;
}
fieldset.tx-powermail-pi1_fieldset_25 label {
clear:both;
display:block;
float:left;
font-weight:normal;
width:90px;
}
fieldset.tx-powermail-pi1_fieldset_25 input.powermail_text,
fieldset.tx-powermail-pi1_fieldset_25 select.powermail_select,
fieldset.tx-powermail-pi1_fieldset_25 input.powermail_submit {
width:180px;
}
fieldset.tx-powermail-pi1_fieldset_25 input.powermail_submit {
font-weight:bold;
margin:20px 0 10px 90px;
}
fieldset.tx-powermail-pi1_fieldset_25 .tx_powermail_pi1_fieldwrap_html_check .powermail_check_inner label {
float:right;
width:240px;
}