@charset "utf-8";

@-webkit-viewport{zoom:1.0;width:device-width}
@-moz-viewport{zoom:1.0;width:device-width}
@-ms-viewport{zoom:1.0;width:device-width}
@-o-viewport{zoom:1.0;width:device-width}
@viewport{zoom:1.0;width:device-width}

/*--------------------------------------------------------------------------------------------------
CSS Styles for <REINERSCT>.

version:   1.0
--------------------------------------------------------------------------------------------------*/

/* =CSS Reset
--------------------------------------------------------------------------------------------------*/

/* http://meyerweb.com/eric/tools/css/reset/ 
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style-type:none;}
.content_simpleText ol,.content_simpleText ul {margin-left: 20px; list-style-type:square;}
ul.bulletorange {list-style-type:none;margin:0;}
ul.bulletorange li {background: url(/img/bulletorange.gif) no-repeat 5px 7px;padding-left: 20px;}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
/* End CSS Reset
--------------------------------------------------------------------------------------------------*/

/* remember to define focus styles! */
:focus { outline: 0; }
/* =Toolkit
--------------------------------------------------------------------------------------------------*/

/* Micro Clearfix Hack by Nicholas Gallagher (http://nicolasgallagher.com/micro-clearfix-hack/) */
/* For modern browsers */ 
.cf:before, .cf:after { content:""; display:table; }
.cf:after { clear:both; }
/* For IE 6/7 (trigger hasLayout) */
.cf { zoom:1; }
/* general purpose classes */
.nodisplay { display:none; }
.nodisplay_strict { display:none !important; }
.alignleft { float:left; }
.alignnone { clear:both; font-size:0; line-height:0; margin:0; padding:0; border:0; height:0; width:0; }
.alignright { float:right; }
/* End Toolkit
--------------------------------------------------------------------------------------------------*/

/* =Normalization - mostly derived from normalize.css (https://github.com/necolas/normalize.css/) but without comments and compressed to keep the file small
--------------------------------------------------------------------------------------------------*/

