/* rajdhani-500 - latin */ @font-face { font-family: 'Rajdhani'; font-style: normal; font-weight: 500; src: url('../fonts/rajdhani-v7-latin-500.eot'); /* IE9 Compat Modes */ src: local('Rajdhani Medium'), local('Rajdhani-Medium'), url('../fonts/rajdhani-v7-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/rajdhani-v7-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/rajdhani-v7-latin-500.woff') format('woff'), /* Modern Browsers */ url('../fonts/rajdhani-v7-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/rajdhani-v7-latin-500.svg#Rajdhani') format('svg'); /* Legacy iOS */ } /* rajdhani-regular - latin */ @font-face { font-family: 'Rajdhani'; font-style: normal; font-weight: 400; src: url('../fonts/rajdhani-v7-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Rajdhani Regular'), local('Rajdhani-Regular'), url('../fonts/rajdhani-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/rajdhani-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/rajdhani-v7-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/rajdhani-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/rajdhani-v7-latin-regular.svg#Rajdhani') format('svg'); /* Legacy iOS */ } /* rajdhani-700 - latin */ @font-face { font-family: 'Rajdhani'; font-style: normal; font-weight: 700; src: url('../fonts/rajdhani-v7-latin-700.eot'); /* IE9 Compat Modes */ src: local('Rajdhani Bold'), local('Rajdhani-Bold'), url('../fonts/rajdhani-v7-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/rajdhani-v7-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/rajdhani-v7-latin-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/rajdhani-v7-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/rajdhani-v7-latin-700.svg#Rajdhani') format('svg'); /* Legacy iOS */ } body { position:absolute; top:0; left:0; margin:0px; padding:0px; width: 100%; height:100%; background:#ffffff; font-size:16px; } html { height:100%; margin-bottom:1px; overflow-y:scroll; overflow-x: hidden; } ::selection { background:#1d7abc; color:#ffffff; } ::-moz-selection { background:#1d7abc; 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:#1d7abc; } .blau { color:#1d7abc; } .hblau { color:#aadcff; } .weiss { color:#ffffff; } .nweiss { color:#ffffff; } .grau { color:#787878; } .hgrau { color:#b4b4b4; } .dgrau { color:#1e1e1e; } .mail { color:#1d7abc; } .schwarz { color:#000000; } a, p, src, div, td, tr, table, input, textarea { outline:0; } src { border:0; } h1, h2, h3, h4, h5 { font-family: 'Rajdhani', Arial, Helvetica, sans-serif; word-wrap: break-word; } a, p, td, div, input, select, textarea, li, ul { font-family: 'Rajdhani', Arial, Helvetica, sans-serif; color:#3c3c3c; word-wrap: break-word; } ul { list-style-image:url(../bilder/li.png); } .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; } /* Schriftform / Größe */ a { font-size:17px; font-size:1.000em; font-weight:normal; } td,div,li,ul,p { font-size:17px; font-size:1.000rem; line-height:24px; letter-spacing:0; font-weight:normal; } p { font-weight:normal; padding-bottom:15px; margin:0px; } h1 { font-weight:700; font-size:30px; color:#1e1e1e; font-size:1.875rem; text-transform:none; margin:0px 0px 10px 0px; padding:0px; line-height:30px; letter-spacing:0.0em; } h1.h1_inline { font-weight:700; font-size:30px; color:#1e1e1e; font-size:1.875rem; text-transform:none; margin:0px 0px 10px 0px; padding:0px; line-height:30px; letter-spacing:0.0em; float:left; display:inline; position:relative; } h4.h4_weiss { font-weight:700; font-size:24px; color:#ffffff; font-size:1.500rem; text-transform:none; margin:0px 0px 10px 0px; padding:0px; line-height:30px; letter-spacing:0.0em; } h5 { padding:0; margin:0; font-size:30px; line-height:32px; color:#ffffff; font-weight:700; } h5.h5_news { padding:30px 0 10px 0; margin:0; font-size:30px; color:#1e1e1e; font-weight:700; float:left; display:inline; position:relative; } h2 { font-weight:700; font-size:30px; color:#1e1e1e; font-size:1.875rem; text-transform:none; margin:0px 0px 10px 0px; padding:0px; line-height:30px; letter-spacing:0.0em; } /* Ende Schriftform / Größe */ a[href^="tel"] { text-decoration: none; cursor: default; color: #323232; } a.telheader:link { text-decoration: none; font-weight:normal; color: #3c3c3c; } a.telheader:active { text-decoration: none; font-weight:normal; color: #3c3c3c; } a.telheader:visited { text-decoration: none; font-weight:normal; color: #3c3c3c; } a.telheader:hover { text-decoration: none; font-weight:normal; color: #3c3c3c; } 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: #1d7abc; } a:visited { text-decoration: none; font-weight:normal; color: #1d1d1b; } a:hover { text-decoration: none; font-weight:normal; color: #1d7abc; } a.nsupport:link { text-decoration: none; font-weight:700; text-transform:uppercase; background:#aadcff; color: #134b73; padding:10px 10px 10px 10px; border-bottom:5px solid #134b73;} a.nsupport:active { text-decoration: none; font-weight:700; text-transform:uppercase; background:#134b73; color: #fff; padding:10px 10px 10px 10px; border-bottom:5px solid #134b73; } a.nsupport:visited { text-decoration: none; font-weight:700; text-transform:uppercase; background:#aadcff; color: #134b73; padding:10px 10px 10px 10px; border-bottom:5px solid #134b73; } a.nsupport:hover { text-decoration: none; font-weight:700; text-transform:uppercase; background:#1d7abc; color: #fff; padding:10px 10px 10px 10px; border-bottom:5px solid #134b73; } a.ntop:link { text-decoration: none; font-weight:normal; text-transform:uppercase; color: #2d2d2d; padding:28px 20px 23px 20px; position:relative; display:inline; float:left; border-bottom:5px solid #ffffff; } a.ntop:active { text-decoration: none; font-weight:normal; text-transform:uppercase; background:#1d7abc; color: #fff; padding:28px 20px 23px 20px; position:relative; display:inline; float:left; border-bottom:5px solid #134b73; } a.ntop:visited { text-decoration: none; font-weight:normal; text-transform:uppercase; color: #2d2d2d; padding:28px 20px 23px 20px; position:relative; display:inline; float:left; border-bottom:5px solid #ffffff; } a.ntop:hover { text-decoration: none; font-weight:normal; text-transform:uppercase; background:#1d7abc; color: #fff; padding:28px 20px 23px 20px; position:relative; display:inline; float:left; border-bottom:5px solid #134b73; } a.ntop_active { text-decoration: none; font-weight:normal; text-transform:uppercase; background:#1d7abc; color: #fff; padding:28px 20px 23px 20px; position:relative; display:inline; float:left; border-bottom:5px solid #134b73; } a.nkat:link { text-decoration: none; font-weight:normal; text-transform:none; background:#dedede; color: #2d2d2d; padding:0px 10px; position:relative; display:inline; float:left; } a.nkat:active { text-decoration: none; font-weight:normal; text-transform:none; background:#f8f8f8; color: #2d2d2d; padding:0px 10px; position:relative; display:inline; float:left; } a.nkat:visited { text-decoration: none; font-weight:normal; text-transform:none; background:#dedede; color: #2d2d2d; padding:0px 10px; position:relative; display:inline; float:left; } a.nkat:hover { text-decoration: none; font-weight:normal; text-transform:none; background:#f8f8f8; color: #2d2d2d; padding:0px 10px; position:relative; display:inline; float:left; } a.ndatei:link { text-decoration: none; font-weight:normal; text-transform:none; background:#1d7abc; color: #ffffff; padding:0px 10px; position:relative; display:inline; float:left; margin:0 10px 0 0; } a.ndatei:active { text-decoration: none; font-weight:normal; text-transform:none; background:#134b73; color: #ffffff; padding:0px 10px; position:relative; display:inline; float:left; } a.ndatei:visited { text-decoration: none; font-weight:normal; text-transform:none; background:#1d7abc; color: #ffffff; padding:0px 10px; position:relative; display:inline; float:left; } a.ndatei:hover { text-decoration: none; font-weight:normal; text-transform:none; background:#134b73; color: #ffffff; padding:0px 10px; position:relative; display:inline; float:left; } /* Mouseover in der Navi */ .nav:hover #ntop_active { text-decoration: none; font-weight:normal; text-transform:uppercase; background:#1d7abc; color: #fff; padding:28px 20px 23px 20px; position:relative; display:inline; float:left; border-bottom:5px solid #134b73; } /* Ende Mouseover in der Navi */ a.nsub1:link { text-decoration: none; font-weight:normal; color: #ffffff; } a.nsub1:active { text-decoration: none; font-weight:normal; color: #aadcff; } a.nsub1:visited { text-decoration: none; font-weight:normal; color: #ffffff; } a.nsub1:hover { text-decoration: none; font-weight:normal; color: #aadcff; } a.nsub1_active { text-decoration: none; font-weight:normal; color: #aadcff; } a.nheader:link { text-decoration: none; font-weight:normal; text-transform:uppercase; background:#1d7abc; color: #fff; padding:10px; position:relative; display:inline; float:left; border-bottom:5px solid #134b73; } a.nheader:active { text-decoration: none; font-weight:normal; text-transform:uppercase; background:#134b73; color: #fff; padding:10px; position:relative; display:inline; float:left; border-bottom:5px solid #1d7abc; } a.nheader:visited { text-decoration: none; font-weight:normal; text-transform:uppercase; background:#1d7abc; color: #fff; padding:10px; position:relative; display:inline; float:left; border-bottom:5px solid #134b73; } a.nheader:hover { text-decoration: none; font-weight:normal; text-transform:uppercase; background:#134b73; color: #fff; padding:10px; position:relative; display:inline; float:left; border-bottom:5px solid #1d7abc; } a.nstartblau:link { text-decoration: none; font-weight:normal; text-transform:uppercase; background:#ffffff; color: #1d7abc; padding:10px 20px; position:relative; display:inline; float:left; border-bottom:5px solid #aadcff; } a.nstartblau:active { text-decoration: none; font-weight:normal; text-transform:uppercase; background:#aadcff; color: #1d7abc; padding:10px 20px; position:relative; display:inline; float:left; border-bottom:5px solid #fff; } a.nstartblau:visited { text-decoration: none; font-weight:normal; text-transform:uppercase; background:#ffffff; color: #1d7abc; padding:10px 20px; position:relative; display:inline; float:left; border-bottom:5px solid #aadcff; } a.nstartblau:hover { text-decoration: none; font-weight:normal; text-transform:uppercase; background:#aadcff; color: #1d7abc; padding:10px 20px; position:relative; display:inline; float:left; border-bottom:5px solid #fff; } 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; } .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; } .navitopdock { width:100%; height:122px; 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; } .td2:hover {background-color:#e5e5e5; border-bottom:1px solid #ffffff; color:#ffffff; } .td2 {background-color:#ffffff; 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; } .nav, .nav ul { list-style: none; margin: 0; padding: 0; z-index:9999; } .nav { z-index: 9999; position: relative; } .nav ul { list-style: none; margin: 0; padding:0; position: absolute; top: -999px; left: 0px; z-index: 9999; } .nav li:hover ul, .nav li.sfHover ul { top: 80px; padding:20px; z-index: 9999; left:0px; background:#1d7abc; border-top:1px solid #ffffff; } .nav ul li { border: 0; float: none; z-index: 9999; } /* 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: 21px; height: 21px; text-align: center; background: url(../bilder/prev.png); } .jcarousel-control-next { position: absolute; top: 0px; width: 21px; height: 21px; text-align: center; background: url(../bilder/next.png); } .jcarousel-control-prev { left: 0px; } .jcarousel-control-next { right: 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; opacity:1.00; position:fixed; bottom:40px; right:40px; display:none; background:url(../bilder/spacer_weiss.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')"); } .bgdiv_con_100{ float:left; position:relative; display:inline; width:100%; margin:0 0 0 0; padding:0 0 0 0; } .bgdiv_con_100_blau{ float:left; position:relative; display:inline; width:100%; margin:0 0 0 0; padding:0 0 0 0; background-color:#1d7abc; border-bottom:5px solid #aadcff; } .bgdiv_con_100_grau{ float:left; position:relative; display:inline; width:100%; margin:0 0 0 0; padding:0 0 0 0; background-color:#f8f8f8; border-top:1px solid #dedede; border-bottom:1px solid #dedede; } .trenner_con_100{ float:left; display:inline; position:relative; width:100%; height:1px; background-color:#d3dddd; } .sp_100p{ float:left; display:inline; position:relative; width:100%; } .sp_100p_box{ float:left; display:inline; position:relative; width:100%; box-sizing:border-box; } .box_clear{ clear:both; } /* responsive menu */ .menu { float: left; overflow-y:auto; border-top:0px solid #ffffff; -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 #ffffff; z-index:9999; } .menu ul li { padding: 0px; margin: 0px; } .menu > ul > li { display: inline-block; } .menu ul li a { display: block; text-decoration: none; color: #505050; font-size: 18px; font-family: 'Rajdhani', Arial, Helvetica, sans-serif; font-weight:300; } .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: #9d9d9d; color: #ffffff; } .menu ul ul > li a.sub1active { background-color: #646464; color: #ffffff; } .menu ul ul ul { position: absolute; left: 100%; top:0; } /* ende responsive menu */ /*.container { width:100%; z-index:10000; display:inline; float:right; position:relative;}*/ a.menu-link { display: block; color: #2d2d2d; float: left; text-decoration: none; padding: 8px 0 10px 0; font-size:18px} .menu { clear: both; min-width: inherit; float: none; background:#1d7abc; } .menu, .menu > ul ul { overflow: hidden; max-height: 0; background-color: #ffffff; } .menu, .menu > ul ul ul { overflow: hidden; max-height: 0; background-color: #ffffff; } .menu > li > ul.sub-menu { padding: 0px; border: none; } .menu.active, .menu > ul ul.active { max-height: 4000px; height:90%; } .menu ul { display: inline; } .menu > ul { border-top: 0px solid #f0f0f0; } .menu li, .menu > ul > li { display: block; } .menu li a { color: #505050; display: block; padding: 0; border-bottom: 1px solid #dcdcdc; position: relative; background:#ffffff; } .menu li a:hover { color: #ffffff; display: block; padding: 20px; border-bottom: 1px solid #dcdcdc; position: relative; background:#1d7abc; } .menu li a.nav_res_sub2:hover { padding-left:40px; font-style:italic; } .menu li a.menu_active { color: #ffffff; display: block; padding: 20px; border-bottom: 1px solid #dcdcdc; position: relative; background:#1d7abc; } .menu li a.has-submenu_active { color: #ffffff; display: block; padding: 20px; border-bottom: 1px solid #dcdcdc; position: relative; background:#1d7abc; } .menu li.has-submenu > a:after { content: '+'; position: absolute; top: 0; right: 0; display: block; font-size: 1.5em; padding: 15px; } .menu li.has-submenu2 > a:after { content: '+'; position: absolute; top: 0; right: 0; display: block; font-size: 1.5em; padding: 15px; } .menu li.has-submenu > a.active:after { content: "-"; } .menu li.has-submenu2 > a.active:after { content: "-"; } .menu ul ul > li a { background: #ffffff; color:#323232; padding: 20px; padding-left:40px; border-bottom: 1px solid #dcdcdc; } .menu ul ul > li a:hover { background: #1d7abc; color:#ffffff; padding: 20px; padding-left:40px; border-bottom: 1px solid #dcdcdc; } .menu ul ul, .menu ul ul ul { display: inherit; position: relative; left: auto; top:auto; border:none; } .menu ul ul ul > li a { background: #ffffff; color:#1e1e1e; height:20px; padding: 20px; border-bottom: 1px solid #f0f0f0; }