* {
font-size:100.01%
}
html {
font-size:75%;
height: 100%;
margin: 0 0 1px;
}
body {
color:#0F0F0F;
font:.833em Arial, Helvetica, sans-serif;
height: 100%;
margin: 0 0 1px;
/* background:#fff url(../Images/body-bg2011.jpg) no-repeat;
background-attachment: fixed; */
}
/* shop */
/* Common Parts */
a {
color:#1b4091;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
p {
margin:0 0 1.5em;
padding:0;
line-height:1.5em;
}
img {
border:none;
}
form, fieldset {
margin:0;
padding:0;
border:none;
}
input, label {
vertical-align:middle;
}
/* Main Blocks */
#page-box {
width:92.4em;
margin:0 auto; background-image:url(../Images/75p.png);background-image:url(../Images/75p.png); background-color:#FFFFFF; }
/* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../Images/75p.png');*/
/* IE ignores styles with [attributes], so it will skip the following. */
#page-box[id] {
}
/* header style */
#header {
width:100%;
overflow:hidden;
padding:2.2em 0 2.2em;
}
/* logo style */
.logo {
margin:-0.2em 1.8em 0 2px;
display:inline;
float:left;
}
.logo span {
display:none;
}
.logo img {
width:21.8em;
}
.btn-join {
float:left; margin-top:-1.3em;
}
.btn-join img {
/* width:9.1em; */
}
/* SCHRIFTGRÖSSE ÄNDERN */
.control-layout {
width:41.5em;
font:1.2em tahoma, arial, helvetica, sans-serif;
float:right;
text-align:right;
margin:-1.2em 10em 0 2px;
}
#fontSizeNav {
font-size:1.1em;
display: inline;
list-style-type: none;
}
#fontSizeNav li {
float: right;
}
#fontSizeNav a {
padding: 0.1em;
text-decoration: none;
color:#666;
display: block;
}
#fontSizeNav a:focus, #fontSizeNav a:active, #fontSizeNav a:hover {
color:#666;
}
#fontSizeNav img {
width: 1.0em;
height: 1.0em;
border: 0;
}
#fontDownLink {
display: none;
}
#fontDownLi {
padding-top: 0.1em;
padding-right: 0.5em;
}
#fontUpLi {
padding-top: 0.1em;
padding-left: 0.5em;
}
/* control panel style */
.control-panel {
width:41.5em;
float:right;
text-align:right;
}
.control-panel-active, .control-panel-logged {
width:47.5em;
float:right;
text-align:right;
}
.control-panel-active-logged {
width:47.5em;
float:right;
text-align:right;
}
.control-panel-logged .form-content, .control-panel .form-content, .control-panel-active .form-content, .control-panel-active-logged .form-content {
float:left;
width:12.9em;
padding-top:1em;
}
.control-panel .form-content input, .control-panel-active .form-content input, .control-panel-active-logged .form-content input, .control-panel-logged .form-content input {
padding:.2em;
font-size:1.1em;
width:6em;
float: left;
}
.control-panel .form-content input.btn-search, .control-panel-active .form-content input.btn-search, .control-panel-active-logged .form-content input.btn-search, .control-panel-logged .form-content input.btn-search {
padding:0 0em 0 0em;
color:#666;
background-color:white;
border:0px solid;
border-color: white white white white;
padding:.0em;
font-size:1.1em;
width:3.9em;
float: left;
text-align:left;
font:1.3em tahoma, arial, helvetica, sans-serif;
background:url(../Images/bullet.gif) no-repeat;
background-position:right .6em;
margin-left:.4em;
cursor: pointer;
cursor: hand;
}
input.btn-search {
}
.control-panel ul, .control-panel-active ul, .control-panel-logged ul, .control-panel-active-logged ul {
float:left;
overflow:hidden;
margin:0;
padding:1.3em 0 0;
list-style:none;
}
.control-panel li, .control-panel-active li, .control-panel-active-logged li, .control-panel-logged li {
float:left;
padding:0 .6em 0 1em;
background:url(../Images/bullet.gif) no-repeat 0 .6em;
margin:0 3px 0 -3px;
display:inline;
}
.control-panel li a, .control-panel-active li a, .control-panel-active-logged li a, .control-panel-logged li a {
font:1.2em tahoma, arial, helvetica, sans-serif;
color:#666;
text-decoration:none;
}
.control-panel li a:hover, .control-panel li.active a, .control-panel-active li a:hover, .control-panel-active li.active a, .control-panel-active-logged li a:hover, .control-panel-active-logged li.active a, .control-panel-logged li.active a {
color:#043ca5;
}
input.fld-search {
border: 1px solid #CFCFCF;
padding:.2em;
font-size:1.1em;
width:6em;
float: left;
}
a.bag {
width:3.5em;
line-height:4.2em;
position:relative;
text-align:center;
float:left;
}
a.bag span {
position:relative;
z-index:9;
}
a.bag img {
width:3.5em;
position:absolute;
top:0;
left:0;
z-index:1;
}
/* navigation style */
.nav, .nav2 {
clear:both;
padding:0 5px 0.8em 0;
height:7.5em;
}
*+html .nav {
background:url(../Images/nav-bg.gif) no-repeat;
width:919px;
}
*+html .nav2 {
background:url(../Images/nav2-bg.gif) no-repeat;
width:919px;
}
.nav ul, .nav2 ul {
margin:0;
padding:0;
list-style:none;
width:100%;
overflow:hidden;
position:relative;
z-index:9;
height:7.5em; margin-left:5px;
}
.nav li, .nav2 li {
float:left;
}
.nav li a, .nav2 li a {
color:white;
font:bold 1.6em/2.1em Arial, Helvetica, sans-serif;
overflow:hidden;
height:2.1em;
float:left;
padding:0 12px;
}
.nav li.active {
background:url(../Images/item-bg.gif);
}
.nav li.active a {
color:#0F3979;
}
.nav li img, .nav2 li img {
float:left;
width:1.1em;
display:none;
}
.nav li.active img {
display:block;
}
.nav .bg, .nav2 .bg {
width:92.4em;
margin-top:-7.5em;
display:block;
}
*+html .nav .bg, *+html .nav2 .bg {
display:none;
}
.nav ul ul {
position:absolute;
top:3.2em;
left:3.5em;
display:none;
color:#0F499D;
}
.nav li.active ul {
display:block;
}
.nav li li {
margin-right:3.6em;
color:#0F499D;
}
.nav li li a {
height:auto;
padding:0;
float:none;
font:bold 1.3em/2.3em tahoma, arial, helvetica, sans-serif;
color:#0F499D;
}
/* container style */
#container {
width:91.7em;
padding:0 .2em 0 .5em;
overflow:hidden;
min-height:30.0em;
}
/* main column style */
.main-column {
float:right;
width:58.333em;
padding-left:3px;
font-size:1.2em;
}
.main-column-wide {
float:left;
width:74.033em;
padding: 0 1em 0 1em;
font-size:1.2em;
}
.main-column img, .main-column-wide img {
margin: 10px;
}
.main-column h1, .main-column-wide h1 {
color:#05399f;
font:bold 1.833em/120% Arial, Helvetica, sans-serif;
margin:0 0 .5em;
}
.main-column h2, .main-column-wide h2 {
color:#05399f;
font:normal 1.667em/120% Arial, Helvetica, sans-serif;
margin:0 0 .3em;
}
.main-column h3, .main-column-wide h3 {
color:#05399f;
font:normal 1.467em/120% Arial, Helvetica, sans-serif;
margin:0 0 .5em;
}
.main-column h4, .main-column-wide h4 {
color:#05399f;
font:bold 1.167em/120% Arial, Helvetica, sans-serif;
margin:0 0 .5em;
}
.main-column h5, .main-column-wide h5 {
color:#05399f;
background-color:#F7F7F7;
font:bold 1.167em/120% Arial, Helvetica, sans-serif;
border-top: #B5B5B5 solid 1px;
border-bottom: #B5B5B5 solid 1px;
padding: .4em;
}
.main-column h6, .main-column-wide h6 {
color:#05399f;
font:bold 1.167em/120% Arial, Helvetica, sans-serif;
border-bottom: #05399f solid 1px;
margin:0 0 .5em;
}
.main-column ul, .main-column-wide ul {
list-style-image: url(../Images/a_bullet.jpg)
}
.main-column ul li, .main-column-wide ul li {
margin-bottom: .9em;
line-height:1.4em;
}
.main-img-box {
background:#94a8c5 url(../Images/main-img-box-bg.jpg) repeat-y 100% 0;
margin:0 0 2em -3px;
width:100%;
overflow:hidden;
height:13.1em;
font-size:.833em;
}
.main-img-box img {
height:13.1em;
display:block;
padding:0px;
margin:0px;
}
/* search style */
.mainsearchBox {
background: #F9F9F9;
border:1px solid #EBEBEB;
padding:10px;
margin-bottom:10px;
margin-left:10px;
width:90%
}
/* pager style */
.pager {
width:100%;
overflow:hidden;
margin-bottom:1em;
}
.pager.bottom {
margin-top:-2em;
}
.pager .content {
float:right;
background:#f9f9f9;
color:#1151b1;
padding:.5em 1.5em;
}
.pager span {
float:left;
margin-right:10px;
}
.pager ul {
float:left;
margin:0;
padding:0;
list-style:none;
}
.pager li {
display:inline;
margin-left:3px;
}
.pager li.active {
font-weight:bold;
}
.pager li a {
color:#1151b1;
}
.main-column-wide .text-box-list {
width:100%;
overflow:hidden;
margin:0 -7.7em 2.833em 0;
position:relative;
padding-bottom:1px;
border:1px solid red;
}
.main-column .text-box-list {
width:66em;
overflow:hidden;
margin:0 -7.7em 2.833em 0;
position:relative;
padding-bottom:1px;
}
.text-box {
float:left;
width:18.1em;
margin:1px 1.60em 0 0;
background:#f9f9f9;
border:solid #dcdcdc;
border-width:0 1px;
}
.text-box .content {
margin:-1px 0;
border:solid #dcdcdc;
border-width:1px 0;
padding:1em 1.417em;
position:relative;
height:1%;
overflow:hidden;
}
/* teaser image box all */
.img-box {
width:15.416em;
border:solid #dcdcdc;
border-width:0 1px;
position:relative;
background:#fff;
margin:1px auto;
height:1%;
float:left;
}
.img-box img {
max-height: 12.583em;
float:left;
padding:.4em;
float:left;
margin:-1px auto;
border:solid #dcdcdc;
border-width:1px 0;
position:relative;
}
/* teaser image box CATERGORY overview */
.img-box-cat {
border:solid #dcdcdc;
border-width:0px;
position:relative;
background:#fff;
margin:0 auto;
height:1%;
line-height:8em;
text-align:center;
vertical-align: middle;
}
.img-box-cat-span {
vertical-align:middle;
}
.img-box-cat img {
vertical-align:middle;
padding:.6em;
margin: auto;
border: solid #dcdcdc;
border-width:1px;
position:relative;
background-color:white:
}
.main-column-wide .four-text-box .text {
font-size:1.2em;/* resets content-column-wide font size from fourtexthomepage to standard*/
}
/* teaser image box SEARCH overview */
.img-box-search-cat {
width:17.5em;
min-height:13.9em;
border:solid #dcdcdc;
border-width:0px;
position:relative;
background:#fff;
margin:0 auto;
height:1%;
line-height:8em;
text-align:center;
vertical-align: middle;
}
.img-box-search-span {
vertical-align:middle;
text-align:center;
line-height:13.9em;
}
.img-box-search img {
vertical-align:middle;
padding:.6em;
margin: auto;
border: solid #dcdcdc;
border-width:1px;
position:relative;
background-color:white:
}
/* teaser image box PRODUCT overview */
.img-box-product {
width:13.9em;
min-height:13.9em;
border:solid #dcdcdc;
border-width:1px;
position:relative;
background:#fff;
margin:0 auto;
height:1%;
line-height:8em;
text-align:center;
vertical-align: middle;
}
.img-box-product-span {
vertical-align:middle;
line-height:13.9em;
}
.img-box-product img {
vertical-align:middle;
padding:.0em;
margin: auto;
position:relative;
}
/* 4 teaser boxes homepage */
.four-text-box {
margin:0 -1.60em 2.6em 0;
width: 100%; /* 94em; */
overflow:hidden;
padding:1px 0;
}
.four-text-box .text-box {
width:21.2em;
margin-right:1.4em;
}
.four-text-box .img-box {
width:17.9em;
margin-bottom:1em;
}
.four-text-box .img-box span {
width:17.1em;
}
.four-text-box .img-box img {
width:17.1em;
}
/* 4 search & shopmaincat */
.main-column-wide .four-text-box {
margin:0 -1.60em 2.6em 0;
width:100%;
overflow:hidden;
padding:0px;
font-size:.833em;/* resets content-column-wide font size as fourtexthomepage*/
}
.main-column-wide .four-text-box .text-box {
width:20.6em;
margin-right:1.3em;
}
.main-column-wide .four-text-box .img-box {
width:17.5em;
margin-bottom:1em;
}
.main-column-wide .four-text-box .img-box span {
width:16.7em;
}
.main-column-wide .four-text-box .img-box img {
width:100%;
}
.text-content {
font-size:1.2em;
}
.text-content h3 {
color:#05399f;
font:bold 1em/120% Arial, Helvetica, sans-serif;
margin:0 0 .5em;
}
.text-content h3 a {
color:#05399f;
}
.text-content li {
margin-bottom:.1em;
}
.product .img-box, .product .img-box span, .product .img-box em, .product .img-box strong, .product .img-box a {
width:13.633em;
}
.product .img-box a {
width:12.833em;
}
.product .img-box img {
width:12.833em;
}
.main-column-wide .product .img-box, .main-column-wide .product .img-box span, .main-column-wide .product .img-box em, .main-column-wide .product .img-box strong, .main-column-wide .product .img-box a {
width:15.633em;
border: 1px solid red;
}
.main-column-wide .product .img-box a {
width:14.833em;
border: 1px solid red;
}
.main-column-wide .product .img-box img {
width:14.833em;
border: 1px solid red;
}
.text-box .text {
float:left;
width:100%;
padding-top:1em;
}
.text-box ul {
margin:0;
padding:0;
list-style:none;
list-style-type:none;
list-style-image:none;
position:relative;
}
.text-box li {
padding-left:12px;
background:url(../Images/arrow.gif) no-repeat 0 .1em;
list-style:none;
list-style-type:none;
}
.text-box li a {
color:#031d4b;
}
.main-column .text-box h3, .main-column-wide .text-box h3 {
margin-bottom:.2em;
}
.main-column .product h3, .main-column-wide h3 {
color:#1f5bb5;
font:bold 1em/120% Arial, Helvetica, sans-serif;
margin:0 0 .5em;
}
.main-column .product h3 a {
color:#1f5bb5;
}
.text-box p {
margin-bottom:.8em;
}
.add-info {
width:100%;
overflow:hidden;
color:#1f5bb5;
font-weight:bold;
}
.add-info strong {
float:left;
}
.add-info a {
color:#1f5bb5;
float:right;
padding-right:15px;
min-height:13px;
background:url(../Images/ico-detail.gif) no-repeat 100% 50%;
}
* html .add-info a {
height:13px;
}
.special-price {
color:#5cb;
}
/* sidebar style */
.sidebar {
float:left;
width:19.1em;
}
/* add navigation style */
.add-nav {
width:19.1em;
border:1px solid #dcdcdc;
background:url(../Images/add-nav-bg.gif) repeat-x;
margin-bottom:1em;
}
.add-nav:after {
content:".";
display:block;
width:100%;
overflow:hidden;
height:0;
clear:both;
color:#f9f9f9;
}
* html .add-nav {
height:1%;
}
.add-nav .inner, .add-nav .content, .add-nav .bg, .add-nav .info {
width:19.1em;
margin:-1px;
padding:1px;
position:relative;
float:left;
display:inline;
background:url(../Images/pxl.gif) no-repeat;
}
.add-nav .content {
background-position:100% 0;
}
.add-nav .bg {
background-position:0 100%;
}
.add-nav .inner {
background-position:100% 100%;
}
.add-nav h2 {
color:#05399f;
font:bold 2.2em/120% Arial, Helvetica, sans-serif;
margin:.5em;
}
.add-nav ul {
margin:0;
padding:0;
list-style:none;
list-style-type:none;
}
.add-nav li {
border-bottom:1px solid #dcdcdc;
list-style:none;
list-style-type:none;
margin:0;
padding:0;
}
.add-nav li.last {
border:none;
}
.add-nav li a {
display:block;
position:relative;
}
.add-nav li span {
display:block;
font-size:1.2em;
padding:.4em 3em .4em 1em;
}
.add-nav li.active a {
background:url(../Images/arrow.gif) no-repeat .25em .7em;
text-decoration:none;
font-weight:bold;
}
.add-nav li.active span {
background:url(../Images/arrow-white.gif) no-repeat 14em .6em;
}
.add-nav ul ul {
display:none;
}
.add-nav li li {
border:1px solid #dcdcdc;
border-bottom:none;
margin:0;
}
.add-nav li.active ul {
display:block;
}
.add-nav li.active li a {
text-decoration:none;
background:#004abb;
color:#fff;
font-size:1.2em;
font-weight:normal;
padding:.4em 3em .4em 1em;
}
.add-nav li.active li a:hover {
text-decoration:underline;
background:#004abb;
}
/* for inner pages */
.inner-page .add-nav {
border:1px solid #0044ab;
background:#0044ab;
}
.inner-page .add-nav h2 {
color:#fff;
}
.inner-page .add-nav li a {
color:#fff;
}
.inner-page .add-nav li.active {
border-bottom:1px solid #4b87e0;
}
.inner-page .add-nav li.active a {
background:none;
}
.inner-page .add-nav li.active span {
background:url(../Images/arrow-white-r.gif) no-repeat .25em .7em;
}
.inner-page .add-nav li li {
border-left:1px solid #a2c1f0;
border-right:1px solid #a2c1f0;
border-top:1px solid #4b87e0;
}
.inner-page .add-nav li.active li a, .inner-page .add-nav li.active li a:hover {
background:#a2c1f0;
color:#00255e;
}
/* newsletter box */
.newsletter-box {
width:100%;
overflow:hidden;
margin-bottom:2em;
background:url(../Images/newslettre-box-bg.gif) repeat-y 100% 0;
}
.newsletter-box .top-bg {
width:100%;
height:20px;
overflow:hidden;
background:url(../Images/newslettre-box-top-bg.gif) repeat-x;
}
.newsletter-box .top-bg span {
float:left;
background:url(../Images/newslettre-box-left-top-bg.gif) no-repeat;
width:10px;
height:20px;
}
.newsletter-box .top-bg em {
float:right;
background:url(../Images/newslettre-box-right-top-bg.gif) no-repeat;
width:10px;
height:20px;
}
.newsletter-box .btm-bg {
width:100%;
height:11px;
overflow:hidden;
clear:both;
background:url(../Images/newslettre-box-bg.gif) repeat-x 0 100%;
}
.newsletter-box .btm-bg span {
float:left;
background:url(../Images/newslettre-box-left-btm-bg.gif) no-repeat;
width:11px;
height:11px;
overflow:hidden;
}
.newsletter-box .btm-bg em {
float:right;
background:url(../Images/newslettre-box-right-btm-bg.gif) no-repeat;
width:11px;
overflow:hidden;
height:11px;
}
.newsletter-box .content {
background:url(../Images/newslettre-box-bg.gif) repeat-y;
width:100%;
overflow:hidden;
}
.newsletter-box .form-content {
padding:0 1.5em;
}
.newsletter-box .form-content strong {
display:block;
font-size:1.3em;
margin-bottom:1em;
color:#0044ab;
font-weight:normal;
}
.newsletter-box input.text {
border:1px solid #ccc;
width:7.7em;
margin-bottom:1em;
display:block;
padding:2px;
}
.newsletter-box input.btn {
width:6em;
}
.add-logo {
width:10.3em;
margin:0 auto 1em;
display:block;
}
#footer {
width:100%;
overflow:hidden;
padding-bottom:10px;
}
.footer-nav {
background:#0741ad url(../Images/footer-bg.gif);
color:#fff;
margin-bottom:1.2em;
width:100%;
overflow:hidden;
}
.footer-nav .top-bg {
width:100%;
height:24px;
overflow:hidden;
background:url(../Images/footer-top-bg.gif) repeat-x;
}
.footer-nav .top-bg span {
width:13px;
float:left;
height:24px;
overflow:hidden;
background:url(../Images/footer-top-left-bg.gif) no-repeat;
}
.footer-nav .top-bg em {
width:13px;
float:right;
height:24px;
overflow:hidden;
background:url(../Images/footer-top-right-bg.gif) no-repeat;
}
.footer-nav .btm-bg {
width:100%;
height:7px;
overflow:hidden;
background:url(../Images/footer-btm-bg.gif) repeat-x;
}
.footer-nav .btm-bg span {
width:7px;
float:left;
height:7px;
overflow:hidden;
background:url(../Images/footer-btm-left-bg.gif) no-repeat;
}
.footer-nav .btm-bg em {
width:7px;
float:right;
height:7px;
overflow:hidden;
background:url(../Images/footer-btm-right-bg.gif) no-repeat;
}
.footer-nav ul {
margin:-20px 1em 0;
position:relative;
padding:1em 0 .4em;
width:90.4em;
overflow:hidden;
}
.footer-nav li {
float:left;
padding:0 5px;
margin:0 1px 0 -1px;
display:inline;
border-left:1px solid #fff;
}
.footer-nav li a {
font:1.1em tahoma, arial, Helvetica, sans-serif;
color:#fff;
text-decoration:none;
}
.footer-nav li a:hover {
text-decoration:underline;
}
#footer p {
margin:0 0 0 1em;
float:left;
color:#0F3979;
}
#footer p.right {
float:right;
margin:0 1em 0 0;
}
#footer p.right a {
color:#0F3979;
}
fieldset.login {
width:100%;
margin-bottom:1em;
}
fieldset.login h2 {
margin-bottom:0.5em;
margin-top:0.3em;
}
fieldset.login label {
font-weight: bold;
float: left;
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}
fieldset.login input, fieldset.login textarea {
width: 100px;
margin-bottom: 5px;
}
fieldset.login .login-new label {
font-weight: bold;
width: 160px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}
.login-new, .login-exis {
display: block;
width:100%;
margin:0px;
padding:0px;
min-height:30px;
vertical-align:middle;
}
fieldset.login .login-new input {
width: 10px;
margin-bottom: 0px;
}
fieldset.login .login-new .checkboxlogin, fieldset.login .login-exis .checkboxlogin {
width: 15px;
height: 15px;
}
.main-column .contact-box {
width: 20px;
height: 15px;
}
/* PorductINfoCONtact*/
.contact-checkbox li {
list-style-type:none;
}
#contact-checkbox {
padding:0;
margin:0;
margin-left:10px;
margin-top:10px;
}
#contact-checkbox li {
list-style-type:none;
list-style-image:none;
display: block;
width:100%;
float:left;
list-style: none;
}
#contact-checkbox label {
width:500px;
}
#contact-checkbox .checkbox {
font-weight:bold;
float:left;
width:20px;
padding:0 .1em;
}
/* End*/
fieldset.login .login-exis label {
font-weight: bold;
width: 180px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}
fieldset.login .login-exis input {
clear: all;
width: 10px;
float:none;
margin-bottom: 0px;
}
fieldset.login .login-exis input.login_password {
clear: all;
width: 110px;
float:none;
margin-bottom: 0px;
}
fieldset.login .login-exis .ceckboxlogin input {
clear: all;
width: 10px;
float:none;
margin-bottom: 0px;
}
fieldset.login .login-exis .ceckboxlogin input {
clear: all;
width: 10px;
float:none;
margin-bottom: 0px;
}
fieldset.login .submitlogin {
clear: all;
float:none;
margin-top: 10px;
margin-bottom: 10px;
}
.message {
font:bold 1.0em tahoma, arial, helvetica, sans-serif;
color: red;
}
/* detail box style product */
.detail-box p, .detail-box .content p {
color:#0F0F0F;
}
.detail-box .content {
width:100%;
overflow:hidden;
color:#0F0F0F;
}
.detail-box .main-info {
float:right;
width:28.333em;
padding:1px;
color:#0F0F0F;
}
/* breadcrumbs style */
.breadcrumbs {
margin:0 0 1em;
padding:0;
list-style:none;
color:#1151b1;
font:normal .917em tahoma, arial, Helvetica, sans-serif;
width:100%;
overflow:hidden;
}
.breadcrumbs li {
float:left;
margin-right:3px;
list-style-type:none;
list-style-image:none;
}
.breadcrumbs li a {
color:#1151b1;
text-decoration:none;
font-weight:bold;
list-style-type:none;
}
.breadcrumbs li a:hover {
text-decoration:underline;
}
.main-column .detail-box h1 {
color:#1151b1;
}
.info-box {
float:left;
width:28.333em;
background:#f9f9f9;
border:1px solid #dcdcdc;
margin:-1px;
display:inline;
}
.info-box .inner, .info-box .content, .info-box .bg, .info-box .info {
width:28.333em;
margin:-1px;
padding:1px;
position:relative;
float:left;
display:inline;
background:url(../Images/pxl.gif) no-repeat;
}
.info-box .content {
background-position:100% 0;
}
.info-box .bg {
background-position:0 100%;
}
.info-box .inner {
background-position:100% 100%;
}
.info-box .info {
width:28.333em;
padding:1em 1px 0;
}
.detail-box .form-section {
padding:0 .5em .6em .2em;
width:27.633em;
overflow:hidden;
}
.detail-box label {
display:block;
width:100%;
margin:0 0 .3em;
color:#0044aa;
font-weight:bold;
font-size:.833em;
border-bottom:1px solid #8be;
padding-bottom:2px;
}
.detail-box .form-section label {
width:100%;
text-indent:.4em
}
.detail-box .form-section p {
margin:0;
padding-left: .4em;
color:#5cb;
font-size:1.167em;
font-weight:bold;
}
.detail-box .form-section p span {
text-decoration:line-through;
color:#1f5bb5;
margin-right:1.5em;
}
.detail-box .btn {
float:left;
}
.detail-box .weiterempfehlen {
float:right;
margin-right:1em;
display:inline;
font:bold 1em/2em Verdana, Arial, Helvetica, sans-serif;
}
.detail-box .photo-box {
float:left;
width:25em;
color:#5cb;
text-align:center;
padding-bottom:1em;
}
.detail-box .photo-box img {
display:block;
margin:0em auto 1em auto;
max-height:25em;
}
.detail-box .photo-box .photo-box-more img {
display:block;
margin:0em;
width:6em;
border: #c0c0c0 solid 1px;
max-height:6em;
}
.detail-box .product-desc-box {
padding-left:3px;
font-size:1.2em;
}
.detail-box .product-desc-box img {
margin: 10px;
}
.detail-box .product-desc-box h1 {
color:#05399f;
font:bold 1.833em/120% Arial, Helvetica, sans-serif;
margin:0 0 .5em;
}
.detail-box .product-desc-box h2 {
color:#05399f;
font:normal 1.667em/120% Arial, Helvetica, sans-serif;
margin:0 0 .3em;
}
.detail-box .product-desc-box h3 {
color:#05399f;
font:normal 1.467em/120% Arial, Helvetica, sans-serif;
margin:0 0 .5em;
}
.detail-box .product-desc-box h4 {
color:#05399f;
font:bold 1.167em/120% Arial, Helvetica, sans-serif;
margin:0 0 .5em;
}
.detail-box .product-desc-box h5 {
color:#05399f;
background-color:#F7F7F7;
font:bold 1.167em/120% Arial, Helvetica, sans-serif;
border-top: #B5B5B5 solid 1px;
border-bottom: #B5B5B5 solid 1px;
padding: .4em;
}
.detail-box .product-desc-box h6 {
color:#05399f;
font:bold 1.167em/120% Arial, Helvetica, sans-serif;
border-bottom: #05399f solid 1px;
margin:0 0 .5em;
}
.detail-box .product-desc-box ul {
list-style-image: url(../Images/a_bullet.jpg)
}
.detail-box .product-desc-box ul li {
margin-bottom: .9em;
line-height:1.4em;
}
/* general box */
.general-box {
width:91.3em;
margin:12px 0 3.3em;
background:url(../Images/text-box-gr.gif) repeat-x;
border:solid #ebebeb;
border-width:2px;
color:#272727;
}
.general-box .inner {
margin:-2px;
background:url(../Images/corner-top.gif) no-repeat 100% 0;
padding:2px;
width:100%;
position:relative;
}
.general-box .content {
margin:-2px;
background:url(../Images/corner-btm.gif) no-repeat 100% 100%;
padding:2px;
width:100%;
position:relative;
font-size:1.2em;
overflow:hidden;
}
.home-image {
float:left;
margin:0px 1em 0em 0em;
position:relative;
width:40.083em;
}
.main {
float:left;
margin:0px 1em 0em 0em;
position:relative;
width:40.083em;
}
.text-column {
padding:1em 1em 1em 0;
height:1%;
overflow:hidden;
}
.general-box h2 {
font:bold 1.167em tahoma, Arial, Helvetica, sans-serif;
color:#1151b1;
margin:0 0 .2em;
}
.general-box h2 a {
color:#1151b1;
}
.hr {
background:#fff;
height:0;
overflow:hidden;
clear:both;
margin:0 0 .8em;
}
.more {
color:#272727;
font-weight:bold;
}
.general-box .img-box {
margin:0 .8em 0 0;
width:auto;
border:solid #dcdcdc;
border-width:0 1px;
background:#fff;
}
.general-box .img-box img {
width:7.333em;
float:left;
padding:.25em;
float:left;
margin:-1px 0;
border:solid #dcdcdc;
border-width:1px 0;
position:relative;
}
.general-box p {
margin:0;
}
/* text container style */
.text-container {
padding:0 1.2em;
font-size:1.2em;
color:#272727;
margin-bottom:2em;
}
.text-container h2 {
color:#05399f;
font:bold 1.833em Arial, Helvetica, sans-serif;
margin:0 0 .5em;
}
.text-container h3 {
color:#0F0F0F;
font:bold 1.417em Arial, Helvetica, sans-serif;
margin:0 0 .3em;
}
.row {
width:100%;
overflow:hidden;
margin:1em 0;
}
.text-container label {
font-weight:bold;
float:left;
width:20em;
padding:0 .1em;
}
.text-container label.simple {
float:none;
width:auto;
padding:0 0 .1em;
display:block;
margin:0 0 .8em;
}
.text-container .row label.simple {
margin:1em 0 2em;
}
.text-container input.text {
border:1px solid #b6b6b6;
background:#f7f7f7;
width:16.677em;
font:1em Arial, Helvetica, sans-serif;
padding:3px;
margin:0 0 1.5em;
}
.text-container .row input.text {
margin:0;
}
.text-container select {
background:#f7f7f7;
width:12.4em;
font:1em Arial, Helvetica, sans-serif;
}
.row textarea {
width:54.3em;
height:8.333em;
background:#f7f7f7;
border:1px solid #b6b6b6;
}
.text-container table {
border-collapse:collapse;
text-align:left;
margin:0 0 1em;
}
.text-container table input.text {
margin:0;
}
.text-container .file {
margin-bottom:2em;
}
.text-container th {
background:#e7e7e7;
}
.text-container th, .text-container td {
border-right:0px solid #fff;
padding:.5em;
}
/* main-column style */
.row {
width:100%;
overflow:hidden;
margin:1em 0;
}
.main-column label {
font-weight:bold;
float:left;
width:13em;
padding:0 .1em;
}
.main-column label.simple {
float:none;
width:auto;
padding:0 0 .1em;
display:block;
margin:0 0 .8em;
}
.main-column .row label.simple {
margin:1em 0 2em;
}
.main-column input, {
border:1px solid #b6b6b6;
background:#f7f7f7;
width:16.677em;
font:1em Arial, Helvetica, sans-serif;
padding:3px;
margin:0 0 1.5em;
}
.main-column .checkbox-style {
border: none;
background:none;
float:left;
}
.main-column .row input {
margin:0;
}
.main-column select {
background:#f7f7f7;
width:12.4em;
font:1em Arial, Helvetica, sans-serif;
}
.row textarea {
width:54.3em;
height:8.333em;
background:#f7f7f7;
border:1px solid #b6b6b6;
}
.main-column table {
border-collapse:collapse;
text-align:left;
margin:0 0 1em;
}
.main-column table input.text {
margin:0;
}
.main-column .file {
margin-bottom:2em;
}
.main-column th {
background:#e7e7e7;
}
.main-column th, .main-column td {
border-right:0px solid #fff;
padding:.0em;
padding-bottom: .2em;
padding-top:.2em;
}
.buttons {
margin-top: 2em;
padding:0;
list-style:none;
height:1%;
overflow:hidden;
}
.buttons li {
float:left;
margin-right:.5em;
list-style-image:none;
}
.buttons li input {
float:left;
margin-right:.5em;
border:1px solid #b6b6b6;
padding:4px;
cursor: pointer;
background:#ECECEC url(../Images/btn-bg.gif) repeat-x 0 100%;
}
.buttons a {
}
.buttons .reset a {
background:#e06767;
}
.description {
font-size:.833em;
display:block;
margin:0 0 1em;
}
.brochure {
margin-bottom:16px;
display:block;
clear: both;
min-height: 100%;
height: 100%;
}
.rowbrochure {
font-weight:bold;
float:left;
width:100%;
padding:.2em .1em;
clear: both;
float: none;
position: relative;
margin-bottom:16px;
}
.rowbrochure input {
float:left; width:18px;
}
.rowbrochure label {
width: 340px;
float:right; margin-right:332px;
padding:0 0px; padding-top:2px;
}
/* main-table style */
#table-main {
font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
font-size: 12px;
background: #fff;
margin: 45px;
width: 480px;
border-collapse: collapse;
text-align: left;
}
#table-main th {
font-size: 14px;
font-weight: normal;
color: #039;
padding: 10px 8px;
border-bottom: 2px solid #6678b1;
}
#table-main td {
border-bottom: 1px solid #ccc;
color: #669;
padding: 6px 8px;
}
#table-main tbody tr:hover td {
color: #009;
}