/* open-sans-regular - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('../fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Open Sans Regular'), local('OpenSans-Regular'), url('../fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: url('../fonts/open-sans-v15-latin-italic.eot'); /* IE9 Compat Modes */ src: local('Open Sans Italic'), local('OpenSans-Italic'), url('../fonts/open-sans-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v15-latin-italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v15-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-700 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url('../fonts/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */ src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../fonts/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-700italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 700; src: url('../fonts/open-sans-v15-latin-700italic.eot'); /* IE9 Compat Modes */ src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url('../fonts/open-sans-v15-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v15-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v15-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v15-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v15-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-800italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 800; src: url('../fonts/open-sans-v15-latin-800italic.eot'); /* IE9 Compat Modes */ src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'), url('../fonts/open-sans-v15-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v15-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v15-latin-800italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v15-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v15-latin-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-800 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: url('../fonts/open-sans-v15-latin-800.eot'); /* IE9 Compat Modes */ src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url('../fonts/open-sans-v15-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v15-latin-800.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v15-latin-800.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v15-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v15-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */ } body { position:absolute; top:0; left:0; margin:0px; padding:0px; width: 100%; height:100%; background:#ffffff; font-size:100%; } html { height:100%; margin-bottom:1px; overflow-y:scroll; overflow-x: hidden; } ::selection { background:#b41e1e; color:#ffffff; } ::-moz-selection { background:#b41e1e; color:#ffffff; } .topdiv { padding:0px; margin:0px; width:100%; height:100%; } .toptab { width:100%; height:100%; padding:0px; margin:0px; } .standard { position:relative; display:inline; float:left; } .standard_r { position:relative; display:inline; float:right; } .div_con { float:left; position:relative; display:inline; width:100%; margin:0; padding:0; } .font12 { font-size:12px; } .font13 { font-size:13px; } .font14 { font-size:14px; } .font15 { font-size:15px; } .font16 { font-size:16px; } .font17 { font-size:17px; } .font18 { font-size:18px; } .font22 { font-size:22px; } .font24 { font-size:24px; } .font28 { font-size:28px; } .font30 { font-size:30px; } .font36 { font-size:36px; } .font40 { font-size:40px; } .font44 { font-size:44px; } .lineheight40 { line-height:50px; } strong, b { color:#b41e1e; } .rot { color:#b41e1e; } .weiss { color:#ffffff; } .nweiss { color:#ffffff; } .grau { color:#787878; } .hgrau { color:#b4b4b4; } .dgrau { color:#1e1e1e; } .mail { color:#b41e1e; } .schwarz { color:#000000; } a, p, src, div, td, tr, table, input, textarea { outline:0; } src { border:0; } h1, h2, h3, h4, h5 { font-family: 'Open Sans', Arial, Helvetica, sans-serif; } a, p, td, div, input, select, textarea, li, ul { font-family: 'Open Sans', Arial, Helvetica, sans-serif; color:#787878; } ul { } .uppercase { text-transform:uppercase; } hr { border-top:1px solid #dedede; border-left:0px; border-right:0px; border-bottom:0px; margin:0 0 20px 0; } .hr { border-top:1px solid #dedede; border-left:0px; border-right:0px; border-bottom:0px; margin:0 0 10px 0; padding:0; } a[href^="tel"] { text-decoration: none; cursor: default; color: #323232; } a.telheader:link { text-decoration: none; font-weight:normal; color: #b4b4b4; } a.telheader:active { text-decoration: none; font-weight:normal; color: #b4b4b4; } a.telheader:visited { text-decoration: none; font-weight:normal; color: #b4b4b4; } a.telheader:hover { text-decoration: none; font-weight:normal; color: #b4b4b4; } a:hover { -moz-transition: all 0.4s ease-out; /* FF4+ */ -o-transition: all 0.4s ease-out; /* Opera 10.5+ */ -webkit-transition: all 0.4s ease-out; /* Saf3.2+, Chrome */ -ms-transition: all 0.4s ease-out; /* IE10? */ transition: all 0.4s ease-out; } a:link { text-decoration: none; font-weight:normal; color: #1d1d1b; } a:active { text-decoration: none; font-weight:normal; color: #b41e1e; } a:visited { text-decoration: none; font-weight:normal; color: #1d1d1b; } a:hover { text-decoration: none; font-weight:normal; color: #b41e1e; } a.nheader1:link { text-decoration: none; font-weight:normal; color: #ffffff; padding:15px 20px 15px 20px; background:#009977; border-radius:5px; text-transform:uppercase; } a.nheader1:active { text-decoration: none; font-weight:normal; color: #009977; padding:15px 20px 15px 20px; background:#ffffff; border-radius:5px; text-transform:uppercase; } a.nheader1:visited { text-decoration: none; font-weight:normal; color: #ffffff; padding:15px 20px 15px 20px; background:#009977; border-radius:5px; text-transform:uppercase; } a.nheader1:hover { text-decoration: none; font-weight:normal; color: #009977; padding:15px 20px 15px 20px; background:#ffffff; border-radius:5px; text-transform:uppercase; } a.nheader2:link { text-decoration: none; font-weight:normal; color: #969696; padding:12px 17px 12px 17px; border:3px solid #969696; border-radius:5px; text-transform:uppercase; } a.nheader2:active { text-decoration: none; font-weight:normal; color: #009977; padding:12px 17px 12px 17px; border:3px solid #009977; border-radius:5px; text-transform:uppercase; } a.nheader2:visited { text-decoration: none; font-weight:normal; color: #969696; padding:12px 17px 12px 17px; border:3px solid #969696; border-radius:5px; text-transform:uppercase; } a.nheader2:hover { text-decoration: none; font-weight:normal; color: #009977; padding:12px 17px 12px 17px; border:3px solid #009977; border-radius:5px; text-transform:uppercase; } a.nmehrlesen:link { text-decoration: none; font-weight:normal; text-transform:none; color: #b41e1e; padding:0px 0 0 22px; background:url(../bilder/mehrlesen.png) no-repeat; } a.nmehrlesen:active { text-decoration: none; font-weight:normal; text-transform:none; color: #2d2d2d; padding:0px 0 0 22px;background:url(../bilder/mehrlesen_.png) no-repeat; } a.nmehrlesen:visited { text-decoration: none; font-weight:normal; text-transform:none; color: #b41e1e; padding:0px 0 0 22px; background:url(../bilder/mehrlesen.png) no-repeat; } a.nmehrlesen:hover { text-decoration: none; font-weight:normal; text-transform:none; color: #2d2d2d; padding:0px 0 0 22px; background:url(../bilder/mehrlesen_.png) no-repeat; } a.ntop:link { text-decoration: none; font-weight:normal; text-transform:uppercase; color: #2d2d2d; padding-bottom:5px; background:url(../bilder/nav_underline.png) bottom center no-repeat; } a.ntop:active { text-decoration: none; font-weight:normal; text-transform:uppercase; color: #2d2d2d; padding-bottom:5px; background:url(../bilder/nav_underline_.png) bottom center no-repeat; } a.ntop:visited { text-decoration: none; font-weight:normal; text-transform:uppercase; color: #2d2d2d; padding-bottom:5px; background:url(../bilder/nav_underline.png) bottom center no-repeat; } a.ntop:hover { text-decoration: none; font-weight:normal; text-transform:uppercase; color: #2d2d2d; padding-bottom:5px; background:url(../bilder/nav_underline_.png) bottom center no-repeat; } a.ntop_active { text-decoration: none; font-weight:normal; text-transform:uppercase; color: #2d2d2d; padding-bottom:5px; background:url(../bilder/nav_underline_.png) bottom center no-repeat; } a.nfooter:link { text-decoration: none; font-weight:normal; color: #ffffff; } a.nfooter:active { text-decoration: none; font-weight:normal; color: #2d2d2d; } a.nfooter:visited { text-decoration: none; font-weight:normal; color: #ffffff; } a.nfooter:hover { text-decoration: none; font-weight:normal; color: #2d2d2d; } a.nfooter_active { text-decoration: none; font-weight:normal; color: #2d2d2d; } a.nteam:link { text-decoration: none; font-weight:normal; color: #ffffff; } a.nteam:active { text-decoration: none; font-weight:normal; color: #b41e1e; } a.nteam:visited { text-decoration: none; font-weight:normal; color: #ffffff; } a.nteam:hover { text-decoration: none; font-weight:normal; color: #b41e1e; } a.ntop2:link { text-decoration: none; font-weight:normal; color: #2d2d2d; text-transform:uppercase; } a.ntop2:active { text-decoration: none; font-weight:normal; color: #009977; text-transform:uppercase; } a.ntop2:visited { text-decoration: none; font-weight:normal; color: #2d2d2d; text-transform:uppercase; } a.ntop2:hover { text-decoration: none; font-weight:normal; color: #009977; text-transform:uppercase; } a.ntop2_active { text-decoration: none; font-weight:normal; color: #009977; text-transform:uppercase; } a.nsub:link { text-decoration: none; font-weight:normal; color: #ffffff; text-transform:uppercase; } a.nsub:active { text-decoration: none; font-weight:normal; color: #2d2d2d; text-transform:uppercase; } a.nsub:visited { text-decoration: none; font-weight:normal; color: #ffffff; text-transform:uppercase; } a.nsub:hover { text-decoration: none; font-weight:normal; color: #2d2d2d; text-transform:uppercase; } a.nsub_active { text-decoration: none; font-weight:normal; color: #2d2d2d; text-transform:uppercase; } .nhome { height:20px; width:21px; background:url(../bilder/ico_home.png) no-repeat; } .nhome:hover { background:url(../bilder/ico_home_.png) no-repeat; } .nhome_active { height:20px; width:21px; background:url(../bilder/ico_home_.png) no-repeat; } /* a.ntop1:link , a.ntop1:visited { text-decoration: none; font-weight:normal; color: #58585a; text-transform:uppercase; margin:20px; } a.ntop1:hover, a.ntop1:active { color: #000000; text-decoration:underline; margin:20px; } a.ntop1_active { text-decoration: none; font-weight:normal; color: #000000; text-transform:uppercase; margin:0 0 0 30px; } */ /* Mouseover in der Navi */ .nav:hover #ntop1_active { text-decoration: none; font-weight:400; color: #2d2d2d; text-transform:uppercase; padding:0 20px 15px 20px; border-bottom:4px solid #bf1545; margin:0; } /* Ende Mouseover in der Navi */ .navitopdock { width:100%; height:128px; position:fixed; top:0px; left:0px; text-align:center; display:none; transition: transform 0.8s ease 0.8s; z-index:9999; /*overflow:hidden;*/ } .mo_box:hover { cursor:pointer; } .mo_box:hover strong{ color:#009574; } .td:hover {background-color:#e5e5e5; border-bottom:1px solid #ffffff; color:#ffffff; } .td {background-color:#f1f2f4; border-bottom:1px solid #ffffff; } .tdhover:hover {background-color:#dedede; border-bottom:1px solid #ffffff; color:#ffffff; } .cursor { cursor:pointer; } .tab_hell { background:#f3f3f3; } .tab_dunkel { background:#e6e6e6; } .m10 { margin:10px; } .mt1 { margin-top:1px; } .mt6 { margin-top:6px; } .mt10 { margin-top:10px; } .mt12 { margin-top:12px; } .mt15 { margin-top:15px; } .mt20 { margin-top:20px; } .mt25 { margin-top:25px; } .mt30 { margin-top:30px; } .mt40 { margin-top:40px; } .mt50 { margin-top:50px; } .mt60 { margin-top:60px; } .mt65 { margin-top:65px; } .mt70 { margin-top:70px; } .mt80 { margin-top:80px; } .mt90 { margin-top:90px; } .mt200 { margin-top:200px; } .mt250 { margin-top:250px; } .mr10 { margin-right:10px; } .mr20 { margin-right:20px; } .mr40 { margin-right:40px; } .mb10 { margin-bottom:10px; } .mb20 { margin-bottom:20px; } .mb30 { margin-bottom:30px; } .mb40 { margin-bottom:40px; } .mb50 { margin-bottom:50px; } .mb70 { margin-bottom:70px; } .ml10 { margin-left:10px; } .ml20 { margin-left:20px; } .ml40 { margin-left:40px; } .ml50 { margin-left:50px; } .w120 { width:120px; } .w130 { width:130px; } .w150 { width:150px; } .w190 { width:190px; } .w205 { width:205px; } .w215 { width:215px; } .w235 { width:235px; } .w250 { width:250px; } .w300 { width:300px; } .w320 { width:320px; } .w350 { width:350px; } .w480 { width:480px; } .w490 { width:490px; } .w500 { width:500px; } .w600 { width:600px; } .w630 { width:630px; } .w705 { width:705px; } .w745 { width:745px; } .w1000 { width:1000px; } .w50pro { width:50%; } .w100pro { width:100%; } .w50p { width:50%; } .w150h35 { width:150px; height:35px; } .w235h290 { width:235px; height:290px; overflow:hidden; } .w195p20 { width:195px; padding:20px; } .w420p40 { width:420px; padding:40px; } .w705p20 { width:705px; padding:20px; } .w765-20 { width:765px; margin-left:-20px; } .w1020-20 { width:1020px; margin-left:-20px; } .w235ml20h420 { width:235px; margin-left:20px; height:420px; } .w320ml20 { width:320px; margin-left:20px; margin-bottom:20px; } .w195h130ml20mt20 { width:195px; height:130px; overflow:hidden; margin-left:20px; margin-top:20px; } .p20 { padding:20px; } .p300030 { padding:30px 0 0 30px; } .h15 { height:15px; } .h40 { height:40px; } .h50 { height:50px; } .h75 { height:75px; } .h80 { height:80px; } .h100 { height:100px; } .h120 { height:120px; } .h130 { height:130px; } .h145 { height:145px; } .h150 { height:150px; } .h160 { height:160px; } .h165 { height:165px; } .h180 { height:180px; } .h200 { height:200px; } .h220 { height:220px; } .h225 { height:225px; } .h230 { height:230px; } .h235 { height:235px; } .h320 { height:320px; } .h410 { height:410px; } .h460 { height:460px; } .h475 { height:475px; } .h500 { height:500px; } .h20mt15 { margin-top:15px; height:20px; } .unsichtbar { display:none; } .overflow { overflow:hidden; } /* responsive menu */ .menu { float: left; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .menu ul { padding: 0px; margin: 0px; list-style: none; position: relative; display: inline-table; z-index:9999; } .menu > li > ul.sub-menu { min-width: 10em; padding: 4px 0; background-color: #00f0f0; border: 1px solid #fffff; z-index:9999; } .menu ul li { padding: 0px; } .menu > ul > li { display: inline-block; } .menu ul li a { display: block; text-decoration: none; color: #fff; font-size: .9em; } .menu ul li > a { height:20px; padding: 20px; } .menu ul ul { display: none; position: absolute; top:100%; min-width: 160px; background-color: #f0f0f0 border: 1px solid #f0f0f0; } .menu ul li:hover > ul { display: block; } .menu ul ul > li { position: relative; } .menu ul ul > li a { padding: 5px 15px 5px 10px; height: auto; background-color: #f0f0f0; } .menu ul ul > li a:hover { background-color: #b41e1e; color: #ffffff; } .menu ul ul > li a.sub1active { background-color: #b41e1e; color: #ffffff; } .menu ul ul ul { position: absolute; left: 100%; top:0; } /* ende responsive menu */ /* Mailupload */ div.buttons input { } input.clicky { } body #qfile1 { position: absolute; left: 0; top: -4000px; } #qfile2 { position: absolute; left: 0; top: -4000px; } #qfile3 { position: absolute; left: 0; top: -4000px; } #qfile4 { position: absolute; left: 0; top: -4000px; } /* Parallax */ #header, #intro, #second{ width: 100%; } #intro{ color: white; height: 430px; } /* end Parallax */ /* Tabifiy */ .tabbox { background:#ffffff; width:704px; padding:30px; border:1px solid #e6e6e6; z-index:700; margin-left:-1px; } #tabmenu { width: 235px; margin: 0; padding:0 0 30px 0; overflow: hidden; border:0px solid } #tabmenu li { float:left; display: inline-block; height:50px; text-align:left; padding:0px; margin:0; width:235px; } #tabmenu li a { height:26px; padding:12px 0 12px 20px; color: #2d2d2d; font-weight: normal; text-decoration: none; display: block; font-size:14px; border:1px solid #e6e6e6; text-transform:none; } #tabmenu li a:hover { height:26px; padding:12px 0 12px 20px; background:#ffffff; color: #009977; border:1px solid #e6e6e6; } #tabmenu li.active a { height:26px; padding:12px 0 12px 20px; background:#ffffff; color: #009977; border-top:1px solid #e6e6e6; border-right:0px solid #e6e6e6; border-bottom:1px solid #e6e6e6; border-left:1px solid #e6e6e6; } /*----------------------------------------------*/ .nav, .nav ul { list-style: none; margin: 0; padding: 0; z-index:1001; } .nav { z-index: 1001; position: relative; } .nav ul { list-style: none; margin: 0; padding:0; position: absolute; top: -999px; left: 0px; z-index: 1001; } .nav li:hover ul, .nav li.sfHover ul { top: 20px; padding:20px 0 0 0; z-index: 1001; left:0px; } .nav ul li { border: 0; float: none; z-index: 1001; } /* Accordion */ .accordion-open { background:#2d2d2d; border:0; color: #ffffff; } .accordion-open span { display:block; float:right; padding:0px; } .accordion-open span { display:block; float:right; background:url(../bilder/minus.png) center center no-repeat; padding:0px; height:28px; width:28px; } .accordion-close span { display:block; float:right; background:url(../bilder/plus.png) center center no-repeat; padding:0px; height:28px; width:28px; } div.container { padding:0; margin:0; } /* ende Accordion */ /* Bild Mousover */ .produktslider_pic_hover{ width:250px; height:250px; padding:0px; margin:-250px 0px 0 0px; background-image: url(../bilder/spacer_tgrau.png); background-repeat: repeat; opacity: 0; filter: alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; } #produktslider_pic_hover:hover { opacity: 0.85; filter: alpha(opacity=85); -moz-opacity:0.85; -khtml-opacity:0.85; -moz-transition: all 0.3s ease-out; /* FF4+ */ -o-transition: all 0.3s ease-out; /* Opera 10.5+ */ -webkit-transition: all 0.3s ease-out; /* Saf3.2+, Chrome */ -ms-transition: all 0.3s ease-out; /* IE10? */ transition: all 0.3s ease-out; } /* Hoverbox */ .hoverbox{ width:417px; height:220px; position:fixed; top:310px; left:-333px; text-align:left; z-index:999; background-repeat: no-repeat; -webkit-transition: left 1s ease; -moz-transition: left 1s ease; -o-transition: left 1s ease; -ms-transition: left 1s ease; transition: left 1s ease; } .hoverbox:hover { left:0px; } .hoverbox_in { width:293px; height:160px; padding:30px 20px 30px 20px; } /** Carousel **/ .jcarousel { position: relative; overflow: hidden; } .jcarousel ul { width: 20000em; position: relative; list-style: none; margin: 0; padding: 0; } .jcarousel li { float: left; } /** Carousel Controls **/ .jcarousel-control-prev { position: absolute; top: 0px; width: 30px; height: 30px; text-align: center; background: url(../bilder/prev.png); } .jcarousel-control-next { position: absolute; top: 0px; width: 30px; height: 30px; text-align: center; background: url(../bilder/next.png); } .jcarousel-control-prev { right: 0px; } .jcarousel-control-next { left: 0px; } .jcarousel-control-prev:hover span, .jcarousel-control-next:hover span { display: block; } .jcarousel-control-prev.inactive, .jcarousel-control-next.inactive { opacity: .2; cursor: default; } /** Carousel Controls weiss **/ .jcarousel-control-prev-w { position: absolute; top: 0px; width: 15px; height: 15px; text-align: center; background: url(../bilder/prev_kl.png); } .jcarousel-control-next-w { position: absolute; top: 0px; width: 15px; height: 15px; text-align: center; background: url(../bilder/next_kl.png); } .jcarousel-control-prev-w { right: 0px; } .jcarousel-control-next-w { left: 0px; } .jcarousel-control-prev-w:hover span, .jcarousel-control-next-w:hover span { display: block; } .jcarousel-control-prev-w.inactive, .jcarousel-control-next-w.inactive { opacity: .2; cursor: default; } /** Carousel Pagination **/ .jcarousel-pagination { position: absolute; bottom: 0; left: 15px; } .jcarousel-pagination a { text-decoration: none; display: inline-block; font-size: 11px; line-height: 14px; min-width: 14px; background: #fff; color: #4E443C; border-radius: 14px; padding: 3px; text-align: center; margin-right: 2px; opacity: .75; } .jcarousel-pagination a.active { background: #4E443C; color: #fff; opacity: 1; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75); } /* Ende Carousel */ .parallax-window { min-height: 400px; background: transparent; } /* Tooltip // Einklinker links */ div.tooltip, div.tooltip:link, div.tooltip:visited, div.tooltip:active { position: relative; z-index:1111; } div.tooltip:hover { } div.tooltip strong { display: none; text-decoration: none; } div.tooltip:hover strong { display: block; position: relative; top: 0px; left: 0px; width: 290px; z-index: 999; background: ; border:0px solid #1a62ae; margin-left:50px; } .levis_inhalt { width:235px; background:#ffffff; border:1px solid #1a62ae; padding:0px; } /* ende Tooltip */ input { background-color:#ffffff; color:#787878; font-size:14px; border:1px solid #e5e5e5; height:20px; padding:10px; margin:1px 0 0px 0; border-radius:0px; } .radiobut { width:25px; height:auto; } select { background-color:#ffffff; color:#e40421; font-size:17px; height:34px; border:1px solid #dcdcdc; margin:0 0 20px 0; } .button { background:#1a62ae; color:#ffffff; font-size:14px; text-transform:uppercase; height:34px; width:270px; border:0; margin: 0px 0 0 0; } .button_hidden { background-color:#ffffff; color:#ffffff; font-size:1px; border:0px solid #a6a6a6; width:1px; height:1px; } textarea { background-color:#ffffff; color:#787878; font-size:14px; border:1px solid #e5e5e5; resize:vertical; height:20px; padding:10px; margin:1px 0 0px 0; border-radius:0px; } /** Nach oben **/ .scrollicon{ text-align: center; text-decoration:none; width:50px; height:50px; /*border-radius:50%; background:#fff;*/ opacity:1.00; position:fixed; bottom:40px; right:40px; display:none; /*border:5px solid #e05048;*/ background:url(../bilder/nachoben.png) no-repeat; z-index:9999; } /** ende nach oben **/ /* ColorBox */ /* ColorBox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block;} .cboxIframe{width:100%; height:100%; display:block; border:0;} /* User Style: Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:url(../images/overlay.png) repeat 0 0;} #colorbox{} #cboxTopLeft{width:21px; height:21px; background:url(../images/controls.png) no-repeat -101px 0;} #cboxTopRight{width:21px; height:21px; background:url(../images/controls.png) no-repeat -130px 0;} #cboxBottomLeft{width:21px; height:21px; background:url(../images/controls.png) no-repeat -101px -29px;} #cboxBottomRight{width:21px; height:21px; background:url(../images/controls.png) no-repeat -130px -29px;} #cboxMiddleLeft{width:21px; background:url(../images/controls.png) left top repeat-y;} #cboxMiddleRight{width:21px; background:url(../images/controls.png) right top repeat-y;} #cboxTopCenter{height:21px; background:url(../images/border.png) 0 0 repeat-x;} #cboxBottomCenter{height:21px; background:url(../images/border.png) 0 -29px repeat-x;} #cboxContent{background:#fff; overflow:hidden;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{margin-bottom:28px;} #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious:hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;} #cboxNext:hover{background-position:-50px -25px;} #cboxLoadingOverlay{background:url(../images/loading_background.png) no-repeat center center;} #cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;} #cboxClose{position:absolute; bottom:0; right:0; background:url(../images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;} #cboxClose:hover{background-position:-25px -25px;} /* The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9. See: http://jacklmoore.com/notes/ie-transparency-problems/ */ .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); } /* The following provides PNG transparency support for IE6 Feel free to remove this and the /ie6/ directory if you have dropped IE6 support. */ .cboxIE6 #cboxTopLeft{background:url(../images/ie6/borderTopLeft.png);} .cboxIE6 #cboxTopCenter{background:url(../images/ie6/borderTopCenter.png);} .cboxIE6 #cboxTopRight{background:url(../images/ie6/borderTopRight.png);} .cboxIE6 #cboxBottomLeft{background:url(../images/ie6/borderBottomLeft.png);} .cboxIE6 #cboxBottomCenter{background:url(../images/ie6/borderBottomCenter.png);} .cboxIE6 #cboxBottomRight{background:url(../images/ie6/borderBottomRight.png);} .cboxIE6 #cboxMiddleLeft{background:url(../images/ie6/borderMiddleLeft.png);} .cboxIE6 #cboxMiddleRight{background:url(../images/ie6/borderMiddleRight.png);} .cboxIE6 #cboxTopLeft, .cboxIE6 #cboxTopCenter, .cboxIE6 #cboxTopRight, .cboxIE6 #cboxBottomLeft, .cboxIE6 #cboxBottomCenter, .cboxIE6 #cboxBottomRight, .cboxIE6 #cboxMiddleLeft, .cboxIE6 #cboxMiddleRight { _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')"); }