* {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 100%; margin: 0; padding: 0}
a, img, table, th, td, caption, fieldset {border: 0}
a, :focus {outline: 0}
a {text-decoration: underline}
a:hover, a:focus {text-decoration: none}
a, a *, button, button *, label, label * {cursor: pointer}
table {border-collapse: collapse; border-spacing: 0}
th, td {vertical-align: top}
h1 {font-size: 140%}
h2 {font-size: 120%}
h3 {font-size: 120%}
h1, h2, h3 {margin: 1em 0}
h2, h3 {font-weight: normal}
h4, h5 {font-size: 100%}
h1, h2, h3, h4, h5, h6, strong, .more {font-weight: bold}
abbr, acronym {cursor: help}
em {font-style: italic}
blockquote {margin: 1em}
ul {list-style: square outside; margin: 1em 1em 1em 13px}
ul li {line-height: 150%; margin-bottom: 5px}
ol {list-style: decimal outside; margin: 1em 1em 2em 2em}
ol li {line-height: 150%; margin-bottom: 5px}
dl {margin: 1em; margin-left: 2em}
dl dd {margin-left: 1em}
caption {margin-bottom: .5em; text-align: left}
pre, code, kbd, samp, tt {font-family: monospace; font-size: 110%; line-height: 130%}
a, a *, button, button * {cursor: pointer}
textarea {overflow: auto}
.center {text-align: center}
.ri {text-align: right}
.nav, .nav li {list-style: none; margin: 0; padding: 0}
.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
.clear {display: inline-table}
.right {text-align: right}
 * html .clear {height: 1%}
