@charset 'UTF-8';

/*
 Author: Patrick Zeh 
 pzeh@saltation.de
*/

* {
 margin: 0;
 padding: 0;
 font-size: 100%;
 font-weight: inherit;
 font-style: inherit;
 font-family: inherit;
 text-align: left;
 vertical-align: baseline;
}
html, body {
 height: 100.1%;
}
body {
 padding: 0;
 margin: 0;
 font: normal normal normal 1em/1em "Lucida Sans Unicode", "Lucida Grande", Arial, Verdana, sans-serif;
 color: #454545;
 background: #B0ACA8 url('gfx/bg_body01.gif') repeat-x left top;
/* background-color: #B0ACA8;*/
}

a { color: #B71F16; text-decoration: underline; cursor: pointer; }
a:link { color: #B71F16; background-color: transparent; }
a:visited { color: #B71F16; background-color: transparent; }
a:hover, a:active { color: #B71F16; text-decoration: underline; background-color: transparent; }
a img { border: none; }
a:link img, a:visited img { border-style: none }
a.active { text-decoration: underline; }

h1, h2, h3, h4, h5, h6 { 
 text-align: left;
 line-height: 120%;
 font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Verdana, sans-serif;
}
/* we use fixed font-size instead of percentual values */
h1 { color: #B71F16; font-weight: normal; margin-bottom: 0.8em; }
h2, h3, h4 { color: #626262; font-weight: normal; margin-bottom: 0.4em; }
h1 { font-size: 184%; font-size: 25px; }
h2 { color: #B71F16; font-size: 166%; font-size: 22px; }
h3 { font-size: 140%; font-size: 19px; }
h4 { color: #4F4F4F; font-size: 120%; font-weight: bold; font-size: 16px;}

p { margin:0; padding: 0 0 1em 0; }

button { 
 padding: 0;
 margin: 0;
 border: 0;
 background-color: transparent;
 text-align: center;
}

input, textarea, select, .tx_powermail_pi1_fieldwrap_html_check, .tx_powermail_pi1_fieldwrap_html_radio {
 /* Exploder looks better without lineheight... */
 /*font: normal normal normal 1em/1em verdana, arial, helvetica, sans-serif;*/
 font: normal normal normal 1em "Lucida Sans Unicode", "Lucida Grande", Arial, Verdana, sans-serif;
 margin-bottom: 0.6125em;
}
input.checkbox, input.radio {
 border: none !important;
 background-color: transparent;
 margin-right: 0.4em;
}
input.input, textarea.textarea, select.select, textarea, select, input.input_eng {
 border: 1px solid #BFBFBF;
}
input.submit, input.button {
 text-align: center !important;
 width: auto;
}
input.readonly {
 background-color: #EFEFEF;
}
input.disabled {
 color: #7F7F7F;
}
li input {
 vertical-align: top;
}

pre { margin-left: 2em }
pre, code { font-family: monospace }

ul, ol, dl {
 margin: 0;
 padding: 0;
/*
 line-height: 140%;
 list-style: square outside none;
*/
}

sub {
 font-size: 70%;
font-size: 9px;
 vertical-align: bottom;
}
sup {
 font-size: 70%;
font-size: 9px;
 vertical-align: top;
}

strong { font-weight: bold; }
b { font-weight: bold; }
i { font-style: italic; }
hr, .hr {
 height: 3em;
 margin-bottom: 1em;
 border: none;
 clear: both;
}
hr.ie {
 color: #FFFFFF;
 background-color: #FFFFFF;
 height: 0.1em;
 margin: 0em;
 border: none;
 clear: both;
}

.hide { display: none !important; }

.center { text-align: center !important; }
.right { text-align: right !important; }

.highlight {
 color: #003B6F;
}
.highlightstrong {
 color: #003B6F;
 font-weight: bold;
}
.gray {
 color: #7F7F7F;
}
.red, a.red, .red a {
 color: #003B6F;
}
.clear {
 clear: both;
 font-size: 1px;
 line-height: 1px;
 height: 0;
}
.fleft {
 float: left;
}
.fright {
 float: right;
}
.small {
 font-size: 89% !important;
font-size: 10px !important;
 font-weight: normal !important;
}
.smallstrong {
 font-size: 89% !important;
font-size: 10px !important;
 font-weight: bold !important;
}
.bigger {
 font-size: 110% !important;
font-size: 15px !important;
}
.quote {
 font-style: italic;
}
.csc-textpic-caption {
 color: #5F5F5F;
 font-size: 91%;
font-size: 11px;
 line-height: 130%;
}
body#home .csc-textpic-caption {
 font-size: 100%;
font-size: 13px;
 color: #000000;
 background-color: #F4F4F4;
 border: 4px solid #FFFFFF;
 border-top: none;
 padding: 0 0.4em 0.4em 0.4em;
}
.nobr {
 white-space: nowrap;
}
.bartop {
 height: 9px;
 background-color: #FFFFFF;
}
.barbot {
 height: 9px;
 background-color: #000000;
}
.boxed01 {
 color: #F4F4F4;
 background-color: #95928F;
}
.boxed01 h1, .boxed01 h2, .boxed01 h3, .boxed01 h4 {
 background-color: #F4F4F4;
 padding-bottom: 0.4em;
}
.boxed01top, .boxed01top span, .boxed01bot, .boxed01bot span  {
 height: 10px;
 display: block;
}
.boxed01top {
 background: #F4F4F4 url('gfx/bg_boxed01_tl.gif') no-repeat left top;
}
.boxed01top span {
 background: transparent url('gfx/bg_boxed01_tr.gif') no-repeat right top;
}
.boxed01bot {
 margin-bottom: 1em;
 background: #95928F url('gfx/bg_boxed01_bl.gif') no-repeat left top;
}
.boxed01bot span {
 background: transparent url('gfx/bg_boxed01_br.gif') no-repeat right top;
}
.boxed01 h1, .boxed01 h2, .boxed01 h3, .boxed01 h4, .boxed01 h5, .boxed01 h6 {
 padding: 0 10px 0.4em 10px;
 margin-bottom: 0.4em;
}
.boxed01 p, .boxed01 ul, .boxed01 ol {
 padding: 0 10px 0 10px;
}

#container {
 width: 960px;
 margin: 0 auto;
 background-color: #B0ACA8;
}

#header {
 min-height: 140px;
 font-size: 76%;
font-size: 84%;
font-size: 13px;
 background: transparent url('gfx/bg_header.gif') no-repeat left top;
}
* html #header {
 height: 140px;
}

#logohome img {
 width: 115px;
 height: 122px;
 margin: 15px 0 0 28px;
}

#navmain {
 width: 784px;
 margin: 44px 0 0 10px;
}
#navmain ul {
 list-style: none;
}
#navmain ul li {
 float: left;
 border-left: 1px solid #D8D6D4;
}
#navmain ul li.last {
 border-right: 1px solid #D8D6D4;
}
#navmain ul li a {
 color: #EAEAEA;
