/* ///////////////////////////////////////////////////////////////////////////////////////////////////////// CosmosMedia /* ///////////////////////////////////////////////////////////////////////////////////////////////////////// SmartGrid ///////////////////////////////////////////// BASIC FONT SPEC. font-family: 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: 42px; font-size: 2.625em; line-height: 1.2381em; margin-bottom: 0.619em; Headlines: font-size: 26px; font-size: 1.625em; line-height: 1.000em; margin-bottom: 1.000em; Sub-headlines: font-size: 20px; font-size: 1.250em; line-height: 1.300em; margin-bottom: 1.300em; Primary Text: font-size: 16px; font-size: 1.000em; 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.625em; line-height: 2.600em; margin-bottom: 2.600em; ///////////////////////////////////////////// COLORS Prim. Green #005c4c - #008d77 - #59c6b4 Prim. Purple #642c6d - #83338e - #ab3dbb Sec. Yellow #4f3b00 - #c9990f - #ffd500 - SELECTION #fff000 Sec. Blue #00365e - #00508b - #006fc0 Sec. Red #8d0016 Sec. LightGreen #c3e5e0 Sec. Grey #3d3d3d - #969696 - #e4e4e4 Sec. White #f0f0f0 - #f7f7f7 - #ffffff */ .green {color: #008d77;} .greenlt {color: #59c6b4;} .greendk {color: #005c4c;} .purpledk {color: #642c6d;} .purple {color: #83338e;} .purplelt {color: #ab3dbb;} .bluedk {color: #00365e;} .blue {color: #00508b;} .bluelt {color: #006fc0;} .greydk {color: #3d3d3d;} .grey {color: #969696;} .greylt {color: #e4e4e4;} .white {color: #f7f7f7;} .black {color: #000000;} .error {color: #c9990f;} .bgwhite {background: #ffffff;} .bgwhitedk {background: #f7f7f7;} .bggrey {background: #e4e4e4;} .bggreen {background: #008d77;} .bggreenlt {background: #c3e5e0;} .bggreenxlt {background: #ebfaf8;} .bgyelllow {background: #ffd500;} .bgno {background: transparent; background-image: none;} /* ///////////////////////////////////////////////////////////////////////////////////////////////////////// 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: bold;} abbr[title] {border-bottom: 1px dotted;} form, input, textarea, button, select, fieldset {font-size: 100%; line-height: normal; vertical-align: baseline; font-family: 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: 6px 0px 0px 0px; border: 1px solid; border-color: #eaeff0 #d6dadb #d6dadb #eaeff0;} .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: #fff000; color: #3d3d3d;} ::selection {background: #fff000; color: #3d3d3d;} /* ///////////////////////////////////////////////////////////////////////////////////////////////////////// BASIC LAYOUT */ html {height:100%; -webkit-tap-highlight-color:#59c6b4; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; -webkit-overflow-scrolling:touch; background: #e4e4e4 url('images/bg-main-raster.gif') fixed center top; text-rendering: optimizelegibility;} body {min-height: 101%; width: 100%; margin: 0; padding: 0; font-family: Arial, sans-serif; font-size: 16px; font-size: 100%; line-height: 1.625em; color: #3d3d3d ; -webkit-hyphens: manual; -moz-hyphens: manual; -ms-hyphens: manual; -o-hyphens: manual; hyphens: manual; text-rendering: optimizelegibility;} #bgimg {position: fixed; left: 0px; top: 0px; z-index: 1; background: transparent url('images/icon-loading.gif') no-repeat fixed 100px 300px;} /* ///////////////////////////////////////////////////////////////////////////////////////////////////////// TYPO */ 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;} p:hover {} small, .small {font-size: 13px; font-size: 0.8125em; line-height: 2.000em; margin-bottom: 2.000em;} .narrow {letter-spacing: -0.02em;} h1, h2, h3, h4, h5, h6 {color: #969696; font-weight: normal; text-rendering: optimizelegibility; letter-spacing: normal; margin: 0px; padding: 0px;} h1 {font-size: 26px; font-size: 1.625em; line-height: 1.000em; margin-bottom: 0.45em; color: #969696; letter-spacing: 0.02em; font-weight: bold;} h1.statusline {font-size : 13px; font-size: 0.8125em; line-height: 2.000em; margin: 10px 0px 10px 6px; color: #969696; letter-spacing: 0.01em; display: inline; font-weight: normal;} h2 {font-size: 20px; font-size: 1.250em; line-height: 1.300em; letter-spacing: -0.02em; display: inline; color: #969696;} h3 {font-size: 20px; font-size: 1.250em; line-height: 1.300em; letter-spacing: -0.02em; display: inline; color: #3d3d3d;} h4 {font-size: 16px; font-size: 1.000em; line-height: 1.625em; letter-spacing: 0.02em; color: #3d3d3d; font-weight: bold;} h5 {font-size: 26px; font-size: 1.625em; line-height: 1.000em; margin-bottom: 0.45em; color: #e4e4e4; letter-spacing: 0.02em; font-weight: bold;} h6 {font-size: 16px; font-size: 1.000em; line-height: 1.625em; color: #969696; letter-spacing: 0.02em;} h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {font-size: 13px; font-size: 0.8125em;} code {font-family: Arial, sans-serif; font-weight: normal; font-size: 13px; font-size: 0.8125em; line-height: 2.000em; margin-bottom: 2.000em; color: #969696;} .thin {font-weight: normal;} .marker {background-color: #ffd500;} .caseup {text-transform: uppercase;} em {font-style: italic;} i {font-style: normal; font-weight: normal; color: #3d3d3d ;} i span {color: #969696;} ins {background-color: #008d77; color: #3d3d3d; text-decoration: none;} mark {background-color: #008d77; color: #3d3d3d; 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;} strong, .strong {font-weight: bold;} /* ///////////////////////////////////////////////////////////////////////////////////////////////////////// ARTICLE LINK */ a.link-article {display: block; float: none; padding: 0px; background: transparent url('images/bg-link-listing.gif') bottom right no-repeat; text-decoration: none; font-weight: normal;} a.link-article .head {display: block; float: none;} a.link-article .head1 {display: block; float: none; font-size: 20px; font-size: 1.250em; line-height: 1.300em; letter-spacing: -0.02em;} a.link-article .head2 {display: block; float: none; color: #969696;} a.link-article .teaser {display: block; float: none; font-size: 13px; font-size: 0.8125em; line-height: 2.000em; margin-bottom: 2.000em; font-weight: normal; color: #3d3d3d ; text-decoration: none;} a.link-article img {margin: 0.40625em 1.250em 1.21875em 0px; padding: 0px; float: left; max-width: 9.75em; max-height: 9.75em; border: 1px solid; border-color: #eaeff0 #d6dadb #d6dadb #eaeff0;} a.link-article:hover, a.link-article:focus, a.link-article:active {color: #59c6b4; text-decoration: none; background: #f7f7f7 url('images/bg-link-listing-b.gif') bottom right no-repeat; text-shadow: 0 0 3px #ffffff; transition: text-shadow 0.4s; -webkit-transition: text-shadow 0.4s; -moz-transition: text-shadow 0.4s; -o-transition: text-shadow 0.4s;} a.link-article:hover img {} /* ///////////////////////////////////////////////////////////////////////////////////////////////////////// ARTICLE DETAIL VIEW */ div.article {font-size: 16px; font-size: 1.000em; line-height: 1.625em; margin: 0 0 1.625em 0; color: #3d3d3d; font-weight: normal; text-rendering: optimizelegibility; letter-spacing: normal; display: block; float: none; text-decoration: none; padding: 0px;} div.article h1 {font-size: 42px; font-size: 2.625em; line-height: 1.2381em; margin-bottom: 0.619em; letter-spacing: 0.02em; font-weight: bold; color: #969696;} div.article h2 {font-size: 26px; font-size: 1.625em; line-height: 1.000em; margin-bottom: 1.000em; letter-spacing: 0.02em; font-weight: bold; color: #969696;} div.article h3 {font-size: 16px; font-size: 1.000em; line-height: 1.625em; margin-bottom: 1.625em; letter-spacing: 0.02em; display: block; float: none; text-decoration: none; font-weight: bold; padding: 0px; color: #3d3d3d;} div.article h4 {font-size: 16px; font-size: 1.000em; line-height: 1.625em; margin-bottom: 1.625em; letter-spacing: 0.02em; font-weight: normal; color: #3d3d3d;} div.article p {font-size: 16px; font-size: 1.000em; line-height: 1.625em; margin: 0 0 1.625em 0; color: #3d3d3d; float: none; text-decoration: none; font-weight: normal; padding: 0px;} div.article a {margin-left: 2px; color: #008d77;} div.article a:hover {color: #59c6b4; text-shadow: 0 0 3px #ffffff; transition: text-shadow 0.4s; -webkit-transition: text-shadow 0.4s; -moz-transition: text-shadow 0.4s; -o-transition: text-shadow 0.4s;} div.article .img-container {max-width: 17.875em; margin: 0.375em Muchas Gracias1.250em 0px 0px; padding: 0px; float: left;} div.article img {max-width: 17.875em; max-height: 17.875em; border: 1px solid; border-color: #eaeff0 #d6dadb #d6dadb #eaeff0;} div.article .img-caption {display:block; margin: 1.3em 0px 2.600em 0px; padding: 0px; float: none; font-size: 10px; font-size: 0.625em; line-height: 1.3em;} /* ///////////////////////////////////////////////////////////////////////////////////////////////////////// TILE LINK */ .link-tile {display: block; float: none; padding: 0px; margin: 0px 10px 10px 0px; text-decoration: none; font-weight: normal; border: 1px solid; border-color: #eaeff0 #d6dadb #d6dadb #eaeff0; overflow: hidden; -webkit-box-shadow: 3px 6px 5px 0px rgba(50, 50, 50, 0.125); -moz-box-shadow: 3px 6px 5px 0px rgba(50, 50, 50, 0.125); box-shadow: 3px 6px 5px 0px rgba(50, 50, 50, 0.125); } .link-tile .head1 {display: block; float: none; padding-left: 10px; padding-right: 10px; color: #ababab; font-size: 13px; font-size: 0.8125em; line-height: 2.000em; margin-bottom: 0em;} .link-tile .head2 {display: block; float: none; padding-left: 10px; padding-right: 10px; color: #3d3d3d; font-size: 13px; font-size: 0.8125em; line-height: 2.000em; margin-bottom: 0em;} .link-tile .desc {display: block; float: none; padding-left: 10px; padding-right: 10px; color: #3d3d3d; font-size: 13px; font-size: 0.8125em; line-height: 2.000em; margin-bottom: 0em;} .link-tile .web {display: block; float: none; padding-left: 10px; padding-right: 2px; font-size: 13px; font-size: 0.8125em; line-height: 2.000em; margin-bottom: 0em;} .link-tile img {margin: 0px; padding: 0px 0px 0px 10px; float: none; max-width: 220px; max-height: 120px; border-width: 0; vertical-align: middle; -ms-interpolation-mode: bicubic;} /*.link-tile:hover {color: #59c6b4; text-decoration: none; text-shadow: 0 0 3px #ffffff; transition: text-shadow 0.4s; -webkit-transition: text-shadow 0.4s; -moz-transition: text-shadow 0.4s; -o-transition: text-shadow 0.4s; -webkit-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.075); -moz-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.075); box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.075); }*/ .link-tile:hover img {} .link-tile li {list-style: circle; padding-left: 0px; margin-left: 12px;} /* ///////////////////////////////////////////////////////////////////////////////////////////////////////// HYPERLINKS Link-Visited-Hover-Focus-Active */ a {text-decoration: none; color: #008d77;} a:visited {text-decoration: none; color: #008d77;} a:hover {text-decoration: none; color: #59c6b4; text-shadow: 0 0 3px #ffffff; transition: text-shadow 0.4s; -webkit-transition: text-shadow 0.4s; -moz-transition: text-shadow 0.4s; -o-transition: text-shadow 0.4s;} a:focus {text-decoration: none; color: #59c6b4; text-shadow: 0 0 3px #ffffff; transition: text-shadow 0.4s; -webkit-transition: text-shadow 0.4s; -moz-transition: text-shadow 0.4s; -o-transition: text-shadow 0.4s;} a:active {text-decoration: none; color: #59c6b4; text-shadow: 0 0 3px #ffffff; transition: text-shadow 0.4s; -webkit-transition: text-shadow 0.4s; -moz-transition: text-shadow 0.4s; -o-transition: text-shadow 0.4s;} a.link {background: transparent url('images/icon-link.gif') no-repeat left center; padding-left: 16px; text-decoration: none; color: #008d77;} a.link:hover {background: transparent url('images/icon-link-b.gif') no-repeat left center; text-decoration: none; color: #59c6b4; text-shadow: 0 0 3px #ffffff; transition: text-shadow 0.4s; -webkit-transition: text-shadow 0.4s; -moz-transition: text-shadow 0.4s; -o-transition: text-shadow 0.4s;} a.link-big {background: transparent url('images/icon-linkbig.gif') no-repeat left center; padding-left: 16px; text-decoration: none; color: #008d77;} a.link-big:hover {background: transparent url('images/icon-linkbig-b.gif') no-repeat left center; text-decoration: none; color: #59c6b4; text-shadow: 0 0 3px #ffffff; transition: text-shadow 0.4s; -webkit-transition: text-shadow 0.4s; -moz-transition: text-shadow 0.4s; -o-transition: text-shadow 0.4s;} a.link-ext {background: transparent url('images/icon-link-ext.gif') no-repeat left center; padding-left: 16px; text-decoration: none; color: #008d77;} a.link-ext:hover {background: transparent url('images/icon-link-ext-b.gif') no-repeat left center; text-decoration: none; color: #59c6b4; text-shadow: 0 0 3px #ffffff; transition: text-shadow 0.4s; -webkit-transition: text-shadow 0.4s; -moz-transition: text-shadow 0.4s; -o-transition: text-shadow 0.4s;} a.link-int {background: transparent url('images/icon-link-int.gif') no-repeat left center; padding-left: 16px; text-decoration: none; color: #008d77;} a.link-int:hover {background: transparent url('images/icon-link-int-b.gif') no-repeat left center; text-decoration: none; color: #59c6b4; text-shadow: 0 0 3px #ffffff; transition: text-shadow 0.4s; -webkit-transition: text-shadow 0.4s; -moz-transition: text-shadow 0.4s; -o-transition: text-shadow 0.4s;} a.link-mail {background: transparent url('images/klifovet-mail.gif') no-repeat 0px 0px; padding: 0px; margin: 0px; display: inline-block; width: 160px; height: 24px;} a.link-mail:hover {background-position: 0px -24px;} 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: #008d77;} 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: #59c6b4;} a.link-doc, div.article a.link-doc {background: transparent url('images/icon-link-doc.gif') no-repeat left center; padding-left: 16px; text-decoration: none; color: #008d77;} a.link-doc:hover, div.article a.link-doc:hover {background: transparent url('images/icon-link-doc-b.gif') no-repeat left center; text-decoration: none; color: #59c6b4; text-shadow: 0 0 3px #ffffff; transition: text-shadow 0.4s; -webkit-transition: text-shadow 0.4s; -moz-transition: text-shadow 0.4s; -o-transition: text-shadow 0.4s;} a.link-lang:link, a.link-lang:visited {font-size: 12px; font-size: 0.800em; text-align: right; display: block; float: right; text-decoration: none;} a.link-lang:hover, a.link-lang:focus, a.link-lang:active {text-decoration: none;} a.link-cover {font-size: 13px; font-size: 0.8125em; line-height: 1.300em; margin-bottom: 2.000em; color: #008d77; font-weight: normal; text-rendering: optimizelegibility; letter-spacing: normal; display: block; float: none; text-decoration: none; padding: 0px;} a.link-cover:visited, a.link-cover:hover, a.link-cover:focus, a.link-cover:active {color: #59c6b4; text-decoration: none; border-bottom: 2px #59c6b4 solid; margin-bottom: -2px;} a.link-head {font-size: 13px; font-size: 0.8125em; color: #008d77; padding-left: 20px; text-decoration: none; text-align: right; display: block; float: right; background: transparent url('images/icon-link.gif') no-repeat left 0.325em;} a.link-head:hover, a.link-head:focus, a.link-head:active {background: transparent url('images/icon-link-b.gif') no-repeat left 0.325em; text-decoration: none; color: #59c6b4;} 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{margin-top: -110px; position: absolute;} a.link-cosmosdesigned, a.link-cosmosdesigned:visited {font-size: 13px; font-size: 0.8125em; line-height: 2.000em; margin: 80px 20px 2.000em 0px; text-align: right; display: block; float: right; text-decoration: none; color: #969696;} a.link-cosmosdesigned:hover, a.link-cosmosdesigned:focus, a.link-cosmosdesigned:active {text-decoration: none; color: #ff5a00;} a.link-social {display: block; float: right; width: 56px; height: 14px; margin: 3px 20px 0px 0px; text-align: right; text-decoration: none;} /* ///////////////////////////////////////////////////////////////////////////////////////////////////////// TEXTBOX, BLOCKQUOTES, ALERTS */ .action {background-color: #008d77; border-color: #008d77; color: #005c4c;} .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 #969696; background-color: #e4e4e4;} blockquote cite {display: block; color: #e4e4e4;} 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 #969696; background-color: #e4e4e4;} .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 #969696; background-color: #f0f0f0; color: #969696;} .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 #ffffff; transition: text-shadow 0.4s; -webkit-transition: text-shadow 0.4s; -moz-transition: text-shadow 0.4s; -o-transition: text-shadow 0.4s;} /* ///////////////////////////////////////////////////////////////////////////////////////////////////////// LISTEN */ ul,ol {list-style-type: none;} ul:hover, ol:hover {} ol {list-style:decimal; margin-left:1.625em;} li {margin-left: 23px; padding: 0px 0px 0px 0px; list-style: outside square url('images/icon-listitem.gif');} .list {padding: 0px 0px 0px 0px;} .list li {margin-left: 23px; padding: 0px 0px 0px 0px; list-style: outside square url('images/icon-listitem.gif');} .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 #969696;} .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: transparent url('images/icon-link.gif') no-repeat left center; padding-left: 16px; text-decoration: none; color: #008d77; text-transform: uppercase;} .list-links li a:hover, .list-links li a:focus, .list-links li a:active {background: transparent url('images/icon-link-b.gif') no-repeat left center; text-decoration: none; color: #59c6b4; text-shadow: 0 0 3px #ffffff; transition: text-shadow 0.4s; -webkit-transition: text-shadow 0.4s; -moz-transition: text-shadow 0.4s; -o-transition: text-shadow 0.4s;} 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 */ 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: #e4e4e4; font-size: 12px; font-size: 0.800em;} .img-small {display: block; margin-top: 25px; -ms-interpolation-mode: bicubic;} .img-left {display: block; margin: 0.375em 1.250em 0px 0px; padding: 0px; float: left; text-align: left; -ms-interpolation-mode: bicubic;} .img-right {display: block; margin: 0px 0px 0px 1.250em; padding: 0px; float: right; text-align: right; -ms-interpolation-mode: bicubic;} .img-magazinecover {height: 280px; margin-top: 0em;} 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;} /* ///////////////////////////////////////////////////////////////////////////////////////////////////////// FORMS */ form, form.feedbackform {font-family: "Helvetica Neue", Helvetica, 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: "Helvetica Neue", Helvetica, 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; border-radius: 0; -webkit-appearance: none; -webkit-border-radius:0px;} /* FORM LAYOUT */ div.fieldwrapper {width: 100%; overflow: hidden; margin: 0px 0px 0px 0px; padding: 0px;} /* LEFT COL (Label)*/ div.fieldwrapper label {float: left; display: block; width: 33.333333%; padding: 0px 15px 0px 0px; text-align: right;} div.fieldwrapper label.required {background: transparent url(images/icon-required.gif) no-repeat right center } div.fieldwrapper label.marked {background: transparent url(images/icon-marked.gif) no-repeat right center; color: #c9990f;} div.fieldwrapper label span {float: left; width: 150px; margin: 0px 0px 0px 0px; padding: 0px 15px 0px 0px; text-align: right; font-size: 13px; font-size: 0.8125em; line-height: 2.000em; color: #969696;} /* RIGHT COL (Felder)*/ div.fieldwrapper div.thefield {float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 15px; width: 66.666666%;} /* INPUT TEXT */ div.fieldwrapper div.thefield input[type=text] {vertical-align: top; width: 100%; height: 1.450em; padding: 0px 2px 0px 2px; margin: 0px 0px 0px 0px; border: 1px solid; border-color: #008d77 #008d77 #008d77 #008d77; color: #969696; background-color: #f7f7f7;} div.fieldwrapper div.thefield input[type=text]:hover, div.fieldwrapper div.thefield input[type=text]:focus {border-color: #59c6b4 #59c6b4 #59c6b4 #59c6b4; color: #3d3d3d; background-color: #ffffff;} /* TEXTAREA margin-top: -8px; _NO__DOTCOMMA__AFTER__*/ div.fieldwrapper div.thefield textarea {vertical-align: top; width: 100%; height: 8.125em; padding: 0px 2px 0px 2px; margin: 0px 0px 0px 0px; border: 1px solid; border-color: #008d77 #008d77 #008d77 #008d77; color: #969696; background-color: #f7f7f7;} div.fieldwrapper div.thefield textarea:hover, div.fieldwrapper div.thefield textarea:focus {border-color: #59c6b4 #59c6b4 #59c6b4 #59c6b4; color: #3d3d3d; background-color: #ffffff;} /* SELECT */ div.fieldwrapper div.thefield select {vertical-align: top; width: 100%; height: 1.450em; cursor: pointer; border: 1px solid; border-color: #008d77 #008d77 #008d77 #008d77; color: #969696; background-color: #f7f7f7;} div.fieldwrapper div.thefield select:hover, div.fieldwrapper div.thefield select:focus {border-color: #59c6b4 #59c6b4 #59c6b4 #59c6b4; color: #3d3d3d; background-color: #ffffff;} /* DROPDOWN */ div.fieldwrapper div.thefield .formpull {width: 100%; height: 1.625em; border: 1px solid; border-color: #008d77 #008d77 #008d77 #008d77; color: #969696;} /* 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; background-color: #f7f7f7;} div.fieldwrapper div.thefield input[type=radio]:hover, div.fieldwrapper div.thefield input[type=radio]:focus {background-color: #ffffff;} /* ERROR INFO */ li.marked {padding-left: 8px; background: transparent url(images/icon-marked.gif) no-repeat left center; color: #8d0016;} .formerror {width: 100%; padding: 9px; margin: 0px 0px 20px 20px; border-left: 4px #8d0016 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 #e4e4e4 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 #59c6b4 solid;} /* ///////////////////////////////////////////////////////////////////////////////////////////////////////// BUTTONS */ .btn, a.btn { padding: 0px 1.625em 0px 1.625em; height: 3.25em; 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: normal; letter-spacing: normal; word-spacing: normal; text-decoration: none; text-shadow: 1px 1px 1px #005c4c; text-align: center; vertical-align: middle; color:#ffffff; background-color: #008d77; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#008d77), to(#005c4c)); background-image: -webkit-linear-gradient(top, #008d77, #005c4c); background-image: -moz-linear-gradient(top, #008d77, #005c4c); background-image: -ms-linear-gradient(top, #008d77, #005c4c); background-image: -o-linear-gradient(top, #008d77, #005c4c); background-image: linear-gradient(top, #008d77, #005c4c); background-repeat: repeat-x; border: 1px solid #008d77; border-top-color: #59c6b4; border-left-color: #59c6b4; border-bottom-color: #00483b; border-right-color: #005c4c; cursor: pointer; } .btn:focus, .btn:hover, .btn:active { color: #ffffff; background-color: #59c6b4; text-decoration: none; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#59c6b4), to(#008d77)); background-image: -webkit-linear-gradient(top, #59c6b4, #008d77); background-image: -moz-linear-gradient(top, #59c6b4, #008d77); background-image: -ms-linear-gradient(top, #59c6b4, #008d77); background-image: -o-linear-gradient(top, #59c6b4, #008d77); background-image: linear-gradient(top, #59c6b4, #008d77); border: 1px solid #59c6b4; border-bottom-color: #008d77; text-shadow: 0 0 3px #ffffff; transition: text-shadow 0.4s; -webkit-transition: text-shadow 0.4s; -moz-transition: text-shadow 0.4s; -o-transition: text-shadow 0.4s; } .btn-active, .btn-active:focus, .btn-active:hover, .btn-active:active { color: #ffffff; background-color: #e4e4e4; text-decoration: none; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e4e4e4), to(#969696)); background-image: -webkit-linear-gradient(top, #e4e4e4, #969696); background-image: -moz-linear-gradient(top, #e4e4e4, #969696); background-image: -ms-linear-gradient(top, #e4e4e4, #969696); background-image: -o-linear-gradient(top, #e4e4e4, #969696); background-image: linear-gradient(top, #e4e4e4, #969696); border: 1px solid #e4e4e4; border-bottom-color: #969696; cursor: default; text-shadow: 0 0 3px #ffffff; transition: text-shadow 0.4s; -webkit-transition: text-shadow 0.4s; -moz-transition: text-shadow 0.4s; -o-transition: text-shadow 0.4s; } input[type=submit].btn:hover {border: 1px solid #59c6b4; border-bottom-color: #59c6b4; text-shadow: 0 0 3px #ffffff; transition: text-shadow 0.4s; -webkit-transition: text-shadow 0.4s; -moz-transition: text-shadow 0.4s; -o-transition: text-shadow 0.4s;} .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: 20px; font-size: 1.333em;} .btn-large {padding: 0px 22px 0px 22px; font-size: 15px; font-size: 1.000em; font-weight: normal;} .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-big, a.btn-big {font-size: 20px; font-size: 1.250em; letter-spacing: 0.02em; padding: 0.025em 1.625em 0.8125em 1.625em; margin: 0px 0px 0px 0px; line-height: 2.35em; height: 2.35em; min-width: 2.000em; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} .btn-glass { border: 1px solid rgba(0,0,0,0.5); /* border-radius: 5px 5px 5px 5px; */ 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 #ffffff; transition: text-shadow 0.4s; -webkit-transition: text-shadow 0.4s; -moz-transition: text-shadow 0.4s; -o-transition: text-shadow 0.4s;} .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 #ffffff; transition: text-shadow 0.4s; -webkit-transition: text-shadow 0.4s; -moz-transition: text-shadow 0.4s; -o-transition: text-shadow 0.4s;} .btn-searchbar {padding: 0px; margin: 1px 0px 0px 0px; height: 23px; width: 23px; vertical-align: top; background-color: #008d77; border: 1px solid #59c6b4; 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 #ffffff; transition: text-shadow 0.4s; -webkit-transition: text-shadow 0.4s; -moz-transition: text-shadow 0.4s; -o-transition: text-shadow 0.4s;} .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 #ffffff; transition: text-shadow 0.4s; -webkit-transition: text-shadow 0.4s; -moz-transition: text-shadow 0.4s; -o-transition: text-shadow 0.4s;} .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 #ffffff; transition: text-shadow 0.4s; -webkit-transition: text-shadow 0.4s; -moz-transition: text-shadow 0.4s; -o-transition: text-shadow 0.4s;} .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 #008d77; 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: normal; letter-spacing: normal; word-spacing: normal; text-decoration:none; text-shadow: 1px 1px 1px #005c4c; text-align: left; vertical-align: middle; list-style: none; color:#ffffff; background-color: #008d77; background-repeat: repeat-x; border: 1px solid #008d77; border-bottom-color: #005c4c; 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:#ffffff; } ul.tabs li:hover { color: #ffffff; background-color: #59c6b4; text-decoration: none; border: 1px solid #59c6b4; border-bottom-color: #008d77; text-shadow: 0 0 3px #ffffff; transition: text-shadow 0.4s; -webkit-transition: text-shadow 0.4s; -moz-transition: text-shadow 0.4s; -o-transition: text-shadow 0.4s; } ul.tabs li.active { color: #ffffff; background-color: #59c6b4; text-decoration: none; border: 1px solid #59c6b4; border-bottom-color: #008d77; text-shadow: 0 0 3px #ffffff; transition: text-shadow 0.4s; -webkit-transition: text-shadow 0.4s; -moz-transition: text-shadow 0.4s; -o-transition: text-shadow 0.4s; cursor: default; } .tab_content { display: none; } /* ///////////////////////////////////////////////////////////////////////////////////////////////////////// VERTICAL TABS */ ul.tabsvert { margin: 0px; padding: 0px; list-style: none; border-bottom: 1px solid #008d77; 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: normal; letter-spacing: normal; word-spacing: normal; text-decoration:none; text-shadow: 1px 1px 1px #005c4c; text-align: left; vertical-align: middle; list-style: none; color:#ffffff; background-color: #008d77; background-repeat: repeat-x; border: 1px solid #008d77; border-bottom-color: #005c4c; 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:#ffffff; } ul.tabsvert li:hover { color: #ffffff; background-color: #59c6b4; text-decoration: none; border: 1px solid #59c6b4; border-bottom-color: #008d77; text-shadow: 0 0 3px #ffffff; transition: text-shadow 0.4s; -webkit-transition: text-shadow 0.4s; -moz-transition: text-shadow 0.4s; -o-transition: text-shadow 0.4s; } ul.tabsvert li.active{ color: #ffffff; background-color: #59c6b4; text-decoration: none; border: 1px solid #59c6b4; border-bottom-color: #008d77; text-shadow: 0 0 3px #ffffff; transition: text-shadow 0.4s; -webkit-transition: text-shadow 0.4s; -moz-transition: text-shadow 0.4s; -o-transition: text-shadow 0.4s; cursor: default; } /* ///////////////////////////////////////////////////////////////////////////////////////////////////////// LABELS */ .label { padding: 1px 9px 2px; font-size: 12px; font-size: 0.800em; font-weight: bold; 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 #ffffff; transition: text-shadow 0.4s; -webkit-transition: text-shadow 0.4s; -moz-transition: text-shadow 0.4s; -o-transition: text-shadow 0.4s;} .label-error {background-color: #da4f49; color: #ffffff;} .label-error:hover {background-color: #9d2520; color: #ffffff; text-shadow: 0 0 3px #ffffff; transition: text-shadow 0.4s; -webkit-transition: text-shadow 0.4s; -moz-transition: text-shadow 0.4s; -o-transition: text-shadow 0.4s;} .label-warning {background-color: #faa732; color: #ffffff;} .label-warning:hover {background-color: #c17305; color: #ffffff; text-shadow: 0 0 3px #ffffff; transition: text-shadow 0.4s; -webkit-transition: text-shadow 0.4s; -moz-transition: text-shadow 0.4s; -o-transition: text-shadow 0.4s;} .label-success {background-color: #008d77; color: #ffffff;} .label-success:hover {background-color: #347834; color: #ffffff; text-shadow: 0 0 3px #ffffff; transition: text-shadow 0.4s; -webkit-transition: text-shadow 0.4s; -moz-transition: text-shadow 0.4s; -o-transition: text-shadow 0.4s;} .label-info {background-color: #d9edf7; color: #247fad;} .label-info:hover {background-color: #85c5e5; text-shadow: 0 0 3px #ffffff; transition: text-shadow 0.4s; -webkit-transition: text-shadow 0.4s; -moz-transition: text-shadow 0.4s; -o-transition: text-shadow 0.4s;} .label-inverse {background-color: #414141; color: #ffffff;} .label-inverse:hover {background-color: #0e0e0e; color: #ffffff; text-shadow: 0 0 3px #ffffff; transition: text-shadow 0.4s; -webkit-transition: text-shadow 0.4s; -moz-transition: text-shadow 0.4s; -o-transition: text-shadow 0.4s;} /* ///////////////////////////////////////////////////////////////////////////////////////////////////////// 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: #3d3d3d ;} table caption {padding: 0px; margin: 0px; text-align: left;} table th {text-align: left; font-weight: normal; vertical-align: top; background: transparent url('images/bg-line-dotted.gif') left bottom repeat-x; color: #969696;} 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;} table tbody tr:hover td {background: #f0f0f0 url('images/bg-line-grey.gif') left bottom repeat-x; color: #3d3d3d; text-shadow: 0 0 3px #ffffff; transition: text-shadow 0.4s; -webkit-transition: text-shadow 0.4s; -moz-transition: text-shadow 0.4s; -o-transition: text-shadow 0.4s;} table tfoot tr td {text-align: left; font-weight: bold; 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: #3d3d3d ;} .tablestyle caption {padding: 0px; margin: 0px; text-align: left;} .tablestyle th {text-align: left; font-weight: normal; vertical-align: top; background: transparent url('images/bg-line-dotted.gif') left bottom repeat-x; color: #3d3d3d;} .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: #3d3d3d; text-shadow: 0 0 3px #ffffff; transition: text-shadow 0.4s; -webkit-transition: text-shadow 0.4s; -moz-transition: text-shadow 0.4s; -o-transition: text-shadow 0.4s;} .tablestyle tfoot tr td {text-align: left; font-weight: bold; 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: normal; vertical-align: top; padding: 0px 0px 0px 0px; border-bottom: 1px #e4e4e4 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: #ffd500; color: #3d3d3d; border-top: 1px #ffffff solid; border-bottom: 1px #ffffff solid; margin-top: -1px; margin-bottom: -1px; text-shadow: 0 0 3px #ffffff; transition: text-shadow 0.4s; -webkit-transition: text-shadow 0.4s; -moz-transition: text-shadow 0.4s; -o-transition: text-shadow 0.4s;} /* ///////////////////////////////////////////////////////////////////////////////////////////////////////// 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: #e4e4e4; border-bottom-color: #e4e4e4; 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: normal; 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 #e4e4e4; color: #969696; margin-bottom: 5px; padding: 3px 0px 3px 0px; position: relative; text-align: center; background-image: none; list-style: none; } ul.events li em { color: #969696; font-weight: normal; 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 #ccc; color: #999; 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 #ccc; } /* ///////////////////////////////////////////////////////////////////////////////////////////////////////// GALLERY SLIDER ORBIT */ .orbit>div {max-width: 980px; max-height: 240px; height: 240px; position: absolute; top: 0; left: 0;} div.orbit-wrapper {max-width: 980px; 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: 980px; max-height: 240px; position: relative; overflow: hidden;display: block;} div.orbit.with-bullets {margin-bottom: 0px;} div.orbit .orbit-slide {max-width: 980px; 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: 980px; 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/icons-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/icons-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/icons-sprites.png') no-repeat 0px -456px; z-index: 4; opacity: 0;} div.orbit-wrapper span.pause.active {background: url('images/icons-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: #3d3d3d; 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: transparent url('images/icons-sprites.png') 5px 0px no-repeat; width: 48px; height: 24px; right: 0px;} div.orbit-wrapper div.slider-nav span.left {background: transparent url('images/icons-sprites.png') -5px -24px no-repeat; width: 48px; height: 24px; left: 0px;} .lt-ie9 div.orbit-wrapper div.slider-nav span.right {background: transparent url('images/icons-sprites.png') 5px 0px no-repeat; width: 48px; height: 24px; right: 0px;} .lt-ie9 div.orbit-wrapper div.slider-nav span.left {background: transparent url('images/icons-sprites.png') -5px -24px no-repeat; 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: #999; text-indent: -9999px; background: transparent url('images/icons-sprites.png') 0px -48px no-repeat; 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: 980px; max-height: 240px; width: 100%; display: block;} .ad-img {max-width: 980px; max-height: 240px; width: 100%; margin: 0px; padding: 0px; z-index: 1;} .ad-img:hover, .ad-img:focus, .ad-img:active {border: 0px #59c6b4 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 #59c6b4 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: 13px; font-size: 0.8125em; line-height: 2.000em; margin: 0px 0px 2.000em 0px; padding: 0px 0px 0px 0px;} a.buttonLogo {display: block; width: 250px; height: 75px; margin: 10px 0px 0px 20px; padding: 0px 0px 0px 0px; text-decoration: none; background: url('images/argenta-small.gif') no-repeat;} a.buttonLogo:hover {width: 250px; height: 75px; background: url('images/argenta-small-b.gif') no-repeat;} .container {max-width: 980px;} .content {padding: 80px 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;} .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;} hr {display: block; width: 100%; max-width: 980px; border:0; clear:both; outline:0; font-size: 16px; font-size: 1.000em; line-height: 1.625em; height: 1.625em; margin: 1.000em 0 1.000em 0; padding: 0px; text-align: left; background: transparent url(images/bg-line.gif) repeat-x 0px 0px;} #ad-slider h4 {font-size: 120%;} #ad-slider p {font-size: 80%;} /* ///////////////////////////////////////////////////////////////////////////////////////////////////////// TOP-BAR NAVIGATION MENU */ .header-bar {width: 100%; background: #ffffff; z-index: 900; /* -khtml-opacity: 0.95; -moz-opacity: 0.95; -webkit-opacity: 0.95; filter: alpha(opacity=95); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; opacity: 0.95; */} .top-bar-fx {background: transparent url('images/header-bg.png') repeat-x 0px 75px fixed; display: block; position: absolute; height: 91px; margin: 0px 0px 0px 0px; z-index: 800;} .top-bar-js-breakpoint {width: 980px !important; visibility: hidden;} /* Element that controls breakpoint */ .fixed {width: 100%; left: 0; position: fixed; top: 0;} /* Wrapped around .top-bar to make it fixed at the top */ .top-bar {width: 980px; height: 75px; line-height: 75px; margin: 0 auto; padding: 0px; background: #ffffff;} .top-bar ul {display: inline; height: 75px; line-height: 75px; list-style: none; margin: 0px; padding: 0px; /* Main Nav links style */ /* Left Side