hr { display:block; height:1px; border:0; margin:1em 0; padding:0; border-top:1px solid #cccccc; /* change border colour to suit your needs */ }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1;}
audio:not([controls]) { display: none; }
[hidden] { display: none; }
html { margin-left: calc(100vw - 100%); margin-right: 0; /*width:100vw; overflow-x:hidden;*/ -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body, button, input, select, textarea { font-family: NotesWeb, "Trebuchet MS", Arial, Helvetica, sans-serif; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
h1 { }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul { }
ins { text-decoration: none; }
del { text-decoration: line-through; }
abbr[title] { border-bottom: 1px dotted; cursor:help; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
mark { background: #ff0; color: #000; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
small { font-size: 75%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align:top; }
svg:not(:root) { overflow: hidden; }
fieldset { border: 1px solid #c0c0c0; margin: 0; padding: 0; }
legend { border: 0; *margin-left: -7px;}
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle;}
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible;}
input, select { vertical-align:middle; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0;}
textarea { overflow: auto; vertical-align: top; resize: vertical; } ::-moz-focus-inner { border: 0; outline: 0;}
html { -webkit-text-size-adjust:none; }
/* End Normalization
--------------------------------------------------------------------------------------------------*/


/* =Typography
--------------------------------------------------------------------------------------------------*/

/* Setting up the fonts */

@font-face {
  font-family: "NotesWeb";
  src: url(/font/NotesWeb-Regular.eot);
  src: url(/font/NotesWeb-Regular.eot#iefix) format('embedded-opentype'),
    url(/font/NotesWeb-Regular.woff) format('woff');
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  unicode-range: U+20-7E, U+A0-FF, U+131, U+141-142,
    U+152-153, U+160-161, U+178, U+17D-17E,
    U+192, U+2C6-2C7, U+2C9, U+2D8-2DD,
    U+3A0, U+3A3, U+3BC, U+3C0,
    U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022,
    U+2026, U+2030, U+2039-203A, U+2044,
    U+20AC, U+2122, U+2126, U+2202,
    U+2206, U+220F, U+2211-2212, U+2215,
    U+2219-221A, U+221E, U+2224, U+2227,
    U+222B, U+2248, U+2260, U+2264-2265,
    U+22C5, U+25AF, U+25CA, U+FB01-FB02;
}
@font-face {
  font-family: "NotesWeb";
  src: url(/font/NotesWeb-RegularItalic.eot);
  src: url(/font/NotesWeb-RegularItalic.eot#iefix) format('embedded-opentype'),
    url(/font/NotesWeb-RegularItalic.woff) format('woff');
  font-weight: normal;
  font-stretch: normal;
  font-style: italic;
  unicode-range: U+20-7E, U+A0-FF, U+131, U+141-142,
    U+152-153, U+160-161, U+178, U+17D-17E,
    U+192, U+2C6-2C7, U+2C9, U+2D8-2DD,
    U+3A0, U+3A3, U+3BC, U+3C0,
    U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022,
    U+2026, U+2030, U+2039-203A, U+2044,
    U+20AC, U+2122, U+2126, U+2202,
    U+2206, U+220F, U+2211-2212, U+2215,
    U+2219-221A, U+221E, U+2224, U+2227,
    U+222B, U+2248, U+2260, U+2264-2265,
    U+22C5, U+25AF, U+25CA, U+FB01-FB02;
}
@font-face {
  font-family: "NotesWeb";
  src: url(/font/NotesWeb-Bold.eot);
  src: url(/font/NotesWeb-Bold.eot#iefix) format('embedded-opentype'),
    url(/font/NotesWeb-Bold.woff) format('woff');
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  unicode-range: U+20-7E, U+A0-FF, U+131, U+141-142,
    U+152-153, U+160-161, U+178, U+17D-17E,
    U+192, U+2C6-2C7, U+2C9, U+2D8-2DD,
    U+3A0, U+3A3, U+3BC, U+3C0,
    U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022,
    U+2026, U+2030, U+2039-203A, U+2044,
    U+20AC, U+2122, U+2126, U+2202,
    U+2206, U+220F, U+2211-2212, U+2215,
    U+2219-221A, U+221E, U+2224, U+2227,
    U+222B, U+2248, U+2260, U+2264-2265,
    U+22C5, U+25AF, U+25CA, U+FB01-FB02;
}
@font-face {
  font-family: "NotesWeb";
  src: url(/font/NotesWeb-BoldItalic.eot);
  src: url(/font/NotesWeb-BoldItalic.eot#iefix) format('embedded-opentype'),
    url(/font/NotesWeb-BoldItalic.woff) format('woff');
  font-weight: bold;
  font-stretch: normal;
  font-style: italic;
  unicode-range: U+20-7E, U+A0-FF, U+131, U+141-142,
    U+152-153, U+160-161, U+178, U+17D-17E,
    U+192, U+2C6-2C7, U+2C9, U+2D8-2DD,
    U+3A0, U+3A3, U+3BC, U+3C0,
    U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022,
    U+2026, U+2030, U+2039-203A, U+2044,
    U+20AC, U+2122, U+2126, U+2202,
    U+2206, U+220F, U+2211-2212, U+2215,
    U+2219-221A, U+221E, U+2224, U+2227,
    U+222B, U+2248, U+2260, U+2264-2265,
    U+22C5, U+25AF, U+25CA, U+FB01-FB02;
}

body { font: 14px/18px NotesWeb, "Trebuchet MS", Arial, Helvetica, sans-serif; color:#666666; background:#ededec url(/img/bgi/bg.png) no-repeat center bottom; }
em {font-style:italic;}
.text-grey{color:#878787};
/* End Typography
--------------------------------------------------------------------------------------------------*/


/* =Headings
--------------------------------------------------------------------------------------------------*/
h1 { font-size:20px; line-height:26px; color:#000000;}
h2 { font-size:20px; line-height:26px; color:#000000; }
h3 { font-size:14px; line-height:15px; color:#878787; }
#startcontainer h3 { font-size:14px; line-height:15px; color:#878787; margin-bottom:10px; font-weight:bold;}
h4 { }
h5 { }
h6 { }
/* End Headings
--------------------------------------------------------------------------------------------------*/


/* =Links
--------------------------------------------------------------------------------------------------*/
a { text-decoration:none; color:#FFB500; cursor:pointer !important; }
a:hover { text-decoration:underline; }
/* End Links
--------------------------------------------------------------------------------------------------*/


/* =Branding
--------------------------------------------------------------------------------------------------------*/
p { padding:0 0 10px 0; margin:0; }
html, body { }
textarea{resize: none;}
#wrapper { width:987px; margin:0 auto;position:relative;padding-bottom: 10px;}
#header { background:#fff; padding:0 10px 10px 10px;position:absolute;width:967px; left:0px;top:0px;}
.lang { padding-top:12px; }
.lang li { float:left; }
.lang li a { font-size:12px; line-height:22px; color:#999999; text-transform:uppercase; padding-left:8px; }
.lang li a:hover, .lang li a.active { color:#ffb500;text-decoration:none; }
.logo { border-bottom:3px solid #ffa603; padding-bottom:8px; }
#logo { padding:2px 0 0 10px; }
#logo a { background:url(/img/bgi/logo.png) no-repeat top left; width:169px; height:23px; display:block; text-indent:-9999px; }
.search { padding-right:1px; }
.search input { width:100px;border-top:1px solid #d1d1d1; border-left:1px solid #e9e9e9;border-right:1px solid #e9e9e9;  border-bottom:none; background:#f6f6f6 url(/img/bgi/searchico.png) no-repeat 4px 2px; height:16px; padding:0 2px 0 20px;  color: #878787;
  font-size: 12px;
  vertical-align:central;
  
}
/* End Branding
--------------------------------------------------------------------------------------------------------*/


/* =Main Nav
--------------------------------------------------------------------------------------------------*/
#mainNavigation { padding: 3px 0 0 0; text-align: left; width: 630px;margin-left:30px; }
#mainNavigation li { margin-right: 14px; display: inline;}
#mainNavigation li a { font-size:14px; line-height:34px; text-transform:uppercase; color:#878787;  }
#mainNavigation li a:hover { text-decoration: none; color:#000000 }
#mainNavigation li.last { margin:0; }
.partnerlink{padding-top:3px;}
.partnerlink a {font-size: 14px;line-height: 34px;text-transform: uppercase;color: #878787;}
.partnerlink a:hover { text-decoration: none; color:#000000 }
/* End Main Nav
--------------------------------------------------------------------------------------------------*/


/* =Sub Nav
--------------------------------------------------------------------------------------------------*/
.subnavigation { background:url(/img/bgi/subnavBorder.jpg) repeat-x left bottom; padding:18px 0 0 7px; }
.subnavigation .pagetitle { text-transform:uppercase; font-size:18px; line-height:24px; color:#878787; display:block; width: 174px; }
#subNavigation { width: 756px; text-align:left; padding-top:2px; margin-left:30px;}
#subNavigation li { display:inline;margin:0 10px 0px 0; }
#subNavigation li.last { display:inline;margin:0; }
#subNavigation li a { display:inline-block; font-size:12px; line-height:24px; color:#878787; text-transform:uppercase; padding-bottom:10px; }
#subNavigation li a:hover, #subNavigation li.active a{ text-decoration:none; color:#000000; background:url(/img/bgi/active-arrow.jpg) no-repeat center 24px; }
.subnavigation .buynow { background:url(/img/bgi/buybtn.png) no-repeat 0 -20px; color: #FFFFFF; display: block; font-size: 12px; line-height: 19px; margin:5px 11px 0 0;height:20px; padding-left:5px; }
.subnavigation .buynow span {background:url(/img/bgi/buybtn.png) no-repeat 100% 0;padding:0 6px 0 6px;display:block;height:20px; }
.subnavigation .buynow:hover{text-decoration:none;}

/* End Sub Nav
--------------------------------------------------------------------------------------------------*/

/* =Breadcrumbs start
--------------------------------------------------------------------------------------------------*/

.breadcrumbs { }
.breadcrumbs a { }
.breadcrumbs a:hover { }
/* =Breadcrumbs ends
--------------------------------------------------------------------------------------------------*/


/* =Main Content
--------------------------------------------------------------------------------------------------*/
#container { background:#fff; padding:0 10px 4px;padding-top:150px;}
#startcontainer { background:#fff; padding:0 10px 4px;padding-top:100px;position: relative;}
.banner { background:url(/img/bgi/banner.png) no-repeat top left; height:360px; margin-bottom:17px;}
#startcontainer .banner { background:url(/img/bgi/banner.png) no-repeat top left; height:460px; margin-bottom:34px; }
.onlinebanking { padding:42px 0 0 374px; width:490px; }
.onlinebanking .titleline { font-size:27px; line-height:36px; color:#000000; padding-bottom:15px; }
.onlinebanking .guarantee { font-size:19px; line-height:22px; color:#ffffff; padding:0 35px 41px 0; }
.onlinebanking .smartcard { background:url(/img/bgi/cartbtn.png) no-repeat 100% -1px; display:block; height:20px; padding-left:5px; margin-right:15px;border-top:1px solid #ffe8b0; border-left:1px solid #ce9e29; border-bottom: 1px solid #403519; border-right: 1px solid #ce9d25; }
/*.onlinebanking .smartcard span.buttonhover {background:url(/img/bgi/cartbtn-hover.png) no-repeat 0 -22px;display:none; width:5px;height:22px;}*/
.onlinebanking .smartcard span.buttonhover {background:black;display:none; width:5px;height:20px;}
.onlinebanking .smartcard span { font-size:12px; line-height:15px; display:block; padding:3px 11px 3px 7px; text-transform:uppercase; position:relative;}
/*.onlinebanking .smartcard span:hover { background:url(/img/bgi/cartbtn-hover.png) no-repeat 100% 0;}*/
.onlinebanking .smartcard span em{padding-left:4px;font-size:13px;}
.onlinebanking .smartcard:hover { text-decoration:none; background:url(/img/bgi/cartbtn-hover.png) no-repeat 100% -1px;border-left:1px solid #de9a2b;border-top:1px solid #dea03b;border-bottom: 1px solid #ffc63a;border-right: 1px solid #ffe3a1;}
/*.onlinebanking .smartcard:hover + span.buttonhover {display:block;}*/
.onlinebanking .tangenerator { background:url(/img/bgi/cartbtn.png) no-repeat 100% -1px; display:block; height:20px; padding-left:5px; border-top:1px solid #ffe8b0; border-left:1px solid #ce9e29; border-bottom: 1px solid #403519; border-right: 1px solid #ce9d25; }
.onlinebanking .tangenerator:hover { text-decoration:none; background:url(/img/bgi/cartbtn-hover.png) no-repeat 100% -1px;border-left:1px solid #de9a2b;border-top:1px solid #dea03b;border-bottom: 1px solid #ffc63a;border-right: 1px solid #ffe3a1;}
.onlinebanking .tangenerator span {font-size:12px; line-height:15px; display:block; padding:3px 7px 5px 8px; text-transform:uppercase; position:relative;}
.onlinebanking .tangenerator span em{padding-left:4px;font-size:13px;}
.onlinebanking .tangenerator:hover { text-decoration:none; }
.widecolumn { width:720px; }
.widecolumn h2, .widecolumn h1 {padding:1px 0 20px 0; font-weight:normal; }
.widecolumn .time-attendance-dis { color:#666666; font-size:12px; line-height:18px; font-weight:bold; padding:0 0 17px 1px; width:435px; }
.widecolumn .time-attendance { padding:0 0 5px 1px; }
.widecolumn .time-attendance li { color:#666666; font-size:12px; line-height:18px; background:url(/img/bgi/bullet.png) no-repeat left 8px; padding-left:11px; }
.widecolumn .tracking-dis { color:#666666; font-size:12px; line-height:18px; padding:0 0 17px 1px; width:430px; }
.widecolumn .tracking { padding:0 0 3px 1px; }
.widecolumn .tracking li { color:#666666; font-size:12px; line-height:18px; background:url(/img/bgi/bullet.png) no-repeat left 8px; padding-left:11px; }
.widecolumn .up { 
  background:url(/img/bgi/uparrow.png) no-repeat right 7px; 
  font-size:12px; 
  line-height:18px; 
  color:#ffb500; 
  display:block; 
  padding:0 8px 25px 0; 
  width:60px; 
  margin-top: 15px;}
.narrowcolumn { width:216px; margin-right:24px; }
.sidenav { margin-bottom:20px; }
.sidenav li {min-height:25px; }
.sidenav li.active{background:url(/img/bgi/activeli.png) no-repeat center left;}
.sidenav li.activegrey{background:url(/img/bgi/activeligrey.png) no-repeat center left;}
.sidenav li a { text-transform:uppercase; color:#878787; font-size:12px; line-height:30px; padding-left:29px; display:inline-block; min-height:15px;}
.sidenav li a:hover, .sidenav li.active a{ color:#010101; text-decoration:none;  }
.scndLevel li{margin-left:20px;}
.glance { padding:0 0 0 14px; }
.glance h3 { text-transform:uppercase; font-weight:normal; }
.glance .glancelist { padding:15px 0 0 1px; float:left; }
.glance .glancelist li { font-size:12px; line-height:15px; color:#878787; padding:0 0 15px 12px; float:left; width:100%; background:url(/img/bgi/bullet.png) no-repeat left 6px; }
/* =End Main Content
--------------------------------------------------------------------------------------------------*/


/* =Secondary Content
--------------------------------------------------------------------------------------------------*/
/*support*/
.support .banner { background:url(/img/bgi/banner2.jpg) no-repeat top left; }
.support .banner { margin-bottom:32px; }
.support .bannerdis { width:423px; padding-top:39px; }
.support .bannerdis p { font-size:27px; line-height:32px; color:#000000; padding-bottom:15px; font-family: 'NotesWeb'; }
.supportcase-dis { color: #666666; font-size: 12px; line-height: 18px; padding: 0 0 53px 0; width: 430px; }
.support .widecolumn h1 { padding-bottom:25px; }
.support .widecolumn h1 span { text-transform:capitalize; }
.supportform { position:relative; }
.formone {padding-bottom:3px;}
.formone {width:357px;}
.formone li { width:100%; float:left; padding-bottom:19px; }
.formone li span { display:block; width:82px; float:left; font-size:12px; line-height:18px; color:#666666; }
.formone li label { border:1px solid #d0d0d0; float:left; }
.formone li.gender label { border:none;padding-right:25px; }
.formone li label input { background:#f6f6f6; border:none; border-top:1px solid #e9e9e9; color:#878787; font-size:12px; line-height:15px; width:230px; height:16px;vertical-align:central; }
.formone li label select { background:#f6f6f6; border:none;  color:#878787; font-size:12px; line-height:15px; width:230px; height:19px; }
.formone li.requestoption { padding-bottom:33px; }
.formone li.gender { padding-bottom:22px;color:#666666;font-size:12px;line-height:18px;}
.formone li.gender label input { width:auto; border:none;background:none; margin-right:7px; color:#666666;font-size:12px;line-height:18px;}
.formtwo { width:357px; }
.formtwo li { width:100%; float:left; padding-bottom:16px; }
.formtwo li span { display:block; width:82px; float:left; font-size:12px; line-height:18px; color:#666666; }
.formtwo li label { border:1px solid #d0d0d0; float:left; }
.formtwo li label input { background:#f6f6f6; border:none; border-top:1px solid #e9e9e9; color:#878787; font-size:12px; line-height:15px; width:230px; height:16px; }
.formtwo li .required { font-size:10px; line-height:12px; color:#878787; }
.formtwo li label textarea { background:#f6f6f6; border:none; border-top:1px solid #e9e9e9; color:#878787; font-size:12px; line-height:15px; width:230px; padding:0px !important; margin:0px !important; }
.supportform .send { background:url(/img/bgi/btn.png) no-repeat 0 -22px; padding-left:5px; position:relative; right:44px; bottom:25px;top:-10px;border:none 0px transparent;float:right; }
.supportform .send input { font-family: 'NotesWeb';background:url(/img/bgi/btn.png) no-repeat 100% 0; padding:0 15px 0 10px; color:#000000; font-size:12px;height:21px; font-weight:bold;border:none;width:auto; line-height:23px; }
/*End Support*/
.inner-banner{padding-bottom:30px;}
.inner-banner ul{}
.inner-banner ul li{float:left;margin-right:9px; list-style: none;}
.inner-banner ul li.bannerBox1{width:240px;height:165px;   }
.inner-banner ul li.bannerBox2{width:230px;height:165px;}
.inner-banner ul li.last{width:478px;height:165px;margin-right:0;}

/*Products*/
.productlist{padding: 30px 0 30px 9px;position: relative;top: -30px;border-top: 1px solid #E1E1E2;}
.productlist h1,.productlist h2{font-size:14px;line-height:26px;color:#000000;text-transform:uppercase;font-weight:normal;padding-left:9px;}
.productblock{width:967px;}

.productinfo{vertical-align:top; padding:14px 0 0 9px; display: inline-block;}
.productinfo .productimg{padding-right:17px;}

.productinfo .productdis{width:150px;padding-bottom:18px;}
.productinfo .nopic{width:235px;}
.space{padding-bottom:43px !important;}
.productinfo .productdis span{font-size:14px;line-height:18px;color:#878787;display:block;padding-bottom:19px;}
.productdis span strong em{font-style:italic;}

.productinfo p{font-size:12px;line-height:18px;color:#878787;padding:0px 0 18px 0;}
.productinfo .theproduct{display:block;font-size:14px;line-height:20px;color:#ffb500;padding-right:9px;}
.productinfo .theproduct span{color:#ffb500;font-size:14px; line-height:20px;padding:2px 0 0 5px;display:inline;}


.productinfo .moreinfo{font-size:14px;line-height:20px;color:#ffb500;padding-right:9px;}

.productinfo .moreinfo span{color:#ffb500;font-size:14px; line-height:20px;padding:2px 0 0 5px;display:inline;}

/*End About Banking*/


/*References*/
.widecolumnleft{width:480px;padding-bottom:17px;}
.widecolumnleft .up{padding:0 8px 25px 0}
.widecolumnleft h2,.widecolumnleft h1{padding:0 0 18px 0;}
.manufacturing{}

.manufacturing a{font-size:12px;line-height:20px;color:#000000;text-transform:uppercase;padding-bottom:5px;background:url(/img/bgi/downarrow.png) no-repeat left 4px;padding-left:8px;display:block;}
.manufacturing h5 a:hover{text-decoration:none;}

.manufacturing ul{padding-left:8px;}
.manufacturing ul li{border-top:1px solid #e8e8e8;border-bottom:1px solid #dddddd;font-size:12px;line-height:20px;padding:4px 0;width:472px;}
.manufacturing ul li span{font-size:12px;line-height:18px;color:#666666;}
.manufacturing ul li .web{font-size:10px;color:#c6c6c6;line-height:18px;padding:0 18px 0 9px;background:none;}
.manufacturing ul li .web span{font-size:14px;line-height:20px;color:#c6c6c6;padding-right:4px;}
.manufacturing ul li .pdfico{margin:2px 19px 0 0;background:none;line-height:18px;padding-bottom:0px !important;}
.manufacturing ul li.first{border-top:none;}

.manufacturing ul li.last{border-bottom:none;}
.manufacturing ul li a:hover{text-decoration:none;}

.timekeeping-list{padding-bottom:5px;}
.timekeeping-list li{text-transform:uppercase;padding-left:0px; padding-bottom: 17px; font-size:12px;line-height:18px;color:#666666;}
.timekeeping-list li span{padding:2px 5px 0 0;color:#ffb500;font-size:14px;line-height:20px;}
.versionsinfo{}
.versionsinfo li{color:#666666;font-size:12px;line-height:18px;padding-right:25px;padding-bottom:39px;}
.versionsinfo li.last{padding-bottom:18px;}
.versionsinfo li .noList {padding-right:26px;width:10px !important;color:#666666;font-size:12px;line-height:18px;padding-left:3px;}
.versionsinfo li div{width:382px;}
.versionsinfo li span{display:block;color:#666666;font-size:12px;line-height:18px;}
.versionsinfo li p{padding-bottom:0px;}
.versionsinfo li a{  
  color: #FFB500;
  font-size: 14px;
  line-height: 20px;
  padding: 0 8px 46px 0;}
.versionsinfo li a span{color:#ffb500;font-size:14px;line-height:20px;display:inline} 
.versions-dis{  color: #666666;
  font-size: 12px;
  line-height: 18px;
  padding: 0 0 17px 3px;
  width: 480px;}
.trainingteam{font-size:12px;line-height:18px;color:#666666;padding:0 0 0 3px;}
.trainingteamlURL{font-size:12px;line-height:18px;color:#666666;text-decoration:underline;padding-left:3px;}
.trainingteamlURL:hover{text-decoration:none;}


.widecolumnright{width:217px;;}
.customertitle{font-size:14px;line-height:15px;color:#666666;text-transform:uppercase;display:block;padding:7px 0 18px 0;}
.customer-dis{font-size:12px;line-height:18px;color:#666666;padding-bottom:7px;}

.brandlogo{}

.references .widecolumnleft h2, .widecolumnleft h1{padding:4px 0 19px 1px !important; }
/*End References*/

/*Productoverview*/


.banner .product {padding:42px 0 0 488px;}
.banner .product .titleline{color: #000000;
  font-size: 27px;
  line-height: 32px;
  padding-bottom: 15px; font-family: 'NotesWeb';}

.banner .product .guarantee{color: #878787;
  font-size: 19px;
  line-height:22px;
  padding-bottom: 15px;}

.productoverview .banner { background:url(/img/bgi/banner3.jpg) no-repeat top left; }

.productoverview .banner .onlinebanking {padding:42px 0 0 488px;}
.productoverview .banner .onlinebanking .titleline{color: #000000;
  font-size: 27px;
  line-height: 32px;
  padding-bottom: 15px; font-family: 'NotesWeb';}

.productoverview .banner .onlinebanking .guarantee{color: #878787;
  font-size: 19px;
  line-height:22px;
  padding-bottom: 15px;}

.productoverview .widecolumnleft{width:480px;padding-bottom:13px;}
.productoverview .widecolumnleft h2{padding:3px 0 0 1px;}
.productoverview .time-attendance-dis{font-size:16px;line-height:25px;color:#666666;}
.productOverviewColumn {margin-bottom: 50px;display: inline-block;}
.productOverviewColumn h3 {font-weight: bold;padding-bottom: 10px;font-size: 14px;line-height: 15px;color: black;}
.productOverviewPic {padding-right: 10px;vertical-align: top;display: inline-block;}
.productOverviewDesc {display: inline-block;width:273px;}
.productOverviewDesc ul {margin-left: 20px; list-style-type:square; font-style:italic;}
.productOverviewDesc .applications {margin-top:10px;}
a.theproduct{display: block; padding-top:10px;font-size: 14px;line-height: 20px;color: #FFB500;text-transform: uppercase;}

.productPressFotoDesc {display: inline-block;}
.productPressFotoDesc ul {margin-left: 20px; list-style-type:square; font-style:italic;}
.productPressFotoDesc .applications {margin-top:10px;}

.pulvinar{}
.pulvinarheading{font-size:12px;line-height:18px;color:#666666;font-weight:bold;}
.pulvinar p{font-size:12px; line-height:18px;color:#666666;padding-bottom:18px;}

.modeltitle{padding-top:38px !important;}
.modelslist{padding:16px 0 45px;}
.modelslist li{float:left;margin-right:18px;}
.modelslist li.last{margin-right:0px;}
.modelslist li a{display:block;padding-bottom:10px;}
.modelslist li span{display:block;font-size:14px;line-height:19px;color:#878787;width:115px;text-align:center;}
.modelslist li span strong em{font-style:italic;}
.productoverview .widecolumnright{width:238px}

.widecolumnright .gratis{padding:3px 0 0 27px;}

.videoguide{padding:70px 0 0 0;}
.videoguide .videolink{font-size:14px;line-height:20px;color:#ffb500;display:block; padding-left: 4px;
  padding-top: 4px;
  width:105px;}
.videolink span{padding-left:6px;padding-top:1px;}
.videoinfo{padding:42px 0 0 5px;}
.videoinfo span{display:block; font-size:12px;line-height:16px;color:#000000;text-transform:uppercase;padding-bottom:17px;}
.videoinfo p{font-size:12px;line-height:18px;color:#666666;padding-bottom:19px;}
.videoinfo p.last{padding-bottom:0;}
.videoinfo a{font-size:12px;line-height:18px;color:#666666;text-decoration:underline;}
.videoinfo a:hover{text-decoration:none;}

.hide-in-ie8 {
  display: none \0/; /* IE8+9  */
}
.productoverview .widecolumnleft h2, .widecolumnleft h1{padding:1px 0 0px 1px;}
/*End Productoverview*/
/*recording*/
.recording #container{min-height:1269px;}
/*endrecording*/

/* End Secondary Content
--------------------------------------------------------------------------------------------------*/


/* =Footer
--------------------------------------------------------------------------------------------------*/
#footer {}
.footernews-block{background:#fff; padding:0 10px 19px; }
.fooerleft{width:500px;}
.fooerright{width:460px;}
#footer .news {border-top:1px solid #d1d0d0; border-bottom:1px solid #d1d0d0; margin-bottom:20px; padding-left:11px; }
#footer .news strong { font-size:12px; line-height:31px; color:#d0d0d0; font-weight:bold; }
#footer .news span { font-size:12px; line-height:31px; color:#d0d0d0; padding-left:16px; }

.footerbanners .box { height:130px; width:235px; margin-right:9px; }
.footerbanners .boxInside {height: 130px; width: 235px;position: absolute;}
/*.footerbanners .box p, .footerbanners .boxlast p{ font-size:12px; line-height:16px; color:#000000; padding:18px 0 10px 10px; width:120px; }*/
/*.footerbanners .box span, .footerbanners .boxlast span{ font-size:14px; line-height:20px; color:#ffb500; display:block; padding:0 0 0 11px; text-transform:uppercase; position: absolute; bottom:17px;}*/
.footerbanners .box span span, .footerbanners .boxlast span span { display: block; font-size: 12px; line-height: 16px; color: #000000; padding: 18px 0 10px 10px; width: 120px; text-transform: none; text-decoration: none;}
/*.footerbanners .box a, .footerbanners .boxlast a{ font-size:14px; line-height:20px; color:#ffb500; text-transform:uppercase;}*/

.footerbanners .boxlast { height:130px; width:235px; }
.footerbanners .newsletter {background: url(/img/bgi/footerbanner3.jpg) repeat top left;width: 235px;height: 130px;}
.footerbanners .newsletter p { font-size:12px; line-height:16px; color:#000000; padding:18px 0 10px 12px; width:217px; }
.footerbanners .newsletter label { color:#878787; font-size:12px; display:block; padding:2px 0 0 12px; }
.footerbanners .newsletter label input { width:205px; height:18px;   color: #878787;font-size: 12px;vertical-align:central;border:1px solid #878787; }
.footerbanners .newsletter a { font-size:14px; line-height:20px; color:#ffb500; display:block; padding:7px 0 0 9px; text-transform:uppercase; }

.fooerblock {padding:13px 0 0 10px; }
.fooerblock .links { padding:1px 0 7px 0;}
.fooerblock .links li { float:left; background:url(/img/bgi/footer-seprater.png) no-repeat right center; }
.fooerblock .links li.first a { background:none; padding-left:0px; }
.fooerblock .links li.last { background:none; }
.fooerblock .links li a { font-size:11px; color:#979797; padding:0 10px 0 11px; }
.fooerblock .footernav { }
.fooerblock .footernav li { float:left; background:none;padding:0 8px; }
.fooerblock .footernav li a { text-transform:uppercase; font-size:11px; line-height:22px; color:#878787;  }
.fooerblock .infoleft { width:160px; }
.fooerblock .infoleft span { color:#878787; font-size:9px; line-height:11px; font-weight:bold; display:block; }
.fooerblock .infoleft p { color:#878787; font-size:9px; line-height:12px; padding:0 0 10px; position:relative; margin-top:-2px;}

.socialnetworking{text-align:right;padding:12px 9px 0 0;}
.socialnetworking li{float:left; padding-left:5px;}
.socialnetworking li .fb{background:url(/img/bgi/fbico.png) no-repeat top left;display:block;height:27px;width:28px;}
.socialnetworking li .twitter{background:url(/img/bgi/twitterico.png) no-repeat top left;display:block;height:27px;width:28px;}

/* End Footer
--------------------------------------------------------------------------------------------------*/


/* =Forms
--------------------------------------------------------------------------------------------------*/

/* Removing fieldset borders (remove if you want to keep the defaults defined in Normalization) */
fieldset { border: 1px solid transparent; margin: 0; padding: 0; }
fieldset p { }
fieldset label { }
fieldset .input { }
fieldset textarea { }
.topDist { margin-top: 55px;}



/* End Forms
--------------------------------------------------------------------------------------------------*/

/* =Tables
--------------------------------------------------------------------------------------------------*/

/* End Tables
--------------------------------------------------------------------------------------------------*/


/* =Sidebar Logos
--------------------------------------------------------------------------------------------------*/
a.sidebarLogos{position: relative;padding: 0px 10px 10px 0;display: inline-block;height: 100%;}
a.sidebarLogos span{
  background: url(/img/front-logo.png);
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 5;
  top: 0;
  left:0;
}
a.sidebarLogos:hover span{display:none;}

/* End Sidebar Logos
--------------------------------------------------------------------------------------------------*/

/* =Search
--------------------------------------------------------------------------------------------------*/

.searchDisplay {clear:both;padding-top:10px;}
.clearfix:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */



.searchDisplay a.noArrow {
  background:none;
  padding: 0 10px 0 0;
  float:left;
}

.searchDisplay a {
  background: url(/img/bgi/productarrow.png) no-repeat 0 11px;
  padding: 5px 0 5px 17px;
  color: #878787;
  font-weight:bold;
  display: block;
}

.searchLinkTop {clear: both; padding-top: 10px;}

/* End Search
--------------------------------------------------------------------------------------------------*/

/* =Search Popup
--------------------------------------------------------------------------------------------------*/
.result{position:relative}

#search.results .drop-down{
  z-index:10000;
  display:inline;
  position: absolute;
  left: 8px;
  top:33px;
}

.ieSearchList{display:block;}

.lang .ieSearchList a{
  font-size: 12px;
  padding-left:0;
  line-height: 12px;
  color: #999;
  text-transform: uppercase;
}

.drop-down{
  z-index:10000;
  float:right;  
  position:absolute;
  top: 33px;
  border:1px solid #CCD5DD;
  width:405px;
  background-color:white;
  display:none;
  margin-left:560px;
  border-radius: 3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  -khtml-border-radius:3px;
}

.drop-down p#searchAllContainer {
  text-align:right;
  margin-top:10px;
  margin-right:10px;
  margin-bottom:10px;
}

.drop-down .searchModul {
  clear:both;
  display:block;
  text-transform: uppercase;
  font-weight:bold;
  background-color: #b7b8ba;
  padding:0.7em 0.9em;
  border-bottom: 0.100em solid #ffffff;
}
.drop-down .searchModul p {
  margin-top:0;
  margin-bottom:0;
}

.drop-down .searchModul p.noResults {
  font-size:11px;
}

.drop-down img.pointer {
  display: block;
  height: 0.7em;
  margin: -0.1em 0px 10px 16px;
  position: relative;
}

.drop-down ul.search-results {
  background-color:white;
  margin-top:0;
  margin-bottom:1.5em;
  margin-left:22px;
  margin-right:10px;
}

.drop-down p.moduleNoResults {
  margin-bottom:1.5em;
  margin-left:22px;
}

.drop-down ul.search-results li {
  background: url(/img/bgi/productarrow.png) no-repeat 0 12px;
  padding: 10px 0 5px 15px;
  min-width: 172px;
}

.drop-down a.more {
  font-size: 15px;
  text-decoration:none;
  color:#707070;
}
.drop-down a.more:hover {
  text-decoration:none;
  color:#FFB500;
}

.drop-down p.ddSearchText {
  margin:0;
}

/* End Search Popup
--------------------------------------------------------------------------------------------------*/


/* =Similar Products
--------------------------------------------------------------------------------------------------*/

.similarProducts a{
  float: left;
  display: block;
  width: 80px;
  height: 140px;
  padding: 10px 20px 10px 0;
}
.similarProducts span{display: block;padding-top: 10px;}

/* End Similar Products
--------------------------------------------------------------------------------------------------*/


/* =Additional 2
--------------------------------------------------------------------------------------------------*/

.productOverviewPage{z-index: 1; position: relative; background-color:white;}
dt a{
  display: block;
  margin: 10px 0;
  font-size: 15px;
  color: black;
  cursor:default !important;
}

dt a:hover{text-decoration:none;cursor:default;}

dt{
  color: #878787;
  font-weight: bold;
}
dd {padding: 5px 0 10px;}

.partnerItem {margin-bottom: 20px;}
.contactPersonImg img{border: 0px solid #e8e8e8; margin-right:30px;}

.contactPerson {display: inline-block; width: 480px;margin-bottom: 20px;}
.contactPersonData li.data {margin-top:3px;}
.contactPersonData li.cpListSpace {margin-top:20px;}
.subscribe-btn{
  border: 0;
  background: none;
  font-size: 14px;
  line-height: 20px;
  color: #FFB500;
  display: block;
  padding: 6px 0 0 11px;
  text-transform: uppercase;
}
.subscribe-btn:hover{text-decoration:underline;}

/* End Additional 2
--------------------------------------------------------------------------------------------------*/

/* =Tooltips
--------------------------------------------------------------------------------------------------*/

.accessibility {
  /* padding: 1px 2px; */
  /*color: #878787; */
  /*text-decoration:underline;*/
  border-bottom: 1px dashed #666666;
}

a.noDecoration {color:#666666}
a.noDecoration:hover{text-decoration:none;}

#overDiv.reinerPop {
  font-size: 1.2em;
}

#overDiv.reinerPop hr {
  margin: 0;
  padding: 0;
}

#overDiv.reinerPop .tooltip {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 300px;
  border: 1px solid #818181 !important;
  /*font: 11px/15px Arial, Helvetica, sans-serif;*/
  color: #3b3b3b;
  background: #fff;
  padding: 8px 11px;
  overflow: visible;
}

#overDiv.reinerPop .tooltip p {
  margin: 0;
  /*font: 11px/15px Arial, Helvetica, sans-serif;*/
}


/* End Tooltips
--------------------------------------------------------------------------------------------------*/

/* =Sitemap
--------------------------------------------------------------------------------------------------*/

.sitemap ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.sitemap ul li {
  margin: 0;
  padding: 4px 0 2px 5px;
  border-top: 1px solid #878787;
}
.sitemap p {
  margin: 0;
  padding: 0 0 3px 0;
  
}

.sitemap ul.level_0 {
  margin-left:0;
}
.sitemap ul.level_1 {
  margin-left:10px;
}
.sitemap ul.level_2 {
  margin-left:20px;
}
.sitemap ul.level_3 {
  margin-left:25px;
}

.sitemap ul.level_0 li {
}
.sitemap ul.level_1 li {
}
.sitemap ul.level_2 li {
}
.sitemap ul.level_3 li {
}

.sitemap ul.level_0 p {
  font-size:14px;
}
.sitemap ul.level_1 p {
  font-size:14px;
}
.sitemap ul.level_2 p {
  font-size:13px;
}
.sitemap ul.level_3 p {
  font-size:12px;
}


/* End Sitemap
--------------------------------------------------------------------------------------------------*/

/* = Presse
--------------------------------------------------------------------------------------------------*/

.fotoArchiv {padding:0 1px;margin-bottom:40px;}
.fotoArchiv h2{
  background: #878787;
  color: white;
  font-size: 14px;
  height: 20px;
  padding: 0 0 3px 10px;
}

.archivBody{
  height: 285px;
  border-left: 2px solid #878787;
  border-bottom: 2px solid #878787;
}

ul li.archivBodyInner{
  width: 117px;
  margin: 0;
  padding: 0;
  border-right: 2px solid #878787;
  height: 285px;
  float: left;
}


.archivImg {height: 189px;display:block;text-align:center;padding-top:5px;}

.archivData{
  display:block;
  background:#f4f4f4;
  color:#8f8f8f;
  height:71px;
  padding: 10px;
}
.clear{clear:both;}

.pressTextDate{float:left;width:80px;}
.pressTextContent{float:right;width:400px}
.pressListDate {clear: both; padding-bottom: 10px;}
.pressListDate h3{ color: black;font-weight: bold;}
.chronikImg {margin-right: 20px;float: left;width: 150px;}
.chronikTextContent{float: right;width: 310px;}
.pressTextHeadline{padding-bottom:10px;font-weight:bold;}

.pressListDate span, .pressTextContent span.arrow{
  padding: 2px 5px 0 5px;
  color: #FFB500;
  font-size: 14px;
  line-height: 11px;
}

/* End Presse
--------------------------------------------------------------------------------------------------*/

/* = Downloads
--------------------------------------------------------------------------------------------------*/
.downloads h3 {
  margin-bottom: 10px;
}

.downloads table { 
  border-collapse: separate;
  border-spacing: 2px;
  margin-bottom: 15px;
}
.downloads table th { 
  font-weight: bold;
  background-color: #EDEDEC;
  padding: 4px 8px;
}
.downloads table td { 
  background-color: #EDEDEC;
  padding: 4px 8px;
}
.rfidOverview.alignleft {
  width: 300px;
}
.formone li span.rfidDownload {padding-left:20px;width: 478px;min-height: 130px;}
.rfidLeft.alignleft {
  width: 185px;
}
.rfidRight.alignright {
  width: 110px;
}
.rfidRight.alignleft {
  padding: 6px 0 10px 0;
}

.downloadsWin.alignleft{padding-left:20px;width: 100px;}
.downloadsMac.alignleft{width: 100px;}
.downloadsTux.alignleft{width: 100px;}
h3.downloadsHeadline{
  font-family: NotesWeb, 'Trebuchet MS', Arial, Helvetica, sans-serif;
  
  color: black;
  font-size: 17px;}

/* End Downloads
--------------------------------------------------------------------------------------------------*/

#productGallery {height:160px;margin-bottom: 15px}
/*#productGallery {height:160px;margin-bottom: 15px;background-color:white;border:2px solid #dbdbdb;}*/
#productGallery .productStartGallery{text-align:center;}
#productGallery .productStartGallery ul {display:inline-block;}
#productGallery .productStartGallery li {display:inline-block;height: 140px;width:150px; margin:10px;}
#productGallery li span{display: table-cell;vertical-align: middle;height: 120px;width:150px; }
#productGallery li a{display: inline-block;}
#productGallery .navigationleft a{margin: 80px 0 0 20px;display: block}
#productGallery .navigationright a{margin: 80px 20px 0 0;display: block}

.messeList .greyBorder {margin-bottom:20px;border-bottom:2px solid #afafaf;}
.messeImg {width:150px;margin-right:20px;}
.messeBlock{padding-bottom: 20px;display: inline-block; width: 100%;}

.productteaser {display:inline-block;}
.productbox1 {width:475px; margin: 0 17px 0 0;}
.productbox2 {width:475px;}
.productboxlong {width:967px; margin: 0 0 17px 0;}
.productTeaserHigh{margin-bottom: 17px;height: 308px;padding: 10px; background-color:#f6f6f6;}
.productTeaserLong{margin-bottom: 17px;padding: 10px; background-color:#f6f6f6;}
.productTeaserLong .imgPadding {padding-left: 80px;}
.productTeaserImage{margin-bottom: 17px;}
.productTeaserSmall{padding: 10px;height:135px; margin-bottom: 17px;; background-color:#f6f6f6;}
.teaserIcon {padding-left:10px;height: 135px;width: 70px;float: left;}
.teaserIconHigh {padding-left:10px;height: 307px;width: 70px;float: left;}
.teaserIconLong {padding-left:10px;width: 70px;float: left;}
.moreInfo { font-size:14px; line-height:20px; color:#ffb500; display:block; text-transform:uppercase; bottom:17px;}
.moreInfo a{ font-size:14px; line-height:20px; color:#ffb500; text-transform:uppercase;}

.buttonnavi {float:left;padding-top: 20px;padding-left: 20px;float: left;}
.buttonnavi li {height:90px;}
.buttonnavi .carousel {display: inline-block;width:90px;height:90px;background: url(/img/360grad.png) no-repeat 0 0;text-indent:-9999px;}
.buttonnavi .carouselOn, li.button360d a.active {display: inline-block;width:90px;height:90px;background: url(/img/360grad-hover.png) no-repeat 0 0;text-indent:-9999px;}
.buttonnavi .carousel:hover {background: url(/img/360grad-hover.png) no-repeat 0 0;}
.buttonnavi .gallery {display: inline-block;width:90px;height:90px;background: url(/img/bildergalerie.png) no-repeat 0 0;text-indent:-9999px;}
.buttonnavi .galleryOn, li.buttonGallery a.active {display: inline-block;width:90px;height:90px;background: url(/img/bildergalerie-hover.png) no-repeat 0 0;text-indent:-9999px;}
.buttonnavi .gallery:hover {background: url(/img/bildergalerie-hover.png) no-repeat 0 0;}
.buttonnavi .video {display: inline-block;width:90px;height:90px;background: url(/img/video-standard.png) no-repeat 0 0;text-indent:-9999px;}
.buttonnavi .videoOn, li.buttonVideo a.active {display: inline-block;width:90px;height:90px;background: url(/img/video-hover.png) no-repeat 0 0;text-indent:-9999px;}
.buttonnavi .video:hover {background: url(/img/video-hover.png) no-repeat 0 0;}
.bordertop {margin-top: 10px;border-top: 1px solid black;padding-top: 10px;}
.nobordertop{border: 0;padding-top: 0;}
#productVideo{height:359px;overflow:hidden;position:relative;text-align: center;}
#product-video_wrapper{width:100% !important; height: 350px !important;}

#d_3d_1, #d_3d_2{width:330px;height:330px;overflow:hidden;position:relative;margin-left: 325px;}
#d_3d_1 .i3d, #d_3d_2 .i3d {position:absolute;top:0px;left:0px;}
.i3dcontrol {text-align: center;margin-top: 2px;}
.i3dcontrol img {border:0;}
ul.chronik li {display: block;clear: both;padding-bottom: 22px;}
.manufacturingNews ul li {padding: 10px 0;width:100%;display:inline-block !important;}
.manufacturingNews h4 {padding-bottom: 10px;font-weight: bold;}
ul.chronik h3{padding-bottom: 10px;}

.productOverviewBox1{margin-right: 10px; width: 355px;float:left;}
.productOverviewBox2{width: 355px;float:left;}

.findPartnerBox1{margin-right: 10px; width: 444px;float:left;margin-bottom:10px;}
.findPartnerBox2{width: 266px;float:left;}
/*Carousel: Beginn*/
.carousel {
  width: 970px;
  height: 150px;
  overflow: hidden;
  position:relative;
}

.carousel .middle {
  display: inline-block;
  width: 870px;
  height: 150px;
  overflow:hidden;
  padding-top:10px;
}

.carousel a.carousel-control{
  display: block;
  width: 50px;
  height: 150px;
  top: 0;
  position:absolute;
}

.carousel a.carousel-control.navigationleft{
  left:0;
}

.carousel a.carousel-control.navigationright{
  right:0;
}

.carousel a.carousel-control{
  display: block;
  width: 50px;
  height: 150px;
}

.carousel a.carousel-control img{
  margin-top:75px;
}

.carousel .slide {
  float:left;
  height: 150px;
  width: 174px;
}

.carousel .slide.active {
  color: #FFB500;
}

.carousel .slide a {
  display: inline-block;
}

.carousel .slide p {
  white-space:nowrap;
}

.carousel .slide span {
  display: table-cell;
  vertical-align: middle;
  height: 120px;
  width: 174px;
}
/*Carousel: End*/

/*Produkt-Galerie: Beginn*/
#productImages{
  overflow: hidden;
  text-align: center;
}

#productImagesContainer{    
  display:inline-block;     
  position: relative;     
  width:490px;
  
}   

#productImagesContainer .productImagesMiddle{
  display: inline-block;
  width: 330px;
  height: 330px;
  overflow: hidden;      
}

#productImagesContainer .inner{  
  width: 2088px;
}


#productImagesContainer .inner img{
  float:left;
  /*height: 330px;
  width: 330px;*/
}


.productImgsNavLeft, .productImgsNavRight{
  display: block;      
  top: 0;
  position: absolute;
}

.productImgsNavLeft{
  left: 0;
  
} 

.productImgsNavRight{
  right: 0;
} 

.productImgsNavLeft img, .productImgsNavRight img{
  margin-top: 158px;
}

.imgContainer{
  display: table-cell;
  vertical-align: middle;
  height: 120px;
  width: 174px;
}

a.productImgsControls {      
  display: inline-block;    
  height: 26px;
  overflow: hidden;
  border: 2px solid #e2e2e2;
  text-decoration:none;
}    

a.thumbActive{
  border: 2px solid #ffcd3f;
}

a.productImgsControls:hover{      
  border: 2px solid #ffcd3f;
}

.productImgsControls img{
  margin-top: -22px;
  vertical-align: middle;
} 

.noImages{
  width: 240px;
  margin-top: 30px;      
}  
/*Produkt-Galerie: End*/

/*Anpassungen: Unternehmen -> Chronik*/
.sepLine{
  border-bottom: 2px solid #E8E8E8;
  margin-bottom: 18px;
}

/*Anpassungen: Fehlermeldungen*/
p.fieldError{
  color: #FFA603;
  font-size: 12px;
  line-height: 18px;
} 
/*.errBorder{
  border: 1px solid #FFA603 ! important;
  margin-bottom: 8px;
}*/

#reiner .errBorder input,
#reiner .errBorder textarea {
  border-color: #b11116;
  margin-bottom: 0;
  background-color: #fce5e6;
}
#reiner .errBorder {
  margin-bottom: .5em;
  color: #b11116;
}

#reiner .error {
  margin-bottom: 1em
}

/*Anpassungen: Text-Editor*/
div.textDist{
  margin-bottom: 20px;
}
.download-button{display:inline-block; width:140px; height:23px; background: url(/img/rsct_button_download.gif) 0 0;text-indent:-9999px;}
.download-button:hover {background: url(/img/rsct_button_download.gif) 0 -23px;}

.shop-button{display:inline-block; width:103px; height:23px; background: url(/img/rsct_button_shop.gif) 0 0;text-indent:-9999px;}
.shop-button:hover {background: url(/img/rsct_button_shop.gif) 0 -23px;}

.jetzt-kaufen-button{display:inline-block; width:142px; height:23px; background: url(/img/rsct_button_jetzt_kaufen.gif) 0 0;text-indent:-9999px;}
.jetzt-kaufen-button:hover {background: url(/img/rsct_button_jetzt_kaufen.gif) 0 -23px;}

.bestellen-button{display:inline-block; width:103px; height:23px; background: url(/img/rsct_button_bestellen.gif) 0 0;text-indent:-9999px;}
.bestellen-button:hover {background: url(/img/rsct_button_bestellen.gif) 0 -23px;}

.dataSheet {margin: 10px 0 20px 0;text-align: center;}
.dataSheet-button {display:inline-block; width:118px; height:22px; background: url(/img/buttons/button_datenblatt.gif) 0 0;text-indent:-9999px;}
.dataSheet-button:hover {background: url(/img/buttons/button_datenblatt.gif) 0 -22px;}

.flyer {margin: 10px 0 20px 0;text-align: center;}
.flyer-button{display:inline-block; width:118px; height:22px; background: url(/img/buttons/button_prospekt.gif) 0 0;text-indent:-9999px;}
.flyer-button:hover {background: url(/img/buttons/button_prospekt.gif) 0 -22px;}

.btn-login{display:inline-block; width:154px; height:62px; background: url(/img/buttons/btn_login.gif) 0 0;text-indent:-9999px;}
.btn-login:hover {background: url(/img/buttons/btn_login.gif) 0 -62px;}

.btn-software-testen{display:inline-block; width:154px; height:62px; background: url(/img/buttons/btn_software_testen.gif) 0 0;text-indent:-9999px;}
.btn-software-testen:hover {background: url(/img/buttons/btn_software_testen.gif) 0 -62px;}

.btn-demo-cd{display:inline-block; width:154px; height:62px; background: url(/img/buttons/btn_demo_cd.gif) 0 0;text-indent:-9999px;}
.btn-demo-cd:hover {background: url(/img/buttons/btn_demo_cd.gif) 0 -62px;}

.productShopImage {margin: 10px 0;text-align:center;}
.productBuyNow {margin: 10px 0 20px 0;text-align:center;}
.awardHeadline {border-top: 1px solid #d7d7d7; padding: 20px 0 10px;text-align:center;}
.awardImage {text-align: center;margin: 10px 0;}


.headerBottomDist{
  padding-bottom: 0 ! important;
}

dt a:target {
  color:#FFB500;
  padding-top: 60px;
}

.certifiedPartner {width:100%; height:87px; background-color:#dbdbdb; border-bottom: 1px solid #c0bfbf;display: inline-block;position:relative;margin-top:80px;}
.iconCertifiedPartner {display: inline-block;width: 94px;padding-left: 35px;position: absolute;top: -23px;}
.headlineCertifiedPartner {display: inline-block;padding: 40px 0 0 145px;font-size: 20px;color: black;}
.boxCertifiedPartner {height: 90px;padding: 25px 0 25px 40px;height:px;background-color:#dbdbdb;border-bottom: 1px solid #ffffff;}
.boxCertifiedPartner .partnerLogo {margin-right:10px;display:inline-block;width:215px;}
.boxCertifiedPartner .address {margin-right:10px;display:inline-block;width:220px;}

.sellingPartner, .servicePartner {width:100%; height:87px; background-color:#eaeaea; border-bottom: 1px solid #c0bfbf;display: inline-block;position:relative;margin-top:80px;}
.iconSellingPartner, .iconServicePartner {display: inline-block;width: 94px;padding-left: 35px;position: absolute;top: -23px;}
.headlineSellingPartner,.headlineServicePartner  {display: inline-block;padding: 40px 0 0 145px;font-size: 20px;color: black;}
.boxSellingPartner, .boxServicePartner {height: 90px;padding: 25px 0 25px 40px;height:px;background-color:#eaeaea;border-bottom: 1px solid #ffffff;}
.boxSellingPartner .partnerLogo, .boxServicePartner .partnerLogo {margin-right:10px;display:inline-block;width:215px;}
.boxSellingPartner .address,.boxServicePartner .address {margin-right:10px;display:inline-block;width:220px;}

.simplePartner {width:100%; height:87px; background-color:#ffffff; border-bottom: 1px solid #c0bfbf;display: inline-block;position:relative;margin-top:40px;}
.headlineSimplePartner {display: inline-block;padding: 40px 0 0 40px;font-size: 20px;color: black;}
.boxSimplePartner {height: 90px;padding: 25px 0 25px 40px;height:px;background-color:#ffffff;border-bottom: 1px solid #ffffff;}
.boxSimplePartner .partnerLogo {margin-right:10px;display:inline-block;width:215px;}
.boxSimplePartner .address {margin-right:10px;display:inline-block;width:220px;}


.partnerSearch {margin-bottom:40px;}
.partnerAttribute {margin-bottom: 15px;width: 220px;display: inline-block;}
.partnerAttribute .skills {margin: 0; padding: 0 15px 0 0;}
.internet {margin: 0; padding: 0 15px 0 0;}

#productStore ul {
  margin-left: 20px;
  list-style-type: square;
}
.productTeaserHigh ul.bulletorange li {margin-left:80px;}
.carousel .slide span.trademark,span.trademark {
  /*vertical-align: super*/;
  font-size: 0.8em;
  display: inline-block;
  height: auto;
  width: auto;
  position: relative;
  top: -4px;
  background: none;
  left: 2px;
  font-weight: normal;
}
/* test */

.productPrice {
  padding: 10px 0;
  font-size:18px;
  text-align: center;
  color: #000000;
}

.productPriceOffer {
  padding: 10px 0;
  font-size:18px;
  text-decoration: line-through;
  text-align: center;
  color: #000000;
}

.productOffer {
  padding: 0 0 10px 0;
  font-size:18px;
  text-align: center;
  color: #FF0000;
}

.banner .slider li {
  position: absolute;
  top: 107px;
  left: 10px;
  height: 460px;
  width: 100%;
  display: none;
}

.banner .slider .active {
  display: block;
  z-index: 10;
}

.banner .switcher {
  text-align:center;
  padding: 0 0 0 10px;
  margin: 0;
  list-style: none;
  position: absolute;
  width: 967px;
  bottom: 9px;
  left: 0;
  z-index: 30;
}
.banner .switcher li{
  text-indent:-9999px;
  
  width: 10px;
  display: inline-block;}

.banner .switcher a{
  display:block;
  width:9px;
  height:9px;
  text-indent:-9999px;
  overflow:hidden;
  background:url(/img/bgi/switcher.gif) no-repeat;
}
.banner .switcher .active a,
.banner .switcher a:hover{background-position: -15px 0;}
.checkboxDownloadEnable{margin-top:-3px;}
.smFacebook{
  display: inline-block;
  width: 25px;
  height: 25px;
  background: url(/img/socialmedia/FacebookLogo.jpg) 0 0;
  text-indent: -9999px;
  margin-right:10px;
}
.smGoogle{
  display: inline-block;
  width: 25px;
  height: 25px;
  background: url( /img/socialmedia/gooogleplus.jpg) 0 0;
  text-indent: -9999px;
  margin-right:10px;
}
.smXing{
  display: inline-block;
  width: 25px;
  height:25px;
  background: url(/img/socialmedia/xinglogo.jpg) 0 0;
  text-indent: -9999px;
  margin-right:10px;
}


a.red {
  font-weight: bold;
  text-decoration: underline;
  color: #FF0000;
  cursor: pointer !important;
}

a.red:hover {
  text-decoration:none;
}

.messeTextContent {width:310px;}
.manufacturingNews ul.bulletorange li {padding-left:20px;background: url(/img/bulletorange.gif) no-repeat 5px 17px;}

/* =Additional 1
--------------------------------------------------------------------------------------------------*/
/*@font-face {
font-family: 'notes-regular';
src: url(/font/NotesWeb-Regular.eot);
src: url(/font/NotesWeb-Regular.eot#iefix) format('embedded-opentype'),
url(/font/NotesWeb-Regular.woff) format('woff');         
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'notes-bold';
src: url(/font/NotesWeb-Bold.eot);
src: url(/font/NotesWeb-Bold.eot#iefix) format('embedded-opentype'),
url(/font/NotesWeb-Bold.woff) format('woff');
}
@font-face {
font-family: 'notes-bolditalic';
src: url(/font/NotesWeb-BoldItalic.eot);
src: url(/font/NotesWeb-BoldItalic.eot#iefix) format('embedded-opentype'),
url(/font/NotesWeb-BoldItalic.woff) format('woff');
}
*/

/*.support-page{font-family: 'notes-regular';}*/
.support-page .logo{border-bottom-width: 3px; padding-bottom: 9px;}
.support-page #logo{padding: 3px 0 0 9px;}
.support-page .search{margin-top: 11px;}
.support-page #mainNavigation{padding: 3px 0 0 30px;}
.support-page #mainNavigation li{margin-right: 18px;}
.support-page .inner-banner{padding-bottom: 26px;}
.support-page .subnavigation .pagetitle{width: 120px;}
.support-page .support-content{margin-right: 170px; padding-top: 18px;}
.support-page .sidenav li a{font-size: 14px; padding-left: 27px;}
.support-page .sidenav li.active a{background:url(/img/bgi/activeli.png) no-repeat center left; color: #000;}
/*.support-page .sidenav li a em{font-family: 'notes-bolditalic';}*/
.support-page .support-content .time-attendance-dis{width: 100%;}
.support-page .widecolumn h1{text-transform: inherit; padding-bottom: 80px;}
.support-page .accordion h2{background: #f6f6f6; line-height:39px; padding: 0; margin:0; font-size: 16px; text-transform: inherit; color: #666666; padding:0 50px 0 13px; position: relative;}
.support-page .accordion h2 .icon{padding-right: 12px;}
.support-page .accordion h2:after{content: ""; width: 16px; height: 16px; background: url(/img/bgi/accordian-arrow.png) no-repeat left top; right: 25px; top: 50%; margin-top: -8px; position: absolute;}
.support-page .accordion .accordion-block{padding-bottom: 20px;position:relative;}
.support-page .accordion .accordion-toggle-active h2:after{background-position: left bottom;}
.support-page .accordion .accordion-block .content{border: solid 1px #ebebeb; border-top: 0; padding: 15px 15px 68px;}
.support-page .accordion .accordion-block a.supportLink:hover, .support-page .accordion .accordion-block h2:hover {color:#FFB500;text-decoration:none;cursor:pointer;}
.support-page .search-form{padding:20px 0 51px;}
.support-page .search-form > *{float: left; color: #666666; font-size: 16px; line-height: 20px;}
.support-page .search-form input[type="text"]{width: 80px; border-top: 1px solid #d1d1d1; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; border-bottom: none; background: #f6f6f6; height: 20px; padding: 0 2px; color: #878787; vertical-align: center; margin-left: 3px; /*font-family: 'notes-regular';*/}
.support-page .search-form input[type="button"]{border:0; height: 20px; width: 38px; margin-left: 10px; background: #ffa603 url(/img/bgi/search-icon.png) center center no-repeat;}
.support-page .content .address li{float: left; width: 100%; color: #666666; padding-bottom: 23px; font-size: 16px;}
.support-page .content .address li.heading{color: #000; padding-bottom: 28px; /*font-family: 'notes-bold';*/}
.support-page .content .address li > p {float: left; width: 310px; padding: 0;}  
.support-page .content .address li > span{float: right; width: 170px;}
.support-page .content .address li p span{display: block;}
.support-page .content .address li p b{display: block; font-weight: normal; /*font-family: 'notes-bold';*/}

.support-page .footernews-block{padding-top: 13px;}
.support-page.tj .footernews-block{padding-top: 96px;}
.support-page .footerbanners > div{min-height: 130px; width: 235px; margin-right: 9px;}
.support-page .footerbanners .security { background-image:url(/img/bgi/footer-banner-01.jpg);}
.support-page .footerbanners .timecard { background-image:url(/img/bgi/footer-banner-02.jpg);}
.support-page .footerbanners .newsletter {background:url(/img/bgi/footer-banner-03.jpg) repeat-x;}
.support-page .footerbanners .to-shop { background-image:url(/img/bgi/footer-banner-04.jpg); margin-right: 0;}
.support-page .fooerblock .socialnetworking li{float: left; background: none; padding: 0 14px 0 0;}
.support-page .fooerblock .socialnetworking li a{padding: 0;}

.support-page .footerbanners > div > p{text-transform: inherit; min-height: 66px;font-size: 12px; line-height: 16px; color: #000000; padding: 18px 0 10px 10px;}
.support-page .footerbanners > div > p span{display: block;}
.support-page .footerbanners > div.newsletter > p{min-height: 1px;}
.support-page .footerbanners > div > a{padding-top: 0; font-size: 14px; line-height: 20px; color: #ffb500;display: block; padding: 0 0 0 11px; text-transform: uppercase;}

.support-page .widecolumn .secondary-page{padding-top: 0; margin-right: 51px;}
.support-page .widecolumn .secondary-page h1{padding-bottom: 19px; font-size: 22px; line-height: 26px;}
.support-page .widecolumn .secondary-page .time-attendance-dis{padding-top: 0; font-size: 14px; line-height: 18px; padding-bottom: 48px;}
.support-page .support-type{margin-left: -22px;}
.support-page .support-type li{float: left; margin-left: 23px; background: #f7f6f6; margin-bottom: 50px;width: 326px;}
.support-page .support-type li h2{background: url(/img/bgi/heading-arrow.png) no-repeat center right #bcb3b6; color: #fff; text-transform: inherit; /*font-family: 'notes-regular'*/; font-size: 16px; line-height: 28px; padding: 0 40px 0 18px;}
.support-page .support-type li h2 em{/*font-family: 'notes-bolditalic';*/}
.support-page .support-type li a {color:#fff;}
.support-page span.trademark {vertical-align:baseline;position: relative;top: -4px;background: none;left: 2px;}
.support-page .accordion-content, .support-page .accordion-block {background-color:#fff;}

.company-name span.blue {
  color: #174691;
}

.company-name span span b {
  font-family: 'notes-bolditalic';
}

.company-name b {
  font-family: 'notes-bold';
}

.carousel .slide span.company-name {
height: auto;
display: block;
}

.carousel .slide span.company-name span{
width: auto;
height: auto;
display: inline-block;
}
/* End Additional 1
--------------------------------------------------------------------------------------------------*/


/** Additional 2 - Timeline **/
.cd-container {
    /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
    width: 90%;
    max-width: 1170px;
    margin: 0 auto;
}

.cd-container::after {
    /* clearfix */
    content: '';
    display: table;
    clear: both;
}

#cd-timeline {
    position: relative;
    padding: 2em 0;
    margin-top: 2em;
    margin-bottom: 2em;
}

#cd-timeline::before {
    /* this is the vertical line */
    content: '';
    position: absolute;
    top: 0;
    left: 18px;
    height: 100%;
    width: 4px;
    background: #d7e4ed;
}

@media only screen and (min-width: 1170px) {
    #cd-timeline {
        margin-top: 3em;
        margin-bottom: 3em;
    }
    #cd-timeline::before {
        left: 50%;
        margin-left: -2px;
    }
}

.cd-timeline-block {
    position: relative;
    margin: 2em 0;
}

.cd-timeline-block:after {
    content: "";
    display: table;
    clear: both;
}

.cd-timeline-block:first-child {
    margin-top: 0;
}

.cd-timeline-block:last-child {
    margin-bottom: 0;
}

@media only screen and (min-width: 1170px) {
    .cd-timeline-block {
        margin: 4em 0;
    }
    .cd-timeline-block:first-child {
        margin-top: 0;
    }
    .cd-timeline-block:last-child {
        margin-bottom: 0;
    }
}

.cd-timeline-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
}

.cd-timeline-img img {
    display: block;
    width: 60px;
    height: 60px;
    position: relative;
    left: 20%;
    top: 20%;
    margin-left: -12px;
    margin-top: -12px;
}

.cd-timeline-img.cd-picture {
    background: #FFFFFF;
}

.cd-timeline-img.cd-movie {
    background: #c03b44;
}

.cd-timeline-img.cd-location {
    background: #f0ca45;
}

@media only screen and (min-width: 1170px) {
    .cd-timeline-img {
        width: 60px;
        height: 60px;
        left: 50%;
        margin-left: -30px;
        /* Force Hardware Acceleration in WebKit */
        -webkit-transform: translateZ(0);
        -webkit-backface-visibility: hidden;
    }
    .is-hidden,
    .is-hidden * {
        visibility: hidden;
    }
    .is-visible {
        -webkit-animation: cd-bounce-1 0.6s;
        -moz-animation: cd-bounce-1 0.6s;
        animation: cd-bounce-1 0.6s;
    }
    .cd-timeline-img.bounce-in {
        -webkit-animation: cd-bounce-1 0.6s;
        -moz-animation: cd-bounce-1 0.6s;
        animation: cd-bounce-1 0.6s;
    }
}

@-webkit-keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        -moz-transform: scale(0.5);
    }

    60% {
        opacity: 1;
        -moz-transform: scale(1.2);
    }

    100% {
        -moz-transform: scale(1);
    }
}

@keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        transform: scale(0.5);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

.cd-timeline-content {
    position: relative;
    margin-left: 60px;
    background: white;
    border-radius: 0.25em;
    padding: 1em;
    box-shadow: 0 3px 0 #d7e4ed;
}

.cd-timeline-content:after {
    content: "";
    display: table;
    clear: both;
}

.cd-timeline-content h2 {
    color: #303e49;
}

.cd-timeline-content p,
.cd-timeline-content .cd-read-more,
.cd-timeline-content .cd-date {
    font-size: 13px;
    font-size: 0.8125rem;
}

.cd-timeline-content .cd-read-more,
.cd-timeline-content .cd-date {
    display: inline-block;
}

.cd-timeline-content p {
    margin: 1em 0;
    line-height: 1.6;
}

.cd-timeline-content .cd-read-more {
    float: right;
    padding: .8em 1em;
    background: #acb7c0;
    color: white;
    border-radius: 0.25em;
}

.no-touch .cd-timeline-content .cd-read-more:hover {
    background-color: #bac4cb;
}

.cd-timeline-content .cd-date {
    float: left;
    padding: .8em 0;
    opacity: .7;
    color: #FBBA00;
    font-family: 'Notes-Regular';
    font-style: italic;
}

.cd-timeline-content::before {
    content: '';
    position: absolute;
    top: 16px;
    right: 100%;
    height: 0;
    width: 0;
    border: 7px solid transparent;
    border-right: 7px solid white;
}

@media only screen and (min-width: 768px) {
    .cd-timeline-content h2 {
        font-size: 20px;
        font-size: 1.25rem;
        font-family: 'Notes-Medium', 'Helvetica', 'Arial', sans-serif;
        color: #FBBA00;
    }
    .cd-timeline-content p {
        font-size: 16px;
        font-size: 100%;
        font-family: font-family: 'Notes-Regular', 'Helvetica', 'Arial', sans-serif;
    }
    .cd-timeline-content .cd-read-more,
    .cd-timeline-content .cd-date {
        font-size: 14px;
        font-size: 0.875rem;
    }
}

@media only screen and (min-width: 1170px) {
    .cd-timeline-content {
        margin-left: 0;
        padding: 1.6em;
        width: 45%;
    }
    .cd-timeline-content::before {
        top: 24px;
        left: 100%;
        border-color: transparent;
        border-left-color: white;
    }
    .cd-timeline-content .cd-read-more {
        float: left;
    }
    .cd-timeline-content .cd-date {
        position: absolute;
        width: 579px;
        left: 135%;
        top: 6px;
        font-size: 16px;
        font-size: 1rem;
        height: 177px;
        font-size: 50px;
    }
    .cd-timeline-block:nth-child(even) .cd-timeline-content {
        float: right;
    }
    .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
        top: 24px;
        left: auto;
        right: 100%;
        border-color: transparent;
        border-right-color: white;
    }
    .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
        float: right;
    }
    .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
        left: auto;
        right: 135%;
        text-align: right;        
    }
    .is-hidden {
        visibility: hidden;
        transform: translateX(-100px);
        -moz-transform: translateX(-100px);
        -webkit-transform: translateX(-100px);
    }
    .cd-timeline-block {
        visibility: visible;
    }
}

@media only screen and (min-width: 1170px) {
    /* inverse bounce effect on even content blocks */
    .cd-timeline-block:nth-child(even) {}
}

.is-visible {
    -webkit-animation: cd-bounce-2 0.6s;
    -moz-animation: cd-bounce-2 0.6s;
    animation: cd-bounce-2 0.6s;
}

.is-visible:nth-child(even) {
    -webkit-animation: cd-bounce-2-inverse 0.6s;
    -moz-animation: cd-bounce-2-inverse 0.6s;
    animation: cd-bounce-2-inverse 0.6s;
}



@-webkit-keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(20px);
    }

    100% {
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100px);
    }

    60% {
        opacity: 1;
        -moz-transform: translateX(20px);
    }

    100% {
        -moz-transform: translateX(0);
    }
}

@keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px);
        -moz-transform: translateX(-100px);
        -ms-transform: translateX(-100px);
        -o-transform: translateX(-100px);
        transform: translateX(-100px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        -moz-transform: translateX(20px);
        -ms-transform: translateX(20px);
        -o-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes cd-bounce-2-inverse {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
    }

    100% {
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes cd-bounce-2-inverse {
    0% {
        opacity: 0;
        -moz-transform: translateX(100px);
    }

    60% {
        opacity: 1;
        -moz-transform: translateX(-20px);
    }

    100% {
        -moz-transform: translateX(0);
    }
}

@keyframes cd-bounce-2-inverse {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px);
        -moz-transform: translateX(100px);
        -ms-transform: translateX(100px);
        -o-transform: translateX(100px);
        transform: translateX(100px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        -moz-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        -o-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}


body #CybotCookiebotDialog a, 
body #CybotCookiebotDialog div, 
body #CybotCookiebotDialogBodyContentControls, 
body #CybotCookiebotDialogBodyContentTitle {
    font: 14px/18px NotesWeb, "Trebuchet MS", Arial, Helvetica, sans-serif; 
}

body #CybotCookiebotDialogBodyContentTitle {
    font-size: 20px;
    line-height: 28px;
    color: #000;
}

body #CybotCookiebotDialog {
    border-width: 2px!important;
    border-radius: 0 !important;
    border-color: #ededec !important;
}