color: #000000;
 display: block;
 padding: 8px 0.6em 4px 0.6em;
 text-decoration: none;
 border-right: 1px solid #B0ACA8;
}

#navmain ul li a:link, #navmain ul li:visited {

}
#navmain ul li a:hover, #navmain ul li a:active, #navmain ul li a.act {
 color: #FFFFFF;
/* font-weight: bold;*(/
/* background: transparent url('gfx/bg_navmain_a_act.gif') repeat-x left bottom;*/
}
#search {
 margin: 8px 24px 0 0;
 float: right;
display: inline;
}
#search fieldset {
 border: none;
 display: inline;
}
#search input.input {
 width: 10.5em;
 background-color: #EBE6E2;
 border: 1px solid #EBE6E2;
}
#search input.submit {
 width: 12px;
 margin-left: 0.4em;
/* height: 12px;*/
 border: none;
 background: transparent url('gfx/but_search_submit.gif') no-repeat left center;
}

#contentcontainer {
 font-size: 76%;
font-size: 84%;
font-size: 13px;
}
#col1 {
 width: 200px;
 margin: 0 0 1.6em 2.2em;
margin-left: 26px;
display: inline;
}
#col2 {
 width: 720px;
 margin: 0 0 1.6em 1em;
margin-left: 14px;
 background-color: #F4F4F4;
display: inline;
}
body#home #col1 {
 display: none;
}
body#home #col2 {
 width: 920px;
 margin-right: 1em;
 background-color: transparent;
}
body#home #col2contenttop, body#home #col2contentbot {
 display: none;
}

