/*/* CSS... */
html {
height: 101%
}
body, div, p, ul, ol, form, fieldset, textarea, input, select, h1, h2, h3, h4, h5, h6 {
border: medium none;
color: #333333;
font-family: Arial,Sans-Serif;
font-size: 12px;
line-height: 16px;
margin: 0;
padding: 0;
}
img {
border: 0;
}
a:link, a:hover, a:visited, a:active{
color: #c03;
text-decoration: none;
}
a:hover{
text-decoration: underline;
}
div.teasertext a{
background: url("../layout/arrowhome.png") no-repeat scroll 0 7px transparent;
font-size: 18px;
padding: 0 0 0 7px;
}
h1 {
color: #CC0033;
font-size: 24px;
font-weight: normal;
margin: 0 0 28px;
}
h2 {
color: #CC0033;
font-size: 16px;
font-weight: normal;
margin: 0 0 9px;
}
h3 {
border-top: 1px solid #FFFFFF;
color: #CC0033;
font-size: 16px;
font-weight: normal;
padding: 7px 0 8px;
}
h3 a{
font-weight: normal;
color: #333;
}
p {
margin: 0 0 25px;
}
small {
font-size: 10px;
color: #666666;
}
.nav-bg{
margin-left: 26px;
}
.content{
padding: 26px;
}
.header{
background: url("../layout/bgheader.png") no-repeat scroll 0 0 transparent;
height: 112px;
margin: 0 auto;
position: relative;
width: 995px;
z-index: 1000;
}
.contentWrapper{
position: relative;
margin: 0 auto;
width: 1048px;
/* height: 429px;*/
z-index: 10;
}
.contentWrapper > img{
z-index: -1;
}
/* FOOTER */
.footer{
background: url("../layout/bgfooter.png") repeat-x scroll 0 0 transparent;
height: 97px;
position: relative;
margin: 0 auto;
overflow: hidden;
width: 100%;
float: left;
}
.footerInner{
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: #CC0033;
border-color: -moz-use-text-color #CCCCCC #CCCCCC;
border-right: 1px solid #CCCCCC;
border-style: none solid solid;
border-width: medium 1px 1px;
box-shadow: 2px 2px 2px #999999;
margin: 0 auto;
width: 995px;
color: #FFFFFF;
position: relative;
overflow: hidden;
padding: 0 0 15px;
}
.footerInner a{
color: #fff;
}
.footerInner ul{
float: left;
list-style-type: none;
overflow: hidden;
padding: 14px 0 0 10px;
}
.footerInner ul li{
float: left;
font-size: 10px;
padding: 0 9px;
}
.footerInner div{
color: #FFFFFF;
float: right;
font-size: 10px;
line-height: 14px;
padding: 8px 0 0;
text-align: left;
width: 341px;
margin-top: 0;
}
.clrBth{
clear: both;
}
.carousel-wrapper{
width: 1048px;
height: 429px;
position: relative;
}
/* Carousel... */
.carouselContent{
list-style: none;
padding: 0;
}
.carouselContent li{
float: left;
display: none;
margin: 0 0 0 26px;
position: absolute;
top: 0;
left: 0;
}
.carouselContent li:first-child{
display: block;
}
.carouselContent li div.teaserText{
position: absolute;
top: 99px;
left: 42px;
width: 500px;
}
.carouselContent li div.teaserText h2{
color: #FFFFFF;
font-weight: normal;
font-size: 36px;
line-height: 38px;
margin-bottom: 28px;
}
.carouselContent li div.teaserText a{
padding: 0 0 0 10px;
background: url(../layout/arrowhome.png) left 7px scroll transparent no-repeat;
font-size: 18px;
padding: 0 0 0 7px;
}
.carouselNavigation{
position: absolute;
top: 315px;
left: 68px;
margin: 0;
padding: 0;
}
.carouselNavigation li{
list-style: none;
float: left;
margin-right: 10px;
height: 29px;
overflow: hidden;
-moz-box-shadow: 2px 2px 2px #666;
-webkit-box-shadow: 2px 2px 2px #666;
box-shadow: 2px 2px 2px #666;
}
.carouselNavigation li img{}
/********* jQuery Carousel *************/
#scroller {
background: url(../layout/bgscroller.png) 0 0 no-repeat;
width: 881px;
margin: -61px 0 0 43px;
padding: 29px 0 0 75px;
position: relative;
height: 235px;
z-index: 10;
}
#scroller.one_row h2 {
height:16px;
}
#scroller.two_row h2 {
height:32px;
}
#scroller.three_row h2 {
height:48px;
}
.ie7 #scroller { margin: auto; top: -61px; }
#scroller div.jcarousel-container,
#content #scroller div.jcarousel-container {
overflow: hidden;
width: 828px;
left: -6px;
}
#scroller #prev{
background: url(../layout/sliderarrows.gif) no-repeat scroll 0 0 transparent;
display: block;
height: 56px;
left: 25px;
position: absolute;
top: 85px;
width: 30px;
}
#scroller #next{
background: url(../layout/sliderarrows.gif) no-repeat scroll 0 -56px transparent;
display: block;
height: 56px;
position: absolute;
right: 27px;
top: 85px;
width: 30px;
}
#home-content #scroll-content,
#content #scroll-content {
width: 828px;
overflow: hidden;
}
#content #scroll-content {
width: auto;
overflow: hidden;
}
#scroller #scroll-content div,
#content #scroll-content div {
width: 261px;
float: left;
margin: 0 15px 0 0;
}
#scroller .jcarousel-container-horizontal,.jcarousel-clip-horizontal {
width:828px;
}
#scroller .jcarousel-clip {
overflow: hidden;
}
#scroller #scroll-content img {
border-top: 1px solid #eee;
border-left: 1px solid #eee;
-moz-box-shadow: 2px 2px 2px #aaa;
-webkit-box-shadow: 2px 2px 2px #aaa;
box-shadow: 2px 2px 2px #aaa;
display: block;
margin: 12px 0;
}
#scroller #scroll-content h2 {
position:relative;
}
#scroller #scroll-content h2 a{
background: url(../layout/arrowhome.png) 0 5px no-repeat;
padding: 0 0 0 8px;
position:absolute;
bottom:0;
}
#content .produktneuheiten .neuheit h2 a{
background: url(../layout/arrowhome.png) 0 5px no-repeat;
padding: 0 0 0 8px;
}
#home-content #prev,
#content #prev {
width: 30px;
height: 56px;
display: block;
position: absolute;
left: 25px;
top: 85px;
background: url(../layout/sliderarrows.gif) no-repeat scroll 0 0 transparent;
}
#home-content #next,
#content #next {
width: 30px;
height: 56px;
display: block;
position: absolute;
right: 27px;
top: 85px;
background: url(../layout/sliderarrows.gif) no-repeat scroll 0 -56px transparent;
}
#scroller #squares{
overflow: hidden;
position: absolute;
bottom: 19px;
left: 27px;
}
#scroller #squares a,
#content #squares a {
display: block;
float: left;
width: 14px;
height: 14px;
margin: 0 1px 0 0;
background: url(../layout/squares.gif) 0 0 no-repeat;
cursor: pointer;
}
#scroller #squares a.active,
#content #squares a.active {
background-position: 0 -14px;
}
.products {
position: relative;
z-index: 10;
margin:0 0 30px 0;
background: #EEEEEE;
height:270px;
width:670px;
padding: 0;
float:left;
}
.products .products-inner {
width:670px;
height: 270px;
float:left;
}
.products .products-inner .jcarousel-clip {
width:670px;
height: 270px;
overflow:hidden;
}
#product-scroll li {
float: left;
width: 670px;
margin:0;
position:relative;
}
#product-scroll li img {
float: left;
}
#product-scroll li .text-container {
position:absolute;
max-height:200px;
overflow: hidden;
font-size:18px;
line-height:22px;
font-weight:bold;
}
#product-scroll li .text-container h2 {
color: #FFFFFF;
font-size: 25px;
font-weight: normal;
line-height: 28px;
margin-bottom: 20px;
}
#product-scroll li .text-container h3 {
color: #FFFFFF;
font-size: 15px;
font-weight: normal;
line-height: 18px;
margin-bottom: 10px;
}
#content #product-scroll .whitetext {
background:none;
}
#product-scroll li .text-container a {
padding: 0 0 0 10px;
background: url(../layout/arrowhome.png) left 5px scroll transparent no-repeat;
font-size: 15px;
padding: 0 0 0 7px;
}
#content .products .prev{
background: url(../layout/sliderarrows.gif) no-repeat scroll 0 0 transparent;
display: block;
height: 56px;
left: 25px;
position: absolute;
top: 107px;
width: 30px;
cursor: pointer;
}
#content .products .next{
background: url(../layout/sliderarrows.gif) no-repeat scroll 0 -56px transparent;
display: block;
height: 56px;
position: absolute;
right: 25px;
top: 107px;
width: 30px;
cursor: pointer;
}
#content .products .jcarousel-prev-disabled { opacity: 0.25; }
#content .products .jcarousel-next-disabled { opacity: 0.25; }
/*#scroller.products div.jcarousel-container, #content #scroller.products div.jcarousel-container {
left: -6px;
overflow: hidden;
width: 542px;
}*/
/* END OF JCAROUSEL */
/* nav extend */
#logo img {
margin: 18px 0 0 0;
}
#content form {
width: 583px;
}
#wide-content select.zip, #content select.zip {
margin: 0 0 10px;
width: 180px;
}
.two-columns, .three-columns, .two-columns-teaser {
overflow: hidden;
margin-left: -15px;
}
.two-columns div:first-child, .three-columns div:first-child, .two-columns-teaser div:first-child {
margin-left: 15px;
}
.two-columns div {
float: left;
margin: 0 0 29px 15px;
width: 322px;
}
.two-columns h2 a {
background: url(../layout/sprite_trp.png) no-repeat scroll 0 -393px transparent;
display: block;
padding: 0 0 0 9px;
}
.two-columns div div, .three-columns div div {
background-color: #CCCCCC;
border-left: 1px solid #EEEEEE;
border-top: 1px solid #EEEEEE;
box-shadow: 2px 2px 2px #AAAAAA;
float: none;
margin: 12px 0 0;
}
#content .two-columns img, #content .three-columns img {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: -moz-use-text-color -moz-use-text-color #EEEEEE;
border-style: none none solid;
border-width: medium medium 1px;
box-shadow: none;
margin: 0;
}
.two-columns p, .three-columns p {
padding: 15px 11px 0;
}
div#wrapper-content {
margin: 0 auto;
overflow: hidden;
width: 959px;
}
div#content {
float: right;
padding: 33px 0 56px;
position: relative;
width: 670px;
}
/*
div#marginal {
background: url("/media/resources/layout/bgmarginal.png") no-repeat scroll 0 0 transparent;
float: left;
margin: 28px 0 0 -2px;
min-height: 200px;
width: 258px;
}
#marginal .hr {
border-top: 1px solid #CCCCCC;
margin: 30px 14px;
}
#marginal div .hr {
margin: 19px 11px;
}
#marginal .box {
background-color: #EEEEEE;
border-top: 2px solid #CC0033;
box-shadow: 2px 2px 2px #AAAAAA;
margin: 0 14px 30px;
padding: 0 0 14px;
}
#marginal .box p {
margin: 0 0 8px 11px;
}
#marginal .box a {
background: url(/media/resources/layout/sprite_trp.png) no-repeat scroll 0 -93px transparent;
display: block;
margin: 0 0 6px 12px;
padding: 0 0 0 8px;
}
#marginal .box.infobox a.imagelink {
background:none;
padding:0;
margin:0 12px 0 12px;
}
#marginal .box a.email {
background: url("/media/resources/layout/icons.gif") no-repeat scroll 0 -44px transparent;
margin: 0 0 8px 12px;
padding: 0 0 0 38px;
}
#marginal .contact-dropdown select {
border: 1px solid #CCCCCC;
margin: 8px 0 0 40px;
padding: 4px;
width: 179px;
}
#marginal .contact-dropdown {
background: url("/media/resources/layout/icons.gif") no-repeat scroll 11px 12px transparent;
}*/
.lft{
float: left;
}
.rgt{
float: right;
}
.pressReleaseContent img{
margin: 0 10px 10px 10px;
}
.imagecontainer, .tablecontainer {
margin: 0 0 25px;
}
#content .imagecontainer img, #content .tablecontainer table {
margin:0;
}
#content .imagecontainer .desc, #content .tablecontainer .desc {
color: #666;
margin-top:6px;
font-size:11px;
display:block;
line-height: 12px;
}
#content .imagecontainer.newsheader h2 { font-size: 26px; line-height: 32px; color:#FFF;}
#content .imagecontainer.newsheader p { color:#FFF;}
#content .newsheader .whitetext {background:none;}
#content .mail-error{
padding: 8px;
background-color: #c03;
font-size: 18px;
border: solid 3px #a03;
}
#content .mail-error p{
font-size: 18px;
line-height: 26px;
}
#content .mail-error a{
color: #fff;
}
#content a.big-button-link {
background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top, #eeeeee 0%, #dedede 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#dedede)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #eeeeee 0%,#dedede 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #eeeeee 0%,#dedede 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #eeeeee 0%,#dedede 100%); /* IE10+ */
background: linear-gradient(to bottom, #eeeeee 0%,#dedede 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dedede',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);
box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);
border-bottom: 1px solid #646361;
border-right: 1px solid #959493;
display: inline-block;
padding: 9px;
font-size: 14px;
font-weight: bold;
margin-bottom: 40px;
position: relative;
}
#content a.big-button-link:hover {
background: #dedede; /* Old browsers */
background: -moz-linear-gradient(top, #dedede 0%, #eeeeee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dedede), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #dedede 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #dedede 0%,#eeeeee 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #dedede 0%,#eeeeee 100%); /* IE10+ */
background: linear-gradient(to bottom, #dedede 0%,#eeeeee 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
text-decoration: none;
}
#content a.big-button-link .big-button-link-cursor {
background: url('../layout/cursor.png');
display: block;
width: 29px;
height: 43px;
position: absolute;
right: 32px;
top: 25px;
pointer-events: none;
}
CMS_INCLUDE(media:"resources_css_navigation", parse:true)$*/
#home-wrapper {
width: 1048px;
margin: 0 auto;
}
.home-content {
width: 1048px;
/*background: url(../img/visual.home.jpg) 0 0 no-repeat;*/
min-height: 429px;
margin: 0 0 0 26px;
}
.home-content h1 {
font-size: 36px;
line-height: 38px;
width: 500px;
color: #fff;
padding: 99px 0 0 42px;
position: absolute;
}
#home-visual {
height: 263px;
}
.home-content a.arrow {
font-size: 18px;
background: url(../img/arrow.home.png) 0 7px no-repeat;
padding: 0 0 0 7px;
margin: 0 0 0 42px;
}
.home-content #thumbs {
padding: 50px 0 0 42px;
}
.home-content #thumbs img {
-moz-box-shadow: 2px 2px 2px #666;
-webkit-box-shadow: 2px 2px 2px #666;
box-shadow: 2px 2px 2px #666;
margin: 0 7px 0 0;
}
.home-content #home-visual-ress{
list-style-type: none;
}
.home-content h1, .home-content a{
z-index: 10;
position: relative;
}
.home-content #home-visual-ress li {
/*display: none;*/
z-index: 10;
position: absolute;
}
.home-content #home-visual-ress li.active {
display: block;
}
.home-content #home-visual-ress li img{
position: absolute;
}
.home-content #thumbs{
list-style-type: none;
height: 39px;
}
.home-content #thumbs li{
float: left;
}
.home-content #scroller {
background: url(../img/bg.scroller.png) 0 0 no-repeat;
width: 888px;
margin: 16px 0 56px 17px;
padding: 29px 0 0 75px;
position: relative;
z-index: 10;
}
.home-content #scroller div.jcarousel-container {
overflow: hidden;
width: 813px;
left: -6px;
}
.home-content #scroll-content {
width: 813px;
overflow: hidden;
}
.home-content #scroll-content div {
width: 261px;
float: left;
margin: 0 0 0 15px;
}
.home-content #scroll-content div:first-child {
margin: 0;
}
.home-content #scroll-content img {
border-top: 1px solid #eee;
border-left: 1px solid #eee;
-moz-box-shadow: 2px 2px 2px #aaa;
-webkit-box-shadow: 2px 2px 2px #aaa;
box-shadow: 2px 2px 2px #aaa;
display: block;
margin: 12px 0;
}
.home-content #scroll-content h2 a {
background: url(../img/arrow.home.png) 0 5px no-repeat;
padding: 0 0 0 8px;
}
.home-content #prev {
width: 30px;
height: 56px;
display: block;
position: absolute;
left: 25px;
top: 85px;
background: url(../layout/sliderarrows.gif) no-repeat scroll 0 0 transparent;
}
.home-content #next {
width: 30px;
height: 56px;
display: block;
position: absolute;
right: 27px;
top: 85px;
background: url(../layout/sliderarrows.gif) no-repeat scroll 0 -56px transparent;
}
.home-content #squares {
overflow: hidden;
position: absolute;
bottom: -39px;
left: 25px;
}
.home-content #squares a {
display: block;
float: left;
width: 14px;
height: 14px;
margin: 0 1px 0 0;
background: url(../img/squares.gif) 0 0 no-repeat;
}
.home-content #squares a.active {
background-position: 0 -14px;
}
/*********************************** General ***********************************/
#wrapper-content {
width: 959px;
margin: 0 auto;
overflow: hidden;
}
#content {
width: 670px;
min-height:280px;
float: right;
padding: 33px 0 56px 0;
position: relative;
z-index: 100;
}
#content img {
display: block;
margin: 0 0 25px 0;
border-top: 1px solid #eee;
border-left: 1px solid #eee;
-moz-box-shadow: 2px 2px 2px #aaa;
-webkit-box-shadow: 2px 2px 2px #aaa;
box-shadow: 2px 2px 2px #aaa;
}
#content .no-shadow img {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
}
#content img.left-img {
margin: 0 20px 15px 0;
float: left;
}
#content img.right-img {
margin: 0 3px 15px 20px;
float: right;
}
#content div.left-img {
margin: 0 20px 15px 0;
float: left;
}
#content div.right-img{
margin: 0 0 15px 20px;
float: right;
}
#content div.right-img .desc, #content div.left-img .desc {
color: #666;
margin-top:6px;
line-height: 12px;
font-size:11px;
display:block;
}
#content div.right-img img,
#content div.left-img img{
margin: 0 3px 5px 0;
}
#content span.picture-subscription{
font-size: 10px;
font-style: italic;
display: inline-block;
margin: 0 0 0 3px;
}
#content img.plain {
margin: 0;
float: left;
border: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#content ul {
padding: 0 0 17px 13px;
}
#content ol {
padding: 0 0 17px 20px;
}
#content li {
padding: 0 0 8px 0;
list-style-type: none;
}
#content ol li {
list-style-type: decimal;
}
#content .branch-komponent-text ul,#content .press_details ul, #content .text-bild ul, #content .seminar_description ul, #content .tablecontainer ul {
list-style-image: url(../layout/li-image.png);
}
#content .text-bild .left-img ~ ul {
list-style-position: inside;
}
#content .tablecontainer ul {
margin-top:10px;
}
#content a.arrow{
display: block;
float: left;
padding: 0 0 0 8px;
margin: 0 0 8px 0;
background: url(../layout/sprite_trp.png) 0 4px no-repeat;
}
#content a.arrow2{
display: block;
float: left;
padding: 0 0 0 8px;
margin: 8px 0 0 0;
background: url(../layout/sprite_trp.png) 0 4px no-repeat;
}
#content a.arrow3 {
display: block;
padding: 0 0 0 8px;
margin: 0;
font-weight: bold;
background: url(../layout/sprite_trp.png) 0 4px no-repeat;
}
#content a.bookmark{
display: block;
float: left;
padding: 0 0 0 8px;
background: url(../layout/sprite_trp.png) 0 4px no-repeat;
position: absolute;
right: 1px;
bottom: 7px;
}
#content strong.big {
font-size: 16px;
display: block;
margin: 7px 0 0 0;
}
#content .big-text {
font-size: 16px;
font-weight: bold;
float: left;
width: 300px;
margin: 17px 0 0 30px;
}
#content .big-text a {
font-weight: normal;
padding: 0 0 0 8px;
margin: 0 0 0 10px;
background: url(../layout/sprite_trp.png) 0 -62px no-repeat;
}
#wide-content {
width: 955px;
margin: 0 0 0 2px;
padding: 33px 0 56px 0;
position: relative;
}
#content .linklist, div#content div.text-bild .linklist {
display: block;
padding: 0 0 0 13px;
margin: 0 0 30px;
}
#content .linklist a, div#content div.text-bild .linklist a{
float: none;
display:block;
background: url(../layout/sprite_trp.png) no-repeat scroll 0 4px transparent;
padding: 0 0 4px 8px;
}
/********************************** Worldwide **********************************/
.worldwide {
background: url(../layout/bgworldwide.gif) 0 0 repeat-y;
padding: 20px 0 0 20px;
overflow: hidden;
}
.worldwideh1{
margin: 20px 0 28px;
}
.worldwide div {
width: 374px;
float: left;
}
.worldwide div:first-child {
width: 478px;
}
.worldwide div div {
width: 200px;
}
.worldwide ul {
list-style-type: none;
margin: 0 0 23px 0;
}
.worldwide ul a {
display: block;
padding: 2px 0 2px 30px;
margin: 0 0 4px 0;
}
.worldwide ul li img{
float: left;
margin: 5px 0 0;
}
.worldwide #brazil { background: url(../img/worldwide.gif) 0 0 no-repeat; }
.worldwide #canada { background: url(../img/worldwide.gif) 0 -20px no-repeat; }
.worldwide #mexico { background: url(../img/worldwide.gif) 0 -40px no-repeat; }
.worldwide #usa { background: url(../img/worldwide.gif) 0 -60px no-repeat; }
.worldwide #china { background: url(../img/worldwide.gif) 0 -80px no-repeat; }
.worldwide #hongkong { background: url(../img/worldwide.gif) 0 -80px no-repeat; }
.worldwide #japan { background: url(../img/worldwide.gif) 0 -100px no-repeat; }
.worldwide #korea { background: url(../img/worldwide.gif) 0 -120px no-repeat; }
.worldwide #australia { background: url(../img/worldwide.gif) 0 -140px no-repeat; }
.worldwide #newzealand { background: url(../img/worldwide.gif) 0 -160px no-repeat; }
.worldwide #belgiumd { background: url(../img/worldwide.gif) 0 -180px no-repeat; }
.worldwide #belgiumf { background: url(../img/worldwide.gif) 0 -180px no-repeat; }
.worldwide #denmark { background: url(../img/worldwide.gif) 0 -200px no-repeat; }
.worldwide #france { background: url(../img/worldwide.gif) 0 -220px no-repeat; }
.worldwide #german { background: url(../img/worldwide.gif) 0 -240px no-repeat; }
.worldwide #netherlands { background: url(../img/worldwide.gif) 0 -260px no-repeat; }
.worldwide #poland { background: url(../img/worldwide.gif) 0 -280px no-repeat; }
.worldwide #russia { background: url(../img/worldwide.gif) 0 -300px no-repeat; }
.worldwide #spain { background: url(../img/worldwide.gif) 0 -320px no-repeat; }
.worldwide #sweden { background: url(../img/worldwide.gif) 0 -340px no-repeat; }
.worldwide #switzerland { background: url(../img/worldwide.gif) 0 -360px no-repeat; }
.worldwide #uk { background: url(../img/worldwide.gif) 0 -380px no-repeat; }
/************************************* Forms ***********************************/
#content form {
width: 583px;
}
#wide-content select,
#content select,
.contentWrapper select {
border: 1px solid #ccc;
padding: 4px;
}
#wide-content select.zip,
#content select.zip {
width: 180px;
margin: 0 0 10px 0;
}
#content select#branch {
width: 300px;
float: left;
margin: 0 0 28px 0;
}
#content label {
float: left;
font-weight: bold;
width: 123px;
padding: 4px 0 0 0;
}
#content input {
border: 1px solid #ccc;
padding: 4px;
}
#content input.text {
margin: 0 0 10px 0;
width: 290px;
float: left;
}
#content .greybox input.text {
margin: 0;
}
#content input.radio {
margin: 6px 5px 16px 0;
float: left;
border: none;
}
#content li input.radio {
margin: 9px 5px 0 0;
}
#content input#zip {
margin: 0 10px 10px 0;
width: 50px;
float: left;
}
#content input#city {
width: 220px;
float: left;
}
#content input.btn {
color: #fff;
float: right;
border: none;
border-top: 1px solid #f1f1f1;
border-left: 1px solid #f1f1f1;
-moz-box-shadow: 2px 2px 2px #aaa;
-webkit-box-shadow: 2px 2px 2px #aaa;
box-shadow: 2px 2px 2px #aaa;
padding: 4px 4px 4px 13px;
background: #cc0033 url(../layout/sprite_trp.png) 9px -323px no-repeat;
cursor: pointer;
margin: 26px 0 0 0;
}
#content input.search-btn {
color: #fff;
float: left;
border: none;
-moz-box-shadow: 2px 2px 2px #aaa;
-webkit-box-shadow: 2px 2px 2px #aaa;
box-shadow: 2px 2px 2px #aaa;
padding: 4px 4px 4px 13px;
background: #cc0033 url(../layout/sprite_trp.png) 9px -323px no-repeat;
cursor: pointer;
margin: 0 0 0 10px;
}
#content input.del-btn {
float: right;
border: none;
cursor: pointer;
color: #cc0033;
background: #fff url(../layout/sprite_trp.png) 0 4px no-repeat;
padding: 0 0 0 5px;
margin: 31px 16px 0 0;
}
#content input.btn:hover,
#content input.search-btn:hover,
#content input.del-btn:hover {
text-decoration: underline;
}
#content fieldset li {
overflow: hidden;
}
#content fieldset span {
float: left;
margin: 4px 20px 0 0;
}
#content fieldset li span {
margin: 7px 20px 0 0;
}
#content fieldset span.agb {
width: 410px;
}
#content fieldset span.mandatory {
font-size: 10px;
font-weight: bold;
margin-top: 22px;
}
#content textarea {
border: 1px solid #ccc;
padding: 0 4px;
margin: 3px 0 22px 0;
width: 450px;
height: 100px;
font-size: 12px;
font-family: Arial, Sans-Serif;
}
/************************************* Tabs ************************************/
#content .tabs {
list-style-type: none;
overflow: hidden;
padding: 0;
margin: 0 2px 30px 0;
border-bottom: 5px solid #cc0033;
}
#content .tabs li {
float: left;
padding: 5px 10px 6px 10px;
margin: 4px 5px 0 0;
background-color: #eee;
-moz-box-shadow: 2px 2px 2px #aaa;
-webkit-box-shadow: 2px 2px 2px #aaa;
box-shadow: 2px 2px 2px #aaa;
}
#content .tabs li.active {
padding: 9px 10px 6px 10px;
margin: 0 5px 0 0;
background-color: #cc0033;
}
#content .tabs a {
color: #333;
font-size: 12px;
}
#content .tabs li.active a {
color: #fff;
}
/************************************ Tables ***********************************/
table {
margin: 0 2px 25px 0;
width: 668px;
}
th {
background-color: #ccc;
border-left: 1px solid #fff;
text-align: left;
padding: 6px 10px;
font-size: 12px;
}
td {
background-color: #eee;
border-bottom: 1px solid #fff;
border-left: 1px solid #fff;
padding: 6px 10px;
vertical-align: top;
font-size: 12px;
}
th:first-child,
td:first-child {
border-left: none;
}
td a.more {
background: url(../layout/sprite_trp.png) 0 -94px no-repeat;
display: block;
float: left;
padding: 0 0 0 8px;
}
th a.up {
background: url(../layout/sprite_trp.png) right -467px no-repeat;
padding: 0 10px 0 0;
display: block;
float: left;
}
th a.down {
background: url(../layout/sprite_trp.png) right -508px no-repeat;
padding: 0 10px 0 0;
display: block;
float: left;
}
.jobs td {
padding: 16px 10px;
}
.jobs tr:hover{
background-color: #eee;
}
.productlist th {
font-weight: normal;
vertical-align: top;
padding: 3px 10px 3px 10px;
border-bottom: 1px solid #fff;
}
.productlist td {
background-color: #fff;
border: none;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
}
#content .productlist input {
border: 1px solid #c1c1c1;
padding: 2px 4px;
margin-top: 2px;
}
#content .productlist input#searchfield1 {
width: 91px;
margin: 0 10px 0 0;
}
#content .productlist input#searchfield2 {
width: 413px;
margin: 0;
}
td.right-aligned {
text-align: right;
}
td.grey {
background-color: #eee;
white-space: nowrap;
}
td.image {
padding: 0;
}
#content td.image img,
#content td img {
border: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
margin: 0;
}
#content .casestudies td img {
margin: 3px 0 10px 0;
}
.table-head-outer {
position: relative;
}
.table-head {
background-color: #999;
border-bottom: 5px solid #cc0033;
margin: 0 2px 0 0;
padding: 0 0 0 9px;
height: 33px;
display: table-cell;
vertical-align: middle;
width: 659px;
}
#content .table-head input {
border: 1px solid #c1c1c1;
padding: 2px 4px;
margin: 0 3px;
width: 15px;
}
.table-head strong {
padding-right: 30px;
}
#content .table-head .tabs {
border-bottom: none;
margin: 0;
position: absolute;
left: 368px;
bottom: 5px;
}
#content .table-head .tabs li {
padding: 3px 10px 4px 10px;
margin-top: 3px;
}
#content .table-head .tabs li.active {
padding: 6px 10px 4px 10px;
margin-top: 0;
}
.table-head .resize {
width: 24px;
height: 24px;
right: 4px;
bottom: 7px;
position: absolute;
display: block;
background: url(../img/resize.gif) 0 0 no-repeat;
}
.table-head .prev {
width: 24px;
height: 24px;
left: 269px;
bottom: 6px;
position: absolute;
display: block;
background: url(../img/productlist-btn.gif) 0 0 no-repeat;
}
.table-head .next {
width: 24px;
height: 24px;
left: 294px;
bottom: 6px;
position: absolute;
display: block;
background: url(../img/productlist-btn.gif) 0 -24px no-repeat;
}
table.zebra tr.odd td{
background-color: #EEEEEE;
}
table.zebra tr.even td {
background-color: #CCCCCC;
}
/*********************************** Greybox ***********************************/
.greybox {
overflow: hidden;
margin: 0 4px 29px 0;
padding: 16px 11px;
background-color: #ccc;
border-top: 1px solid #eee;
border-left: 1px solid #eee;
-moz-box-shadow: 2px 2px 2px #aaa;
-webkit-box-shadow: 2px 2px 2px #aaa;
box-shadow: 2px 2px 2px #aaa;
}
#content .greybox a.arrow{
background: url(../layout/sprite_trp.png) 0 -64px no-repeat;
}
#content .greybox a.deactivate-filter {
background: url(../layout/sprite_trp.png) 0 -508px no-repeat;
padding: 0 0 0 11px;
float: right;
}
.greybox h4 {
font-size: 16px;
margin: 7px 0 3px 0;
}
#content .greybox td,
#content .greybox th {
background-color: transparent;
border: none;
vertical-align: top;
}
#content .greybox form {
width: 638px;
}
#content .greybox .btn {
margin: 0;
}
.greybox .float-left {
width: 360px;
float: left;
}
.greybox .float-left p{
float: left;
margin: 0 45px 0 0;
}
#content .greybox .float-left ul{
margin: 15px 0 0 0;
padding: 0 0 0 13px;
}
#content .greybox img {
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
}
#content .grey-teaser {
padding: 0;
}
#content .grey-teaser h3 {
float: left;
border: none;
margin: 11px 0 0 8px;
}
#content .grey-teaser h3 a {
background: url(../layout/sprite_trp.png) 0 -62px no-repeat;
padding: 0 0 0 9px;
}
#content .grey-teaser img {
float: left;
margin: 0;
border: none;
border-right: 1px solid #eee;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
/********************************* 2/3 Columns *********************************/
.two-columns,
.three-columns,
.two-columns-teaser {
overflow: hidden;
margin-left: -15px;
}
#content .two-columns-white .picturelink,
#content .three-columns-white .picturelink,
#content .four-columns-white .picturelink {
background:none;
padding:0;
}
#content .two-columns img,
#content .three-columns img {
border: none;
border-bottom: 1px solid #eee;
margin: 0;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.two-columns h2 a {
background: url(../layout/sprite_trp.png) 0 -393px no-repeat;
padding: 0 0 0 9px;
display: block;
}
.three-columns h2 a {
background: url(../layout/sprite_trp.png) 0 4px no-repeat;
padding: 0 0 0 9px;
font-size: 12px;
font-weight: bold;
display: block;
}
#content .two-columns-teaser h2 a {
background: url(../layout/sprite_trp.png) 0 -64px no-repeat;
padding: 0 0 0 9px;
display: block;
margin: 18px 0 0 61px;
}
.two-columns p,
.three-columns p {
padding: 15px 11px 0 11px;
}
#content .two-columns ul {
padding: 17px 0 17px 24px;
}
#content .two-columns li {
padding: 0;
}
.two-columns div {
width: 322px;
margin: 0 0 29px 15px;
float: left;
}
.three-columns div {
width: 209px;
margin: 0 0 29px 15px;
float: left;
}
.two-columns div:first-child,
.three-columns div:first-child,
.two-columns-teaser div:first-child {
margin-left: 15px;
}
.two-columns div.headlineinside {
background-color: #eee;
border-top: 1px solid #eee;
border-left: 1px solid #eee;
-moz-box-shadow: 2px 2px 2px #aaa;
-webkit-box-shadow: 2px 2px 2px #aaa;
box-shadow: 2px 2px 2px #aaa;
}
.two-columns div.headlineinside h2 {
margin: 30px 30px 0 15px;
float: left;
width: 115px;
}
.two-columns div.headlineinside h2 a {
background: none!important;
}
.two-columns div.headlineinside div.clear {
box-shadow: none;
background-color: #eee;
}
.two-columns div.headlineinside div.teaserimg {
margin: 15px 0 0;
height: 120px;
width: 160px;
float: left;
background-color: #eee;
box-shadow: none;
border-top: none;
border-left: none;
border-right: 1px solid #ccc;
}
.two-columns div.headlineinside div.teaserimg img {
margin: 0 20px!important;
width: 120px;
height: 120px;
}
.two-columns div.headlineabove div,
.three-columns div div {
margin: 12px 0 0 0;
padding-bottom: 1px;
float: none;
background-color: #eee;
border-top: 1px solid #eee;
border-left: 1px solid #eee;
-moz-box-shadow: 2px 2px 2px #aaa;
-webkit-box-shadow: 2px 2px 2px #aaa;
box-shadow: 2px 2px 2px #aaa;
}
.two-columns div.headlineabove div h2 {
padding: 10px 10px 0;
}
.three-columns div div {
height: 189px;
}
#content div.karriere {
margin: 0 0 30px;
}
#content .karriere p{
float:left;
}
#content .karriere h2 {
position: relative;
}
#content .karriere h2 a {
position: absolute;
bottom:0;
}
#content .one_row .karriere h2 {
height:15px;
}
#content .two_row .karriere h2 {
height:30px;
}
#content .three_row .karriere h2 {
height:45px;
}
#content .karriere span.more a {
float: left;
background: url(../layout/sprite_trp.png) no-repeat scroll 0 3px transparent;
padding: 0 0 0 8px;
}
.small div div {
height: 113px;
}
#content .three-columns a.arrow{
background: url(../layout/sprite_trp.png) 0 -64px no-repeat;
}
.two-columns-teaser div {
width: 302px;
height: 164px;
padding: 10px;
margin: 0 0 29px 15px;
float: left;
background-color: #ccc;
border-top: 1px solid #eee;
border-left: 1px solid #eee;
-moz-box-shadow: 2px 2px 2px #aaa;
-webkit-box-shadow: 2px 2px 2px #aaa;
box-shadow: 2px 2px 2px #aaa;
}
#content .two-columns-teaser img {
float: left;
display: block;
margin: 0 10px 90px 0;
}
#content .two-columns-teaser .arrow {
float: none;
margin: 2px 0 0 61px;
background-position: 0 -64px;
}
#content div a {
background-image: none;
float: none;
display: block;
padding: 0;
}
#content div p a, #content div td a.maillink {
display:inline;
}
#content div a.internallink {
display:inline;
}
#content div a.arrowLink {
float: left;
padding: 0 0 0 8px;
background: url(../layout/sprite_trp.png) 0 4px no-repeat;
}
#content div.text-bild a.arrowLink,
#content div.tablecontainer a.arrowLink {
float: none;
display:inline-block;
}
#content div.text-bild.wrapLink h2 a.arrowLink,
#content div.text-bild.wrapLink h3 a.arrowLink{
display: inline;
}
/******************************* 2 Columns White *******************************/
#content .two-columns-white h2 a {
background:none;
padding:0;
}
#content .three-columns-white h2 a {
background:none;
padding:0;
}
#content .four-columns-white h2 a {
background:none;
padding:0;
}
#content .two-columns-white {
overflow: hidden;
margin: 0 0 15px -15px;
}
#content .two-columns-white h2 {
font-size:14px;
margin-bottom:5px;
}
#content .two-columns-white div {
width: 325px;
margin: 0 0 29px 14px;
float: left;
}
#content .two-columns-white div:first-child {
margin-left: 15px;
}
#content .two-columns-white p,
#content .two-columns-white img {
margin-bottom: 10px;
width: 325px;
}
#content .two-columns-white a {
display: block;
float: left;
padding: 0 0 0 8px;
background: url(../layout/sprite_trp.png) 0 -64px no-repeat;
}
/******************************* 3 Columns White *******************************/
#content .three-columns-white {
overflow: hidden;
margin: 0 0 15px -15px;
}
#content .three-columns-white div {
width: 209px;
margin: 0 0 29px 15px;
float: left;
}
#content .three-columns-white div:first-child {
margin-left: 15px;
width: 209px;
}
#content .three-columns-white p,
#content .three-columns-white img {
margin-bottom: 10px;
}
#content .three-columns-white h2 {
font-size:14px;
margin-bottom:5px;
}
#content .three-columns-white a {
display: block;
float: left;
padding: 0 0 0 8px;
background: url(../layout/sprite_trp.png) 0 -64px no-repeat;
}
#content .imageteaser {
position:relative;
}
#content .imageteaser h3 {
color:#FFF;
text-align:center;
background: #cc0033;
position:absolute;
padding: 5px 0;
left:0;
width:100%;
font-weight:bold;
}
#content .imageteaser img {
border:none;
}
#content .imageteaser.toptext h3 {
top:0;
}
#content .imageteaser.bottomtext h3 {
bottom:0;
}
/******************************* 4 Columns White *******************************/
#content .four-columns-white {
overflow: hidden;
margin: 0 0 15px -15px;
}
#content .four-columns-white div {
width: 155px;
margin: 0 0 29px 15px;
float: left;
}
#content .four-columns-white div:first-child {
margin-left: 15px;
}
#content .four-columns-white p,
#content .four-columns-white img {
margin-bottom: 10px;
width: 155px;
}
#content .four-columns-white h2 {
font-size:14px;
margin-bottom:5px;
}
#content .four-columns-white a {
display: block;
float: left;
padding: 0 0 0 8px;
background: url(../layout/sprite_trp.png) 0 -64px no-repeat;
}
/******************************* Big Image Text ********************************/
.big-image-text {
position: relative;
margin-bottom: 28px;
}
.big-image-text img {
border-bottom: 2px solid #cc0033;
}
.big-image-text div {
position: absolute;
left: 253px;
top: 83px;
width: 360px;
font-size: 16px;
line-height: 20px;
padding: 15px;
background: url(../layout/bgbigteaser.png) 0 0;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
-moz-box-shadow: 2px 2px 2px #333;
-webkit-box-shadow: 2px 2px 2px #333;
box-shadow: 2px 2px 2px #333;
}
.big-image-text div p {
margin: 0!important;
}
.big-image-text h3 {
border: none;
padding: 0 0 8px 0;
font-size: 20px;
}
.big-image-text a {
display: block;
padding: 0 0 0 8px;
margin: 13px 0 0 0;
background: url(../layout/sprite_trp.png) 0 -423px no-repeat;
font-size: 12px;
}
/********************************* Press News **********************************/
.press-news {
overflow: hidden;
margin: 0 0 20px 0;
}
.press-news h3 {
padding: 0 0 10px 0;
}
#content .press-news img {
float: left;
margin: 3px 0 6px 0;
}
.press-news div {
float: right;
width: 442px;
}
#content .press-news a.arrow {
margin: 10px 22px 8px 0;
}
/****************************** Product Details ********************************/
.product-details {
overflow: hidden;
margin: 0 0 50px 0;
}
.product-images {
width: 342px;
float: left;
}
#content .product-images div img {
border: 1px solid #ccc;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
float: left;
margin: 4px 9px 0 0;
}
.product-text {
width: 302px;
float: left;
}
#content .linklist {
list-style:none;
}
#content .linklist li {
display:block;
}
#content .linklist li a {
float:none;
}
#content .linklist li span {
padding-left: 5px;
font-size: 10px;
}
/****************************** Teaser with Tabs ********************************/
.teaserBig {
float: left;
width: 649px;
padding: 11px 0 21px 11px;
margin-bottom: 15px;
position: relative;
}
.notabs {
width:332px;
float:left;
margin-bottom:20px;
min-height: 217px;
}
.notabs h2 {
max-width:320px;
}
.notabs.fullwidth {
width: 648px;
min-height: 0;
}
.notabs .teaserNoPadding {
display:none;
}
.notabs .teaserBig {
width:302px;
}
.notabs .teaserBig .teaserTabs {
width:130px;
}
.teaserBig h2 {
font-weight: bold;
}
#content .branch-komponent .branch-komponent-image,
.teaserBig .frame {
border: 1px solid #cccccc!important;
box-shadow: none!important;
margin: 0 21px 0 0!important;
height: 140px;
width: 148px;
background-color: #FFFFFF;
display: table-cell;
text-align: center;
vertical-align: middle;
}
#content .branch-komponent .branch-komponent-image {
display:block;
float:left;
}
#content .branch-komponent .branch-komponent-image img{
box-shadow: none!important;
border: none!important;
}
.teaserBig .frame .teaserPictureHint {
color:#666;
font-size:11px;
}
#content .branch-komponent .branch-komponent-image .branch-img {
display: block;
float: none;
position: relative;
}
#content .branch-komponent .branch-komponent-image img,
.teaserBig .frame img {
border-style: none!important;
box-shadow: none!important;
display: block!important;
margin: auto!important;
}
.teaserBig .teaserTabs {
float: right;
width: 464px;
margin-right: 12px;
position:relative;
}
.teaserBig .teaserTabs-large {
width: 648px;
float:left;
}
.teaserBig ul.tabList {
height: 20px;
list-style: none;
border-bottom: 2px solid #cb0334;
padding: 0!important;
margin:5px 0 15px;
position: relative;
width: 100%;
}
.teaserBig ul.tabList.hasSelector {
width: 320px;
}
#content .teaserBig .linkWrapper {
float: right;
padding: 5px 10px;
border-left: 1px solid #ccc;
background: url(../layout/bgmainnav.png) 0 0 repeat-x;
-moz-box-shadow: 2px 2px 2px #666;
-webkit-box-shadow: 2px 2px 2px #666;
box-shadow: 2px 2px 2px #666;
z-index:100;
position:relative;
}
#content .teaserBig a.listLink {
font-weight:bold;
display:block;
margin-right:12px;
padding: 0 0 0 8px;
background: url(../layout/sprite_trp.png) 0 4px no-repeat;
}
.teaserBig ul.tabList li {
height: 20px;
padding: 0!important;
float: left;
}
.teaserBig ul.tabList li.tabLink a {
text-decoration: none;
background: none!important;
padding: 0!important;
}
.teaserBig ul.tabList li a span {
display: block;
height: 13px;
background-color: #cecece;
color: #cb0334;
font-weight: bold;
padding: 2px 15px 5px 9px!important;
}
.teaserBig ul.tabList li.tabLink a span:hover, .teaserBig ul.tabList li.activeTab a span {
background-color: #cb0334;
color: #ffffff;
}
.teaserBig .tabContent p {
margin-bottom: 12px!important;
}
.teaserBig .tabContent .tabContentFloat {
float: left;
width: 319px;
padding: 0 5px 0 0;
}
.teaserBig .tabContent ul li {
list-style-image: url(../layout/li-image.png);
}
.teaserBig .tabContent .tabContentFloat img {
margin: 0 21px 0 30px!important;
}
.teaserBig .tabContent .tabContentFloat ul {
width: 125px;
}
.teaserBig .tabContent .tabContentFloat p {
padding-right: 148px;
}
#content div .teaserMore {
font-weight:bold;
float: right;
margin-right:12px;
padding: 0 0 0 8px;
background: url(../layout/sprite_trp.png) 0 4px no-repeat;
}
.teaserNoPadding { padding-left: 0!important; padding-top: 0!important; }
.teaserNoPadding ul.tabList { width: 100%; }
.teaserNoPadding ul.tabList.hasSelector { width: 504px; }
.notabs ul.tabList { display:none;}
.notabs .teaserMore { position:absolute; bottom:10px; right:0;}
#content .downloads a {
display: inline;
}
#content .redtext, .carouselContent .redtext { color:#CC0033 !important; }
#content .whitetext, .carouselContent .whitetext { color:#FFF !important; background:#CC0033; }
#marginal {
width: 258px;
min-height: 200px;
float: left;
margin: 28px 0 0 -2px;
background: url(../layout/bgmarginal.png) 0 0 no-repeat;
}
#marginal .box {
border-top: 2px solid #cc0033;
background-color: #eee;
-moz-box-shadow: 2px 2px 2px #aaa;
-webkit-box-shadow: 2px 2px 2px #aaa;
box-shadow: 2px 2px 2px #aaa;
margin: 0 14px 30px 14px;
padding: 5px 0 5px;
}
#marginal .box.infobox a.imagelink {
background:none;
padding:0;
margin:0 12px 0 12px;
}
#marginal .box.infobox .maillink {
color:#CC0033;
}
#marginal .no-nav {
margin: 33px 14px 30px 14px;
}
#marginal .box h3, #marginal .box h2 {
padding: 5px 0 5px 11px;
}
#marginal .box h2 {
margin:0 0 10px 0;
}
#marginal .box h3 {
margin:0 0 8px 0;
}
#marginal .box p {
margin: 0 0 8px 11px;
}
#marginal .box span {
display: block;
margin: 0 0 8px 20px;
}
#marginal .box span.filesize {
font-size:11px;
margin-top:-4px;
}
#marginal .box a {
/*background: url(../layout/sprite~1.gif) 0 -93px no-repeat;*/
padding: 0 0 0 8px;
margin: 0 0 6px 12px;
display: block;
position: relative;
}
#marginal .box a.arrowLink {
color:#c03;
padding: 0 0 0 8px;
background: url(../layout/sprite_trp.png) 0 2px no-repeat;
}
#marginal .box a span.symbol{
background: url(../layout/sprite~1.gif) 0 -93px no-repeat;
position: absolute;
left: 0;
top: -2px;
display: block;
width: 10px;
height: 13px;
margin: 0;
padding: 0;
}
#marginal .box a.email {
background: url(../layout/icons.gif) 0 -44px no-repeat;
padding: 0 0 0 38px;
margin: 0 0 8px 12px;
}
#marginal .box p a {
background: none;
padding: 0;
margin: 0;
display: inline;
color: #333;
}
#marginal .box img {
/*border-top: 1px solid #fff;*/
/*border-bottom: 1px solid #fff;*/
margin: 0 0 8px 0;
}
#marginal .hr {
border-top: 1px solid #ccc;
margin: 30px 14px;
}
#marginal div .hr {
margin: 10px 11px;
}
#marginal .contact-dropdown {
background: url(../layout/icons.gif) 11px 12px no-repeat;
}
#marginal .contact-dropdown select {
border: 1px solid #ccc;
padding: 4px;
margin: 8px 0 0 40px;
width: 179px;
}
#marginal .contactnumber strong {
font-size: 14px;
line-height: 16px;
}
#marginal .contactnumber span {
margin:0 0 0 5px;
}
#marginal .kontakt_dropdown .contactnumber {
display:none;
}
#marginal .contactnumber {
display: block;
margin:10px 0 0 40px;
width:auto;
background-color:#eee;
}
#marginal .contactnumber.nodropdown {
margin-left:10px;
}
#marginal .contactnumber .phone{
background: url(../layout/icons.gif) 0px 5px no-repeat;
padding-left:30px;
margin:0 0 8px 0;
}
#marginal .contactnumber .phone span{
margin:0;
}
#main-nav {
left: 21px;
list-style-type: none;
position: absolute;
top: 113px;
z-index: 1000;
}
#main-nav > li {
float: left;
font-size: 15px;
border-left: 1px solid #ccc;
background: url(../layout/bgmainnav.png) 0 0 repeat-x;
}
#main-nav li:hover,
#main-nav li.active {
background-position: 0 -40px;
}
#main-nav li:first-child {
border-left: none;
}
#main-nav a.item-header {
padding: 11px 10px 8px;
display: block;
-moz-box-shadow: 2px 2px 2px #666;
-webkit-box-shadow: 2px 2px 2px #666;
box-shadow: 2px 2px 2px #666;
}
#main-nav > li:hover > a,
#main-nav > li.active > a {
color: #fff;
text-decoration:none;
}
#main-nav a.no-icon {
background:none !important;
padding:0 !important;
}
/********************************* Mega Layer *********************************/
#main-nav div.mega-layer {
display: none;
background-color: #eee;
width: 995px;
/* height: 330px;*/
position: absolute;
left: -20px;
top: 0;
z-index: -1;
padding: 64px 0 0 0;
border-bottom: 2px solid #cc0033;
box-shadow:0 10px 25px rgba(1,1,1,.25);
}
#main-nav li:hover div.mega-layer {
display: block;
}
#main-nav div.mega-layer div.buttons{
position: absolute;
top: 15px;
right: 5px;
width: 400px;
height: 26px;
}
#main-nav div.mega-layer div.buttons{
margin: 0;
padding: 0;
}
/******************************** Product Layer *******************************/
#main-nav div#products {
background: #eee url(../layout/Productsgrid.png) 20px 60px no-repeat;
height: 430px;
}
#products div.productsItem {
float: left;
width: 293px;
margin: 0 0 0 28px;
height: 240px;
overflow: hidden;
}
#products img {
float: left;
margin: 0 9px 0 0;
border-top: 1px solid #f1f1f1;
border-left: 1px solid #f1f1f1;
}
#products h3 {
border-top: none;
padding: 0;
margin: -2px 0 9px 61px;
line-height: 18px;
}
#main-nav #products h3 a,
#main-nav li.active #products h3 a {
color: #333;
font-size: 16px;
background: url(../layout/sprite_trp.png) 0 -266px no-repeat;
padding: 0 0 0 8px;
margin: 0;
display:block;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#products ul {
list-style-type: none;
margin: 0 0 43px 61px;
}
#products li {
float: none;
background: none;
line-height: 16px;
border-left: none;
padding: 4px 0;
}
#main-nav #products li a,
#main-nav li.active #products li a.item-header {
color: #cc0033;
background: url(../layout/sprite_trp.png) 0 -94px no-repeat;
padding: 0 0 0 8px;
display:block;
font-size: 12px;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
div#products div.buttons span.button{
float: right;
background: url(../layout/bg_redbox.png) scroll right top no-repeat;
padding: 0;
margin: 0 10px 0 0;
height: 26px;
}
#main-nav li #products div.buttons a,
#main-nav li.active #products div.buttons a{
background: url(../layout/bg_redbox_lft_03.png) scroll left top transparent no-repeat;
padding: 5px 12px 0 20px;
margin: 0;
height: 26px;
display: block;
color: #fff;
font-weight: bold;
}
/******************************* Branches Layer *******************************/
#branches h3 {
border-top: none;
padding: 0;
margin: 0 0 16px 28px;
line-height: 18px;
}
#main-nav #branches h3 a,
#main-nav li.active #branches h3 a {
color: #333;
font-size: 16px;
background: url(../layout/sprite_trp.png) 0 -266px no-repeat;
padding: 0 0 0 8px;
margin: 0;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#branches div {
float: left;
width: 162px;
margin: 0 0 25px 28px;
}
#branches img {
margin: 0 0 3px 0;
border-top: 1px solid #f1f1f1;
border-left: 1px solid #f1f1f1;
-moz-box-shadow: 2px 2px 2px #999;
-webkit-box-shadow: 2px 2px 2px #999;
box-shadow: 2px 2px 2px #999;
}
#main-nav #branches li a,
#main-nav li.active #branches li a.item-header{
color: #cc0033;
background: url(../layout/sprite_trp.png) 0 -94px no-repeat;
padding: 0 0 0 8px;
font-size: 12px;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#main-nav #branches a, #main-nav li.active #branches a {
background: url(../layout/sprite_trp.png) no-repeat scroll 0 -94px transparent;
box-shadow: none;
color: #CC0033;
font-size: 12px;
padding: 0 0 0 8px;
}
div#branches div.buttons span.button{
float: right;
background: url(../layout/bg_redbox.png) scroll right top no-repeat;
padding: 0;
margin: 0 10px 0 0;
height: 26px;
}
#main-nav li #branches div.buttons a,
#main-nav li.active #branches div.buttons a{
background: url(../layout/bg_redbox_lft_03.png) scroll left top transparent no-repeat;
padding: 5px 12px 0 20px;
margin: 0;
height: 26px;
display: block;
color: #fff;
font-weight: bold;
}
/****************************** Solutions Layer *******************************/
#solutions h3 {
border-top: none;
padding: 0;
margin: 0 0 16px 28px;
line-height: 18px;
}
#main-nav #solutions h3 a,
#main-nav li.active #solutions h3 a {
color: #333;
font-size: 16px;
background: url(../layout/sprite_trp.png) 0 -266px no-repeat;
padding: 0 0 0 8px;
margin: 0;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#solutions div.entry {
float: left;
width: 205px;
margin: 15px 0 0 28px;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#solutions ul {
list-style-type: none;
margin: 0 0 43px 0;
}
#solutions li {
float: none;
background: none;
line-height: 16px;
border-left: none;
padding: 4px 0;
}
#solutions div.studies {
float: left;
width: 330px;
height: 322px;
margin: 0 20px 0 0;
padding: 0 22px;
background: url(../layout/linestudies.png) top right no-repeat;
}
#solutions div.studies h3 {
margin: 0 0 16px 0;
}
#solutions img {
margin: 0 0 3px 0;
border-top: 1px solid #f1f1f1;
border-left: 1px solid #f1f1f1;
-moz-box-shadow: 2px 2px 2px #999;
-webkit-box-shadow: 2px 2px 2px #999;
box-shadow: 2px 2px 2px #999;
}
#solutions div.studies img{
margin-bottom: 15px;
}
#solutions div.entry img{
float: left;
margin: 0 10px 0 0;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#solutions div.entry ul{
margin-top: 10px;
}
#main-nav #solutions li a,
#main-nav li.active #solutions li a.item-header {
color: #cc0033;
background: url(../layout/sprite_trp.png) 0 -94px no-repeat;
padding: 0 0 0 8px;
font-size: 12px;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#main-nav #solutions a,
#main-nav li.active #solutions a {
background: url(../layout/sprite_trp.png) no-repeat scroll 0 -94px transparent;
box-shadow: none;
color: #CC0033;
font-size: 12px;
padding: 0 0 0 8px;
}
div#solutions div.buttons span.button{
float: right;
background: url(../layout/bg_redbox.png) scroll right top no-repeat;
padding: 0;
margin: 0 10px 0 0;
height: 26px;
}
#main-nav li #solutions div.buttons a,
#main-nav li.active #solutions div.buttons a{
background: url(../layout/bg_redbox_lft_03.png) scroll left top transparent no-repeat;
padding: 5px 12px 0 20px;
margin: 0;
height: 26px;
display: block;
color: #fff;
font-weight: bold;
}
/******************************** Company Layer *******************************/
#company div {
float: left;
width: 220px;
margin: 0 0 0 10px;
padding: 0 0 0 9px;
height: 322px;
background: url(../layout/linestudies.png) 0 0 no-repeat;
color:green;
}
#company div:first-child {
margin: 0 0 0 28px;
padding: 0;
height: 322px;
background: none;
}
#company div.buttons {
width: auto;
height: auto;
background: none;
margin: 0;
padding: 0;
position: absolute;
right: 10px;
top: 10px;
/*background: url(../img/bg.layer.btns.gif) 0 0 repeat-x;*/
}
#main-nav li:hover div.buttons a,
#company div.buttons a {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
color: #CC0033;
float: left;
padding: 5px 0 0 10px;
margin: 0 9px 0 7px;
background: url(../layout/sprite_trp.png) 0 -574px no-repeat;
}
#company img {
margin: 12px 0 4px 0;
border-top: 1px solid #f1f1f1;
border-left: 1px solid #f1f1f1;
-moz-box-shadow: 2px 2px 2px #999;
-webkit-box-shadow: 2px 2px 2px #999;
box-shadow: 2px 2px 2px #999;
}
#company h3 {
border-top: none;
padding: 0;
margin: 0;
line-height: 18px;
}
#main-nav #company h3 a,
#main-nav li.active #company h3 a {
color: #333;
font-size: 16px;
background: url(../layout/sprite_trp.png) 0 -266px no-repeat;
padding: 0 0 0 8px;
margin: 0;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#company p {
margin: 4px 0 4px 0;
width: 200px;
}
#company ul {
list-style-type: none;
margin: 0 0 43px 0;
}
#company li {
float: none;
background: none;
line-height: 16px;
border-left: none;
padding: 4px 0;
}
#main-nav #company li a,
#main-nav li.active #company li a.item-header {
color: #cc0033;
background: url(../layout/sprite_trp.png) 0 -94px no-repeat;
padding: 0 0 0 8px;
font-size: 12px;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#main-nav #company a,
#main-nav li.active #company a {
background: url(../layout/sprite_trp.png) no-repeat scroll 0 -94px transparent;
box-shadow: none;
color: #CC0033;
font-size: 12px;
padding: 0 0 0 8px;
}
div#company div.buttons span.button{
float: right;
background: url(../layout/bg_redbox.png) scroll right top no-repeat;
padding: 0;
margin: 0 10px 0 0;
height: 26px;
}
#main-nav li #company div.buttons a,
#main-nav li.active #company div.buttons a{
background: url(../layout/bg_redbox_lft_03.png) scroll left top transparent no-repeat;
padding: 5px 12px 0 20px;
margin: 0;
height: 26px;
display: block;
color: #fff;
font-weight: bold;
}
/******************************** Contact Layer *******************************/
#contact div {
float: left;
width: 295px;
margin: 0 0 0 10px;
padding: 0 0 0 9px;
min-height: 322px;
background: url(../layout/linestudies.png) 0 0 no-repeat;
height:auto;
}
#contact div:first-child {
margin: 0 0 0 28px;
padding: 0;
height: 322px;
background: none;
}
#contact div.buttons {
width: auto;
height: auto;
background: none;
margin: 0;
padding: 0;
position: absolute;
right: 10px;
top: 10px;
/*background: url(../img/bg.layer.btns.gif) 0 0 repeat-x;*/
}
#main-nav li:hover div.buttons a,
#contact div.buttons a {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
color: #CC0033;
float: left;
padding: 5px 0 0 10px;
margin: 0 9px 0 7px;
background: url(../layout/sprite_trp.png) 0 -574px no-repeat;
}
#contact img {
margin: 12px 0 4px 0;
border-top: 1px solid #f1f1f1;
border-left: 1px solid #f1f1f1;
-moz-box-shadow: 2px 2px 2px #999;
-webkit-box-shadow: 2px 2px 2px #999;
box-shadow: 2px 2px 2px #999;
}
#contact h3 {
border-top: none;
padding: 0;
margin: 0;
line-height: 18px;
}
#main-nav #contact h3 a,
#main-nav li.active #contact h3 a {
color: #333;
font-size: 16px;
background: url(../layout/sprite_trp.png) 0 -266px no-repeat;
padding: 0 0 0 8px;
margin: 0;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
display: block;
}
#contact ul {
list-style-type: none;
margin: 0 0 43px 0;
}
#contact li {
float: none;
background: none;
line-height: 16px;
border-left: none;
padding: 4px 0;
}
#main-nav #contact li a,
#main-nav li.active #contact li a.item-header {
color: #cc0033;
background: url(../layout/sprite_trp.png) 0 -94px no-repeat;
padding: 0 0 0 8px;
font-size: 12px;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
display: block;
}
#main-nav #contact a,
#main-nav li.active #contact a {
background: url(../layout/sprite_trp.png) no-repeat scroll 0 -94px transparent;
box-shadow: none;
color: #CC0033;
font-size: 12px;
padding: 0 0 0 8px;
}
div#contact div.buttons span.button{
float: right;
background: url(../layout/bg_redbox.png) scroll right top no-repeat;
padding: 0;
margin: 0 10px 0 0;
height: 26px;
}
#main-nav li #contact div.buttons a,
#main-nav li.active #contact div.buttons a{
background: url(../layout/bg_redbox_lft_03.png) scroll left top transparent no-repeat;
padding: 5px 12px 0 20px;
margin: 0;
height: 26px;
display: block;
color: #fff;
font-weight: bold;
}
/******************************** Career Layer *******************************/
#career div {
float: left;
width: 295px;
margin: 0 0 10px 10px;
padding: 0 0 0 9px;
min-height: 150px;
background: url(../layout/linestudies.png) 0 0 no-repeat;
height:auto;
}
#career div:first-child {
margin: 0 0 0 28px;
padding: 0;
height: 150px;
background: none;
}
#career div:nth-child(4) {
margin: 0 0 0 28px;
padding: 0;
height: 150px;
background: none;
}
#career div.buttons {
width: auto;
height: auto;
background: none;
margin: 0;
padding: 0;
position: absolute;
right: 10px;
top: 10px;
/*background: url(../img/bg.layer.btns.gif) 0 0 repeat-x;*/
}
#main-nav li:hover div.buttons a,
#career div.buttons a {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
color: #CC0033;
float: left;
padding: 5px 0 0 10px;
margin: 0 9px 0 7px;
background: url(../layout/sprite_trp.png) 0 -574px no-repeat;
}
#career img {
margin: 12px 0 4px 0;
border-top: 1px solid #f1f1f1;
border-left: 1px solid #f1f1f1;
-moz-box-shadow: 2px 2px 2px #999;
-webkit-box-shadow: 2px 2px 2px #999;
box-shadow: 2px 2px 2px #999;
}
#career h3 {
border-top: none;
padding: 0;
margin: 0;
line-height: 18px;
}
#main-nav #career h3 a,
#main-nav li.active #career h3 a {
color: #333;
font-size: 16px;
background: url(../layout/sprite_trp.png) 0 -266px no-repeat;
padding: 0 0 0 8px;
margin: 0;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
display: block;
}
div#career div.buttons span.button{
float: right;
background: url(../layout/bg_redbox.png) scroll right top no-repeat;
padding: 0;
margin: 0 10px 0 0;
height: 26px;
}
/********************************** Left Nav **********************************/
#nav {
list-style-type: none;
margin: 33px 14px 30px 14px;
padding: 0;
border-left: 1px solid #EEEEEE;
border-top: 1px solid #EEEEEE;
box-shadow: 2px 2px 2px #AAAAAA;
}
#nav li {
background-color: #ccc;
padding: 4px 9px 6px 9px;
margin-bottom: 1px;
font-weight: bold;
}
#nav li.active {
background-color: #cc0033;
padding: 4px 9px 6px 6px;
}
#nav li.active-nosub {
background-color: #cc0033;
}
#nav a {
background: url(../layout/sprite_trp.png) 0 -64px no-repeat;
padding: 0 0 0 8px;
display: block;
}
#nav li.back a {
background-position: 0 -362px;
}
#nav li.active a {
color: #fff;
background-position: 0 -126px;
padding: 0 0 6px 11px;
}
#nav li.active-nosub a {
color: #fff;
background-position: 0 -327px;
}
#nav ul {
list-style-type: none;
margin: 0 -9px -6px -6px;
padding: 3px 0 7px 8px;
background-color: #eee;
}
#nav li.active li {
background-color: #eee;
padding: 3px 9px 5px 9px;
margin-bottom: 0;
font-weight: normal;
}
#nav li.active ul a {
background-position: 0 -93px;
color: #cc0033;
padding: 0 0 0 11px;
}
#nav li.active > ul > li.active > a,
#nav li.active > ul > li.active-nosub > a {
font-weight: bold;
}
#nav li a.nav_lvl4,
#nav li a.nav_lvl5,
#nav li a.nav_lvl6{
font-size: 10px;
}
/********************************** Sitemap ***********************************/
#content #sitemap ul {
list-style-type: none;
padding: 0;
margin: 13px 2px 27px 0;
}
#content #sitemap li {
padding: 0;
overflow: hidden;
width: 100%;
clear: both;
}
#content #sitemap > ul {
background: #ccc;
width: 100%;
}
#content #sitemap > ul > li {
border-bottom: 1px solid #fff;
}
#sitemap li a {
background: transparent url(../layout/sitemap.gif) 0 0 no-repeat;
display: inline-block;
font-weight: bold;
float: left;
height: 26px;
width: 35px;
white-space: nowrap;
}
#sitemap li a:hover {
text-decoration: none;
}
#sitemap li a.noToggle {
background: transparent url(../layout/sitemap.gif) -54px 0 no-repeat;
padding: 5px 0 0 0;
height: 21px;
float: left;
width: 635px;
}
#sitemap li strong {
display: block;
padding: 10px 5px 4px 0;
}
#sitemap li.plus a {
background-position: 0 -27px;
padding: 0;
float: left;
width: 35px;
height: 26px;
text-decoration: none;
}
#sitemap li.plus ul {
display: none;
}
#sitemap li.plus a.noToggle {
background-position: -30px -27px;
padding: 5px 0 0 0;
float: left;
height: 21px;
width: 635px;
white-space: nowrap;
}
#sitemap li.minus{
background-color: #c03;
}
#sitemap li.minus a {
background-position: 0 -54px;
padding: 0;
color: #fff;
float: left;
width: 35px;
height: 26px;
text-decoration: none;
}
#sitemap li.minus a.noToggle {
background-position: -30px -54px;
padding: 5px 0 0 0;
float: left;
height: 21px;
width: 635px;
white-space: nowrap;
}
#content #sitemap ul ul {
background-color: #eee;
margin: 0;
padding: 0 0 8px 35px;
/*border-bottom: 1px solid #fff;*/
}
#content #sitemap ul ul ul {
padding: 0 0 0 15px;
}
#content #sitemap li li a {
background: #eee url(../layout/sprite_trp.png) 0 -90px no-repeat;
font-weight: normal;
padding: 4px 5px 4px 8px;
color: #cc0033;
height: 14px;
}
/********************************* Search Nav *********************************/
.searchnav {
margin: 0 0 26px 0;
}
.searchnav a {
margin: 0 2px;
}
.searchnav input {
margin: 0 4px;
width: 33px;
}
/********************************* Nav Extend *********************************/
.store-link {
width: 110px;
background: transparent !important;
}
.store-link img {
margin-top: -8px;
margin-bottom: -8px;
margin-right: 8px;
}
body {
background-color: #ccc;
}
body, div, p, ul, ol, form, fieldset, textarea, input, select, h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
color: #333;
font-family: Arial, Sans-Serif;
font-size: 12px;
line-height: 16px;
margin: 0;
padding: 0;
border: none;
}
img {
border: 0;
}
:focus {
outline: none;
}
a {
text-decoration: none;
outline: none;
color: #cc0033;
}
a:hover {
text-decoration: underline;
}
textarea {
resize: none;
}
.hidden {
display: none;
}
.clear {
clear: both !important;
height: 1px !important;
padding: 0 !important;
margin: 0 !important;
font-size: 1px !important;
line-height: 1px !important;
float: none !important;
border: none !important;
}
.mgntop20{
height: 20px;
}
span.btn_close{
background: url(../layout/btn_icons.png) no-repeat 0 -176px;
width: 22px;
height: 22px;
display: inline-block;
padding: 0;
border: 1px solid #fff;
}
span.btn_close:hover{
background-position: 0 -220px;
}
span.exclusive{
color: #c03;
font-weight: bold;
}
input.contact,
input.seminar{
display: none;
}
h1 {
font-size: 24px;
font-weight: normal;
color: #cc0033;
margin: 0 0 28px 0;
line-height: 24px;
}
h2 {
font-size: 16px;
font-weight: normal;
color: #cc0033;
margin: 0 0 9px 0;
}
h3 {
color: #cc0033;
font-size: 12px;
padding: 0 0 8px 0px;
font-weight: bold;
}
h5 {
font-size: 12px;
margin: 0 0 8px 0;
}
h1 a.back {
font-size: 12px;
float: right;
margin: 3px 2px 0 0;
padding: 0 0 0 9px;
background: url(../img/sprite.gif) 0 -541px no-repeat;
}
p {
margin: 0 0 25px 0;
}
#wrapper {
background-color: #fff;
}
/*********************************** Header ***********************************/
#header {
background: url(../img/bg.header.png) 0 0 no-repeat;
height: 112px;
width: 995px;
margin: 0 auto;
position: relative;
}
#header-right {
float: right;
width: 218px;
margin: 17px 0 0 0;
}
#header-right form{
margin: 0 0 11px;
}
.search-text {
font-size: 12px;
border: 1px solid #ccc;
float: left;
padding: 4px 8px 5px 8px;
margin: 2px 2px 0 0;
width: 162px;
}
#query-content {
width: 375px;
}
#search-btn {
float: left;
width: 30px;
height: 30px;
cursor: pointer;
background: url(../layout/search-btn.gif) 0 0 no-repeat;
}
#header-right a {
float: right;
display: block;
background: url(../layout/sprite_trp.png) 0 4px no-repeat;
padding: 0 0 0 8px;
margin: 3px 9px 0 0;
}
#header-right a.store-link {
font-weight:bold;
padding:0 0 0 8px;
font-size:14px;
}
#logo {
margin: 18px 0 0 10px;
width: 275px;
height: 61px;
}
#worldwide {
position: absolute;
right: 225px;
top: 22px;
padding: 0 22px 0 0;
z-index: 2001;
}
#worldwide img {
display: inline-block;
float: right;
margin: 2px 0 0;
}
#worldwide a {
background: url(../layout/sprite_trp.png) 0 3px no-repeat;
padding: 0 8px;
float: left;
width:90px;
}
#worldwide ul{
margin: 0;
padding: 0;
list-style: none;
}
#worldwide ul li{
overflow: hidden;
}
/*********************************** Visual ***********************************/
#visual {
border-top: 1px solid #f1f1f1;
margin: 0 auto;
display: block;
}
.banner {
margin:0 0 30px 112px;
}
.banner a {
display:block;
}
div#content div.text-bild{
overflow: hidden;
/* margin: 0 0 30px;*/
}
div#content div.text-bild div{
display: inline;
}
div#content div.text-bild div.no-shadow img{
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
border: 0 none;
}
/*********************************** Branches ***********************************/
#content h1.duties,
#content h1.areas,
#content h1.filter{
color: #fff;
background-color: #E10041;
padding: 12px;
margin: 0;
cursor: pointer;
}
#content h1.filterHead{
background-color: #CCC;
padding: 10px;
font-size:18px;
margin:0;
-moz-box-shadow: 1px 1px 1px #999;
-webkit-box-shadow: 1px 1px 1px #999;
box-shadow: 1px 1px 1px #999;
background: -moz-linear-gradient(90deg, #CCC, #DDD);
background: -webkit-linear-gradient(90deg, #DDD, #EEE);
}
#content h1.filter{
cursor: text;
}
#content h1.duties{
margin-top: 10px;
}
#content div.duties,
#content div.areas{
display: inline-block;
padding: 5px 5px 5px 10px;
cursor: pointer;
background:#DDD;
background: -webkit-linear-gradient(90deg, #DDD, #EEE);
background: -moz-linear-gradient(90deg, #DDD, #EEE);
float: left;
border: 1px solid #EEE;
border-left: 1px solid white;
border-top: 1px solid white;
box-shadow: 1px 1px 1px #999;
margin: 1em 20px 1em 0;
line-height: 22px;
}
#content div.duties span.arrow,
#content div.areas span.arrow{
background: url(../layout/sprite_trp.png) 0px 7px no-repeat transparent;
display: block;
padding: 0 10px;
}
#content hr.duties{
text-align: center;
width: 100%;
color: #e0e0e0;
background-color: #e0e0e0;
height: 1px;
border: none;
}
#content div.duties:hover,
#content div.areas:hover{
border-top: 1px solid #DDD;
border-left: 1px solid #DDD;
border-bottom: 1px solid white;
border-right: 1px solid white;
background:#EEE;
background: -moz-linear-gradient(90deg, #EEE, #DDD);
background: -webkit-linear-gradient(90deg, #EEE, #DDD);
box-shadow: -1px -1px 1px #999;
}
#content div.innerFilter{
background-color: #eee;
padding: 15px 15px 0;
margin: 0 0 20px;
overflow: hidden;
}
#content div.innerFilter p{
margin: 0 0 10px;
}
#content ul.areas li.hide{
margin-top: 20px;
}
#content ul.areas li p{
margin: 0;
}
#extArea,
#extDuty{
display: inline-block;
width: 20px;
}
#content form#dutysorter,
#content form#areasorter{
display: none;
background-color: #f0f0f0;
width: 100%;
position: absolute;
box-shadow: 3px 3px 10px #aaa;
top: 10px;
left: 0px;
width: 350px;
}
#content #dutysorter{
/*left: 355px;*/
}
.ie9 .formwrapper,
.ie8 .formwrapper,
.ie7 .formwrapper{
width: 350px;
}
#content ul.subduties{
list-style: none;
padding: 0 0 0 13px;
}
#content ul.areas li.disabled,
#content ul.areas li.disabled:hover,
#content h2.disabled,
#content h2.disabled:hover,
#content ul.subduties li.disabled,
#content ul.subduties li.disabled:hover{
opacity: 0.5;
filter: alpha(opacity=50);
}
.ie7 #content ul.areas li.disabled,
.ie7 #content ul.areas li.disabled:hover,
.ie7 #content ul.subduties li.disabled,
.ie7 #content ul.subduties li.disabled:hover{
color: #999;
}
.ie7 #content h2.disabled,
.ie7 #content h2.disabled:hover{
color: #bc7d8e;
}
#content ul.areas{
padding: 0;
list-style: none;
}
#content div.area {
margin-top:10px;
}
#content ul.subduties{
margin: 0;
}
#content ul.info{
padding: 20px 0 0;
}
#content li.area,
#content li.subduty{
font-weight: bold;
}
#content #areasorter label,
#content #dutysorter label{
float: none;
padding: 0 0 0 22px;
display: inline-block;
width: 270px;
}
#content #dutysorter h2 label{
font-weight: normal;
padding: 0 0 0 22px;
}
#content li.area label{
width: 0;
}
#content li.hide{
display: none;
}
#content form#dutysorter,
#content form#areasorter{
width: 350px;
}
#content form#dutysorter h1,
#content form#areasorter h1{
margin: 0;
font-size:18px;
}
#content form#dutysorter h2,
#content form#areasorter h2{
font-size:14px;
}
#content form#areasorter li,
#content form#dutysorter li,
#content form#dutysorter h2{
background: url(../layout/btn_icons_eee.png) no-repeat scroll 0px -1px transparent;
border: 1px solid #eee;
padding: 2px 0 0 3px;
line-height: 18px;
margin: 2px 0;
}
#content form#areasorter li:hover,
#content form#areasorter li.checked:hover,
#content form#dutysorter li:hover,
#content form#dutysorter li.checked:hover,
#content form#dutysorter h2:hover,
#content form#dutysorter h2.checked:hover{
background-color: #dedede;
border: 1px solid #aaa;
box-shadow: 0 0 3px #999;
background-image: url(../layout/btn_icons_ccc.png);
}
#content form#dutysorter li.disabled:hover,
#content form#areasorter li.disabled:hover,
#content form#dutysorter h2.disabled:hover{
background-color: transparent;
box-shadow: none;
border: 1px solid #eee;
background-image: url(../layout/btn_icons_eee.png);
}
#content form#areasorter li.no_bg{
background: none;
box-shadow: none;
border: 1px solid #eee;
}
#content form#areasorter li.checked,
#content form#dutysorter li.checked,
#content form#dutysorter h2.checked{
background: url(../layout/btn_icons_eee.png) no-repeat scroll 0px -44px transparent;
}
#content form#areasorter span.btn_close,
#content form#dutysorter span.btn_close{
position: absolute;
top: 10px;
right: 20px;
}
#content form#dutysorter div.elements,
#content form#areasorter div.elements{
padding: 20px;
}
#content form#areasorter input,
#content form#dutysorter input{
display: none;
}
#content form#areasorter input.visible.resetBtn,
#content form#dutysorter input.visible.resetBtn{
float:left;
background: url(../layout/arrows.png) -44px -1544px no-repeat;
color: #000;
cursor: pointer;
border: none;
display: block;
padding-left: 17px;
}
#content form#areasorter input.visible.submitBtn,
#content form#dutysorter input.visible.submitBtn{
float:right;
background: url(../layout/arrows.png) -44px -45px no-repeat #E10041;
border: 1px solid white;
-webkit-box-shadow: 1px 1px 1px #999;
box-shadow: 1px 1px 1px #999;
color: #FFF;
cursor: pointer;
display: block;
padding-left: 19px;
}
#content form p.errorMsg,
#content form div.errorMsg{
padding: 10px;
border: 1px solid #c03;
}
#content form div.errorMsg p{
margin: 0;
}
.ie9 form#dutysorter,
.ie9 form#areasorter,
.ie8 form#dutysorter,
.ie8 form#areasorter,
.ie7 form#dutysorter,
.ie7 form#areasorter{
padding: 0;
}
#content form div.input_description{
margin: 0 0 10px 140px;
font-size: smaller;
font-weight: bold;
}
#content table.branches{
margin: 0;
border-collapse: collapse;
border: none;
}
#content table.branches td,
#content table.branches th{
/*border: 2px solid #fff;*/
}
#content div.branch-detail-intro {
background-color: #f0f0f0;
width: 100%;
height: 270px;
}
#content div.branch-detail-intro div.branch-image{
display: block;
float: left;
margin: 10px 15px 10px 10px;
width: 409px;
height: 244px;
background-color: #e0e0e0;
}
#content div.branch-detail-intro h2,
#content div.branch-detail-intro p{
float: right;
width: 215px;
margin: 10px 15px 0 0;
}
#content div.branch-detail-intro p{
margin: 10px 15px 10px 0;
}
#content div.solution-komponent,
#content div.branch-komponent{
margin-top: 30px;
overflow: hidden;
}
#content div.rightcol div.branch-komponent {
margin-top:0;
margin-bottom: 30px;
}
/*
#content div.branch-komponent-image{
width: 135px;
float: left;
overflow: hidden;
text-align: center!important;
}
*/
#content div.branch-komponent-text{
width: 480px;
margin-right: 10px;
float: right;
}
#content div.branch-komponent-text ul {
padding-bottom:5px;
}
#content div.branch-komponent-links{
width: 480px;
margin: 0 10px 10px 0;
float: right;
}
#content h3.branches-back{
text-align: right;
}
#content div#branch-paging{
width: 100%;
position: relative;
}
#content div#branch-paging img {
border-left: 1px solid #EEEEEE;
border-top: 1px solid #EEEEEE;
box-shadow: 2px 2px 2px #AAAAAA;
display: block;
float: left;
margin: 3px 4px 0 0;
}
#content div#branch-paging input,
#content div#branch-paging select {
border: 1px solid #CCCCCC;
float: left;
margin: 4px 2px 0 0;
padding: 0;
}
#table_branches tr.filters{display: none;}
/********************************** Kontakt&Support (header) *********************************/
div#kontakt_support{
margin: 0;
width: 200px;
position: absolute;
padding: 10px;
top: 12px;
left: 470px;
z-index: 2000;
}
div#kontakt_support.shoplink_true {
top: 40px;
}
div#kontakt_support > div{
position: absolute;
background: #eee;
width: 220px;
left: 0px;
display: none;
z-index: 1999;
overflow: hidden;
box-shadow:0 10px 25px rgba(1,1,1,.25);
}
div#kontakt_support a {
background: url(../layout/sprite_trp.png) 0 2px no-repeat;
padding: 0 8px;
}
div#kontakt_support ul{
list-style: none;
padding: 10px;
width: 220px;
overflow: hidden;
z-index: 1998;
}
div#kontakt_support ul > li{
margin: 5px;
display: table;
overflow: hidden;
}
div#kontakt_support div hr{
margin: 0px 10px 5px 10px;
background-color: #ddd;
color: #ddd;
height: 1px;
border: none;
}
div#kontakt_support div.clr{
height: 1px !important;
clear: both !important;
}
div#kontakt_support div#ks_layer{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #eee;
display: none;
z-index: -1;
box-shadow:0 10px 25px rgba(1,1,1,.25);
}
/********************************** Standorte (header) *********************************/
div#sites{
padding: 0 22px 0 0;
position: absolute;
left: 320px;
top: 22px;
}
div#sites div#locationlink{
padding: 0 0 10px 10px;
white-space: nowrap;
}
div#sites div#locationlink a {
display: inline-block;
background: url(../layout/sprite_trp.png) 0 3px no-repeat;
padding: 0 8px;
float: left;
}
div#shoplink{
padding: 0 22px 0 0;
position: absolute;
left: 470px;
top: 22px;
}
div#shoplink img {
height: 24px;
height: 24px;
vertical-align: middle;
margin-right: 5px;
position: relative;
top: -2px;
}
div#shoplink a {
font-size: 14px;
font-weight: bold;
}
/********************************** Standorte (content) *********************************/
div.standorte{
box-shadow: 3px 3px 3px #AAAAAA;
background-color: #ccc;
padding: 20px;
margin: 20px 0;
width: 93%;
display: block;
overflow: hidden;
}
div.contentWrapper div.standorte h2,
#content div.standorte h2{
color: #000;
font-size: 13px;
font-weight: bold;
}
div.contentWrapper div.standorte h2 img,
#content div.standorte h2 img{
border: none;
box-shadow: none;
float: left;
margin: 2px 2px 0 0;
}
div.contentWrapper div.standorte div.address,
#content div.standorte div.address{
display: inline-block;
width: 300px;
float: left;
}
div.contentWrapper div.standorte div.phone,
#content div.standorte div.phone{
display: inline-block;
width: 160px;
float: left;
}
div.contentWrapper div.standorte div.linklist,
#content div.standorte div.linklist{
display: inline-block;
width: 150px;
float: left;
}
div.contentWrapper div.standorte p,
#content div.standorte p{
margin: 0;
}
/********************************** Distributorensuche (content) *********************************/
div.content_distributoren_suche{
width: 670px;
margin: auto;
padding: 20px 0px 30px 0px;
}
div.distributoren_suche{
box-shadow: 3px 3px 3px #AAAAAA;
background-color: #ccc;
padding: 20px;
margin: 20px 0;
width: 93%;
display: block;
overflow: hidden;
}
#search-distr {
width: 30px;
height: 30px;
cursor: pointer;
background: url(../layout/search-btn.gif) 0 0 no-repeat;
}
div.contentWrapper div.distributoren_suche h2,
#content div.distributoren_suche h2{
color: #000;
font-size: 13px;
font-weight: bold;
}
div.contentWrapper div.distributoren_suche h2 img,
#content div.distributoren_suche h2 img{
border: none;
box-shadow: none;
float: left;
margin: 2px 2px 0 0;
}
div.contentWrapper div.distributoren_suche div.address,
#content div.distributoren_suche div.address{
display: inline-block;
width: 200px;
margin-right: 20px;
float: left;
}
div.contentWrapper div.distributoren_suche div.phone,
#content div.distributoren_suche div.phone{
display: inline-block;
width: 160px;
margin-right: 20px;
float: left;
}
div.contentWrapper div.distributoren_suche div.linklist,
#content div.distributoren_suche div.linklist{
display: inline-block;
width: 150px;
float: left;
}
div.contentWrapper div.distributoren_suche p,
#content div.distributoren_suche p{
margin: 0;
}
/*********************************** Standorte Lokal ***********************************/
#content div.standortlokal {
background-color: #CCCCCC;
box-shadow: 3px 3px 3px #AAAAAA;
margin: 20px 0 40px;
overflow: hidden;
width: 93%;
padding: 10px;
}
#content table.standortlokal{
margin: 0;
width: 625px;
}
#content table.standortlokal td{
background-color: transparent;
border: none
}
#content table.standortlokal td p{
margin: 0;
}
#content table.standortlokal td.picture{
width: 230px;
}
/*********************************** Dienstleistungen / Seminare / FAQ /Downloads ***********************************/
#content div.seminar_category,
#content div.faq,
#content div.downloads {
margin: 0 0 25px;
}
#content div.downloads p {
margin-bottom: 10px;
}
#content div.seminar_category h2.subhead,
#content div.faq h2.subhead{
font-size: 20px;
line-height: 24px;
background: #fff;
}
#content ul.infomaterial,
#content ul.infomaterial ul,
#content ul.seminarlist,
#content ul.seminarlist ul,
#content ul.faqlist,
#content ul.faqlist ul,
#content ul.downloadlist,
#content ul.downloadlist ul{
list-style: none;
padding: 0;
background: #eee;
}
#content ul.seminar_application ul { background:none; }
#content ul.faqlist ul.faqinfo ul,
#content ul.downloadlist ul.downloadinfo ul {
list-style: disc;
padding-left: 15px;
}
#content ul.faqlist ul.faqinfo ul li,
#content ul.downloadlist ul.downloadinfo ul li {
margin: 0!important;
}
#content ul.faqlist ul.faqinfo a.arrowLink {
display:inline-block;
float:none;
}
#content ul.seminarlist li div.seminar_title{
display: inline-block;
font-weight: bold;
width: 100px;
float: left;
}
#content ul.seminarlist li div.seminar_content{
display: inline-block;
max-width: 510px;
}
#content ul.seminarlist li div.seminar_content p,
#content ul.seminarlist li div.seminar_content span{
display: inline-block;
float: left;
}
#content ul.infomaterial li.plus > a,
#content ul.seminarlist li.plus > a,
#content ul.faqlist li.plus > a,
#content ul.downloadlist li.plus > a {
background: url(../layout/sitemap.gif) 0px -27px no-repeat;
display: block;
font-weight: bold;
padding: 5px 5px 6px 35px;
float: none;
}
#content ul.infomaterial li.minus > a,
#content ul.seminarlist li.minus > a,
#content ul.faqlist li.minus > a,
#content ul.downloadlist li.minus > a {
background: url(../layout/sitemap.gif) 0px -54px no-repeat;
color: #fff;
display: block;
font-weight: bold;
padding: 5px 5px 6px 35px;
float: none;
}
/* FAQ Shop */
#content ul.faqlist {
}
#content ul.faqlist > li {
width: 100%;
border-bottom: 1px solid #fff;
}
#content ul.faqlist > li.plus, #content ul.faqlist > li.minus{
border-bottom: none;
}
#content ul.faqlist li > a{
background: #CC0033;
color: #ffffff;
padding-left: 0;
overflow: hidden;
}
#content ul.faqlist li.plus > a {
color: #CC0033;
}
#content ul.faqlist li.collapsed > a{
background-color: #CCCCCC;
color: #CC0033;
}
#content ul.faqlist li > a span.icon {
background: url(../layout/sitemap.gif) 0px -54px no-repeat;
display: inline-block;
width: 30px;
height: 26px;
float: left;
}
#content ul.faqlist li.collapsed > a span.icon {
background: url(../layout/sitemap.gif) 0px -27px no-repeat;
}
#content ul.faqlist li > a span.faqContent {
padding: 5px;
width: 630px;
float: left;
font-weight: bold;
}
/* ENDE FAQ Shop */
#content ul.infomaterial,
#content ul.infomaterial li{
overflow: hidden;
}
#content ul.infomaterial li label{
width: 470px;
float: right;
}
.ie7 #content ul.infomaterial li label,
.ie8 #content ul.infomaterial li label,
.ie9 #content ul.infomaterial li label{
width: 455px;
}
#content ul.seminarlist li p,
#content ul.faqlist li p,
#content ul.downloadlist li p {
margin: 0;
}
#content ul.downloadlist li.linklist p {
margin-top: 25px;
}
#content ul.downloadlist li.linklist div.download-text{
padding: 0 0 0 10px;
background: url(../layout/sprite_trp.png) no-repeat scroll 0 -34px transparent;
}
#content ul.downloadlist li.linklist div.download-files {
margin: 5px 0 15px 12px;
}
#content ul.downloadlist li.linklist div.download-files a.flag-link {
background: transparent;
display: inline-block;
text-align: center;
margin-right: 2px;
padding: 5px 0 0 0;
background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top, #eeeeee 0%, #dddddd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #eeeeee 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #eeeeee 0%,#dddddd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #eeeeee 0%,#dddddd 100%); /* IE10+ */
background: linear-gradient(to bottom, #eeeeee 0%,#dddddd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
/*background: -webkit-linear-gradient(90deg, #ddd, #eee);*/
width: 45px;
box-shadow: 1px 1px 1px #999;
font-size: 10px;
border: 1px solid #eee;
border-left: 1px solid #fff;
border-top: 1px solid #fff;
}
.ie7 #content ul.downloadlist li.linklist div.download-files a.flag-link {
display: inline;
overflow: visible;
white-space: nowrap;
}
#content ul.downloadlist li.linklist div.download-files a.flag-link span {
color: inherit;
display: inline;
}
.ie7 #content ul.downloadlist li.linklist div.download-files a.flag-link span {
float: left;
}
#content ul.downloadlist li.linklist div.download-files a.flag-link img {
margin: 0 auto;
border: none;
box-shadow: none;
}
.ie7 #content ul.downloadlist li.linklist div.download-files a.flag-link img {
display: inline;
width: 16px;
}
#content ul.seminarlist li ul.seminarinfo {
display: none;
float: none;
padding: 15px 5px 15px 35px;
}
#content ul.faqlist li ul.faqinfo,
#content ul.downloadlist li ul.downloadinfo {
display: none;
float: none;
padding: 15px 5px 5px 35px;
}
#content ul.seminarlist li ul.seminarinfo li,
#content ul.faqlist li ul.faqinfo li,
#content ul.downloadlist li ul.downloadinfo li {
margin: 0 0 10px;
}
#content ul.seminarlist li,
#content ul.faqlist li,
#content ul.downloadlist li {
padding: 0;
}
#content ul.seminarlist li.links span.button {
float: right;
background: url(../layout/bg_redbox.png) scroll right top no-repeat;
padding: 0;
margin: 0 10px 0 0;
height: 26px;
}
#content ul.seminarlist li.links span.button > a {
background: url(../layout/bg_redbox_lft_03.png) scroll left top transparent no-repeat;
padding: 5px 12px 0 20px;
margin: 0;
height: 26px;
display: block;
color: #fff;
font-weight: bold;
}
#content div#seminar_details ul.seminar_details_list{
list-style: none;
padding: 20px;
background: #ddd;
}
#content div#seminar_details ul.seminar_details_list li{
margin: 0 0 15px;
}
#content div#seminar_details div.seminar_description h3{
padding: 0 0 8px 0;
font-size: 14px;
}
#content div#seminar_details div.backlink{
display: block;
text-align: right;
margin: 0 15px 15px;
position: absolute;
top: 0px;
right: 0px;
}
#content div#seminar_details div.backlink a{
float: right;
}
#content div.infomaterial form ul.infomaterial ul{
display: none;
padding: 10px 0 10px 35px;
}
#content div.infomaterial form ul.infomaterial{
margin: 0 0 20px;
}
#content div.infomaterial form ul.infomaterial > li{
padding: 0;
}
.ie7 #content div.infomaterial form ul.infomaterial input {
float: left;
margin-left: 15px;
}
#content div.branch-komponent div.branch-komponent-links a {
background: url("../layout/sprite_trp.png") no-repeat scroll 0 4px transparent;
font-weight: bold;
margin-right: 12px;
padding: 0 0 0 8px;
display: block;
}
/*********************************** Casestudies ***********************************/
#content table#casestudies,
#content table#table_branches,
#content table#pr_table{
margin: 0;
border-collapse: collapse;
}
#casestudies tr.filters{display: none;}
#content div.branches-back{
text-align: right;
position: absolute;
top: 5px;
right: 0;
}
#content div.branches-back a{
float: none;
}
#content div.casestudy_filter{
padding: 10px;
width: 670px;
background: #ccc;
margin: 0 0 10px;
}
#content div.casestudy_details h3,
#content div.casestudy_details h2{
padding: 7px 0 8px;
}
#content div.casestudy_details .leftcol {
float:left;
width:465px;
padding-right:10px;
margin-right:10px;
}
#content div.casestudy_details .rightcol {
float: left;
border-left:1px solid #CCC;
padding-left: 10px;
width: 170px;
}
#content div.casestudy_details .casestudy_detail_list {
padding:0 !important;
margin: 30px 0 0;
}
#content div.casestudy_details .casestudy_detail_list p {
margin-bottom:10px;
}
#content ul.casestudy_products{
list-style: none;
padding: 0;
margin-bottom:20px;
}
#content ul.casestudy_products li{
margin: 0 10px 10px 0;
background: #CCC;
padding: 10px;
overflow: hidden;
width:131px;
}
#content ul.casestudy_products li img.image{
margin: 0 0 10px;
}
#content ul.casestudy_products li a{
float: none;
}
#content div.casestudy_filter h4{
margin: 0 0 10px;
}
#content div.casestudy_filter select{
min-width: 200px;
}
#content div.casestudy_filter table.casestudy_details{
width: 625px;
overflow: hidden;
margin: 0;
}
#content div.casestudy_filter table.casestudy_details td{
width: 50%;
background: transparent;
border: none;
padding: 10px;
}
#content div.casestudy_filter table.casestudy_details td h3{
border: none;
margin: 0 0 10px;
padding: 0;
}
#content div.casestudy_filter table.casestudy_details td p{
margin: 0 0 10px;
}
#content div.casestudy_filter table.casestudy_details td ul{
list-style: none;
padding: 0;
}
#content div.casestudy_filter table.casestudy_details td a{
float: none;
}
/*********************************** Carousel special ***********************************/
#content div.jcarouselgallerywrapper{
padding: 10px;
width: 670px;
background: #ccc;
margin: 0 0 20px;
overflow: hidden;
}
#content div.jcarouselgallerywrapper ul.jcarousel-list{
overflow: hidden;
width: 650px;
height: 220px;
position: relative;
top: 0px;
margin: 0px;
padding: 0px;
left: 0;
}
#content div.jcarouselgallerywrapper ul.jcarousel-list li.jcarousel-item{
width: 645px;
position: absolute;
top: 0;
left:0;
overflow: hidden;
display: none;
}
#content div.jcarouselgallerywrapper ul.jcarousel-list li.jcarousel-item div.img-box{
float: left;
width: 340px;
overflow: hidden;
text-align: center;
padding: 5px 25px;
}
#content div.jcarouselgallerywrapper ul.jcarousel-list li.jcarousel-item div.img-box a{
display: inline-block;
position: relative;
}
#content div.jcarouselgallerywrapper ul.jcarousel-list li.jcarousel-item div.img-box span.plus{
position: absolute;
right: 0;
bottom: 0;
width: 22px;
height: 22px;
background:url(../layout/btn_icons.png) 0px -88px no-repeat;
cursor:pointer;
}
#content div.jcarouselgallerywrapper ul.jcarousel-list li.jcarousel-item div.img-box span.plus:hover{
position: absolute;
right: 0;
bottom: 0;
width:22px;
height:22px;
background:url(../layout/btn_icons.png) 0px -132px no-repeat;
cursor:pointer;
}
#content div.jcarouselgallerywrapper ul.jcarousel-list li.jcarousel-item div.text-box{
float: right;
width: 235px;
overflow: hidden;
padding: 10px;
}
#content div.jcarouselgallerywrapper ul.jcarousel-list li.jcarousel-item div.text-box a{
display: inline-block;
}
#content div.jcarouselgallerywrapper ul.jcarousel-list li.jcarousel-item img{
display: inline;
border: none;
margin: 0;
}
#content div.gallery-navigation{
width: 385px;
overflow: hidden;
margin: 0 0 0 3px;
}
#content div.gallery-navigation > a{
background: url(../layout/productlist-btn1.png) no-repeat;
display: block;
line-height: 24px;
width: 24px;
float: left;
overflow: hidden;
text-decoration: none;
margin: 18px 0 0;
}
#content div.gallery-navigation a.previous{
background-position: 0 0;
}
#content div.gallery-navigation a.next{
background-position: 0 -24px;
float: right;
}
#content div.gallery-navigation div.preview-wrapper{
width: 330px;
margin: 0 3px;
overflow: hidden;
float: left;
position: relative;
height: 65px;
}
#content div.gallery-navigation ul.gallery-preview{
overflow: hidden;
margin: 0;
padding: 0;
list-style: none;
position: absolute;
left: 0;
top: 0;
}
#content div.gallery-navigation ul.gallery-preview li{
float: left;
width: 110px;
text-align: center;
padding: 0;
}
#content div.gallery-navigation ul.gallery-preview li img{
display: inline;
border: none;
margin: 0;
cursor: pointer;
}
/*********************************** Kundenberatung ***********************************/
#content div.kontakt_dropdown{
margin: 0 0 20px;
}
#content div.kontakt_dropdown select {
margin: 13px 10px 10px;
}
#content div.kontakt_dropdown div.contactnumber {
background-color: #CCCCCC;
color: #474747;
display: none;
/*height: 30px;*/
margin: 0 10px 15px;
padding: 10px 20px 10px 30px;
}
/*********************************** Messen ***********************************/
#content table#messen{
margin: 0 0 30px;
}
#content table#messen .faded{
/*
opacity: 0.5;
filter: alpha(opacity=50);
*/
color: #999;
}
#content table#messen td.nowrap{
white-space: nowrap;
}
#content table#messen img{
border: 0 none;
float: left;
display: inline-block;
margin: 2px 10px 0 0;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
/*********************************** Formulare ***********************************/
#content form.frm_seminar,
#content form.frm_contact{
margin-top:20px;
}
#content form ul.formlist{
list-style: none;
padding: 20px;
background: #efefef;
margin: 0 0 20px;
}
#content form label{
float: none;
font-weight: normal;
padding: 0;
width: auto;
}
#content form ul.formlist li.headline{
margin: 10px 0 0px;
}
#content form ul.formlist li hr{
border: none;
height: 1px;
background: #ccc;
color: #ccc;
}
#content ul.formlist li.billing_switch{
margin: 10px 0 0 0;
}
#content ul.formlist li.billing{
display: none;
}
#content form span.form_labels_top{
display: block;
margin: 25px 0 0;
font-weight: bold;
}
#content form span.form_labels_left,
#content form label.form_labels_left{
display: inline-block;
width: 125px;
margin: 0 15px 0 0;
font-weight: bold;
float: left;
}
#content ul.formlist li.billing label.form_labels_left{
#margin: 0 0 0 15px;
}
#content form label.form_labels_full{
display: block;
margin: 0 15px 0 0;
font-weight: bold;
}
#frm_bill_address_yes{
margin: 0 0 0 140px;
}
#content form label.form_labels_right,
#content form span.form_labels_right{
display: inline-block;
padding: 0 15px 0 5px;
float: none;
}
#content form ul.formlist li span.form_labels_small{
display: block;
font-size: 12px;
font-weight: bold;
}
#content form ul.formlist li input.textinput{
width: 380px;
}
#content form ul.formlist li select.frm_select{
width: 390px;
}
#content form ul.formlist li input.zip{
width: 100px;
}
#content form ul.formlist li input.city {
width: 267px;
}
#content form ul.formlist li.dsb input,
#content form ul.formlist li.dsb span,
#content form ul.formlist li.dsb label{
float: left;
margin: 0 5px 0 0;
}
#content form ul.formlist li.dsb span{
margin: 0;
}
#content form ul.formlist li.dsb p{
width: 495px;
}
#content form ul.formlist li input.no_border{
border: none;
}
#content ul.formlist li.links span.button {
float: right;
background: url(../layout/bg_redbox.png) scroll right top no-repeat;
padding: 0;
margin: 0 10px 0 0;
height: 26px;
overflow: hidden;
}
#content ul.formlist li.links span.button > a {
background: url(../layout/bg_redbox_lft_03.png) scroll left top transparent no-repeat;
padding: 5px 12px 0 20px;
margin: 0;
height: 26px;
display: block;
color: #fff;
font-weight: bold;
}
#content ul.formlist li.dsb{
margin-top: 25px;
}
#content .rsw p { margin:0; }
#content ul.formlist li.links span.fl_lft,
#content ul.formlist li span.fl_lft{
float: left;
}
#content ul.formlist li.links span.fl_rgt,
#content ul.formlist li span.fl_rgt{
float: right;
}
#content ul.formlist li span.error,
#content ul.formlist li label.error,
#content ul.formlist li label.error p{
color: #c03;
}
#content ul.formlist li input.error,
#content ul.formlist li select.error,
#content ul.formlist li textarea.error,
.recaptcha-error{
border: 1px solid #c03;
}
#content ul.formlist li textarea{
width: 380px;
}
#content form input.contact,
#content form input.seminar,
#content form input.reshipment{
visibility: hidden;
}
#content form span.text_before { display: inline-block; margin: 0 10px 30px 0; }
#content form span.text_after { display: inline-block; margin: 0 0 30px 10px; }
/*********************************** Paging ***********************************/
#content div.pagingWrapper ul.paging{
list-style: none;
padding: 0 5px !important;
margin: 0 5px;
float: left;
background: #e0e0e0;
}
#content div.pagingWrapper ul.paging li{
float: left;
margin: 0 5px;
padding: 0;
}
#content div.pagingWrapper ul.paging li a{
padding: 2px 5px;
margin: 4px 0 4px;
line-height: 14px;
border: 1px solid #fff;
}
.ie7 #content div.pagingWrapper ul.paging li a{
border: 1px solid #ccc;
line-height: 14px;
font-weight: bold;
}
#content div.pagingWrapper ul.paging li a.active{
font-weight: bold;
background: #c03;
color: #fff;
border: 1px solid #fff;
margin: 4px 0 0;
box-shadow: 1px 1px 2px #888;
line-height: 14px;
}
.ie7 #content div.pagingWrapper ul.paging li a.active{
border: 1px solid #ccc;
line-height: 15px;
}
#content div.pagingWrapper{
float: left;
overflow: hidden;
background:#ccc;
margin: 0px;
padding: 5px 0 2px;
border-bottom: 1px solid #fff;
}
#content div.pagingWrapper > a{
background: url(../layout/productlist-btn1.png) no-repeat;
display: block;
line-height: 20px;
width: 21px;
float: left;
overflow: hidden;
text-decoration: none;
margin: 3px 0 0;
box-shadow: 1px 1px 2px #777;
}
#content div.pagingWrapper > span{
display: inline-block;
float: left;
margin: 5px 10px 0 5px;
}
#content div.pagingWrapper > a.previous{
margin: 4px 0 0;
background-position: 0 -1px;
}
#content div.pagingWrapper > a.next{
margin: 4px 0 0;
background-position: 0 -24px;
float: left;
}
#content div.pagingWrapper > select{
float: left;
margin: 0 0 3px 15px;
background: #e9e9e9;
box-shadow: 1px 1px 1px #bbb;
}
/*********************************** Information anfordern ***********************************/
#content div.infomaterial form ul{
list-style: none;
}
#content div.infomaterial a{
display: inline;
}
/*********************************** Pressematerialien ***********************************/
#content ul.pmat_ul{
list-style: none;
padding: 0;
margin: 0 0 30px;
overflow: hidden;
}
#content ul.pmat_ul li{
float: left;
margin: 0 12px 20px 0;
}
#content ul.nofloat li{
float: none;
padding: 10px 0 0 10px;
margin: 0;
}
#content div.pmat_row{
display: table-row;
border: 1px solid #ddd;
box-shadow: 2px 2px 2px #AAAAAA;
}
#content div.pmat_imgbox{
height: 125px;
width: 210px;
border-top: 1px solid #eee;
border-left: 1px solid #eee;
display: table-cell;
vertical-align: middle;
text-align: center;
}
#content div.pmat_imgbox img{
margin: auto;
box-shadow: none;
border: none;
display: inline;
}
#content div.pmat_footer{
display: table-cell;
background-color: #ccc;
height: 50px;
width: 210px;
vertical-align: middle;
}
#content div.pmat_footer a{
margin: auto 10px;
}
#content div a.pr_detaillink {
text-align: right;
margin-right: 10px;
}
#content div h3.pressrelease a {
font-weight: bold;
}
#content div.pressreleaseTeaser p{
margin: 0 0 10px;
}
/*********************************** Left Navigation ***********************************/
.no-bg-img{
background-image: none !important;
}
#nav a { position: relative; }
#nav span.nav-bg {
position: absolute;
display: inline-block;
width: 15px;
height: 15px;
left: 0px;
overflow: hidden;
background: url("../layout/sprite_trp.png") no-repeat scroll 0 -64px transparent;
margin: 0;
padding: 0;
}
#nav li.active span.nav-bg,
#nav li.active-nosub span.nav-bg {
background-position: 0px -214px;
}
#nav li.active ul span.nav-bg {
background-position: 0 -95px;
}
/******************************* Job-Details *******************************/
#content div.job-details ul li {
padding-left: 10px;
background: url("../layout/li-image.png") scroll 0 3px no-repeat transparent;
}
/******************************* Produkte ie7 Fix *******************************/
.ie7 .frame,
.ie7 .branch-komponent-image{
position: relative;
}
.ie7 .frame a,
.ie7 .branch-komponent-image span.branch-img{
position: absolute;
top: 50%;
left: 0;
display: inline-block;
}
.ie7 .frame a img,
.ie7 .branch-komponent-image span.branch-img img{
position: relative;
top: -49%;
}
/*********************************** Leuze worldwide ***********************************/
#mapwindow { width:615px; height:330px; overflow:hidden; position:relative; font-family:arial, sans-serif; font-size:13px; margin: 0 auto 20px auto; display:none;}
#mapwindow img{
border: none;
}
#map { position:absolute; }
#locations {margin-bottom:30px; display:none;}
.content_distributoren_suche #locations{
display: inline-block;
}
/* areas */
.hovers { position:absolute; cursor:pointer; /* border:1px solid #000; */ }
/* zoom out link */
#zoomout { position:absolute; display:none; cursor:pointer; font-size:16px; background:#fff; padding:5px; color:#c03; }
/* marker and discription */
.locationMarker { cursor:pointer; position:absolute; background-color:#333; border:solid 2px #fff; width:8px; height:8px; border-radius:8px; }
.locationMarker:hover { background-color:#E20040; }
.locationName { position:absolute; top:-6px; left:15px; padding:2px 4px; background:#fff; box-shadow:0 0 20px rgba(0,0,0,0.5); z-index:999; }
.ieSpacer { background:#fff; height:100%; }
div.contentWrapper div.content_worldwide{
width: 670px;
margin: auto;
padding: 30px 0;
}
/*********************************** Footer ***********************************/
#footer {
height: 97px;
background: url(../img/bg.footer.png) 0 0 repeat-x;
}
#footer-inner {
width: 995px;
height: 46px;
margin: 0 auto;
background-color: #cc0033;
border: 1px solid #ccc;
border-top: none;
-moz-box-shadow: 2px 2px 2px #999;
-webkit-box-shadow: 2px 2px 2px #999;
box-shadow: 2px 2px 2px #999;
}
#footer-inner ul {
list-style-type: none;
overflow: hidden;
padding: 14px 0 0 10px;
}
#footer-inner li {
float: left;
padding: 0 9px;
font-size: 10px;
}
#footer-inner a {
color: #fff;
}
#footer-inner div {
float: right;
font-size: 10px;
line-height: 14px;
width: 341px;
text-align: left;
color: #fff;
padding: 8px 0 0 0;
}
.strong p {
font-weight:bold;
}
#content div a.internallink_arrow {
/*background: url(http://leuze.de/media/resources/layout/sprite~1.gif) 0 -94px no-repeat;*/
padding: 0 0 0 8px;
display: inline-block;
font-weight: bold;
position: relative;
}
/* new pseudo style for sprite */
#content div a.internallink_arrow:after {
content: "";
position: absolute;
background: url(http://leuze.de/media/resources/layout/sprite~1.gif) 0 -94px no-repeat;
height: 20px;
width: 8px;
top: 0;
left: 0;
}
#content div.text-bild a.internallink_arrow {
background: url(../layout/sprite~1.gif) 0 4px no-repeat;
}
#content div.produktneuheiten{
overflow: hidden;
clear: both;
margin: 0 0 20px;
}
#content div.neuheit{
float: left;
width: 212px;
overflow: hidden;
margin: 0 14px 0 0;
display: table-row;
position: relative;
}
#content div.neuheit.last{
margin: 0;
}
#content div.neuheit img{
margin-bottom: 10px;
}
#content div.neuheit h2{
display: table-cell;
vertical-align: bottom;
height: 18px;
line-height: 16px;
padding-bottom: 3px;
font-size:14px;
}
#content div.produktneuheiten.two_row div.neuheit h2{
height: 36px;
line-height: 16px;
font-size:14px;
}
#content div.produktneuheiten.three_row div.neuheit h2{
height: 54px;
line-height: 16px;
font-size:14px;
}
#content div.produktneuheiten div.neuheit a.internallink{
padding-left: 10px;
}
#content div.produktneuheiten div.neuheit a span.symbol{
background: url("/fs4preview_18167/preview/18167/media/DE/current/121667/ORIGINAL/x.png") no-repeat scroll 0 4px transparent;
float: left;
padding: 0 0 0 8px;
height: 13px;
width: 10px;
position: absolute;
left: 0;
}
#content #query-header {
width: 375px;
}
#content .grecaptcha-badge {display: none;}
#content .subButton {
background-color:#c03;
border: none;
color: #fff;
float: right;
font-weight: bold;
height: 26px;
padding: 5px;
padding-left:8px;
font-family: Arial, Sans-Serif;
margin-right:12px;
display: block;
}
#content .subButton:hover{
text-decoration: underline;
cursor: pointer;
}
#content .robotic {
display: none;
}
/* CSS Breadcrumb Navigation */
.oneColBreadcrumb {
margin:0 auto;
width:996px
}
#breadcrumb{
width: 100%;
margin: 10px 20px 0 0;
height: 30px;
background: url(/media/resources/layout/background_breadcrumbs.png) repeat-x;
position: relative;
z-index: 150;
}
#breadcrumb div.innerBreadcrumb{
position: absolute;
left: 10px;
}
#breadcrumb ul{
list-style: none;
padding: 0;
float: right;
display: inline;
}
.ie7 #breadcrumb ul{
float: left;
}
#breadcrumb ul li{
float: left;
position: relative
}
#breadcrumb ul li a.inactive{
display: none;
}
#breadcrumb div.innerBreadcrumb li.active:hover{
background: #e0e0e0;
}
#breadcrumb div.innerBreadcrumb ul li a.active{
background: url(/media/resources/layout/sprite_trp.png) 5px -421px no-repeat;
display: inline-block;
padding: 5px 10px 5px 15px;
}
#breadcrumb ul li span.lastElem{
display: inline-block;
padding: 5px 5px 5px 15px;
background: url(/media/resources/layout/sprite_trp.png) left -264px no-repeat;
}
#breadcrumb ul li a.active span{
display: inline-block;
margin: 0;
padding: 5px;
}
#breadcrumb ul li div.outer{
display: none;
border-top: 2px solid #fff;
border-bottom: 2px solid #c03;
float: left;
left: 0;
top: 26px;
background: #e0e0e0;
white-space:nowrap;
}
#breadcrumb ul li div.outer span.nav-caption{
display: inline-block;
padding: 5px 15px 5px 20px;
background: url(/media/resources/layout/sprite_trp.png) 10px -421px no-repeat;
}
#breadcrumb ul li div.outer .inactive{
display: block;
background-color: #e0e0e0;
}
/* CSS Pressrelease */
#content table.pr_table td{
background-color: #eee;
}
#content h3.pressrelease{
padding-left: 0;
}
#content div.press_row{
position: relative;
overflow: hidden;
margin-bottom: 0px;
}
#content div.press_row span.picture-subscription p{
padding: 0;
margin: 0;
font-size: 10px;
display: inline-block;
}
#content .press_details{
position: relative;
}
#content .pressrelease_overview{
position: relative;
width: 208px;
float: left;
margin-right: 10px;
}
#content div.pressrelease_details{
width: 321px;
height: 220px;
overflow: hidden;
float: left;
margin-right: 15px;
position: relative;
}
#content .pressrelease_overview .image{
position: absolute;
top: 0;
left: 0;
display: inline-block;
}
#content .pressreleaseTeaser{
/* float: right;
width: 420px;*/
}
#content .pressreleaseText{
float: right;
width: 337px;
}
#content .medialink{
margin-left: 25px;
}
#content div.pressrelease_details ul li img.image{
box-shadow: none;
margin: 0;
border: none;
}
#content div.pressrelease_details #squares{
position: absolute;
top: 200px;
left: 10px;
cursor: pointer;
}
#content div.pr-article{
overflow: hidden;
margin: 0 0 20px 0;
}
/* END OF Pressrelease*/
div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px}
div.pp_default .pp_top .pp_left{background:url(/media/resources/layout/sprite~2.png) -78px -93px no-repeat}
div.pp_default .pp_top .pp_middle{background:url(/media/resources/layout/sprite_x.png) top left repeat-x}
div.pp_default .pp_top .pp_right{background:url(/media/resources/layout/sprite~2.png) -112px -93px no-repeat}
div.pp_default .pp_content .ppt{color:#f8f8f8}
div.pp_default .pp_content_container .pp_left{background:url(/media/resources/layout/sprite_y.png) -7px 0 repeat-y;padding-left:13px}
div.pp_default .pp_content_container .pp_right{background:url(/media/resources/layout/sprite_y.png) top right repeat-y;padding-right:13px}
div.pp_default .pp_next:hover{background:url(/media/resources/layout/btnNext.png) center right no-repeat;cursor:pointer}
div.pp_default .pp_previous:hover{background:url(/media/resources/layout/btnPrevious.png) center left no-repeat;cursor:pointer}
div.pp_default .pp_expand{background:url(/media/resources/layout/sprite~2.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_expand:hover{background:url(/media/resources/layout/sprite~2.png) 0 -56px no-repeat;cursor:pointer}
div.pp_default .pp_contract{background:url(/media/resources/layout/sprite~2.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_contract:hover{background:url(/media/resources/layout/sprite~2.png) 0 -113px no-repeat;cursor:pointer}
div.pp_default .pp_close{width:22px;height:22px;background:url(/media/resources/layout/btn_icons.png) 0px -176px no-repeat;cursor:pointer}
div.pp_default .pp_close:hover{width:22px;height:22px;background:url(/media/resources/layout/btn_icons.png) 0px -220px no-repeat;cursor:pointer}
div.pp_default .pp_gallery ul li a{background:url(/media/resources/layout/default_thumb.png) center center #f8f8f8;border:1px solid #aaa}
div.pp_default .pp_social{margin-top:7px}
div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto}
div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(/media/resources/layout/sprite~2.png) -53px 1px no-repeat;height:30px;width:28px}
div.pp_default .pp_nav .pp_pause{background-position:-53px -29px}
div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(/media/resources/layout/sprite~2.png) -31px -3px no-repeat;height:21px;width:22px;margin:4px 0 0}
div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px}
div.pp_default .pp_content_container .pp_details{margin-top:5px}
div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative}
div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px}
div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7}
div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0}
div.pp_default .pp_bottom .pp_left{background:url(/media/resources/layout/sprite~2.png) -78px -127px no-repeat}
div.pp_default .pp_bottom .pp_middle{background:url(/media/resources/layout/sprite_x.png) bottom left repeat-x}
div.pp_default .pp_bottom .pp_right{background:url(/media/resources/layout/sprite~2.png) -112px -127px no-repeat}
div.pp_default .pp_loaderIcon{background:url(/media/resources/layout/loader.gif) center center no-repeat}
div.facebook .pp_top .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat}
div.facebook .pp_top .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x}
div.facebook .pp_top .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat}
div.facebook .pp_content_container .pp_left{background:url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y}
div.facebook .pp_content_container .pp_right{background:url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y}
div.facebook .pp_expand{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.facebook .pp_expand:hover{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.facebook .pp_contract{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.facebook .pp_contract:hover{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.facebook .pp_close{width:22px;height:22px;background:url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.facebook .pp_description{margin:0 37px 0 0}
div.facebook .pp_loaderIcon{background:url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat}
div.facebook .pp_arrow_previous{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default}
div.facebook .pp_arrow_next{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default}
div.facebook .pp_nav{margin-top:0}
div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px}
div.facebook .pp_nav .pp_play{background:url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_nav .pp_pause{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_next:hover{background:url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer}
div.facebook .pp_previous:hover{background:url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_bottom .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat}
div.facebook .pp_bottom .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x}
div.facebook .pp_bottom .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat}
div.pp_pic_holder a:focus{outline:none}
div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}
div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}
.pp_content{height:40px;min-width:40px}
* html .pp_content{width:40px}
.pp_content_container{position:relative;text-align:left;width:100%}
.pp_content_container .pp_left{padding-left:20px}
.pp_content_container .pp_right{padding-right:20px}
.pp_content_container .pp_details{float:left;margin:10px 0 2px}
.pp_description{display:none;margin:0}
.pp_social{float:left;margin:0}
.pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden}
.pp_social .twitter{float:left}
.pp_nav{clear:right;float:left;margin:3px 10px 0 0}
.pp_nav p{float:left;white-space:nowrap;margin:2px 4px}
.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}
a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}
.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}
.pp_gallery div{float:left;overflow:hidden;position:relative}
.pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0}
.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}
.pp_gallery ul a img{border:0}
.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}
.pp_gallery li.default a{background:url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}
.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}
a.pp_next{background:url(/media/resources/layout/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}
a.pp_previous{background:url(/media/resources/layout/btnPrevious.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}
a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}
a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px}
.pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px}
#pp_full_res{line-height:1!important}
#pp_full_res .pp_inline{text-align:left}
#pp_full_res .pp_inline p{margin:0 0 15px}
div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px}
div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff}
div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}
div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}
div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}
.pp_top,.pp_bottom{height:20px;position:relative}
* html .pp_top,* html .pp_bottom{padding:0 20px}
.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}
.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}
* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}
.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
.pp_fade,.pp_gallery li.default a img{display:none}
/**********************
**** Edit Start ******
**********************/
div.pp_nav a.pp_arrow_previous,
div.pp_nav a.pp_arrow_next{
display: none;
}
div.pp_default div.pp_nav p.currentTextHolder{
left: 25px;
}
div.pp_default .pp_nav{
width: 60px;
}
div.pp_default p.pp_description p{
margin: 0;
}
/**********************
**** Edit End ********
**********************/
#search-container {
width:995px;
margin: 0 auto;
clear: both;
}
#search-container #query {
border: 1px inset #DDDDDD;
color: #333;
float: left;
font-size: 12px;
margin: 32px 5px 15px 15px;
padding: 4px 8px 5px;
width: 65%;
}
#search-container #submit {
background: url(../layout/search-btn.gif) 0 0 no-repeat;
border: none;
overflow: hidden;
color: #FFFFFF;
cursor: pointer;
height: 30px;
margin: 30px 0 0;
padding: 0;
width: 30px;
text-indent: -10000px;
}
#search-container #asnColumn {
float:left;
width: 260px;
padding-right:20px;
min-height: 200px;
}
#search-container #asnColumn .asnGroup {
padding-left:16px;
}
#search-container #asnColumn p {
margin:0;
}
#search-container #asnColumn .lvl0 {
font-size:12px;
font-weight:bold;
padding-bottom:10px;
}
#search-container #asnColumn a {
color:#CC0033;
}
#search-container #asnColumn .lvl1 {
font-size:12px;
padding-left:10px;
padding-bottom:5px;
}
#search-container #asnColumn .lvl2 {
font-size:11px;
padding-left:15px;
padding-bottom:5px;
}
#search-container #asnColumn .lvl3 {
font-size:11px;
padding-left:20px;
padding-bottom:5px;
}
#search-container #asnColumn .lvl1 span,
#search-container #asnColumn .lvl2 span,
#search-container #asnColumn .lvl3 span,
#search-container #asnColumn .lvl4 span {
display:none;
}
#search-container #resultColumn {
float:left;
width: 654px;
margin-left:20px;
}
#search-container #searchboxLine {
background: url("../layout/bgmarginal.png") no-repeat scroll 0 0 transparent;
float: left;
margin: 0 0 20px;
width: 100%;
}
#search-container .productWrap {
background: none repeat scroll 0 0 #EEEEEE;
border-style: solid;
border-color: #CCCCCC;
border-top-width: 1px;
border-right-width: 1px;
border-left-width: 1px;
border-bottom-width: 5px;
float: left;
margin-bottom: 20px;
padding: 10px;
width: 100%;
}
#search-container .productWrap:hover {
background: none repeat scroll 0 0 #CCC;
cursor:pointer;
}
#search-container #results .productWrap .desc {
margin: 0;
}
#search-container #results .productWrap .title {
padding: 0px 0 4px 0;
}
#search-container #results .productWrap .title a {
font-weight:bold;
font-size:16px;
line-height:22px;
margin-bottom:5px;
color:#cc0033;
}
#search-content {
padding-bottom:40px;
clear: both;
margin-top: 20px;
}
#search-container .picture {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #CCCCCC;
float: left;
height: 90px;
margin:0 20px 0 0;
text-align: center;
width: 90px;
}
/* Pagination */
#search-container .wrapper {
float: left;
line-height: 20px;
margin: 4px 0 20px 0;
width: auto;
}
#search-container .wrapper .pages {
list-style:none;
float:left;
margin:0 10px;
}
#search-container .wrapper .pages li {
float: left;
margin: 0 5px;
padding: 0;
text-align:center;
}
#search-container .wrapper .pages li a {
display: block;
height: 20px;
line-height: 20px;
width: 21px;
}
#search-container .currentPage {
color:#FFF;
background:#CC0033;
display: block;
height: 20px;
line-height: 20px;
width: 21px;
float: left;
}
#search-container .wrapper span {
float:left;
}
#search-container .wrapper span.intro {
margin-right:20px;
}
#search-container .wrapper span a {
background: url(/media/resources/layout/productlist-btn1.png) no-repeat;
display: block;
line-height: 20px;
width: 21px;
float: left;
margin: 0;
overflow: hidden;
text-decoration: none;
text-indent:-9999px;
box-shadow: 1px 1px 2px #777;
}
#search-container .wrapper .prev a {
background-position: 0 -1px;
}
#search-container .wrapper .next a {
background-position: 0 -24px;
}
#search-container .optionBox {
float:left;
margin-left:30px;
}
#search-container .optionBox.sortBox {
margin:0 0 20px 0;
float:none;
}
/* Tabs */
#search-container .tabs {
list-style-type: none;
overflow: hidden;
padding: 0;
margin: 0 2px 30px 0;
border-bottom: 5px solid #cc0033;
}
#search-container .tabs li {
float: left;
padding: 5px 10px 6px 10px;
margin: 4px 5px 0 0;
background-color: #eee;
-moz-box-shadow: 2px 2px 2px #aaa;
-webkit-box-shadow: 2px 2px 2px #aaa;
box-shadow: 2px 2px 2px #aaa;
}
#search-container .tabs li.active {
padding: 9px 10px 6px 10px;
margin: 0 5px 0 0;
background-color: #cc0033;
}
#search-container .tabs a {
color: #333;
font-size: 12px;
}
#search-container .tabs li.active a {
color: #fff;
}
#search-container .prodbreadcrumb {
color:#666;
font-size:11px;
display:block;
margin-top:10px;
}
.shop-carousel-item {
/*width: 713px;
height: 294px;*/
width: 665px;
height: 274px;
/*-webkit-box-shadow: 3px 3px 3px 0 rgba(0,0,0,0.25);
-moz-box-shadow: 3px 3px 3px 0 rgba(0,0,0,0.25);*/
box-shadow: 3px 3px 3px 0 rgba(0,0,0,0.25);
position: relative;
font-size: 15.3px;
}
.shop-carousel-item .teaser-text {
padding: 14px 0 0 24px;
font-size: 15.3px;
}
.shop-carousel-item .teaser-text h3 {
color: #333;
font-weight: bold;
font-size: 1.2em;
padding: 0;
margin: 0;
width: 400px;
}
.shop-carousel-item .teaser-text h2 {
color: #d00139;
font-weight: bold;
font-size: 1.7em;
padding: 8px 0 0 0;
margin: 0;
width: 400px;
line-height: 35px;
}
#content .shop-carousel-item .teaser-text ul {
padding: 10px 0 0 20px;
margin: 0 0 7px 0;
width: 400px;
list-style: disc;
font-size: 13px;
}
#content .shop-carousel-item .teaser-text ul li {
margin: 0 0 7px 0;
font-size: 14px;
padding: 0;
list-style: disc;
}
#content .shop-carousel-item .meta-content {
position: absolute;
bottom: 0;
left: 0;
height: 90px;
background: #EEE;
width: 100%;
}
.shop-carousel-item .price-info {
position: absolute;
bottom: 10px;
left: 10px;
width: 200px;
height: 60px;
color: #FFF;
background: #c70124;
background: -moz-linear-gradient(top, #c70124 0%, #9d0921 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c70124), color-stop(100%,#9d0921));
background: -webkit-linear-gradient(top, #c70124 0%,#9d0921 100%);
background: -o-linear-gradient(top, #c70124 0%,#9d0921 100%);
background: -ms-linear-gradient(top, #c70124 0%,#9d0921 100%);
background: linear-gradient(to bottom, #c70124 0%,#9d0921 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c70124', endColorstr='#9d0921',GradientType=0 );
text-align: right;
padding-top: 6px;
-webkit-box-shadow: 3px 3px 3px 0 rgba(0,0,0,0.15);
-moz-box-shadow: 3px 3px 3px 0 rgba(0,0,0,0.15);
box-shadow: 3px 3px 3px 0 rgba(0,0,0,0.15);
}
.shop-carousel-item .price-info .main {
padding-top: 8px;
}
.shop-carousel-item .price-info .main,
.shop-carousel-item .price-info .extra {
color: #FFF;
font-size: 15.7px;
width:184px;
}
.shop-carousel-item.no-dv .price-info .discount {
display: none;
}
.shop-carousel-item.dv .price-info {
padding-right: 130px;
}
.shop-carousel-item.dv .price-info .discount {
display: block;
position: absolute;
right: 5px;
top: 7px;
text-align: center;
background: #FFF;
width: 135px;
height: 53px;
}
.shop-carousel-item.dv .price-info .discount .percent {
font-size: 17px;
color: #000;
font-weight: bold;
padding-top: 9px;
}
.shop-carousel-item.dv .price-info .discount .price {
font-size: 16px;
color: #333;
font-weight: normal;
padding-top: 5px;
}
.shop-carousel-item.dv .price-info .discount .price .discounttext {
text-decoration: line-through;
}
.shop-carousel-item.dv .price-info .discount .price .uvp {
font-size: 12px;
padding-right:4px;
}
.shop-carousel-item .price-info .prefix,
.shop-carousel-item .price-info .suffix {
font-size: 0.9em;
}
.shop-carousel-item .price-info .price {
font-size: 1.4em;
font-weight: normal;
padding: 0 5px;
}
.shop-carousel-item .price-info .vat {
font-size: 0.7em;
padding: 0 5px 0 0;
}
.shop-carousel-item .price-info .shipping {
font-size: 0.7em;
text-decoration: underline;
padding: 0 5px 0 0;
}
#content div .shop-carousel-item .link-top,
#content div .shop-carousel-item .link-bottom {
border: 1px solid #FFF;
background: #ededed; /* Old browsers */
background: -moz-linear-gradient(top, #ededed 0%, #dddddd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ededed 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ededed 0%,#dddddd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ededed 0%,#dddddd 100%); /* IE10+ */
background: linear-gradient(to bottom, #ededed 0%,#dddddd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
height: 26px;
display: inline-block;
line-height: 26px;
font-size: 0.9em;
padding: 0 7px;
position: absolute;
-webkit-box-shadow: 3px 3px 3px 0 rgba(0,0,0,0.1);
-moz-box-shadow: 3px 3px 3px 0 rgba(0,0,0,0.1);
box-shadow: 3px 3px 3px 0 rgba(0,0,0,0.1);
cursor: pointer;
color: #000;
text-decoration: none;
left: 345px;
}
#content div .shop-carousel-item.no-dv .link-top,
#content div .shop-carousel-item.no-dv .link-bottom {
left: 220px;
}
#content div .shop-carousel-item .link-top:hover,
#content div .shop-carousel-item .link-bottom:hover {
background: #dddddd;
background: -moz-linear-gradient(top, #dddddd 0%, #ededed 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(100%,#ededed));
background: -webkit-linear-gradient(top, #dddddd 0%,#ededed 100%);
background: -o-linear-gradient(top, #dddddd 0%,#ededed 100%);
background: -ms-linear-gradient(top, #dddddd 0%,#ededed 100%);
background: linear-gradient(to bottom, #dddddd 0%,#ededed 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#ededed',GradientType=0 );
text-decoration: underline;
}
#content div .shop-carousel-item .link-top {
bottom: 48px;
}
#content div .shop-carousel-item .link-bottom {
bottom: 10px;
}
#content div .shop-carousel-item a .arrow {
background: url('../layout/sprite_trp.png') 0 0 no-repeat;
width: 8px;
height: 8px;
display: inline-block;
position: relative;
top: -1px;
margin-right: 5px;
}
.shop-teaser {
width: 670px;
overflow: visible;
}
.shop-teaser .teaser-item {
box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.25);
width: 310px;
height: 158px;
float:left;
margin: 20px 0 27px;
padding: 4px 0 0 12px;
position: relative;
}
#content .shop-teaser .teaser-item img.bg {
border: none;
box-shadow: none;
height: 179px;
left: 0;
position: absolute;
top: -17px;
width: 322px;
z-index: -1;
}
.shop-teaser .teaser-item.even {
float: left;
}
.shop-teaser .teaser-item.odd {
float: right;
margin-right: 5px;
}
.shop-teaser .teaser-item h5 {
color: #333;
font-weight: bold;
font-size: 1.2em;
width: 250px;
padding: 0;
margin: 0;
font-size: 12px;
text-shadow: 0px 0px 2px #D9DADE;
}
.shop-teaser .teaser-item h4 {
color: #d00139;
font-weight: bold;
width: 250px;
padding: 0;
margin: 0;
font-size: 1.2em;
margin-top: 8px;
text-shadow: 0px 0px 2px #D9DADE;
}
#content .shop-teaser .teaser-item > a {
border: 1px solid #FFF;
background: #ededed; /* Old browsers */
background: -moz-linear-gradient(top, #ededed 0%, #dddddd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ededed 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ededed 0%,#dddddd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ededed 0%,#dddddd 100%); /* IE10+ */
background: linear-gradient(to bottom, #ededed 0%,#dddddd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
height: 26px;
display: inline-block;
line-height: 26px;
padding: 0 7px;
-webkit-box-shadow: 3px 3px 3px 0 rgba(0,0,0,0.1);
-moz-box-shadow: 3px 3px 3px 0 rgba(0,0,0,0.1);
box-shadow: 3px 3px 3px 0 rgba(0,0,0,0.1);
cursor: pointer;
color: #000;
text-decoration: none;
margin-top: 8px;
}
#content .shop-teaser .teaser-item a:hover {
background: #dddddd;
background: -moz-linear-gradient(top, #dddddd 0%, #ededed 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(100%,#ededed));
background: -webkit-linear-gradient(top, #dddddd 0%,#ededed 100%);
background: -o-linear-gradient(top, #dddddd 0%,#ededed 100%);
background: -ms-linear-gradient(top, #dddddd 0%,#ededed 100%);
background: linear-gradient(to bottom, #dddddd 0%,#ededed 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#ededed',GradientType=0 );
text-decoration: underline;
}
.shop-teaser .teaser-item a .arrow {
background: url('../layout/sprite_trp.png') 0 0 no-repeat;
width: 8px;
height: 8px;
display: inline-block;
position: relative;
top: -1px;
margin-right: 5px;
}
.shop-teaser .teaser-item .price-info {
position: absolute;
bottom: 6px;
left: 12px;
width: 156px;
height: 50px;
color: #FFF;
background: #c70124;
background: -moz-linear-gradient(top, #c70124 0%, #9d0921 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c70124), color-stop(100%,#9d0921));
background: -webkit-linear-gradient(top, #c70124 0%,#9d0921 100%);
background: -o-linear-gradient(top, #c70124 0%,#9d0921 100%);
background: -ms-linear-gradient(top, #c70124 0%,#9d0921 100%);
background: linear-gradient(to bottom, #c70124 0%,#9d0921 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c70124', endColorstr='#9d0921',GradientType=0 );
text-align: right;
-webkit-box-shadow: 3px 3px 3px 0 rgba(0,0,0,0.15);
-moz-box-shadow: 3px 3px 3px 0 rgba(0,0,0,0.15);
box-shadow: 3px 3px 3px 0 rgba(0,0,0,0.15);
}
.shop-teaser.no-dv .teaser-item .price-info .discount {
display: none;
}
.shop-teaser .teaser-item .price-info.dv {
padding-right:115px;
}
.shop-teaser .teaser-item .price-info .main {
padding-top: 8px;
color: #FFF;
width:150px;
}
.shop-teaser .teaser-item .price-info .extra {
color: #FFF;
width:156px;
}
.shop-teaser .teaser-item .price-info.dv .discount {
display: block;
position: absolute;
right: 7px;
top: 7px;
text-align: center;
background: #FFF;
width: 102px;
height: 36px;
}
.shop-teaser.dv .teaser-item .price-info .discount .percent {
font-size: 12px;
color: #000;
font-weight: bold;
padding-top: 3px;
}
.shop-teaser.dv .teaser-item .price-info .discount .price {
font-size: 11px;
color: #333;
font-weight: normal;
}
.shop-teaser .teaser-item .price-info.dv .discount .price .discounttext {
text-decoration: line-through;
font-size: 14px;
}
.shop-teaser .teaser-item .price-info.dv .discount .price .uvp {
font-size: 9px;
padding-right:2px;
}
.shop-teaser .teaser-item .price-info .prefix,
.shop-teaser .teaser-item .price-info .suffix {
font-size: 10px;
}
.shop-teaser .teaser-item .price-info .price {
font-size: 17px;
font-weight: normal;
padding: 0px 5px 5px 0;
}
.shop-teaser .teaser-item .price-info .vat {
font-size: 9px;
padding: 0 5px 0 0;
}
.shop-teaser .teaser-item .price-info .shipping {
font-size: 9px;
text-decoration: underline;
padding: 0 5px 0 0;r
}
#content .shop-teaser .teaser-item .price-info .shipping a, #content .shop-carousel .price-info .shipping a{
color:#FFF;
display:inline;
}
#content .shop-teaser .teaser-item .price-info .shipping a:hover {
background:none;
}
#marginal.shop div.box {
margin: 33px 14px 30px;
box-shadow: none;
}
.webstore_startpage_business {
margin-top: 5px;
font-size: 11px;
}
.header-discount-frame {
/*margin: -8px auto -10px;*/
/*position: absolute;
bottom: -12px;
width: 959px;
z-index: 60;
bottom: 0;
margin-bottom: -22px;*/
position: absolute;
top: 147px;
width: 100%;
z-index: -1;
}
.header-discount {
/*margin-top: 0px;*/
/*margin-left: 14px;*/
position: relative;
background-color: #c60000;
height: 30px;
text-align: center;
margin: 0 18px;
}
.header-discount p {
color: #ffffff;
font-size: 18px;
position: relative;
top: 7px;
}
.header-discount-spacer {
height: 12px;
}
#wrapper .header > ul#header_links_shop {
width: 477px;
}
#wrapper .header > ul#header_links_shop > li.login {
right: 0;
position: absolute;
left: auto;
width:200px;
text-align: right;
padding: 0;
}
#loginnav {
color: #C03;
position: relative;
display: inline-block;
white-space:nowrap;
padding: 0 30px 0 0;
width: 170px;
height: 18px;
line-height: 18px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#loginnav.expanded {
border-top: 2px solid #C03;
border-left: 1px solid #999;
border-right: 1px solid #999;
margin-top: -5px;
margin-left: -1px;
box-shadow: 2px 2px 2px 1px rgba(0,0,0,.2);
padding-top: 3px;
}
#loginnav.expanded:before {
top: 8px;
}
#loginnav.expanded:after {
top: 8px;
}
#loginnav:hover {
color: #000;
cursor: pointer;
}
#loginnav:hover:before {
border-color: #000 transparent transparent transparent;
}
#loginnav:before {
content: '';
display: block;
position: absolute;
right: 5px;
border-color: #C03 transparent transparent transparent;
border-style: solid;
border-width: 5px 5px 0 5px;
top: 5px;
}
#loginnav:after {
content: '';
display: block;
position: absolute;
right: 7px;
border-color: #FFF transparent transparent transparent;
border-style: solid;
border-width: 3px 3px 0 3px;
top: 5px;
}
#loginnav + div {
box-shadow: 2px 2px 2px 1px rgba(0,0,0,.2);
border-width: 0 1px 1px 1px;
border-color: #999;
border-style: solid;
text-align: left;
display:none;
position: relative;
right: 0;
margin:0 -1px 0 -1px;
background: #FFF;
top: 0;
padding: 5px 0 10px 0;
}
#loginnav + div > a:first-child {
border-top: 1px solid #CCC;
padding-top: 10px;
}
#wrapper #loginnav + div > a:first-child:before {
top: 12px;
}
#loginnav + div > a {
text-decoration: none;
display: block;
padding: 5px 15px 5px 20px;
background:#FFF;
position: relative;
margin: 0 10px;
}
#wrapper #loginnav + div > a:before {
content: '';
border-color: transparent transparent transparent #C03;
border-width: 5px 0 5px 5px;
border-style: solid;
position: absolute;
width: 0;
height: 0;
display: block;
background: none;
top: 7px;
left: 7px;
}
#wrapper #loginnav + div > a:hover:before {
content: '';
border-color: transparent transparent transparent #000;
border-width: 5px 0 5px 5px;
border-style: solid;
position: absolute;
width: 0;
height: 0;
display: block;
background: none;
left: 7px;
}
#loginnav + div > a:hover {
color: #000;
}
#loginnav + div.show {
display: block;
}
#wrapper .header > ul#header_links_shop li:last-child,
#wrapper .header > ul#header_links_shop li.last-child {
left: auto;
float: right;
}
#confirm_cookie{
border-top: 2px solid #cc0033;
position: fixed;
width: 100%;
bottom: 0;
z-index: 9999;
background-color: #fff;
display: none;
}
.confirm_cookie_inner {
width: 1005px;
margin: 5px auto;
overflow: hidden;
}
.confirm_cookie_inner p {
float: left;
max-width: 800px;
margin: 5px;
font-size: 11px;
}
.but_cookie_confirm {
float: right;
padding: 5px;
background-color: #c03;
color: #fff;
margin: 5px;
font-size: 11px;
cursor: pointer;
}
#content form[name=simpleForm] {
width: 100%;
}
#content form#simpleForm ul.formlist li input.textinput {
width: 465px;
}