/* Formatierungen von allgemeinen HTML-Elementen */
* { margin: 0; padding: 0; }
html, body { border: 0 solid; }
body { font: 95% Tahoma, Verdana, Arial, sans-serif; text-align:center; color:#6e6e6e; height:100%; }
* html>body { margin-right:-3px; } /* IE hack */
a img { border: 0 none; }
img { border: 0 none; }
a:link { text-decoration:none; color:#3a81b9;; }
a:visited { text-decoration:none; color:#3a81b9;; }
a:hover { text-decoration:none; color:#3a81b9; }
a:active { text-decoration:none; color:#3a81b9; }
a:focus { text-decoration:none; color:#3a81b9; }
label { cursor:pointer; }
#siteborder { margin:0 auto; width:838px; text-align:center; }
#index { margin:0 auto; width:838px; text-align:left; border:0px solid #000; }
#header { width:838px; height:60px; text-align:left; overflow:hidden; }
#shoplogo { float:left; }
ul.headernavi { margin: 20px auto 0px 480px; }
li.headernavi { list-style-type:none; font-size:0.7em; font-weight:normal; line-height:1.5em; float:left; }
li.headernavi a { text-decoration:none; color:#737373; text-indent:1.6em; display:block; width:80px; }
li.headernavi a:link { color:#737373; background:url(img/layout/headernavi_bullet.gif) no-repeat; background-position: 10% 50%; }
li.headernavi a:visited { color:#737373; background:url(img/layout/headernavi_bullet.gif) no-repeat; background-position: 10% 50%; }
li.headernavi a:hover { color:#737373; background:url(img/layout/headernavi_bullet.gif) no-repeat; background-position: 10% 50%; }
li.headernavi a:active { color:#737373; background:url(img/layout/headernavi_bullet.gif) no-repeat; background-position: 10% 50%; }
li.headernavi a:focus { color:#737373; background:url(img/layout/headernavi_bullet.gif) no-repeat; background-position: 10% 50%; }
ul.topnavi { margin: 0px auto 0px auto; }
li.topnavi { list-style-type:none; font-size:0.8em; font-weight:bold; float:left; }
li.topnavi a { text-decoration:none; color:#fff; display:block; }
li.topnavi a:link { color:#fff; }
li.topnavi a:visited { color:#fff; }
li.topnavi a:hover { color:#fff; }
li.topnavi a:active { color:#fff; }
li.topnavi a:focus { color:#fff; }
img.topnavi { }
#imageheader { width:838px; height:140px; background:#fff url(img/layout/header.jpg) no-repeat; overflow:hidden; }
#cart { color:#605c5b; width:838px; height:15px; }
#inhalte { float:right; width:633px; margin:0; text-align:left; }
#content { width:633px; }
#footer { clear:both; margin:10px 0px 0px 0px; width:838px; height:70px; border-top:5px solid #737373; text-align:center; }
p.urheber { text-align:center; font-size:0.65em; color:#999; margin-top:12px; clear:left; }
#navtrail { font-size: 0.7em; display:block; width:838px; color:#605d5c; height:15px; }
#navtrail a:link { font-weight:normal; }
#navtrail a:visited { font-weight:normal; }
#navtrail a:hover { font-weight:normal; }
#navtrail a:active { font-weight:normal; }
#navtrail a:focus { font-weight:normal; }
#left { width:200px; margin:0px 633px 0px 0px; text-align:left; }
h1 { font-size:1.1em; color:#fff; background:url(img/layout/h1.gif) no-repeat; height:30px; vertical-align:middle; text-indent:0.4em; margin-top:4px; padding-top:2px; }
#banner { width:838px; margin-bottom:0; clear:both; float:left; text-align:center; }
div.copyright, div.parseTime { display:none; clear:both; margin: 0 auto; width:838px; font-size:0.7em; text-align:center; color:#737373; }
div.copyright a:link { color:#3a81b9; }
div.copyright a:visited { color:#3a81b9; }
div.copyright a:hover { color:#3a81b9; }
div.copyright a:active { color:#3a81b9; }
div.copyright a:focus { color:#3a81b9; }
#header h1 { text-indent:-100em; background:url(img/pixel_trans.gif); border-bottom:0; width:400px; height:20px; }
#header h2 { text-indent:-100em; width:400px; 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; margin:0 auto; width:620px; }
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; }
/* 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:#3a81b9; }
p.headerError { font-size:0.7em; font-weight:bold; margin-top:5px; margin-bottom:5px; color:#f00; clear:left; float:none; }
p.info_message { font-size:0.7em; font-weight:bold; margin-top:5px; margin-bottom:5px; border:1px solid #3a81b9; background:#eee; color:#3a81b9; padding:2px; }
p.loworder_message { font-size:0.7em; font-weight:bold; margin-top:5px; margin-bottom:5px; border:1px solid #f00; color:#f00; padding:2px; }
li.messageStackError { font-size:0.9em; margin-top:2px; margin-bottom:2px; border:1px solid #3a81b9; background:#eee; color:#3a81b9; font-weight:bold; list-style-type:none; }
li.messageStackWarning { font-size:0.9em; margin-top:2px; margin-bottom:2px; border:1px solid #3a81b9; background:#eee; color:#3a81b9; font-weight:bold; list-style-type:none; }
li.messageStackSuccess { font-size:0.9em; margin-top:2px; margin-bottom:2px; border:1px solid #3a81b9; background:#eee; color:#3a81b9; font-weight:bold; list-style-type:none; }
li.messageStackError { font-size:0.9em; margin-top:2px; margin-bottom:2px; border:1px solid #3a81b9; background:#eee; color:#3a81b9; font-weight:bold; list-style-type:none; }
span.attention { color:#900; font-weight:bold; }
span.inputRequirement { font-size:0.65em; }
input.add_qty { vertical-align:top; font-size:0.9em; width:1.4em; }
.iplusminus { vertical-align:top; }
h2.normal { font-size:1.3em; }
h3.normal { font-size:1.0em; }
p.normal { font-size:0.7em; margin-top:5px; margin-bottom:5px; text-align:justify; }
p.normal img { padding:2px; }
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; }
div.startrow_first { border-top: 1px dashed #ccc; border-bottom:1px dashed #ccc; margin:0 auto; width:628px; height:120px; }
div.startrow { border-bottom:1px dashed #ccc; margin:0 auto; width:628px; height:120px; }
div.startcol_left { width:313px; height:120px; float:left; border-right:1px dashed #ccc; }
div.startcol_right { width:313px; height:120px; float:left; }
div.start_image { width:110px; text-align:center; margin-top:2px; float:left; }
div.start_content { width:195px; float:left; padding-left:5px; }
div.start_content h2 { color:#737373; font-size:0.8em; line-height:1.2em; margin-top:4px; }
div.start_content h3 { color:#70ac00; font-size:0.75em; line-height:0.9em; margin-top:4px; }
div.start_content ul { margin:0; padding:0; }
li.start { list-style-type:none; font-size:0.7em; line-height:1.1em; color:#737373; }
li.start a { display:block; text-align:right; text-decoration:underline; margin-top:3px; }
div.cat_image { float:right; text-align:center; padding:3px; }
div.cat_image img { display:block; float:none; border:1px solid #ccc; }
div.cat_image2 { float:left; text-align:center; }
div.cat_image2 img { display:block; float:none; padding-right:10px; }
div.cat_mix { }
h2.cat_title { text-align:left; font-size:0.9em; text-indent:0.1em; color:#3a81b9; }
p.cat_desc { padding:2px; margin-bottom:3px; font-size:0.7em; text-align:justify; }
p.cat_desc2 { padding:2px; margin-top:10px; margin-bottom:3px; font-size:0.7em; text-align:justify; }
ul.cat_list { }
li.cat_list { list-style-position:inside; font-size:0.7em; padding-left:30px; }
/* Global Shop Classes End ------------------------------------------------------------------- */
h1.agb { margin-bottom:15px; }
h2.agb { font-size:0.7em; margin-top:4px; margin-bottom:15px; }
#agb li { list-style-type:none; }
#agb p { font-size:0.7em; margin:5px; text-align:justify; }
#agb address { font-size:0.7em; margin:20px; }
#agb h3 { font-size:0.8em; margin-top:15px; margin-bottom:5px; }
#agb h4 { font-size:0.75em; margin-top:15px; margin-bottom:5px; text-indent:0.4em; }
h1.revocation { margin-bottom:15px; }
h2.revocation { font-size:0.8em; margin-top:15px; margin-bottom:5px; }
p.revocation { font-size:0.7em; margin:5px; text-align:justify; }
address.revocation { font-size:0.7em; margin:20px; }
h1.shipping { margin-bottom:15px; }
h2.shipping { font-size:0.7em; margin-top:4px; margin-bottom:15px; }
#shipping li { list-style-type:none; }
#shipping p { font-size:0.7em; margin:5px; text-align:justify; }
#shipping address { font-size:0.7em; margin:20px; }
#shipping h2 { font-size:0.8em; margin-top:15px; margin-bottom:5px; color:#3a81b9; }
#shipping h3 { font-size:0.75em; margin-top:15px; margin-bottom:5px; }
#shipping h4 { font-size:0.7em; margin-top:15px; margin-bottom:5px; text-indent:0.4em; }
div.about_us { float:left; width:200px; }
div.history { float:left; width:425px;}
h2.about_us { font-size: 1.0em; margin-top:15px; border-bottom:1px dashed #d5d5d5; }
ul.history_about_us { margin-top:10px; margin-bottom:15px; }
ul.history_about_us li { list-style:none; font-size:0.7em; padding-left:10px; background:url(img/layout/menulevel1.gif) no-repeat; background-position: 0% 15%; padding-bottom:10px; }
ul.history_about_us dl { width:620px; clear:both; float:none; margin-top:5px; }
ul.history_about_us dl dd { padding-left:50px; }
span.history_year { font-weight:bold; color:#3a81b9; padding-right:10px; }
#customer_info li { list-style-type:none; font-size:1.2em; border-bottom:1px dotted #3a81b9; margin-top:10px; margin-bottom:10px; text-indent:1.0em; }
td.bottom { font-size:0.7em; }
td.blue_b { font-size:0.7em; }
/*---------------------------- Imageslider (c) 2008 by Hetfield - Begin --------------------------
#imageslider li { padding-left:45px; list-style-type:disc; list-style-position:outside; overflow:hidden; font-size:0.8em; font-weight:bold; text-align:center; float:left; }
#imageslider li a { text-decoration:none; color:#75ad0c; }
#imageslider li a:link { color:#75ad0c; }
#imageslider li a:visited { color:#75ad0c; }
#imageslider li a:hover { color:#75ad0c; }
#imageslider li a:active { color:#75ad0c; }
#imageslider li a:focus { color:#75ad0c; }
/*---------------------------- Imageslider (c) 2008 by Hetfield - End ----------------------------*/
/* liScroll style declarations */
.tickercontainer { border:0; background: #fff; width: 838px; height: 18px; margin: 0; padding: 0; overflow: hidden; }
.tickercontainer .mask { position: relative; left: 0px; top: 0px; width: 838px; overflow: hidden; }
ul.newsticker { position: relative; left: 838px; list-style-type:disc; margin: 0; padding: 0; }
ul.newsticker li { float: left; margin: 0; padding: 0; font-size:0.8em; font-weight:bold; }
ul.newsticker a { text-decoration:none; white-space: nowrap; padding: 0; color: #75ad0c; margin: 0 50px 0 0; }
ul.newsticker a:link { color:#75ad0c; }
ul.newsticker a:visited { color:#75ad0c; }
ul.newsticker a:hover { color:#75ad0c; }
ul.newsticker a:active { color:#75ad0c; }
ul.newsticker a:focus { color:#75ad0c; }
ul.newsticker span { margin: 0 10px 0 0; }
/**
* ----------------------------------------------------------------------------
* toggleElements.css - Stylesheet for jQuery-Plugin toggleElements
* ----------------------------------------------------------------------------
*/
/* Screen ------------------------------------------------------------------- */
@media projection, screen {
/* Toggler - default style */
.toggler {
margin:25px 0 25px 0;
cursor:pointer;
text-decoration: none;
font-size: 0.8em;
font-weight:bold;
line-height:20px;
display: block;
}
.toggler-closed {
color:#333;
padding-left:20px;
height:20px;
background: #efefef url('img/togglerc.gif') center right no-repeat;
border: solid 1px white;
}
.toggler-closed:hover {
color: #000;
padding-left:20px;
height:20px;
background: #fff url('img/togglerch.gif') center right no-repeat;
border: solid 1px #e3e3e3;
}
.toggler-opened {
color:#333;
padding-left:20px;
height:20px;
background: #efefef url('img/togglero.gif') center right no-repeat;
border: solid 1px white;
}
.toggler-opened:hover {
color: #000;
padding-left:20px;
height:20px;
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; }
}