#navsub {
 margin-bottom: 1em;
 border-top: 1px solid #CFCBC4;
 border-bottom: 1px solid #CFCBC4;
}
#navsub ul {
 list-style: none;
}
#navsub ul li a {
/* color: #EAEAEA;*/
 color: #B71F16;
 padding: 0.3em 0 0.3em 0.7em;
 display: block;
 text-decoration: none;
}
#navsub ul li a:link, #navsub ul li a:visited {

}
#navsub ul li a:hover, #navsub ul li a:active, #navsub ul li a.act {
 color: #FFFFFF;
 background: transparent url('gfx/bg_navsub_a_act.gif') no-repeat left 0.8em;
}
#navsub ul ul li {
/* padding-left: 1.5em;*/
}
#navsub ul ul li a {
 padding: 0.1em 0 0.1em 2em;
}
#navsub ul ul li a:hover, #navsub ul ul li a.act {
 background-position: 1.4em 0.65em;
}
#navsub ul ul ul li a {
 padding: 0.1em 0 0.1em 3.4em;
}
#navsub ul ul ul li a:hover, #navsub ul ul ul li a.act {
 background-position: 2.8em 0.65em;
}

#col2contenttop, #col2contenttop span, #col2contentbot, #col2contentbot span  {
 height: 5px;
 display: block;
}
#col2contenttop {
 height: auto;
 background: #F4F4F4 url('gfx/bg_cnt_tl.gif') no-repeat left top;
}
#col2contenttop span {
 background: transparent url('gfx/bg_cnt_tr.gif') no-repeat right top;
}
#col2contentbot {
 background: #F4F4F4 url('gfx/bg_cnt_bl.gif') no-repeat left top;
}
#col2contentbot span {
 background: transparent url('gfx/bg_cnt_br.gif') no-repeat right top;
}

#col2content {
 margin: 0 0.8em 0 0.8em;
 min-height: 28em;
}
* html #col2content {
 height: 28em;
}

#col2contenttop div {
 margin: 0 0 0.8em 0;
 padding: 0 0 0 2.8em;
 background: #D7D7D7 url('gfx/bg_cnt_top_tl2.gif') no-repeat left top;
 display: block;
 float: left;
}
#col2contenttop h1 {
 margin-bottom: 0;
 padding: 0.25em 0.8em 0.4em 0;
 background: #D7D7D7 url('gfx/bg_cnt_top_br.gif') no-repeat right bottom;
 display: block;
 float: left;
}


#col2content ul, #col2content ol {
 margin: 0 0 0.8em 2em;
}
#col2content .csc-textpic-imagewrap ul {
 list-style: none;
 margin: 0;
 padding: 0;
}
#col2content ul {
 list-style: disc;
}

#footer {
 font-size: 76%;
font-size: 84%;
font-size: 13px;
}
#navseo, #navfooter {
 min-height: 1px;
}
#navfooter ul {
 list-style: none;
 margin: 1em 0.2em 0 0;
 float: right;
}
#navseo ul {
 list-style: none;
 margin: 1em 0.2em 0 0;
}
#navfooter ul li, #navseo ul li {
 float: left;
 border-right: 1px solid #D8D6D4;
}
#navfooter ul li.last, #navseo ul li.last {
 border: none;
}
#navfooter ul li.last a {
 padding: 0 0 0 0.6em;
}
#navfooter ul li a, #navseo ul li a {
 color: #EAEAEA;
color: #000000;
 display: block;
 padding: 0 0.6em 0 0.6em;
 text-decoration: none;
 border-right: 1px solid #B0ACA8;
}
#navfooter ul li a:link, #navfooter ul li:visited, #navseo ul li a:link, #navseo ul li:visited {
}
#navfooter ul li a:hover, #navfooter ul li a:active, #navfooter ul li a.act, #navseo ul li a:hover, #navseo ul li a:active, #navseo ul li a.act {
 color: #FFFFFF;
}
#navfooter img {
 margin-top: 0.2em;
}
#navseo ul li a {
 color: #7F7F7F;
}

.csc-default {
 clear: both;
}