.clear {display: block}
 body {background: #faf9f4; font-size: .75em; text-align: center}
h2, h3, h4, h5, h6, a {color: #005085}
h2 {font-size: 160%}
h3 {font-size: 120%}
h4 {font-size: 100%}
p {font-size: 100%; line-height: 160%; padding-bottom: 1em}
.nav {list-style: none; margin: 0; padding: 0}
#siteholder {margin: 0 auto 20px; text-align: left; width: 960px}
#header, #middle {padding: 5px 0}
#header h1, #header h1 a {display: block; height: 61px; width: 240px}
#header h1 {background: transparent url('/images/v2/layout/logo.png') no-repeat left top; float: left; line-height: 0; margin: 0; padding: 0; position: relative; z-index: 1000}
#header h1 a, #header h1 span {font-size: 0; line-height: 0; text-indent: -3000px}
#headerSeal {background: transparent url('/images/v2/ebuero.png') no-repeat left top; height: 71px; left: 228px; position: absolute; top: 5px; width: 70px}
#metaNav {color: #c5c5c5; display: block; float: right; font-size: 95%; padding-top: 20px; text-align: right}
#metaNav a {text-decoration: none}
#metaNav a:hover, #metaNav a:focus {text-decoration: underline}
#middle {background: #c6d6e5; position: relative}
#teaser {background: #c6d6e5 url('/images/v2/teaser.jpg') no-repeat left top; display: block; margin-bottom: 10px; height: 290px}
#question, #question .teaserHeadline, #question .form, #question .form .subm {display: block; position: absolute}
#question .teaserHeadline, #question .form {left: 110px; top: 70px; width: 437px}
#question .teaserHeadline, #question .teaserHeadline h2, #question .teaserHeadline h3 {color: #fff; margin: 0; padding: 0}
#question .teaserHeadline h2, #question .teaserHeadline h3 {text-shadow: 1px 1px 2px #396b97}
#question .teaserHeadline h2 {font-size: 220%}
#question .teaserHeadline h3 {font-size: 150%}
#question .form {color: #005186; font-size: 115%; padding: 10px 20px; top: 146px; width: 397px}
#question form {width: 100%}
#question form p {padding: 0}
#question .form label {display: block; float: left; font-weight: bold; padding-right: 10px}
#question .form .subm {left: 91px; top: 38px}
#question .form .subm button {background: transparent url('/images/v2/qo_btn.gif') no-repeat left top; border: 0 none; height: 45px; text-indent: -3000px; width: 253px}
#question .form .subm button span {display: none}
#tvinf, #videotour {display: block; position: absolute}
#tvinf {right: -3px; top: -3px}
#videotour {right: 107px; top: 61px}
#videotour a {display: block; height: 208px; text-indent: -3000px; width: 245px}
#middle {padding: 0}
#middle .middletl {background: transparent url('/images/v2/middlecap_tl.gif') no-repeat left top}
#middle .middletr {background: transparent url('/images/v2/middlecap_tr.gif') no-repeat right top}
#middle .middlebl {background: transparent url('/images/v2/middlecap_bl.gif') no-repeat left bottom}
#middle .middlebr {background: transparent url('/images/v2/middlecap_br.gif') no-repeat right bottom; padding: 10px 10px 0 10px;  overflow:hidden}
.container {background: #fff; border: 1px solid #acc8df; margin-bottom: 10px}
.container .containertl {background: transparent url('/images/v2/containercap_tl.gif') no-repeat left top; margin: -1px -1px -1px -1px}
.container .containertr {background: transparent url('/images/v2/containercap_tr.gif') no-repeat right top}
.container .containerbl {background: transparent url('/images/v2/containercap_bl.gif') no-repeat left bottom}
.container .containerbr {background: transparent url('/images/v2/containercap_br.gif') no-repeat right bottom; padding: 2px}
.container .containertitle {background: #c9e1f4 url('/images/v2/boxtitlebg.gif') repeat-x left top}
.container .containertitle h2, .container .containertitle h3, .container .containertitle h4 {font-size: 110%; line-height: 100%; margin: 0; padding: 10px 10px}
.more {background: transparent url('/images/v2/arrow_blue_small.gif') no-repeat left 50%; padding-left: 10px}
#modal a.close {right: -15px !important; top: -15px !important}
#teaser {background: #c6d6e5 url('/images/v2/teaser.jpg') no-repeat left top; display: block; height: 290px; margin-bottom: 10px; position: relative}
#question, #question .teaserHeadline, #question .form, #question .form .subm {display: block; position: absolute}
#question .teaserHeadline, #question .form {left: 110px; top: 70px; width: 437px}
#question .teaserHeadline, #question .teaserHeadline h2, #question .teaserHeadline h3 {color: #fff; margin: 0; padding: 0}
#question .teaserHeadline h2, #question .teaserHeadline h3 {text-shadow: 1px 1px 2px #396b97}
#question .teaserHeadline h2 {font-size: 220%}
#question .teaserHeadline h3 {font-size: 150%}
#question .form {color: #005186; font-size: 115%; padding: 10px 20px; top: 146px; width: 397px}
#question form {width: 100%}
#question form select {width: 176px}
#question form p {padding: 0}
#question .form label {display: block; float: left; font-weight: bold; padding-right: 10px}
#question .form .subm {left: 91px; top: 38px}
#question .form .subm button {background: transparent url('/images/v2/qo_btn.gif') no-repeat left top; border: 0 none; height: 45px; text-indent: -3000px; width: 253px}
#question .form .subm button span {display: none}
#tvinf, #videotour {display: block; position: absolute}
#tvinf {right: -3px; top: -3px}
#videotour {right: 107px; top: 61px}
#videotour a {display: block; height: 208px; text-indent: -3000px; width: 245px}
 #sidebar {float: left; width: 220px}
#sidebar .container .containertitle h3, #sidebar .container .containertitle h4 {font-size: 100%}
#sidebar .box {border: 0 none; border-top: 1px solid #c7c7c8; font-size: 90%; margin-top: 10px; padding-top: 11px}
#sidebar .boxWrap {padding: 0 12px 12px}
#sidebar .boxWrap ul, #sidebar .boxWrap .first, #content .boxWrap .boxInnerWrap {margin-top: -1px}
#sidebar .box .boxtitle, #sidebar .box .boxtext {padding: 3px 2px 2px}
#sidebar .box .boxtitle {padding: 0 0 4px}
#sidebar .box .boxtext p {padding: 3px}
#sidebar .noborder {border-top: 0 none}
#sidebar .box .boxtext .img {padding: 0}
#sidebar .box .boxtitle h2, #sidebar .box .boxtitle h3, #sidebar .box .boxtitle h4 {color: #005085; padding-left: 4px}
#sidebar .list {list-style: none; margin-left: 0}
#sidebar .list li {background: transparent url('/images/v2/bullet.gif') no-repeat left .45em; padding-left: 10px}
#sidebar ol {margin: 0 1em 0 2em}
  #mainNav {margin: 0 0 10px 0; position: relative; z-index: 1000}
#mainNav .containerbr {padding: 14px}
#mainNav .nav li, #mainNav .nav li a, #mainNav .nav li span {display: block}
#mainNav .first-entry a {background: none !important}
#mainNav .boxWrap {padding: 4px 0}
#mainNav li {font-size: 110%; font-weight: bold; position: relative}
#mainNav .nav li a, #mainNav .nav li span {background: transparent url('/images/v2/mainnav_li_bg.gif') repeat-x left top; padding: 5px 8px}
#mainNav .nav .act span span {background: none; padding: 0}
#mainNav .nav .foldout a {background: none}
#mainNav li a {padding: 0 !important}
#mainNav li a span {background: none !important; padding: 5px 8px}
#mainNav li a {text-decoration: none}
#mainNav li a:hover, #mainNav li a:focus, #mainNav li:hover a, #mainNav .act a, #mainNav .act span {background: #005085 url('/images/v2/mainnav_bg_act.gif') repeat-x left top !important; color: #fff !important}
#mainNav li:hover .foldout a, #mainNav .act .foldout a {background: none !important}
#mainNav .containerbr .boxWrap {padding: 14px 0 13px 0}
.hasjs #mainNav li.hasSub a span {background: transparent url('/images/v2/mainnav_li_arrow.gif') no-repeat 182px 50% !important}
#mainNav li.hasSub:hover a span, #mainNav li.hasSub a:hover span, #mainNav li.hasSub a:focus span {background-image: url('/images/v2/mainnav_li_arrow2.gif') !important}
#mainNav li.hasSub .foldout {background: #005085; font-size: 90%; left: 100%; margin: 5px 0 0 0; padding: 20px 10px; position: absolute; top: 0; width: 675px; z-index: 30000;  display: none}
#mainNav li.hasSub .foldout .wrap {position: relative; z-index: 30}
#mainNav li.hasSub .foldout .bg-t, #mainNav li.hasSub .foldout .bg-t-r {position: absolute; height: 50px; top: -5px; z-index: 10}
#mainNav li.hasSub .foldout .bg-t {background: transparent url('/images/v2/foldout-bg-t.gif') repeat-x left top; left: 0; width: 685px}
#mainNav li.hasSub .foldout .bg-t-r {background: transparent url('/images/v2/foldout-bg-t-r.gif') no-repeat right top; right: 0; width: 10px}
#mainNav li.hasSub .foldout .bg-b, #mainNav li.hasSub .foldout .bg-b-l, #mainNav li.hasSub .foldout .bg-b-r {position: absolute; height: 10px; bottom: -5px; z-index: 10}
#mainNav li.hasSub .foldout .bg-b-l {background: transparent url('/images/v2/foldout-bg-b-l.gif') no-repeat left bottom; left: 0; width: 10px}
#mainNav li.hasSub .foldout .bg-b {background: #005085; left: 10px; width: 675px}
#mainNav li.hasSub .foldout .bg-b-r {background: transparent url('/images/v2/foldout-bg-b-r.gif') no-repeat right bottom; right: 0; width: 10px}
.nojs #mainNav li.hasSub .foldout {display: none}
.nojs #mainNav li:hover .foldout {display: block !important}
#mainNav li.hasSub .foldout dl, #mainNav li.hasSub .foldout dt {margin: 0; padding: 0 !important}
#mainNav li.hasSub .foldout, #mainNav li.hasSub .foldout a {color: #fff; text-decoration: none}
#mainNav li.hasSub .foldout a {padding: 2px 10px 2px 15px !important}
#mainNav li.hasSub .foldout dt {padding-left: 5px !important}
#mainNav li:hover .foldout dd a, #mainNav .act .foldout dd a, #mainNav li.hasSub .foldout dd a {background: transparent url('/images/v2/arrow_foldout.gif') no-repeat 7px center !important}
#mainNav li.hasSub .foldout dd a:hover, #mainNav li.hasSub .foldout dd a:focus {background-color: #eef6fc !important; background-image: url('/images/v2/arrow_foldout_act.gif') !important; color: #2e5794 !important}
#mainNav li.hasSub .foldout .more {font-size: 90%}
#mainNav li:hover .foldout .more, #mainNav .act .foldout .more, #mainNav li:hover .foldout .more a, #mainNav .act .foldout .more a, #mainNav li.hasSub .foldout .more, #mainNav li.hasSub .foldout .more a, #mainNav li.hasSub .foldout .more a:hover, #mainNav li.hasSub .foldout .more a:focus {background: none !important; color: #a2bfd5 !important}
#mainNav li.hasSub .foldout .more a:hover, #mainNav li.hasSub .foldout .more a:focus {color: #fff !important}
#mainNav li.hasSub .foldout .row {border-left: 1px solid #3d7aa2; display: block; float: left; padding: 0 20px; width: 180px}
#mainNav li.hasSub .foldout .row-1 {border-left: 0 none}
#mainNav li.hasSub .foldout .row-2 {padding: 0 20px; width: 180px}
#mainNav li.hasSub .foldout .row-3 {padding: 0 20px; width: 180px}
#mainNav li.hasSub .foldout dl {padding: 0; margin: 0; min-height: 15em}
#mainNav li.hasSub .foldout dt, #mainNav li.hasSub .foldout dd {font-weight: normal; margin: 0; padding: 0}
#mainNav li.hasSub .foldout dt {font-weight: bold}
  #freeCall {margin-top: 0; padding: 9px 0 0 0 !important}
#freeCall .phone {padding: 6px 35px 0 10px; margin: 10px 0; padding: 6px 4px; border: 1px solid #eee; text-align: left; width: 178px}
#freeCall .phone p {padding: 0 0 3px 0}
#freeCall .boxtitle h4 {font-size: 100%; line-height: 100%; margin: 0; padding: 3px 0 0 0}
#freeCall .num {color: #454749; font-size: 110%; font-weight: bold; line-height: 100%; margin: 0; padding: 2px 0 5px 0}
#freeCall .boxtitle .num {color: #454749}
#freeCall .date {padding: 0 5px !important}
  #advantages ul, #advantages ul li {list-style: none; margin: 0; padding: 0}
#advantages {padding: 5px 0 2px 0!important}
#advantages ul {padding: 0 2px}
#advantages ul li {background: transparent url('/images/v2/check_small2.gif') no-repeat 3px 50%; padding: 3px 0 3px 20px}
  #media .noborder {padding: 0 !important}
 #content {float: right; width: 710px}
#content .first-container {margin-top: 0}
#content .container .containerbr {padding: 2px}
#content .container .containertext {padding: 10px}
#content .img-left {float: left; margin: 0 10px 10px 0}
#content .img-right {float: right; margin: 0 0 10px 10px}
#topSeller .containertext {padding: 15px 23px !important}
#topSellerFirst ul, #topSellerNext ul {margin: 0; padding: 0}
#topSellerFirst .wrap {display: block; margin-left: -18px}
#topSellerFirst {padding-bottom: 10px}
#topSellerFirst li, #topSellerNext li {display: block; float: left; margin: 0 0 0 18px; padding: 0}
#topSellerNext li {margin: 0 !important; padding: 0 !important}
#topSellerFirst li a, #topSellerNext li a {border: 3px solid #eaeef4; display: block; float: left; font-size: 110%; margin: 0; padding: 2px; position: relative; text-decoration: none; width: 198px}
#topSellerNext li a {font-size: 90%; padding: 1px; width: 108px}
#topSellerFirst li a img, #topSellerNext li a img {vertical-align: middle}
#topSellerFirst li a:hover, #topSellerFirst li a:focus, #topSellerNext li a:hover, #topSellerNext li a:focus {border-color: #ffa039}
#topSellerFirst li a span, #topSellerNext li a span {bottom: 2px; display: block; left: 2px; position: absolute}
#topSellerNext li a span {bottom: 1px; left: 1px}
#topSellerFirst li a .tx, #topSellerNext li a .tx {background: transparent url('/images/v2/arrow_blue.gif') no-repeat 10px 47%; font-weight: bold; padding: 5px 10px 6px 20px; width: 168px; z-index: 30}
#topSellerNext li a .tx {background: none transparent; font-weight: normal; padding: 5px 4px 2px; width: 100px}
#topSellerFirst li a .bg, #topSellerNext li a .bg {background: #fff; height: 2.4em; opacity: .8; width: 198px; z-index: 10}
#topSellerNext li a .bg {height: 2em; width: 108px}
#topSellerFirst li a:hover .bg, #topSellerFirst li a:focus .bg, #topSellerNext li a:hover .bg, #topSellerNext li a:focus .bg {opacity: .95}
#moreProducts .productCat {background: transparent url('/images/v2/prod_bg.gif') no-repeat center top !important; position: relative}
#moreProducts .productCat span.ico {background-image:url('/images/v2/categories.jpg'); background-repeat:no-repeat; background-position: 240px -48px; display:block; height:48px; left:0px; position:absolute; top:0px; width:48px}
#moreProducts .productCat.first {background: none !important}
#moreProducts .productCat dl {clear: both; line-height: 140%; padding: 8px 100px 25px 55px !important; margin: 0}
#moreProducts .boxtext {padding: 10px 10px 20px 10px !important}
#moreProducts .productCat dt {color: #005085; font-size: 110%; font-weight: bold; margin: 0; padding: 0 0 5px 0}
#moreProducts .productCat dd {background: transparent url('/images/v2/comma.gif') no-repeat right bottom; float: left; line-height: 170%; margin: 0 3px 0 0; padding: 0 2px 0 0}
.hasjs #moreProducts .productCat dd {background: transparent none; margin: 0}
#moreProducts .productCat .last {background: none transparent !important}
#moreProducts .productCat .moreprod {background: transparent url('/images/v2/moreprodbg.gif') no-repeat 10px 3px; display: block; padding: 10px 0 0 0}
#moreProducts .productCat .moreprod dl {background: #eaf3fa; display: block; font-size: 100%; margin: 0; padding: 12px}
#moreProducts .more {font-weight: normal; margin-left: 5px}
 .ico1 {background-position:-48px 0 !important;}
.ico5 {background-position:-192px 0 !important;}
.ico6 {background-position:-96px 0 !important;}
.ico7 {background-position:-240px 0 !important;}
.ico8 {;background-position:0 0 !important;}
.ico9 {background-position:-144px 0 !important;}
#footer {color: #b9b9b5; font-size: 90%; padding: 10px 0; text-align: center}
#footer p {padding: 0}
#footer a {text-decoration: none}
#footer a:hover, #footer a:focus {text-decoration: underline}
#footer .fnav a {color: #8e8e8b; margin: 0 2px}
 .jcarousel-container {background: #fff; border: 1px solid #eaeef4}
.jcarousel-container-horizontal {height: 124px; width: 245px; width: 656px; padding: 1px}
.jcarousel-container-vertical {width: 75px; height: 245px; padding: 40px 20px}
.jcarousel-clip-horizontal {left: 35px; width: 590px; height: 126px; top: 4px; z-index: 10; overflow: hidden}
.jcarousel-clip-vertical {width: 75px; height: 245px}
.jcarousel-item {margin: 0 !important; padding: 0 !important; width: 108px; height: 116px}
.jcarousel-item-horizontal { }
.jcarousel-item-vertical {margin-bottom: 10px}
.jcarousel-item-placeholder {background: #fff; color: #000}
 .jcarousel-next-horizontal, .jcarousel-prev-horizontal {border: 1px solid #fff; position: absolute; top: 0; right: 0; width: 19px; height: 124px; cursor: pointer; background: transparent url('/images/v2/next-horizontal.gif') no-repeat 0 0; z-index: 3000}
.jcarousel-next-horizontal:hover, .jcarousel-prev-horizontal:hover {background-position: 0 -124px}
.jcarousel-next-horizontal:active, .jcarousel-prev-horizontal:active {background-position: 0 -248px}
.jcarousel-next-disabled-horizontal, .jcarousel-next-disabled-horizontal:hover, .jcarousel-next-disabled-horizontal:active, .jcarousel-prev-disabled-horizontal, .jcarousel-prev-disabled-horizontal:hover, .jcarousel-prev-disabled-horizontal:active {cursor: default; background-position: 0 -372px}
.jcarousel-prev-horizontal {left: 0; background-image: url('/images/v2/prev-horizontal.gif')}
 .jcarousel-next-vertical {position: absolute; bottom: 5px; left: 43px; width: 32px; height: 32px; cursor: pointer; background: transparent url('/images/v2/next-vertical.png') no-repeat 0 0}
.jcarousel-next-vertical:hover {background-position: 0 -32px}
.jcarousel-next-vertical:active {background-position: 0 -64px}
.jcarousel-next-disabled-vertical, .jcarousel-next-disabled-vertical:hover, .jcarousel-next-disabled-vertical:active {cursor: default; background-position: 0 -96px}
.jcarousel-prev-vertical {position: absolute; top: 5px; left: 43px; width: 32px; height: 32px; cursor: pointer; background: transparent url('/images/v2/prev-vertical.png') no-repeat 0 0}
.jcarousel-prev-vertical:hover {background-position: 0 -32px}
.jcarousel-prev-vertical:active {background-position: 0 -64px}
.jcarousel-prev-disabled-vertical, .jcarousel-prev-disabled-vertical:hover, .jcarousel-prev-disabled-vertical:active {cursor: default; background-position: 0 -96px}
 .tagcloud {list-style: none; margin: 0}
.tagcloud li {display:inline; line-height:110%; margin-right:5px}
.tagcloud li span {position:absolute; left:-5000em}
.tagcloud li a {text-decoration:none}
.tagcloud li a:hover {text-decoration:underline}
.tagcloud .not-popular {font-size:0.8em}
.tagcloud .somewhat-popular {font-size:1.2em}
.tagcloud .popular {font-size:1.6em}
.tagcloud .very-popular {font-size:2.0em}
.tagcloud .ultra-popular {font-size:2.3em}
 #existenzgruender h4 {clear: both; font-size: 1.3em; margin: 1em 0; padding-top: 0.5em; text-align: center}
#existenzgruender .fright {background: url('/images/v2/layout/front/rezzo_schlauch.jpg') no-repeat 0 0; float:right; margin:0 0 1em 1.5em; padding-left: 110px; width: 170px}
#existenzgruender .fright strong {font-size: 1.2em}
 #modal {position: absolute; top: 0; left: 0; z-index: 5000; text-align: left}
 #modal #outer {border-collapse: collapse}
#modal #outer td.body, #modal #outer th.tr, #modal #outer th.bl, #modal #outer th.br {background-image:url(/images/modal/modal_bg.png)}
#modal #outer td.body {background-position:0 0; padding:20px 0 0 20px; width: 370px}
#modal #outer th.tr {background-position:100% 0; width:20px}
#modal #outer th.bl {background-position:0 100%; height:20px}
#modal #outer th.br {background-position:100% 100%}
 #modal a.close {background:url(/images/modal/close.png) no-repeat; display:none; height:42px; outline:none; position:absolute; right:0; text-indent:-5000em; top:0; width:42px}
 #modal .popup {position: relative}
#modal .loading {text-align: center}
#modal .image {text-align: center}
#modal img {border: 0; margin: 0}
.modal_hide {z-index:-100}
 #overlay {position: fixed; top: 0px; left: 0px; height:100%; width:100%}
.overlay_bg {background-color: #000; z-index: 4000}
 * html #overlay {position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px')}
#modal .content {background-image: none; padding-top: 0px}