/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ NORMALPLUS /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ HYPERGRID /* ++++++++++++++++++++++++++++++++++ BASIC FONT SPEC. font-family: "Open Sans", Arial, sans-serif; font-size: 16px / 100% / 1.000em line-height: 1.625em; / 26px Scale: 42,26,20,16,13,10 px Title: font-size: 40px; font-size: 2.5000em; line-height: 1.2381em; margin-bottom: 0.619em; Headlines: font-size: 26px; font-size: 1.6250em; line-height: 1.0000em; margin-bottom: 1.000em; Sub-headlines: font-size: 22px; font-size: 1.3750em; line-height: 1.1818em; margin-bottom: 1.1818em; Primary Text: font-size: 16px; font-size: 1.0000em; line-height: 1.625em; margin-bottom: 1.625em; Secondary Text: font-size: 13px; font-size: 0.8125em; line-height: 2.000em; margin-bottom: 2.000em; Small Text: font-size: 10px; font-size: 0.6250em; line-height: 2.600em; margin-bottom: 2.600em; /* ++++++++++++++++++++++++++++++++++ COLORS Prim. Blue #20a1a6 - #52c4ca - #98e7eb - EXTRA LIGHT #dafdff Prim. Yellow #dabe00 - #efe000 - #fff883 Prim. Grey #505050 - #909090 - #d0d0d0 - TEXT-SHADOW #787878; Sec. White #f0f0f0 - #f7f7f7 - #ffffff - TEXT-SHADOW #fcfcfc Sec. Black #060606 - #12121a - #23232f Sec. Red #ff0000 Links #060606 Links Hover #000000 Highlights #000000 Selections #fff100 */ /* open-sans-300 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: url('font-serv/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */ src: local('Open Sans Light'), local('OpenSans-Light'), url('font-serv/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('font-serv/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('font-serv/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */ url('font-serv/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('font-serv/open-sans-v15-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-regular - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('font-serv/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Open Sans Regular'), local('OpenSans-Regular'), url('font-serv/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('font-serv/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('font-serv/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */ url('font-serv/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('font-serv/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-600 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: url('font-serv/open-sans-v15-latin-600.eot'); /* IE9 Compat Modes */ src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url('font-serv/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('font-serv/open-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('font-serv/open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */ url('font-serv/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('font-serv/open-sans-v15-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */ } .bluexxdk {color: #105559; border-color: #105559;} .bluexdk {color: #187a7f; border-color: #187a7f;} .bluedk {color: #20a1a6; border-color: #20a1a6;} .blue {color: #52c4ca; border-color: #52c4ca;} .bluelt {color: #98e7eb; border-color: #98e7eb;} .bluexlt {color: #dafdff; border-color: #dafdff;} .yellowxlt {color: #fffdcf; border-color: #fffdcf;} .yellowlt {color: #fff883; border-color: #fff883;} .yellow {color: #efe000; border-color: #efe000;} .yellowdk {color: #dabe00; border-color: #dabe00;} .yellowxdk {color: #b9a100; border-color: #b9a100;} .yellowxxdk {color: #6f5000; border-color: #6f5000;} .greydk {color: #505050;} .grey {color: #909090;} .greylt {color: #d0d0d0;} .whitedk {color: #ebebeb; border-color: #ebebeb;} .white {color: #f4f4f4;} .whitelt {color: #ffffff; border-color: #ffffff;} .blackdk {color: #060606;} .black {color: #12121a;} .blacklt {color: #23232f;} .error {color: #12121a;} .bgno {background: transparent;} .bgboxheader {background: transparent url('images/bg-box-header.png') repeat-x scroll left top;} .bgbox {background: #f9f9f9 url('images/bg-structure.png') repeat scroll left top;} .bggreylt {background-color: #d0d0d0;} .bggrey {background-color: #909090;} .bggreydk {background-color: #505050;} .bgred {background-color: #52c4ca;} .bgredlt {background-color: #98e7eb;} .bggreen {background-color: #23232f;} .bgwhitedk {background-color: #f4f4f4;} .bgwhite {background-color: #f7f7f7;} .bgwhitelt {background-color: #ffffff;} .bgbluexdk {background-color: #187a7f;} .bgbluedk {background-color: #20a1a6;} .bgblue {background-color: #52c4ca;} .bgbluelt {background-color: #98e7eb;} .bgbluexlt {background-color: #dafdff;} .bgyellowxlt {background-color: #fffdcf;} .bgyellowlt {background-color: #fff883;} .bgyellow {background-color: #efe000;} .bgyellowdk {background-color: #dabe00;} .bgyellowxdk {background-color: #b9a100;} .lineyellowdk {border-color: #dabe00;} .lineyellow {border-color: #efe000;} .lineyellowlt {border-color: #fff883;} .linebluexdk {border-color: #187a7f;} .linebluedk {border-color: #20a1a6;} .lineblue {border-color: #52c4ca;} .linebluelt {border-color: #98e7eb;} .linebluexlt {border-color: #dafdff;} /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ GENERAL RESET */ html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend, input,textarea,button,select,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video {border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; margin:0; padding:0;} article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, audio, canvas, video {display: block;} sub, sup {font-size: 75%; line-height: 0px; position: relative; vertical-align: baseline;} sup {top: -0.5em;} sub {bottom: -0.25em;} pre {white-space: pre; white-space: pre-wrap; word-wrap: break-word;} *[lang=en]{quotes:"'" "'";} *[lang=de]{quotes:"„" "“";} b, strong {font-weight: 600;} abbr[title] {border-bottom: 1px dotted;} form, input, textarea, button, select, fieldset {font-size: 100%; line-height: normal; vertical-align: baseline; font-family: "Open Sans", Arial, sans-serif; border: 0px;} a, img, a img, {border: 0px;} button, html input[type=button] {cursor: pointer; -webkit-appearance: button;} input[type=reset], input[type=submit] {cursor: pointer; -webkit-appearance: button;} input[type=checkbox], input[type=radio] {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;} textarea {overflow: auto;} table {border-collapse: collapse; border-spacing: 0px;} article,aside,figure,footer,header,hgroup,nav,section {display: block;} figure {position: relative;} figure img, figure object, figure embed, figure video {max-width: 100%; display: block;} img {max-width: 100%; border: 0px; -ms-interpolation-mode: bicubic;} object, embed, video, iframe {max-width: 100%; width: 100%; display: block; margin: 0px; padding: 0px; border: 0px solid;} .clear {clear: both;} .clear:before, .clear:after {display: table; content: "";} .clear:after {clear: both;} .clearfix:after {visibility: hidden; display: block; font-size: 0px; content: " "; clear: both; height: 0px; margin: 0px; padding: 0px;} * html .clearfix {zoom: 1;} /* IE6 */ *:first-child+html .clearfix {zoom: 1;} /* IE7 */ .section:before, .section:after {content: ""; display: table;} .section:after {clear: both;} .section {zoom: 1;} .hidden.focusable:active, .hidden.focusable:focus {position: static; clip: auto; height: auto; width: auto; margin: 0px; overflow: visible;} * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} *:first-child + html .row, *:first-child + html .clear {zoom: 1;} *:after, *:before {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} ::-moz-selection {background: #fff100; color: #12121a; text-shadow: 1px 1px 1px #fcfcfc;} ::selection {background: #fff883; color: #12121a; text-shadow: 1px 1px 1px #fcfcfc;} /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ BASIC LAYOUT */ html {height:100%; -webkit-tap-highlight-color:#98e7eb; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; -webkit-overflow-scrolling:touch; text-rendering: optimizelegibility;} body {min-height: 101%; width: 100%; margin: 0; padding: 0; font-family: "Open Sans", Arial, sans-serif; font-size: 16px; font-size: 100%; line-height: 1.625em; color: #505050 ; -webkit-hyphens: manual; -moz-hyphens: manual; -ms-hyphens: manual; -o-hyphens: manual; hyphens: manual; text-rendering: optimizelegibility; background-color: #20a1a6;} #bgimg {position: fixed; left: 0px; top: 0px; z-index: 1; background: transparent url('images/icon-loading.gif') no-repeat fixed center center;} #bgraster {position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 2; background: transparent url('images/bg-main-overlay.png') repeat fixed center top;} /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ HYPERLINKS Link-Visited-Hover-Focus-Active */ a, a:link, a:visited {text-decoration: none; color: #000000;} a:hover, a:focus, a:active {text-decoration: none; color: #000000; background-color: #f8ea2b; text-shadow: 0 1 1px #bea600; transition: text-shadow 0.5s; -webkit-transition: text-shadow 0.5s; -moz-transition: text-shadow 0.5s; -o-transition: text-shadow 0.5s;} a.link, a.link:visited {background: url('images/master-sprites.png') no-repeat scroll 0px -447px; padding-left: 16px; text-decoration: none; color: #060606;} a.link:hover, a.link:focus, a.link:active {text-decoration: none; color: #000000; text-shadow: 0 0 3px #fcfcfc; background: url('images/master-sprites.png') no-repeat scroll 0px -477px; text-decoration: none; transition: text-shadow 0.5s; -webkit-transition: text-shadow 0.5s; -moz-transition: text-shadow 0.5s; -o-transition: text-shadow 0.5s;} a.link-big {background: transparent url('images/icon-linkbig.gif') no-repeat left center; padding-left: 16px; text-decoration: none; color: #060606;} a.link-big:hover {background: transparent url('images/icon-linkbig-b.gif') no-repeat left center; text-decoration: none; color: #000000; text-shadow: 0 0 3px #fcfcfc; transition: text-shadow 0.5s; -webkit-transition: text-shadow 0.5s; -moz-transition: text-shadow 0.5s; -o-transition: text-shadow 0.5s;} a.link-ext {background: url('images/master-sprites.png') no-repeat scroll 0px -507px; padding-left: 16px; text-decoration: none; color: #060606;} a.link-ext:hover, a.link-ext:focus, a.link-ext:active {text-decoration: none; color: #000000; text-shadow: 0 0 3px #fcfcfc; background: url('images/master-sprites.png') no-repeat scroll 0px -537px; text-decoration: none; color: #000000; text-shadow: 0 0 3px #fcfcfc; transition: text-shadow 0.5s; -webkit-transition: text-shadow 0.5s; -moz-transition: text-shadow 0.5s; -o-transition: text-shadow 0.5s;} a.link-doc {background: url('images/master-sprites.png') no-repeat scroll 0px -567px; padding-left: 16px; text-decoration: none; color: #060606;} a.link-doc:hover, a.link-doc:focus, a.link-doc:active {text-decoration: none; color: #000000; text-shadow: 0 0 3px #fcfcfc; background: url('images/master-sprites.png') no-repeat scroll 0px -597px; text-decoration: none; color: #000000; text-shadow: 0 0 3px #fcfcfc; transition: text-shadow 0.5s; -webkit-transition: text-shadow 0.5s; -moz-transition: text-shadow 0.5s; -o-transition: text-shadow 0.5s;} a.link-int {text-decoration: none; color: #000000;} a.link-int:hover {text-decoration: none; color: #000000; text-shadow: 0 1 1px #bea600; transition: text-shadow 0.5s; -webkit-transition: text-shadow 0.5s; -moz-transition: text-shadow 0.5s; -o-transition: text-shadow 0.5s;} a.link-mail {background: transparent url('images/icon-link-mail.gif') no-repeat left center; padding-left: 16px; text-decoration: none; color: #060606;} a.link-mail:hover {background: transparent url('images/icon-link-mail-b.gif') no-repeat left center; text-decoration: none; color: #000000; text-shadow: 0 0 3px #fcfcfc; transition: text-shadow 0.5s; -webkit-transition: text-shadow 0.5s; -moz-transition: text-shadow 0.5s; -o-transition: text-shadow 0.5s;} a.link-info, div.article a.link-info {background: transparent url('images/icon-link-info.gif') no-repeat left center; padding-left: 16px; text-decoration: none; color: #060606;} a.link-info:hover, div.article a.link-info:hover {background: transparent url('images/icon-link-info-b.gif') no-repeat left center; text-decoration: none; color: #000000;} a.link-normalplus, a.link-normalplus:visited {font-size: 10px; font-size: 0.6250em; line-height: 2.600em; margin-bottom: 2.600em; text-align: right; display: block; float: right; text-decoration: none; color: #f9f9f9;} a.link-normalplus:hover, a.link-normalplus:focus, a.link-normalplus:active {text-decoration: none; color: #ff0000;} a.link-head {color: #187a7f;} a.link-head:hover, a.link-head:focus, a.link-head:active {text-decoration: none; color: #000000; background-color: transparent;} a.link-headwhite {color: #ffffff;} a.link-headblack {color: #000000;} a.link-headlt {color: #dafdff;} a.link-headlt:hover, a.link-headlt:focus, a.link-headlt:active {text-decoration: none; color: #000000; background-color: transparent} a.link-headdk {color: #6f5000;} a.link-headdk:hover, a.link-headdk:focus, a.link-headdk:active {text-decoration: none; color: #000000; background-color: transparent} a.link-stealth:link {text-decoration: none; color: inherit;} a.link-stealth:visited, a.link-stealth:hover, a.link-stealth:focus, a.link-stealth:active {text-decoration: none; color: inherit;} a.link-anchor, a[name] {margin-top: -90px; position: absolute;} .link-button-small {display: block; position: absolute; float: none; bottom: 30px; right: 0px; width: 120px; height: 45px; padding: 0px 0px 0px 0px; margin: 0px auto 0px auto; background-color: #f8ea2b; color:#060606; border: 1px solid #dabe00; border-top-color: #fff883; border-left-color: #fff883; border-bottom-color: #dabe00; border-right-color: #dabe00; font-size: 13px; font-size: 0.8125em; line-height: 1.2em; font-weight: 400; letter-spacing: -0.0025em; word-spacing: normal; text-decoration:none; text-align: left; vertical-align: bottom; opacity: 1.0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor: pointer;} .link-button {display: block; position: absolute; float: none; bottom: 30px; right: 0px; width: 75%; height: 45px; padding: 0px 0px 0px 0px; margin: 0px auto 0px auto; background-color: #f8ea2b; color:#060606; border: 1px solid #dabe00; border-top-color: #fff883; border-left-color: #fff883; border-bottom-color: #dabe00; border-right-color: #dabe00; font-size: 13px; font-size: 0.8125em; line-height: 1.2em; font-weight: 400; letter-spacing: -0.0025em; word-spacing: normal; text-decoration:none; text-align: left; vertical-align: bottom; opacity: 1.0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor: pointer;} .link-button:hover, .link-button:focus, .link-button-small:hover, .link-button-small:focus {color: #000000; background-color: #fff883; transition: text-shadow 0.5s; -webkit-transition: text-shadow 0.5s; -moz-transition: text-shadow 0.5s; -o-transition: text-shadow 0.5s;} .link-button:before, .link-button-small:before {content: ""; float: right; padding: 0px; margin: 5px 6px 0px 0px; width: 36px; height: 32px; position: relative; display: inline; bottom: 0px; right: 0px; vertical-align: middle; background: transparent url('images/master-sprites.png') no-repeat scroll -0px -59px;} .link-button:hover:before, .link-button-small:hover:before {background: transparent url('images/master-sprites.png') no-repeat scroll -0px -89px;} .link-button span {padding: 5px 0px 0px 8px; display: block; position: relative; text-transform: uppercase;} .link-button-small span {padding: 13px 0px 0px 8px; display: block; position: relative; text-transform: uppercase;} /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ LINK LIST */ .link-list {display: block; position: relative; float: none; right: 0px; width: 100%; min-height: 50px; height: 100%; padding: 7px 0px 5px 3px; margin: 0px auto 0px auto; background-color: #f7f7f7; color:#060606; border: 1px solid #dabe00; border-top-color: #fff883; border-left-color: #f4f4f4; border-bottom-color: #dabe00; border-right-color: #dabe00; font-size: 16px; font-size: 1.0000em; line-height: 1.000em; font-weight: 400; letter-spacing: -0.0025em; word-spacing: normal; text-decoration:none; text-align: left; text-transform: uppercase; vertical-align: top; opacity: 1.0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor: pointer; clear: both;} .link-list:hover, .link-list:focus, .link-list-small:hover, .link-list-small:focus {color: #000000; background-color: #f8ea2b; transition: text-shadow 0.5s; -webkit-transition: text-shadow 0.5s; -moz-transition: text-shadow 0.5s; -o-transition: text-shadow 0.5s;} .link-list:before, .link-list-small:before {content: ""; float: right; padding: 0px; margin: -5px 6px 0px 0px; width: 36px; height: 32px; position: relative; display: inline; bottom: 0px; right: 0px; vertical-align: middle; background: transparent url('images/master-sprites.png') no-repeat scroll -0px 89px;} .link-list:hover:before, .link-list-small:hover:before {background: transparent url('images/master-sprites.png') no-repeat scroll -0px -89px;} .link-list span {padding: 5px 0px 0px 0px; display: block; position: relative; font-size: 13px; font-size: 0.8125em; line-height: 1.2em; font-weight: 400; letter-spacing: -0.0025em; word-spacing: normal; text-decoration:none; text-align: left; text-transform: none; vertical-align: top;} /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ INNER GRID HYPERLINKS */ .link-feat {width: 100%; display: block; float: left; margin: 0px 0px 0px 0px; padding: 10px 10px 10px 10px; background-color: #f8ea2b; color:#060606; border: 1px solid; border-color: #d0d0d0 #909090 #909090 #d0d0d0; border-radius: 3px; box-shadow: 0 1px 2px rgba(25, 25, 25, 0.0); opacity: 1.0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} .link-feat span {background: url('images/master-sprites.png') no-repeat scroll 0px -507px; padding-left: 16px; text-decoration: none; color: #060606;} .link-feat span:hover {text-decoration: none; color: #000000; background: url('images/master-sprites.png') no-repeat scroll 0px -537px; text-decoration: none; color: #000000; text-shadow: 0 0 3px #fcfcfc; transition: text-shadow 0.5s; -webkit-transition: text-shadow 0.5s; -moz-transition: text-shadow 0.5s; -o-transition: text-shadow 0.5s;} .link-feat:hover {color: #000000; background-color: #fff883;} /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ LINK IMG */ .link-img {width: 100%; position: relative; margin: 0px 0px 0px 0px; border-radius: 3px; cursor: pointer; background-color: #ffffff; color:#060606; border: 1px solid; border-color: #d0d0d0 #909090 #909090 #d0d0d0; box-shadow: 0 1px 2px rgba(25, 25, 25, 0.0); opacity: 1.0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} .link-img:hover {color: #000000; background-color: #f8ea2b;} .link-img h3, .link-img h5 {color: #060606; padding: 3% 6% 0px 8%; z-index: 30;} .link-img:hover aside p, .link-img:hover p, .link-img:hover h3, .link-img:hover h5 {color: #000000;} .link-img-img {width:100%; height:250px; display: block; position: relative; border-radius: 3px; background-size: cover; background-position: center center; background-color: #f8ea2b; transition:0.5s; -webkit-transition:0.5s; float: none; clear: both; z-index: 1;} .link-img:hover .link-img-line {background-color: #000000;} .link-img-link {display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 500;} .link-img-link:link, .link-img-link:visited, .link-img-link:hover, .link-img-link:focus, .link-img-link:active {background-color: transparent;} .link-img-icon {width: 30px; height: 30px; background: transparent; border-radius: 50%; position: absolute; top: 16%; right:8%; transition: 0.5s; -webkit-transition: 0.5s;} .link-img-icon span {padding: 0px !important; display:inline; margin:0px; line-height:50%; font-size: 400%; left:50%; top:80%; position:absolute; color: #ffffff;} .link-img:hover .link-img-icon span {color: #f8ea2b;} @media screen and (min-width: 1680px) { .link-img-img {width: 100%; height: 300px;} } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ CARD LINK */ .card {width: 100%; position: relative; margin: 0px 0px 0px 0px; border-radius: 3px; cursor: pointer; background-color: #ffffff; color:#060606; border: 1px solid; border-color: #d0d0d0 #909090 #909090 #d0d0d0; box-shadow: 0 1px 2px rgba(25, 25, 25, 0.0); opacity: 1.0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} .card:hover {color: #000000; background-color: #f8ea2b;} .card aside p {color: #060606; padding: 3% 8% 0% 8%; top: font-weight: bold; z-index: 20;} .card p {color: #060606; padding: 3% 8% 1.5% 8%; z-index: 30;} .card h3, .card h5 {color: #060606; padding: 3% 6% 0px 8%; z-index: 30;} .card:hover aside p, .card:hover p, .card:hover h3, .card:hover h5 {color: #000000;} .card-img {width:100%; height:150px; display: block; position: relative; border-radius: 3px; background-size: cover; background-position: center center; background-color: #f8ea2b; transition:0.5s; -webkit-transition:0.5s; float: none; clear: both; z-index: 1;} .card-line {height:2px; width:84%; margin:auto; background-color: #f8ea2b;} .card:hover .card-line {background-color: #000000;} .card-link {display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 500;} .card-link:link, .card-link:visited, .card-link:hover, .card-link:focus, .card-link:active {background-color: transparent;} .card-icon {width: 30px; height: 30px; background: transparent; border-radius: 50%; position: absolute; top: 16%; right:8%; transition: 0.5s; -webkit-transition: 0.5s;} .card-icon span {padding: 0px !important; display:inline; margin:0px; line-height:50%; font-size: 400%; left:50%; top:80%; position:absolute; color: #ffffff;} .card:hover .card-icon span {color: #f8ea2b;} @media screen and (min-width: 1680px) { .card {width: 100%;} } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ INNER GRID TILES */ .grid-tiles {width: 100%; display: block; float: left; margin: 0px 0px 0px 0px; padding: 10px 30px 10px 0px; border-top: 1px solid; } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ GALLERY GRID */ .gallery_grid_box { width: 50%; display: block; float: left; margin: 0px 0px 0px 0px; padding: 10px 10px 10px 10px; background: #f7f7f7; border: 2px solid; border-color: #ffffff #f7f7f7 #d0d0d0 #f7f7f7; box-shadow: 0 1px 2px rgba(25, 25, 25, 0.4); background: -webkit-linear-gradient(45deg, #F0F0F0, #F7F7F7); opacity: 1.0; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .gallery_grid_box img {width: 100%; padding-bottom: 10px; margin-bottom: 5px; border-bottom: 1px solid #d0d0d0;} .gallery_grid_box p {font-size: 13px; font-size: 0.8125em; line-height: 2.000em; margin-bottom: 2.000em} .gallery_grid_box:hover {background: #ffffff;} /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ TYPO HEADLINES */ p, ol, ul, dl, dd, dt, address {font-size: 16px; font-size: 1.000em; line-height: 1.625em; margin: 0 0 0 0; padding: 0px; letter-spacing: normal; font-weight: 400;} p:hover {} h1, h2, h3, h4, h5, h6 {text-rendering: optimizelegibility; margin: 0px; padding: 0px; font-weight: 400;} h1 {font-size: 22px; font-size: 1.3750em; line-height: 1.55em; margin-bottom: 0em; margin-top: 0.625em; padding-right: 0px; color: #f7f7f7; font-weight: 300; letter-spacing: -0.04em; text-shadow: 0px 3px 4px #23232f;} h2 {font-size: 22px; font-size: 1.3750em; line-height: 1.55em; margin-bottom: 0em; margin-top: 0em; padding-right: 0px; color: #f7f7f7; font-weight: 300; letter-spacing: -0.04em; text-shadow: 0px 3px 4px #23232f;} h3 {font-size: 22px; font-size: 1.3750em; line-height: 1.1818em; margin-bottom: 1.1818em; color: #12121a;} h4 {font-size: 16px; font-size: 1.0000em; line-height: 1.625em; margin-bottom: 1.625em; color: #20a1a6;} h5 {font-size: 16px; font-size: 1.0000em; line-height: 1.625em; margin-bottom: 0; color: #20a1a6; font-weight: 600;} h6 {font-size: 16px; font-size: 1.0000em; line-height: 1.625em; margin-bottom: 0; margin-top: 2px; display: inline; color: #1e979c; padding-right: 0px; float:right; text-align: right; text-shadow: 0px 1px 0px #787878;} h5 a:link {color: #f7f7f7;} h5 a:visited {color: #f7f7f7; text-shadow: 0px 0px 4px #fcfcfc;} h5 a:hover {color: #f7f7f7; text-shadow: 0px 0px 4px #fcfcfc;} h5 a:focus {color: #f7f7f7; text-shadow: 0px 0px 4px #fcfcfc;} h5 a:active {color: #f7f7f7; text-shadow: 0px 0px 4px #fcfcfc;} h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {font-size: 13px; font-size: 0.8125em;} code {font-family: "Open Sans", Arial, sans-serif; font-weight: 400; font-size: 13px; font-size: 0.8125em; line-height: 2.000em; margin-bottom: 2.000em; color: #505050;} .thin {font-weight: 300;} .marker {background-color: #23232f;} em {font-style: italic;} i {font-style: normal; font-weight: 400; color: #505050;} i span {color: #505050;} ins {background-color: #52c4ca; color: #505050; text-decoration: none;} mark {background-color: #52c4ca; color: #505050; text-decoration: none;} sub, sup {position: relative; font-size: 10px; font-size: 0.625em; font-size: 70%; line-height: 0; vertical-align: baseline; padding-left: 2px; padding-right: 1px;} sup {top: -0.325em;} sub {bottom: -0.325em;} small, .small {font-size: 13px; font-size: 0.8125em;} .narrow {letter-spacing: -0.02em;} .inset {text-shadow: 0 1px 2px rgba(255,255,255,0.8);} .shadow-small {text-shadow: 0 1px 0px #d0d0d0;} .shadow {text-shadow: 0px 3px 4px #23232f;} .smaller {font-size: 1.3750em; font-size: 22px;} .wide {letter-spacing: 0.055em;} .bold {font-weight: 400;} .bolder {font-weight: 600;} strong, .strong {font-weight: 600;} strong.statusline {font-size: 16px; font-size: 1.0000em; line-height: 1.625em; margin: 30px 0px 10px 10px; color: #909090; display: block; float: left; text-shadow: 0px 1px 1px #ffffff; font-weight: 300;} strong.statuslinekontakt {font-size: 16px; font-size: 1.0000em; line-height: 1.625em; margin: 27px 110px 10px 130px; color: #20a1a6; display: block; float: left; position: absolute; text-shadow: 0px 1px 1px #ffffff; font-weight: 400;} /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ TEXTBOX, BLOCKQUOTES, ALERTS */ .action {background-color: #52c4ca; border-color: #52c4ca; color: #20a1a6;} .success {background-color: #c5e6c5; border-color: #a2d6a2; color: #347834;} .warning {background-color: #FFA9A9; border-color: #FF0000; color: #7A0000;} blockquote {font-size: 16px; font-size: 1em; line-height: 1.625em; margin: 1.625em 0 1.625em 0; padding: 1.625em; border-left: 10px solid #efe000; background-color: #efe000; color: #060606;} blockquote cite {display: block; color: #d0d0d0;} blockquote cite:before {content: "\2013 \2002" } blockquote cite:after {content: "\2002 \2013" } blockquote.box {font-size: 16px; font-size: 1em; line-height: 1.625em; margin: 0 0 1.625em 0; padding: 1.625em; border-left: 10px solid #dabe00; background-color: #efe000;} .boxed, .box-team {display: block; height: 100%; overflow: auto; position: relative; margin-top: -0.625em; padding: 0.625em 0.45em 0.8125em 0.625em; border-left: 10px solid #dabe00; background-color: #efe000; color: #060606;} .box-team img {width: 145px; height: 145px; display: block; margin: 0.375em 1.250em 0px 0px; padding: 0px; float: none; text-align: left; -ms-interpolation-mode: bicubic;} .box-team a {white-space: nowrap; word-wrap: break-word;} .box-team a:hover {text-shadow: 0 0 3px #fcfcfc; transition: text-shadow 0.5s; -webkit-transition: text-shadow 0.5s; -moz-transition: text-shadow 0.5s; -o-transition: text-shadow 0.5s;} /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ LISTEN */ ul,ol {list-style-type: none;} ul:hover, ol:hover {} ol {list-style: decimal;} ol li {list-style: decimal inside;} ul li {list-style: none outside none;} .list {padding: 0px 0px 0px 0px;} .list li {padding: 0px 0px 0px 30px; list-style: none outside none; background: url('images/master-sprites.png') no-repeat scroll 0px -330px;} .list-bordered {padding: 0px 0px 0px 0px;} .list-bordered li {margin-left: 23px; padding: 0px 0px 0px 0px; list-style: outside square url('images/icon-listitem.gif'); border-bottom: 1px dashed #505050;} .list-bordered li:last-child {border-bottom-width:0;} .list-icons {padding: 0px 0px 0px 0px;} .list-icons li {padding: 0px 0px 0px 25px;} .list-links {padding: 0px 0px 0px 0px;} .list-links li {list-style: none inside none;} .list-links li a {background: url('images/master-sprites.png') no-repeat scroll 0px -447px; padding-left: 16px; text-decoration: none; color: #000000;} .list-links li a:hover, .list-links li a:focus, .list-links li a:active {text-decoration: none; color: #000000; text-shadow: 0 0 3px #fcfcfc; background: #f8ea2b url('images/master-sprites.png') no-repeat scroll 0px -477px; transition: text-shadow 0.5s; -webkit-transition: text-shadow 0.5s; -moz-transition: text-shadow 0.5s; -o-transition: text-shadow 0.5s;} .list-cloud {padding: 0px 0px 0px 0px; list-style: none outside none; display: inline; list-style-type: none; width: 90%;} .list-cloud li {list-style: none; display: inline; padding: 0px 20px 0px 0px; line-height: 1.625em; font-size: 1.5em;} .list-cloud li:nth-of-type(3n + 1) {font-size: 1.75em;} .list-cloud li:nth-of-type(4n + 2) {font-size: 2em;} .list-cloud li:nth-of-type(5n - 3) {font-size: 2.5em;} .list-cloud li.big {font-size: 300%;} ul ul,ul ol,ol ol,ol ul {margin: .25em 0 .25em 1.625em;} ul ul li,ul ol li,ol ol li,ol ul li {margin-bottom: 0;} /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ IMAGES IMG MEDIA */ img {max-width: 100%; border-width: 0; vertical-align: middle; -ms-interpolation-mode: bicubic;} svg:not(:root) {overflow: hidden } dl.image {float: left; margin: 0px; padding: 0px; background-color: #ffffff;} dl.image dt {display: inline; margin: 0px; padding: 0px;} dl.image dd {margin: 0px; padding: 5px 0px 0px 0px; color: #d0d0d0; font-size: 13px; font-size: 0.8125em;} .img-small {display: block; margin-top: 25px; -ms-interpolation-mode: bicubic;} .img-left {display: block; margin: 0.375em 1.250em 1.250em 0px; padding: 0px; float: left; text-align: left; -ms-interpolation-mode: bicubic;} .img-right {display: block; margin: 0px 0px 1.250em 1.250em; padding: 0px; float: right; text-align: right; -ms-interpolation-mode: bicubic;} .img-logo {display: block; margin: 0px 0px 1.250em 1.250em; padding: 0px; float: right; text-align: right; -ms-interpolation-mode: bicubic; width:225px;} .img-center {display: block; margin: 0px auto 0px auto; padding: 0px; float: none; text-align: center; -ms-interpolation-mode: bicubic;} .img-border {border: 1px #efe000 solid;} .img-pad {padding: 0px 0px 5em 0px; } .img-caption {margin-top: -4.5em; min-height: 4.5em;} .img-circle {border: 1px #efe000 solid; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;} span.caption {background: url(images/bg-caption.png); color: #f7f7f7; display: block;} span.caption em {font-size: 10px; font-size: 0.625em; line-height: 1em; margin-bottom: 0.625em; display: block; padding-left: 5px;} .video {max-width: 100%; width: 100%; display: block; margin: 0px 0px 0px 0px; border: 1px solid; border-color: #ffffff #ffffff #ffffff #ffffff;} /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ IMAGES FX */ .img-fx {margin: 0px 0px 0px 0px; padding: 0; list-style: none; display: block; text-align: center; width: 100%;} .img-fx:after, .img-item:before {content: ''; display: table;} .img-fx:after {clear: both;} .img-fx li {width: 200px; height: 200px; display: inline-block; margin: 10px;} .img-item {width: 200px; height: 200px; cursor: default; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: relative; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; background-color: #ff9900; border: 1px #efe000 solid; } .img-item img {-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;} .img-info {position: absolute; display: block; width: inherit; height: inherit; cursor: default; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-backface-visibility: hidden; } .img-item:hover .img-info { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .img-info:hover {} .img-item:hover .img-info p {opacity: 1;} .bggrad { background-color: #ee5700; background-color: rgba(238,87,0, 0.7); background-image: linear-gradient (to bottom, #efe000 0%, #ee5700 100%); background-repeat: repeat; background-attachment: scroll; -khtml-opacity:.70; -moz-opacity:.70; -ms-filter:"alpha(opacity=70)"; opacity: .70; } .img-info h3 {margin: 0px 0px 0px 0px; padding: 65px 0px 0px 0px; font-size: 16px; font-size: 1.000em; line-height: 1.625em; letter-spacing: -0.03em; font-weight: 600; color: #f7f7f7; text-shadow: 0px 1px 3px #787878; text-transform: none; display: block; opacity: 1;} .img-info p {color: #f7f7f7; margin: 0px; padding: 1em 0px 0px 0px; font-style: italic; font-size: 12px; border-top: 2px solid #ffffff; text-align: center; opacity: 1; text-shadow: 0px 1px 3px #787878;} /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ICON IMG */ .icon-heart {background: url('images/master-sprites.png') no-repeat scroll -14px -120px; padding-left: 30px;} .icon-contact {background: url('images/master-sprites.png') no-repeat scroll -14px -150px; padding-left: 30px;} .icon-clock {background: url('images/master-sprites.png') no-repeat scroll -14px -180px; padding-left: 30px;} .icon-cross {background: url('images/master-sprites.png') no-repeat scroll -14px -360px; padding-left: 30px;} .icon-map:after {content: ""; width: 25px; height: 25px; background: url('images/master-sprites.png') no-repeat scroll -14px -210px; float: right;} .icon-person:after {content: ""; width: 25px; height: 25px; background: url('images/master-sprites.png') no-repeat scroll -14px -240px; float: right;} .icon-mail:after {content: ""; width: 25px; height: 25px; background: url('images/master-sprites.png') no-repeat scroll -14px -270px; float: right;} .icon-info:after {content: ""; width: 25px; height: 25px; background: url('images/master-sprites.png') no-repeat scroll -14px -300px; float: right;} /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ FORMS */ form, form.feedbackform {font-family: "Open Sans", Arial, sans-serif; font-size: 16px; font-size: 1.000em; line-height: 1.625em; margin: 0 0 0 0; padding: 0px;} label, input, button, select, textarea {font-family: "Open Sans", Arial, sans-serif; font-size: 16px; font-size: 1.000em; line-height: 1.625em; margin: 0 0 0 0; padding: 0px; vertical-align: baseline; *vertical-align: middle;} /* FORM LAYOUT */ div.fieldwrapper {width: 100%; overflow: hidden; margin: 0px 0px 0px 0px; padding: 0px; border: 0px solid; border-color: #ffffff; background-color: transparent;} div.fieldwrapper:hover, div.fieldwrapper:focus {} /* LEFT COL (Label)*/ div.fieldwrapper label {float: none; position: relative; display: inline; top: 2px; padding: 0px 0px 0px 15px; margin: 0px 0px 0px 10px; text-align: left; color: #000000; font-size: 13px; font-size: 0.8125em;} div.fieldwrapper label.required {background: transparent url(images/icon-required.gif) no-repeat left center;} div.fieldwrapper label.marked {background: transparent url(images/icon-marked.gif) no-repeat left center; color: #52c4ca;} div.fieldwrapper label span {float: left; width: 150px; margin: 0px 0px 0px 0px; padding: 0px 15px 0px 0px; text-align: right; color: #505050;} /* RIGHT COL (Felder)*/ div.thefield {float: left; margin: 4px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 100%;} div.thefield:hover, div.thefield:focus {color: #505050;} div.thefield.inputstyle {vertical-align: top; width: 100%; height: 3.250em;} /* INPUT TEXT */ div.fieldwrapper div.thefield input[type=text] {vertical-align: top; width: 100%; height: 3.250em; padding: 1.0000em 2px 0px 10px; margin: -20px 0px 0px 0px;} /* TEXTAREA margin-top: -8px; _NO__DOTCOMMA__AFTER__*/ div.fieldwrapper div.thefield textarea {vertical-align: top; width: 100%; height: 9.750em; padding: 1.0000em 2px 0px 10px; margin: -20px 0px 0px 0px; color: #505050; background-color:#f0f0f0; border: 1px solid; border-color: #ffffff #ffffff #52c4ca #ffffff;} div.fieldwrapper div.thefield textarea:hover, div.fieldwrapper div.thefield textarea:focus {background-color: #ffffff; border-color: #ffffff #98e7eb #98e7eb #98e7eb; color: #505050;} /* SELECT */ div.fieldwrapper div.thefield select {vertical-align: top; width: 100%; height: 1.450em; cursor: pointer; border: 1px solid; border-color: #52c4ca #52c4ca #52c4ca #52c4ca; color: #909090; background-color: #f7f7f7;} div.fieldwrapper div.thefield select:hover, div.fieldwrapper div.thefield select:focus {border-color: #98e7eb #98e7eb #98e7eb #98e7eb; color: #505050; background-color: #ffffff;} /* DROPDOWN */ div.fieldwrapper div.thefield .formpull {width: 100%; height: 1.625em; border: 1px solid; border-color: #52c4ca #52c4ca #52c4ca #52c4ca; color: #909090;} /* CHECKBOX RADIO */ div.fieldwrapper div.thefield input[type=radio] {width: 1.000em; height: 1.000em; vertical-align: middle; margin: 0px 0px 0px 0px; cursor: pointer; color: #909090; background-color:#f0f0f0;} div.fieldwrapper div.thefield input[type=radio]:hover, div.fieldwrapper div.thefield input[type=radio]:focus {background-color: #ffffff; color: #505050;} /* GENERAL FIELD STYLES AND FX WITH HOVER */ div.fieldwrapper div.thefield input[type=text], div.fieldwrapper div.thefield textarea, div.fieldwrapper div.thefield select, div.thefield.inputstyle { color: #909090; background-color:#f0f0f0; border: 1px solid; border-color: #ffffff #ffffff #52c4ca #ffffff; border-radius: 3px; outline: none; transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -webkit-box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.2); box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.2); } div.fieldwrapper div.thefield input[type=text]:hover, div.fieldwrapper div.thefield input[type=text]:focus, div.fieldwrapper div.thefield textarea:hover, div.fieldwrapper div.thefield textarea:focus, div.fieldwrapper div.thefield select:hover, div.fieldwrapper div.thefield select:focus, div.thefield.inputstyle:hover, div.thefield.inputstyle:focus { color: #505050; background-color: #ffffff; border-color: #ffffff #ffffff #98e7eb #ffffff; -webkit-box-shadow: inset 2px 2px 5px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 2px 2px 5px 0px rgba(0, 0, 0, 0.3); box-shadow: inset 2px 2px 5px 0px rgba(0, 0, 0, 0.3); } /* ERROR INFO */ li.marked {padding-left: 8px; background: transparent url(images/icon-marked.gif) no-repeat left center; color: #ff0000;} .formerror {width: 100%; padding: 9px; margin: 0px 0px 20px 20px; border-left: 4px #ff0000 solid;} /* FORMCHECK */ .formcheck {width: 100%; visibility: hidden; display: none;} /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ SEARCHBAR */ .form-searchbar {float: left; display: block; margin: 8px 0px 12px 20px;} .form-searchinput {font-size: 13px; line-height: 20px; height: 25px; width: 302px; padding: 0px 0px 0px 22px; margin: 0px 0px 0px 0px; float: left; display: inline; border: 1px #d0d0d0 solid; background: #f7f7f7 url(images/form-bg-search.gif) top left no-repeat;} .form-searchinput:hover {background: #f7f7f7 url(images/form-bg-search-b.gif) top left no-repeat; border: 1px #000000 solid;} /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ BUTTONS */ .btn, a.btn { padding: 0px 2.625em 0px 0.5em; height: 1.625em; margin: 0px; *margin-left: 0.325em; display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; font-size: 16px; font-size: 1.000em; line-height: 1.625em; font-weight: 400; letter-spacing: normal; word-spacing: normal; text-decoration:none; text-align: left; vertical-align: middle; color:#060606; background-color: #efe000; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#efe000), to(#fff883)); background-image: -webkit-linear-gradient(top, #efe000, #fff883); background-image: -moz-linear-gradient(top, #efe000, #fff883); background-image: -ms-linear-gradient(top, #efe000, #fff883); background-image: -o-linear-gradient(top, #efe000, #fff883); background-image: linear-gradient(top, #efe000, #fff883); background-repeat: repeat-x; border: 1px solid #efe000; border-top-color: #dabe00; border-left-color: #dabe00; border-bottom-color: #fff883; border-right-color: #fff883; cursor: pointer; } .btn:focus, .btn:hover, .btn:active { color: #000000; background-color: #f8ea2b; text-decoration: none; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dabe00), to(#efe000)); background-image: -webkit-linear-gradient(top, #dabe00, #efe000); background-image: -moz-linear-gradient(top, #dabe00, #efe000); background-image: -ms-linear-gradient(top, #dabe00, #efe000); background-image: -o-linear-gradient(top, #dabe00, #efe000); background-image: linear-gradient(top, #dabe00, #efe000); border: 1px solid #dabe00; border-bottom-color: #efe000; transition: text-shadow 0.5s; -webkit-transition: text-shadow 0.5s; -moz-transition: text-shadow 0.5s; -o-transition: text-shadow 0.5s; } .btn-active, .btn-active:focus, .btn-active:hover, .btn-active:active { color: #000000; background-color: #f8ea2b; text-decoration: none; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dabe00), to(#efe000)); background-image: -webkit-linear-gradient(top, #dabe00, #efe000); background-image: -moz-linear-gradient(top, #dabe00, #efe000); background-image: -ms-linear-gradient(top, #dabe00, #efe000); background-image: -o-linear-gradient(top, #dabe00, #efe000); background-image: linear-gradient(top, #dabe00, #efe000); border: 1px solid #d0d0d0; border-bottom-color: #909090; cursor: default; transition: text-shadow 0.5s; -webkit-transition: text-shadow 0.5s; -moz-transition: text-shadow 0.5s; -o-transition: text-shadow 0.5s; } /* BUTTON TEASER LINK */ .btn-teaser, a.btn-teaser { bottom: 10px; vertical-align:bottom; padding: 0.380em 3.625em 0px 0.5em; height: 2.6250em; margin: 0px -30px 0px 0px; *margin-left: 0.325em; display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; float: right; font-size: 13px; font-size: 0.8125em; line-height: 1.625em; font-weight: 400; letter-spacing: normal; word-spacing: normal; text-decoration:none; text-align: left; vertical-align: middle; color:#060606; background-color: #efe000; background-repeat: repeat-x; border: 1px solid #dabe00; border-top-color: #fff883; border-left-color: #fff883; border-bottom-color: #dabe00; border-right-color: #dabe00; cursor: pointer; } .btn-teaser:focus, .btn-teaser:hover, .btn-teaser:active { color: #000000; background-color: #f8ea2b; text-decoration: none; transition: text-shadow 0.5s; -webkit-transition: text-shadow 0.5s; -moz-transition: text-shadow 0.5s; -o-transition: text-shadow 0.5s; } .btn-teaser-active, .btn-teaser-active:focus, .btn-teaser-active:hover, .btn-teaser-active:active { color: #000000; background-color: #f8ea2b; text-decoration: none; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dabe00), to(#efe000)); background-image: -webkit-linear-gradient(top, #dabe00, #efe000); background-image: -moz-linear-gradient(top, #dabe00, #efe000); background-image: -ms-linear-gradient(top, #dabe00, #efe000); background-image: -o-linear-gradient(top, #dabe00, #efe000); background-image: linear-gradient(top, #dabe00, #efe000); cursor: default; transition: text-shadow 0.5s; -webkit-transition: text-shadow 0.5s; -moz-transition: text-shadow 0.5s; -o-transition: text-shadow 0.5s; } input[type=submit].btn:hover {border: 1px solid #98e7eb; border-bottom-color: #98e7eb; text-shadow: 0 0 3px #fcfcfc; transition: text-shadow 0.5s; -webkit-transition: text-shadow 0.5s; -moz-transition: text-shadow 0.5s; -o-transition: text-shadow 0.5s;} .btn:first-child {*margin-left: 0 } .btn-disabled {-webkit-opacity: 0.5; -moz-opacity: 0.5; opacity: 0.5; cursor: default;} .btn img {margin: 0px; padding: 0px;} .btn-extlarge {padding: 11px 22px; font-size: 22px; font-size: 1.333em;} .btn-large {padding: 0px 22px 0px 22px; font-size: 15px; font-size: 1.000em; font-weight: 400;} .btn-small, a.btn-small {font-size: 16px; font-size: 1.000em; line-height: 1.625em; margin: 0 0 0 0; padding: 0px 0.40625em 0px 0.40625em; margin: -4px 0px 0px 0px; height: 1.625em; line-height: 1.425em;} .btn-micro, a.btn-micro {font-size: 13px; font-size: 0.8125em; line-height: 2.000em; margin: 0 0 0 0; padding: 0px 0.40625em 0px 0.40625em; margin: -4px 0px 0px 0px; height: 1.625em; line-height: 1.425em;} .btn-send {padding: 0px 0.40625em 0px 0.40625em; margin-top: 1.625em; height: 1.825em; min-width: 1.625em;} .btn-glass { border: 1px solid rgba(0,0,0,0.5); /* border-radius: 3px; */ background: rgba(0,0,0,0.25); box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3); -o-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3); -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3); -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3); } .btn-doc {background-image: url(images/icon-doc.gif); background-repeat: no-repeat; background-position: 1.625em center; padding-left: 2.625em;} .btn-doc:hover {background-image: url(images/icon-doc.gif); background-repeat: no-repeat; background-position: 1.625em center; text-shadow: 0 0 3px #fcfcfc; transition: text-shadow 0.5s; -webkit-transition: text-shadow 0.5s; -moz-transition: text-shadow 0.5s; -o-transition: text-shadow 0.5s;} .btn-go {background-image: url(images/icon-go.gif); background-repeat: no-repeat; background-position: 10px center;} .btn-go:hover {background-image: url(images/icon-go.gif); background-repeat: no-repeat; background-position: 10px center; text-shadow: 0 0 3px #fcfcfc; transition: text-shadow 0.5s; -webkit-transition: text-shadow 0.5s; -moz-transition: text-shadow 0.5s; -o-transition: text-shadow 0.5s;} .btn-searchbar {padding: 0px; margin: 1px 0px 0px 0px; height: 23px; width: 23px; vertical-align: top; background-color: #52c4ca; border: 1px solid #98e7eb; background-image: url(images/icon-go.gif); background-repeat: no-repeat; background-position: 8px center;} .btn-searchbar:hover {background-image: url(images/icon-go.gif); background-repeat: no-repeat; background-position: 8px center; text-shadow: 0 0 3px #fcfcfc; transition: text-shadow 0.5s; -webkit-transition: text-shadow 0.5s; -moz-transition: text-shadow 0.5s; -o-transition: text-shadow 0.5s;} .btn-next {padding: 0 0.40625em 0px 0.40625em; margin: -2px 0px 0px 0px; height: 1.625em; min-width: 1.625em; width: 1.625em; background-image: url(images/icon-next.gif); background-repeat: no-repeat; background-position: 7px center; } .btn-next:hover {background-image: url(images/icon-next.gif); background-repeat: no-repeat; background-position: 7px center; text-shadow: 0 0 3px #fcfcfc; transition: text-shadow 0.5s; -webkit-transition: text-shadow 0.5s; -moz-transition: text-shadow 0.5s; -o-transition: text-shadow 0.5s;} .btn-prev {padding: 0 0.40625em 0px 0.40625em; margin: -2px 0px 0px 0px; height: 1.625em; min-width: 1.625em; width: 1.625em; background-image: url(images/icon-prev.gif); background-repeat: no-repeat; background-position: 5px center;} .btn-prev:hover {background-image: url(images/icon-prev.gif); background-repeat: no-repeat; background-position: 5px center; text-shadow: 0 0 3px #fcfcfc; transition: text-shadow 0.5s; -webkit-transition: text-shadow 0.5s; -moz-transition: text-shadow 0.5s; -o-transition: text-shadow 0.5s;} .btn-toolbar {clear: both; margin-top: 0.75em; margin-bottom: 0.75em;} .btn-toolbar .btn-group {display: inline-block; *display: inline; *zoom: 1;} .btn-group {position: relative; *zoom: 1; *margin-left: .3em; margin-bottom: 1.625em;} .btn-group .btn {position: relative; float: left; margin-left: -1px;} .btn-group .btn:first-child { margin-left: 0; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .btn-group .btn:last-child { -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ TABS */ ul.tabs { margin: 0px; padding: 0px; float: left; list-style: none; border-bottom: 1px solid #52c4ca; width: 100%; } ul.tabs li { float: left; overflow: hidden; position: relative; padding: 0px 0.40625em 0px 0.40625em; margin: 0px 0px 0px 1px; height: 1.625em; *margin-left: 0.325em; display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; font-size: 16px; font-size: 1.000em; line-height: 1.625em; font-weight: 400; letter-spacing: normal; word-spacing: normal; text-decoration:none; text-shadow: 1px 1px 1px #787878; text-align: left; vertical-align: middle; list-style: none; color:#f7f7f7; background-color: #52c4ca; background-repeat: repeat-x; border: 1px solid #52c4ca; border-bottom-color: #909090; cursor: pointer; } ul.tabs li a, ul.tabs li a:visited, ul.tabs li a:hover, ul.tabs li a:focus, ul.tabs li a:active { color:#f7f7f7; } ul.tabs li:hover { color: #f7f7f7; background-color: #98e7eb; text-decoration: none; border: 1px solid #98e7eb; border-bottom-color: #52c4ca; text-shadow: 0 0 3px #fcfcfc; transition: text-shadow 0.5s; -webkit-transition: text-shadow 0.5s; -moz-transition: text-shadow 0.5s; -o-transition: text-shadow 0.5s; } ul.tabs li.active { color: #f7f7f7; background-color: #98e7eb; text-decoration: none; border: 1px solid #98e7eb; border-bottom-color: #52c4ca; text-shadow: 0 0 3px #fcfcfc; transition: text-shadow 0.5s; -webkit-transition: text-shadow 0.5s; -moz-transition: text-shadow 0.5s; -o-transition: text-shadow 0.5s; cursor: default; } .tab_content { display: none; } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ VERTICAL TABS */ ul.tabsvert { margin: 0px; padding: 0px; list-style: none; border-bottom: 1px solid #52c4ca; width: 100%; height: 100%; display: block; position: relative; overflow: auto; } ul.tabsvert li { float: none; overflow: hidden; position: relative; padding: 0px 0.40625em 0px 0.40625em; margin: 0px 0px 0px 1px; height: 1.625em; *margin-left: 0.325em; *zoom: 1; font-size: 16px; font-size: 1.000em; line-height: 1.625em; font-weight: 400; letter-spacing: normal; word-spacing: normal; text-decoration:none; text-shadow: 1px 1px 1px #787878; text-align: left; vertical-align: middle; list-style: none; color:#f7f7f7; background-color: #52c4ca; background-repeat: repeat-x; border: 1px solid #52c4ca; border-bottom-color: #909090; cursor: pointer; } ul.tabsvert li a, ul.tabsvert li a:visited, ul.tabsvert li a:hover, ul.tabsvert li a:focus, ul.tabsvert li a:active { color:#f7f7f7; } ul.tabsvert li:hover { color: #f7f7f7; background-color: #98e7eb; text-decoration: none; border: 1px solid #98e7eb; border-bottom-color: #52c4ca; text-shadow: 0 0 3px #fcfcfc; transition: text-shadow 0.5s; -webkit-transition: text-shadow 0.5s; -moz-transition: text-shadow 0.5s; -o-transition: text-shadow 0.5s; } ul.tabsvert li.active{ color: #f7f7f7; background-color: #98e7eb; text-decoration: none; border: 1px solid #98e7eb; border-bottom-color: #52c4ca; text-shadow: 0 0 3px #fcfcfc; transition: text-shadow 0.5s; -webkit-transition: text-shadow 0.5s; -moz-transition: text-shadow 0.5s; -o-transition: text-shadow 0.5s; cursor: default; } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ LABELS */ .label { padding: 1px 9px 2px; font-size: 12px; font-size: 0.800em; font-weight: 600; white-space: nowrap; color: #808080; background-color: #e6e6e6; -webkit-transition: background-color 0.25s 0 linear; -moz-transition: background-color 0.25s 0 linear; -ms-transition: background-color 0.25s 0 linear; -o-transition: background-color 0.25s 0 linear; transition: background-color 0.25s 0 linear; } .label:hover {color: #808080; text-decoration: none; cursor: pointer; text-shadow: 0 0 3px #fcfcfc; transition: text-shadow 0.5s; -webkit-transition: text-shadow 0.5s; -moz-transition: text-shadow 0.5s; -o-transition: text-shadow 0.5s;} .label-error {background-color: #da4f49; color: #f7f7f7;} .label-error:hover {background-color: #9d2520; color: #f7f7f7; text-shadow: 0 0 3px #fcfcfc; transition: text-shadow 0.5s; -webkit-transition: text-shadow 0.5s; -moz-transition: text-shadow 0.5s; -o-transition: text-shadow 0.5s;} .label-warning {background-color: #faa732; color: #f7f7f7;} .label-warning:hover {background-color: #c17305; color: #f7f7f7; text-shadow: 0 0 3px #fcfcfc; transition: text-shadow 0.5s; -webkit-transition: text-shadow 0.5s; -moz-transition: text-shadow 0.5s; -o-transition: text-shadow 0.5s;} .label-success {background-color: #52c4ca; color: #f7f7f7;} .label-success:hover {background-color: #347834; color: #f7f7f7; text-shadow: 0 0 3px #fcfcfc; transition: text-shadow 0.5s; -webkit-transition: text-shadow 0.5s; -moz-transition: text-shadow 0.5s; -o-transition: text-shadow 0.5s;} .label-info {background-color: #d9edf7; color: #247fad;} .label-info:hover {background-color: #85c5e5; text-shadow: 0 0 3px #fcfcfc; transition: text-shadow 0.5s; -webkit-transition: text-shadow 0.5s; -moz-transition: text-shadow 0.5s; -o-transition: text-shadow 0.5s;} .label-inverse {background-color: #414141; color: #f7f7f7;} .label-inverse:hover {background-color: #0e0e0e; color: #f7f7f7; text-shadow: 0 0 3px #fcfcfc; transition: text-shadow 0.5s; -webkit-transition: text-shadow 0.5s; -moz-transition: text-shadow 0.5s; -o-transition: text-shadow 0.5s;} /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ TABLES */ table {font-size: 16px; font-size: 1em; line-height: 1.625em; margin: 0 0 1.625em 0; padding: 0px; text-align: left; width: 100%; vertical-align: top; border-collapse: collapse; border-spacing: 0; border: 0px; color: #505050;} table caption {padding: 0px; margin: 0px; text-align: left;} table th {text-align: left; font-weight: 400; vertical-align: top; background: transparent url('images/bg-line-dotted.gif') left bottom repeat-x; color: #909090;} table tbody tr {background: transparent url('images/bg-line-grey.gif') left bottom repeat-x } table tbody tr td {text-align: left; vertical-align: top; font-size: 16px; font-size: 1em; line-height: 1.625em; margin: 0 0 0 0; padding-right: 20px;} table tbody tr:hover td {background: #f0f0f0 url('images/bg-line-grey.gif') left bottom repeat-x; color: #505050; text-shadow: 0 0 3px #fcfcfc; transition: text-shadow 0.5s; -webkit-transition: text-shadow 0.5s; -moz-transition: text-shadow 0.5s; -o-transition: text-shadow 0.5s;} table tfoot tr td {text-align: left; font-weight: 600; vertical-align: top; background: transparent url('images/bg-line-dotted.gif') left top repeat-x;} .tablestyle {font-size: 16px; font-size: 1.000em; line-height: 1.625em; margin: 0 0 1.625em 0; padding: 0px; text-align: left; width: 100%; vertical-align: top; border-collapse: collapse; border-spacing: 0; border: 0px; color: #505050 ;} .tablestyle caption {padding: 0px; margin: 0px; text-align: left;} .tablestyle th {text-align: left; font-weight: 400; vertical-align: top; background: transparent url('images/bg-line-dotted.gif') left bottom repeat-x; color: #505050;} .tablestyle tbody tr {background: transparent url('images/bg-line-grey.gif') left bottom repeat-x } .tablestyle tbody tr td {text-align: left; vertical-align: top; font-size: 16px; font-size: 1em; line-height: 1.625em; margin: 0 0 0 0;} .tablestyle tbody tr:hover td {background: #f7f7f7 url('images/bg-line-grey.gif') left bottom repeat-x; color: #505050; text-shadow: 0 0 3px #fcfcfc; transition: text-shadow 0.5s; -webkit-transition: text-shadow 0.5s; -moz-transition: text-shadow 0.5s; -o-transition: text-shadow 0.5s;} .tablestyle tfoot tr td {text-align: left; font-weight: 600; vertical-align: top; background: transparent url('images/bg-line-dotted.gif') left top repeat-x;} .ruler tbody tr {background: transparent url('images/bg-line-dotted.gif') left bottom repeat-x } /* ++++++++++++++++++++++++++++++++++ TABLE SMALL */ .tablesmall {margin: 1.625em 0px 1.625em 0px; width: 100%; text-align: left; vertical-align: top; border-collapse: collapse; border-spacing: 0; border: 0px; font-size: 12px; font-size: 0.800em;} .tablesmall th {font-weight: 400; vertical-align: top; padding: 0px 0px 0px 0px; border-bottom: 1px #d0d0d0 solid; margin-bottom: -1px;} .tablesmall td {padding: 5px 20px 5px 0px; vertical-align: top;} .tablesmall tr {border-bottom: 1px #ffffff solid } .tablesmall tfoot tr td {font-size: 12px; font-size: 0.800em;} .tablesmall tbody tr:hover td {background-color: #23232f; color: #505050; border-top: 1px #ffffff solid; border-bottom: 1px #ffffff solid; margin-top: -1px; margin-bottom: -1px; text-shadow: 0 0 3px #fcfcfc; transition: text-shadow 0.5s; -webkit-transition: text-shadow 0.5s; -moz-transition: text-shadow 0.5s; -o-transition: text-shadow 0.5s;} /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ CHARTS DATA */ dl.chart1 {width: 500px; height: auto; font-size: 16px; font-size: 1em; line-height: 1.625em; margin: 0; padding: 0;} dl.chart1 dt {font-size: 16px; font-size: 1em; line-height: 1.625em; margin: 0 0 0 0; padding: 0px; text-align: left; background-color: #f7f7f7;} dl.chart1 dd {margin: 0; display: block; width: 500px; height: 1.625em;} dl.chart1 dd b { display:block; height: 1.625em; text-align: left; border: 1px solid; border-top-color: #f7f7f7; border-right-color: #d0d0d0; border-bottom-color: #d0d0d0; border-left-color: #f7f7f7; background-color: #cee6d7; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#cee6d7)); background-image: -webkit-linear-gradient(left, #ffffff, #cee6d7); background-image: -moz-linear-gradient(left, #ffffff, #cee6d7); background-image: -ms-linear-gradient(left, #ffffff, #cee6d7); background-image: -o-linear-gradient(left, #ffffff, #cee6d7); background-image: linear-gradient(left, #ffffff, #cee6d7); background-repeat: repeat-x; padding-left: 11px; font-weight: 400; margin-top: -1.625em; } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ TIMELINE DATA */ ul.events { list-style-type: none; margin: 0px; padding: 0 20px 0px 0px; display: block; width: 100%; } ul.events li { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #f7f7f7; border: 1px solid #d0d0d0; color: #909090; margin-bottom: 5px; padding: 3px 0px 3px 0px; position: relative; text-align: center; background-image: none; list-style: none; } ul.events li em { color: #909090; font-weight: 400; font-size: 0.9em; font-style: normal; } ul.intervals { list-style-type: none; padding: 0; display: block; } /* The width depends on the number of intervals: e.G. 100 / 7 = 14.29% -- then subtract a little bit for room for the borders */ ul.intervals li { background: #fff url(/images/1x1_eee.gif) repeat-x left 10%; border-right: 1px solid #909090; color: #505050; float: left; font-size: 1.2em; margin: 0; padding: 15px 0; text-align: center; width: 14.17%; background-image: none; list-style: none; } ul.intervals li.first { border-left: 1px solid #d0d0d0; } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ GALLERY SLIDER ORBIT */ .orbit>div {max-width: 85%; max-height: 240px; height: 240px; position: absolute; top: 0; left: 0;} div.orbit-wrapper {max-width: 85%; max-height: 240px; position: relative; background-color: transparent; margin: 0px; padding: 0px; width: 1px; height: 1px;} div.orbit {width: 1px; height: 1px; position: relative; overflow: hidden;} div.orbit-wrapper .slider-nav span {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 400ms; -moz-transition: opacity 400ms; -o-transition: opacity 400ms; transition: opacity 400ms;} div.orbit-wrapper:hover .slider-nav span {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;} div.orbit {max-width: 85%; max-height: 240px; position: relative; overflow: hidden;display: block;} div.orbit.with-bullets {margin-bottom: 0px;} div.orbit .orbit-slide {max-width: 85%; max-height: 240px; position: absolute; top: 0; left: 0; display: block;} div.orbit a.orbit-slide {border: none; line-height: 0; display: none;} div.orbit div.orbit-slide {max-width: 85%; max-height: 240px; display: block;} /* Timer display:none to display:block to activate */ div.orbit-wrapper div.timer {display: none;} div.orbit-wrapper div.timer {width: 48px; height: 48px; overflow: hidden; position: absolute; top: 6px; right: 8px; opacity: .4; cursor: pointer; z-index: 31;} div.orbit-wrapper span.rotator {display: block; width: 48px; height: 48px; position: absolute; top: 0; left: -24px; background: url('images/master-sprites.png') no-repeat 0px -480px; z-index: 3; } div.orbit-wrapper span.mask {display: block; width: 24px; height: 48px; position: absolute; top: 0px; right: 0px; z-index: 2; overflow: hidden;} div.orbit-wrapper span.rotator.move {left: 0px;} div.orbit-wrapper span.mask.move {width: 48px; height: 48px; left: 0px; background: url('images/master-sprites.png') 0px -528px; } /* Play Pause display:none to display:block to activate */ div.orbit-wrapper span.pause {display: none;} div.orbit-wrapper span.pause {width: 24px; height: 24px; position: absolute; top: 12px; left: 12px; background: url('images/master-sprites.png') no-repeat 0px -456px; z-index: 4; opacity: 0; } div.orbit-wrapper span.pause.active {background: url('images/master-sprites.png') no-repeat -24px -456px; } div.orbit-wrapper div.timer:hover span.pause, div.orbit-wrapper span.pause.active {opacity: 1;} /* Captions display:none to display:block to activate */ div.orbit-wrapper .orbit-caption {display: none;} div.orbit-wrapper .orbit-caption {display: none; z-index: 30; background: #505050; background: rgba(0, 0, 0, 0.6); color: #f7f7f7; text-align: left; padding: 2px 0px 0px 2px; font-size: 12px; font-size: 0.800em; position: absolute; right: 0; bottom: 0px; width: 100%; z-index: 900;} /* Directional Nav display:none to display:block to activate */ div.orbit-wrapper div.slider-nav {display: block;} div.orbit-wrapper div.slider-nav span {width: 48px; height: 48px; text-indent: -9999px; position: absolute; z-index: 30; margin-top: -30px; cursor: pointer;} div.orbit-wrapper div.slider-nav span.right {background: url('images/master-sprites.png') no-repeat 5px 0px; width: 48px; height: 24px; right: 0px; } div.orbit-wrapper div.slider-nav span.left {background: url('images/master-sprites.png') no-repeat -5px -24px; width: 48px; height: 24px; left: 0px; } .lt-ie9 div.orbit-wrapper div.slider-nav span.right {background: url('images/master-sprites.png') no-repeat 5px 0px; width: 48px; height: 24px; right: 0px; } .lt-ie9 div.orbit-wrapper div.slider-nav span.left {background: url('images/master-sprites.png') no-repeat -5px -24px; width: 48px; height: 24px; left: 0px; } /* Bullet Nav display:none to display:block to activate */ ul.orbit-bullets {display: block;} ul.orbit-bullets {position: absolute; z-index: 30; list-style: none; top: 216px; top: 88%; left: 50%; margin-left: -50px; padding: 0;} ul.orbit-bullets li {float: left; margin-left: 0px; cursor: pointer; color: #505050; text-indent: -9999px; background: url('images/master-sprites.png') no-repeat 0px -48px; width: 24px; height: 24px; overflow: hidden; } ul.orbit-bullets li.active {color: #222222; background-position: -24px -48px;} ul.orbit-bullets li.has-thumb {background: none; width: 100px; height: 75px;} ul.orbit-bullets li.active.has-thumb {background-position: 0 0; border-top: 2px solid #000;} /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ STARTSEITE AD SLIDER */ #ad-slider {width: 100%; background: transparent url('images/icon-loading.gif') no-repeat center center; width: 100%; display: block; overflow: hidden; margin: 0px; padding: 0px;} #ad-slider img {display: none;} #ad-slider.orbit {background: none;} #ad-slider.orbit img {display: block;} .slider-left {display: block; position: absolute; padding: 20px 0px 0px 20px; overflow: hidden; width:66.666666%; float: left; text-align: left;} .slider-right {display: block; position: absolute; padding: 25px 0px 0px 30px; overflow: hidden; width:33.333333%; float: left; margin-left:66.666666%;} .ad-links {max-width: 85%; max-height: 240px; width: 100%; display: block;} .ad-img {max-width: 85%; max-height: 240px; width: 100%; margin: 0px; padding: 0px; z-index: 1;} .ad-img:hover, .ad-img:focus, .ad-img:active {border: 0px #000000 solid;} /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ CUSTOMER SLIDER */ #customer-slider {background: transparent url('images/icon-loading.gif') no-repeat center center; width: 295px; height: 222px; display: block; overflow: hidden; margin: 5px 0px 0px 0px; padding: 0px;} .customer-links {width: 295px; height: 222px; display: block;} .customer-img {width: 295px; height: 222px; margin: 0px; padding: 0px; border: 1px solid; border-color: #eaeff0 #d6dadb #d6dadb #eaeff0;} .customer-img:hover, .customer-img:focus, .customer-img:active {border: 1px #000000 solid;} #customer-slider div.orbit-wrapper div.timer {display: none;} #customer-slider div.orbit-wrapper span.pause {display: none;} #customer-slider div.orbit-wrapper .orbit-caption {display: none;} #customer-slider div.orbit-wrapper div.slider-nav {display: none;} #customer-slider ul.orbit-bullets {display: none;} #customer-slider .orbit>div {width: 295px; height: 222px;} #customer-slider div.orbit {width: 295px; height: 222px;} #customer-slider div.orbit .orbit-slide {width: 295px; height: 222px;} #customer-slider div.orbit div.orbit-slide {width: 295px; height: 222px;} /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ BASIC GRID */ .container {width: 100%; margin: 0px auto 0px auto; padding: 0px 0% 100px 0%; overflow: hidden; position: relative; display: inherit; top:0; vertical-align:top; z-index:100;} .section {position: relative;} .row {height:100%; overflow: hidden;} .col:first-child {margin-left: 0px;} .inner {float: left; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;} /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ MEDIA-QUERY GRID 240 */ @media only screen { #footer {font-size: 16px; font-size: 1.0000em; line-height: 1.625em; margin: 0px 0px 1.625em 0px; padding: 0px 0px 0px 0px;} a.buttonLogo {display: block; width: 100px; margin: 10px 0px 0px 15px; padding: 0px 0px 0px 0px; text-decoration: none; cursor: pointer; background: url('images/master-sprites.png') no-repeat 0px -120px; float: left;} a.buttonLogo:hover {background: url('images/master-sprites.png') no-repeat 0px -180px; transition: background 0.5s, text-shadow 0.5s; -webkit-transition: background 0.5s, text-shadow 0.5s; -moz-transition: background 0.5s, text-shadow 0.5s; -o-transition:background 0.5s, text-shadow 0.5s;} .container {max-width: 100%;} .content {padding: 76px 0px 0px 0px;} .inner, .inner:first-child, .inner:last-child {float: left; padding: 0px 0px 0px 0px;} .inner:first-child {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;} .inner:last-child {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;} .col {float: none; padding: 0px; margin: 0px; border:0px; height: 100%; overflow: hidden; position: relative;} .col-left {float: none; padding: 0px; margin: 0px; border:0px; height: 100%; overflow: hidden; margin-bottom: 30px;} .col-right {float: none; padding: 0px; margin: 0px; border:0px; height: 100%; overflow: hidden; margin-bottom: 30px;} .one{width:100%;} .two{width:100%;} .three{width:100%;} .four{width:100%;} .five{width:100%;} .six{width:100%;} .seven{width:100%;} .eight{width:100%;} .nine{width:100%;} .ten{width:100%;} .eleven{width:100%;} .twelve{width:100%;} .nomobile {visibility: hidden; display: none;} .onlymobile {visibility: visible; display: block;} .nodesktop {visibility: visible; display: block;} .onlydesktop {visibility: hidden; display: none;} #ad-slider h4 {font-size: 120%;} #ad-slider p {font-size: 80%;} .margin-top {margin-top: 0em;} .margin-bottom {margin-bottom: 0em;} /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ HORIZONTAL RULER LINE DIVIDER */ hr {display: block; width: 100%; max-width: 100%; border:0; clear:both; outline:0; font-size: 16px; font-size: 1.000em; line-height: 1.625em; height: 1.625em; margin: 0px; padding: 0px; text-align: left; border-top: 1px #ffffff solid;} span.line {display: block; width: 100%; max-width: 100%; height: 1px; border:0; clear:both; outline:0; margin: -20px 0px 19px 0px; padding: 0px; text-align: left; border-top: 1px solid; top: -10px;} /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ TOP-BAR NAVIGATION MENU */ .header-bar {background: #f9f9f9 url('images/header-bg.png') repeat-x 0px 0px fixed; width: 100%; z-index: 900; /* -khtml-opacity: 0.85; -moz-opacity: 0.85; -webkit-opacity: 0.85; filter: alpha(opacity=85); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; opacity: 0.85; */} .top-bar-fx {background: transparent url('images/master-sprites.png') repeat-x 0px 30px fixed; display: block; position: absolute; height: 60px; margin: 0px 0px 0px 0px; z-index: 800; border-top: 10px aqua solid;} .top-bar-js-breakpoint {width: 1080px !important; visibility: hidden;} /* Element that controls breakpoint */ .fixed {width: 100%; left: 0; position: fixed; top: 0;} /* MENU FIXED ON TOP */ .top-bar {width: 85%; height: 76px; line-height: 76px; margin: 0 auto; padding: 0px; /* background: #f9f9f9;*/} .top-bar ul {display: inline; height: 76px; line-height: 76px; list-style: none; margin: 0px; padding: 0px; /* Main Nav links style */ /* Left Side