/* shop */
.tt-products td {
 vertical-align: top;
}
.tt-products .shophighlight {
 background-color: #E7E7E7;
}
.tt-products .tr-last {
 border-bottom: 1px dashed #FFF5E5;
}
.tt-products #productsingle .productimage {
 width: 160px;
}
.tt-products #productsingle .productimage img {
 margin: 0 0.5em 0.9em 0;
}
.tt-products table.productlist {
 margin-bottom: 1.6em;
 border-top: 1px solid #D7D7D7;
}
.tt-products table.productlist td.productimage {
 width: 160px;
}
.tt-products td.productimage img {
 border: 4px solid #A7A7A7;
}
.tt-products td.articleprice,
.tt-products td.articlenumber {
 width: 7em;
}
.tt-products td.amountbasket {
 background: transparent url('gfx/bg_inbasket.gif') no-repeat left top;
 height: 31px;
}
.tt-products td.amountbasket span {
 margin: 8px 0 0 40px;
 display: block;
}
.tt-products td.amountbasket input.inputinbasket {
 vertical-align: top;
}
.tt_products_item_catlist {
 margin-bottom: 0.8em;
}
.tt_products_item_catlist ul {
 list-style: none;
}
.tt-products p.shop_minibasket a {
 background: transparent url('gfx/ico_mini_basket.gif') no-repeat left top;
 padding: 8px 0 8px 40px;
 text-decoration: none;
 display: block;
}
.tt-products p.shop_minibasketlink a {
 color: #FFFFFF;
 background: transparent url('gfx/ico_arrow_inbasket2.gif') no-repeat right center;
 margin: 0 12px 0 12px;
 padding: 0 12px 0 0;
 text-decoration: none;
 display: block;
}
.tt-products .price_no_vat {
 color: #8F8F8F;
}
.tt-products #payment-select {
/* width: 20em;*/
}
.tt-products .tt_products_item_catlist a.depth2 {
 margin-left: 1em;
}
.tt-products .tt_products_item_catlist a.depth3 {
 margin-left: 2em;
}
#col1content .tt_products_item_catlist ul li a {
 color: #B71F16;
 text-decoration: none;
 padding: 0.3em 0 0.3em 0.7em;
 display: block;
}
#col1content .tt_products_item_catlist ul li a.depth2 {
 padding: 0.1em 0 0.1em 1em;
}
#col1content .tt_products_item_catlist a:hover, #col1content .tt_products_item_catlist a.act {
 color: #FFFFFF;
 background: transparent url('gfx/bg_navsub_a_act.gif') no-repeat left 0.8em;
}

.filelinks span { display: inline; }
.filelinks {
 margin: 0.8em 0 0.8em 0;
}

.tx-powermail-pi1 fieldset {
 border: none;
}
.tx-powermail-pi1 legend {
 display: none;
}
.tx-powermail-pi1 label {
 display: block;
}
.tx-powermail-pi1 input.input, .tx-powermail-pi1 textarea.textarea {
 width: 16em;
}
.tx-srfreecap-pi2-image {
 display: block;
}
.tx_powermail_pi1_fieldwrap_html_captcha {
 margin-bottom: 0.8em;
}
.tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html_check {
 margin-bottom: 0.4em;
}
.tx-powermail-pi1 .powermail_check_inner input, .tx-powermail-pi1 .powermail_check_inner label,
.tx-powermail-pi1 .powermail_radio_inner input, .tx-powermail-pi1 .powermail_radio_inner label {
 display: inline
}
.tx-powermail-pi1 .powermail_check_inner input,
.tx-powermail-pi1 .powermail_radio_inner input {
 vertical-align: top;
 margin: 0.2em 0 0 0;
}

/* indexed search */
.tx-indexedsearch fieldset {
 border: none;
}
.tx-indexedsearch legend, .tx-indexedsearch-result-number, dl.tx-indexedsearch-info {
 display: none;
}
.tx-indexedsearch-percent {
 font-size: 74%;
font-size: 10px;
}
.tx-indexedsearch-res-entry {
 border-bottom: 1px dotted #7F7F7F;
 margin-bottom: 1.6em;
}
#col2content ul.browsebox {
 list-style: none;
}
#col2content ul.browsebox li {
 float: left;
 margin: 0 0.8em 0.8em 0;
}

/* temporary disabled */
.ico_flag_gb, #navfooter .ico_flag_ger, #navfooter .ico_flag_gb {
 display: none !important;
}
body.flag .ico_flag_gb {
 display: block !important;
}

body#home dd.csc-textpic-caption {
 overflow: hidden;
 /* min-height: 10em*/
}

#search {
 width: 18em;
}
#search ul {
 list-style:none;
 float: right;
}
#search li {
 display: inline;
 float: left;
 margin: 0.2em 0.4em 0 0;
}
#search li img  {
 border: 1px solid #7F7F7F;
}
#search form {
 float: right;
}