/* Formatierungen von allgemeinen HTML-Elementen */
* { margin:0; padding:0; }
html, body { border:0; }
body { font: 95% Arial, 'Trebuchet MS', Verdana, Helvetica, sans-serif; text-align:left; background:#fff url(img/layout/bodybackground.jpg) repeat-x; }
* html>body { margin-right:-3px; } /* IE hack */
a img { border: 0 none; }
img { border: 0 none; }
a:link { text-decoration:none; color:#444; }
a:visited { text-decoration:none; color:#444; }
a:hover { text-decoration:none; color: #e67817; }
a:active { text-decoration:none; color:#e67817; }
a:focus { text-decoration:none; color:#e67817; }
label { cursor:pointer; }
#siteborder { margin-left:0; width:100%; text-align:left; background:url(img/layout/footer-back.jpg) repeat-x bottom; }
#index { margin-left:0px; width:970px; text-align:left; overflow:hidden; background:url(img/layout/left-background.gif) repeat-y; }
#sitename { height:200px; width:970px; text-indent:-100em; background:url(img/layout/header.jpg) no-repeat; }
#header { width:970px; height:190px; overflow:hidden; }
#inhalte { float:right; width:740px; margin:0; text-align:left; }
#content { width:735px; background:#fff; }
#footer { clear:both; margin:5px 0px 0px 0px; width:970px; background:url(img/layout/footer.jpg) no-repeat bottom left; }
#footer address { display:block; float:none; font-size:0.7em; font-weight:bold; font-style:normal; padding:10px 30px 5px 30px; text-align:center; margin-bottom:0; }
#footer p { padding:3px 10px 3px 230px; text-align:center; font-size:0.65em; }
#footer hr { color:#fff; background-color:#fff; height:0px; border-top:1px solid #ffd06d; width:720px; margin:0px 0px 0px 230px; text-align:center; }
#footer ul { text-align:center; clear:both; margin:0px auto 8px auto; width:720px; }
#footer li { list-style-type:none; list-style-position:inside; font-size:0.6em; font-weight:normal; float:left; padding:0px 5px 1px 8px; white-space:nowrap; }
#footer div.partner { display: block; margin-left:230px; text-align:center; }
#topnavi { color:#333; height:26px; background:url(img/layout/topnavi.jpg) repeat-x; }
#topnavi ul { margin:0px auto 0px auto; }
#topnavi li { list-style-type:none; font-size:0.8em; font-weight:bold; float:left; }
#topnavi li a { text-decoration:none; color:#fff; display:block; padding:3px 14px 3px 10px; background:url(img/layout/topnavi_item.gif) no-repeat 100% 50%; }
#topnavi li a:link { color:#333; }
#topnavi li a:visited { color:#333; }
#topnavi li a:hover { color:#666; }
#topnavi li a:active { color:#333; }
#topnavi li a:focus { color:#333; }
#topnavi li a#active { text-decoration:none; color:#eee; display:block; font-style:italic; padding:2px 14px 2px 10px; background:url(img/layout/topnavi_item.gif) no-repeat 100% 50%; }
#topnavi li a#active:link { color:#000; }
#topnavi li a#active:visited { color:#333; }
#topnavi li a#active:hover { color:#666; }
#topnavi li a#active:active { color:#000; }
#topnavi li a#active:focus { color:#000; }
#topnavi img { }
#navtrail { font-size: 0.8em; border-bottom:1px solid #333; margin-bottom:2px; padding-top:15px; display:block; }
#navtrail a:link { font-weight:bold; }
#navtrail a:visited { font-weight:bold; }
#navtrail a:hover { font-weight:bold; }
#navtrail a:active { font-weight:bold; }
#navtrail a:focus { font-weight:bold; }
#left { width:220px; margin:0px 740px 0px 0px; text-align:left; }
#partnerlinks { margin: 0 auto; width:960px; text-align:center; font-size:0.6em; }
#partnerlinks a:link { color:#666; }
#partnerlinks a:visited { color:#666; }
#partnerlinks a:hover { color:#333; }
#partnerlinks a:active { color:#333; }
#partnerlinks a:focus { color:#333; }
#banner { width:800px; margin-bottom:0; clear:both; float:left; text-align:center; }
div.copyright, div.parseTime { display:none; clear:both; margin: 0 auto; width:960px; font-size:0.7em; text-align:center; color:#009442; border-top:1px dashed #21106b; }
div.copyright a:link { color:#444; }
div.copyright a:visited { color:#444; }
div.copyright a:hover { color:#960; }
div.copyright a:active { color:#960; }
div.copyright a:focus { color:#960; }
#header h1 { text-indent:-100em; background:url(img/pixel_trans.gif); border-bottom:0; width:250px; height:20px; }
#header h2 { text-indent:-100em; width:250px; height:20px; }
div.clear { clear:left; height:0; margin:0; padding:0; font-size:0; line-height:0; }
div.submit { margin-top: 5px; margin-bottom:5px; float:right; }
div.buttonback { margin-top: 5px; margin-bottom:5px; float:left; }
div.checkout_steps { text-align:center; }
br.clear_left { clear:left; }
br.clear_right { clear:right; }
br.clear_all { clear:both; }
br.clear_div { clear:left; height:0; margin:0; padding:0; font-size:0; line-height:0; }
/*---------------------------- Imageslider (c) 2008 by Hetfield - Begin --------------------------*/
#imageslider { margin:0; padding:0; list-style:none; list-style-position:outside; overflow:hidden; }
/*---------------------------- Imageslider (c) 2008 by Hetfield - End ----------------------------*/
/* Global Shop Classes Begin -------------------------------------------------------------------
* ----------------------------------------------------------------------------
* This Classes are used in more than one files of the Template
* ----------------------------------------------------------------------------
*/
.smallText { font-size:0.7em; }
p.error_message { font-size:0.9em; margin-top:5px; margin-bottom:5px; color:#f00; }
p.info_message { font-size:0.8em; font-weight:bold; margin-top:5px; margin-bottom:5px; border:1px solid #f00; background:#fff; color:#f00; padding:2px; }
li.messageStackError { font-size:0.9em; margin-top:2px; margin-bottom:2px; border:1px solid #ffc600; background:#f00; color:#ffc600; font-weight:bold; }
li.messageStackWarning { font-size:0.9em; margin-top:2px; margin-bottom:2px; border:1px solid #ffc600; background:#f00; color:#ffc600; font-weight:bold; }
li.messageStackSuccess { font-size:0.9em; margin-top:2px; margin-bottom:2px; border:1px solid #f00; background:#efefef; color:#f00; font-weight:bold; }
li.messageStackError { font-size:0.9em; margin-top:2px; margin-bottom:2px; border:1px solid #ffc600; background:#f00; color:#ffc600; font-weight:bold; }
span.attention { color:#f00; font-weight:bold; }
input.add_qty { vertical-align:top; font-size:0.9em; width:1.4em; }
.iplusminus { vertical-align:top; }
h1.normal { border-bottom:1px solid #000; font-size:1.3em; color:#444; margin-top:3px; margin-bottom:3px; }
h2.normal { font-size:1.1em; }
h3.normal { font-size:1.0em; }
p.normal { font-size:0.8em; margin-top:5px; margin-bottom:5px; text-align:justify; }
ul.normal {}
li.normal { list-style-type:none; font-size:0.8em; margin-top:5px; margin-bottom:5px; text-align:justify; }
dl.normal {}
dt.normal { font-size:0.8em; margin-top:5px; margin-bottom:5px; text-align:justify; }
dd.normal { font-size:0.8em; margin-top:5px; margin-bottom:5px; text-align:justify; }
address.normal { font-size:0.8em; font-style:normal; margin-top:10px; margin-bottom:10px; }
h2.disclaimer { border-bottom: 1px solid #000; font-size: 0.8em; padding-top: 20px; }
h3.disclaimer { font-size: 1em; }
ul.disclaimer { margin-bottom: 20px; text-align: justify; }
li.disclaimer { list-style-type: none; padding-top: 10px; }
/* Global Shop Classes End ------------------------------------------------------------------- */
#content h1.agb { border-bottom:1px solid #000; font-size:1.3em; color:#444; margin-top:3px; margin-bottom:3px; }
#content h2.agb { font-size:0.8em; margin-top:10px; margin-bottom:15px; }
#content ul#agb li { list-style-type:none; font-size:1em; }
#content #agb p { margin:5px; text-align:justify; }
#content #agb address { margin:20px; font-size:0.8em; font-weight:bold; }
#content #agb h3 { font-size:1.0em; margin-top:15px; margin-bottom:5px; }
#content #agb h4 { font-size:0.8em; margin-top:15px; margin-bottom:5px; text-indent:0.4em; }
h1.revocation { border-bottom:1px solid #000; font-size:1.3em; color:#444; margin-top:3px; margin-bottom:3px; }
h2.revocation { font-size:1.0em; margin-top:15px; margin-bottom:5px; }
p.revocation { font-size:0.8em; margin:5px; text-align:justify; }
address.revocation { font-size:0.8em; margin:20px; }
#customer_info li { list-style-type:none; font-size:1.2em; border-bottom:1px dotted #f00; margin-top:10px; margin-bottom:10px; text-indent:1.0em; }
h3.text { font-size:1.0em; }
#content p { margin-top:5px; margin-bottom:10px; text-align:justify; font-size:0.8em; }
#content ul { margin-top:10px; margin-left:20px; margin-bottom:10px; }
#content ul li { list-style:outside; list-style-type: square; text-align:justify; font-size:0.8em; }
#content ol { margin:10px 10px 10px 40px; }
#content ol li { list-style:outside; list-style-type:decimal; }
#content ul.text { margin:10px; }
#content ul.text li { list-style:inside; font-size:0.8em; list-style-type: square; }
#content ol.text { margin:10px 10px 10px 40px; }
#content ol.text li { list-style:outside; font-size:0.8em; list-style-type:decimal; }
#content ol.ebene1 { margin:10px 10px 10px 40px; list-style-position:inside; list-style-type: none; }
#content ol.ebene1 li { list-style-position:inside; list-style-type: none; border-bottom:1px dotted #ccc; }
#content div#faqs p { margin-top:5px; margin-bottom:10px; text-align:justify; font-size:0.8em; }
#content div#faqs h3 { border-bottom:1px solid #000; font-size:1.3em; color:#444; margin-top:3px; margin-bottom:3px; }
#content div#faqs h4 { margin-top:5px; margin-bottom:10px; text-align:justify; font-size:0.9em; }
/**
* ----------------------------------------------------------------------------
* toggleElements.css - Stylesheet for jQuery-Plugin toggleElements
* ----------------------------------------------------------------------------
*/
/* Screen ------------------------------------------------------------------- */
@media projection, screen {
/* Toggler - ask_a_question */
.toggler_ask {
margin:25px 0 25px 0;
cursor:pointer;
text-decoration: none;
font-size: 1.0em;
font-weight:bold;
display: block;
}
.toggler_ask-closed {
color:#333;
padding-left:20px;
background: #eee url('img/togglerc.gif') center right no-repeat;
border:1px solid #444;
}
.toggler_ask-closed:hover {
color: #000;
padding-left:20px;
background: #fff url('img/togglerch.gif') center right no-repeat;
border:1px solid #444;
}
.toggler_ask-opened {
color:#333;
padding-left:20px;
background: #efefef url('img/togglero.gif') center right no-repeat;
border:1px solid #444;
}
.toggler_ask-opened:hover {
color: #444;
padding-left:20px;
background: #fff url('img/toggleroh.gif') center right no-repeat;
border:1px solid #444;
}
/* Toggler - default style */
.toggler {
margin:25px 0 25px 0;
cursor:pointer;
text-decoration: none;
font-size: 1.4em;
font-weight:bold;
line-height:30px;
display: block;
}
.toggler-closed {
color:#333;
padding-left:20px;
height:30px;
background: #efefef url('img/togglerc.gif') center right no-repeat;
border: solid 1px white;
}
.toggler-closed:hover {
color: #000;
padding-left:20px;
height:30px;
background: #fff url('img/togglerch.gif') center right no-repeat;
border: solid 1px #e3e3e3;
}
.toggler-opened {
color:#333;
padding-left:20px;
height:30px;
background: #efefef url('img/togglero.gif') center right no-repeat;
border: solid 1px white;
}
.toggler-opened:hover {
color: #000;
padding-left:20px;
height:30px;
background: #fff url('img/toggleroh.gif') center right no-repeat;
border: solid 1px #e3e3e3;
}
/* Container - default style */
.toggler-c {
}
.toggler-c-closed {
background:transparent;
border:solid 1px #e3e3e3;
margin:-25px 0px 25px 0px;
padding:20px;
}
.toggler-c-opened {
margin:-25px 0px 25px 0px;
padding:0px;
background:#efefef;
border:solid 0px #fff;
}
/* Toggler2 - example simple style */
.toggler2 {
margin:25px 0 25px 0;
cursor:pointer;
text-decoration: none;
font-size: 1.4em;
font-weight:bold;
line-height:30px;
display: block;
border:solid 1px #d4d4d4;
padding:5px;
}
.toggler2-closed {
color:#999;
}
.toggler2-closed:hover {
color: #000;
}
.toggler2-opened {
color:#999;
}
.toggler2-opened:hover {
color: #000;
}
/* Container */
.toggler2-c {
margin-bottom:25px;
}
.toggler2-c-closed {
margin:-25px 0px 25px 0px;
background:#fff;
border:solid 1px #d4d4d4;
border-top:0;
padding:20px;
width:536px;
}
.toggler2-c-opened {
margin:-25px 0px 25px 0px;
background:#FFF8DC;
border:solid 1px #d4d4d4;
border-top:0;
padding:20px;
width:536px;
}
}
/* Print -------------------------------------------------------------------- */
@media print {
.toggler-c { margin-bottom:25px; }
.toggler { display: none; }
.toggler2-c { margin-bottom:25px; }
.toggler2 { display: none; }
}