/* CSC DEFAULT */
.top {width:1200px; margin:0 auto; height:26px; line-height:26px; text-align:right}
.top a {margin:0 8px; text-decoration:none}
.top a.current {text-decoration:underline}
/* Captions */
DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; }
DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; }
DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; }

/* Needed for noRows setting */
DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display:inline; }


DIV.csc-textpic-imagewrap { padding: 0; }

DIV.csc-textpic IMG { border: none; }

/* DIV: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float:left; }

/* UL: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0;padding: 0; }
DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; margin: 0;padding: 0; }

/* DL: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float:left; }
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float:none; }
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float:none; }
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG {border: none; } /* FE-Editing Icons */
DL.csc-textpic-image { margin: 0; }
DL.csc-textpic-image DT { margin: 0; display: inline; }
DL.csc-textpic-image DD { margin: 0; }

/* Clearer */
DIV.csc-textpic-clear { clear: both; }

/* Margins around images: */

/* Pictures on left, add margin on right */
DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap
.csc-textpic-image,
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
        display: inline; /* IE fix for double-margin bug */
}

/* Pictures on right, add margin on left */
DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap.csc-textpic-image,
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
        display: inline; /* IE fix for double-margin bug */
}

/* Pictures centered, add margin on left */
DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
        display: inline; /* IE fix for double-margin bug */
}
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; }
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin:0; }

/* Space below each image (also in-between rows) */
DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow {display: block; }
DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; }

/* No margins around the whole image-block */
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol {margin-left: 0px !important; }
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol {margin-right: 0px !important; }


/* Above */
DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; }

/* Center (above or below) */
DIV.csc-textpic-center { text-align: center; /* IE-hack */ }
DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; }
DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {text-align: left; /* Remove IE-hack */ }
DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ }

/* Right (above or below) */
DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; }
DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }

/* Left (above or below) */
DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; }
DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }

/* Left (in text) */
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; }

/* Right (in text) */
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; }

/* Right (in text, no wrap around) */
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float:right; clear: both; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height:1%; }
/* End hide from IE5/mac */

/* Left (in text, no wrap around) */
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left;clear: both; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; }
/* End hide from IE5/mac */
        

.os-animation{
    opacity: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity:0.0;
    -khtml-opacity: 0.0;
}  
.os-animation.animated{
    opacity: 1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity:1.0;
    -khtml-opacity: 1.0;
}   

.footer_block {
    transform-origin: center bottom;
}

.hidden {
    display: none;
}

.loading {
	display:none;
    position:fixed;
    width:100%;
    height:100%;
    background: #fff url('../loading.html') no-repeat 50% 50%;
    -webkit-transition: background-color 0;
    transition: background-color 0;        
    z-index: 1000;
}

.gradient {
    background: linear-gradient(top, #1d425e 0%, #2d5c80 100%, #2d5c80 100%);
    background: -moz-linear-gradient(top, #1d425e 0%, #2d5c80 100%, #2d5c80 100%);
    background: -webkit-linear-gradient(top, #1d425e 0%, #2d5c80 100%, #2d5c80 100%);
    background: -ms-linear-gradient(top, #1d425e 0%, #2d5c80 100%, #2d5c80 100%);
    background: -o-linear-gradient(top, #1d425e 0%, #2d5c80 100%, #2d5c80 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#1d425e, endColorstr=#2d5c80,GradientType=1);
}

.gradient_blue {
    background: linear-gradient(top, #4679a0 0%, #2e5e82 100%, #2e5e82 100%);
    background: -moz-linear-gradient(top, #4679a0 0%, #2e5e82 100%, #2e5e82 100%);
    background: -webkit-linear-gradient(top, #4679a0 0%, #2e5e82 100%, #2e5e82 100%);
    background: -ms-linear-gradient(top, #4679a0 0%, #2e5e82 100%, #2e5e82 100%);
    background: -o-linear-gradient(top, #4679a0 0%, #2e5e82 100%, #2e5e82 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4679a0, endColorstr=#2e5e82,GradientType=1);   
}


.gradient_green {
    background-color: #a1be1a;
    background: linear-gradient(top, #a1be1a 0%, #788e12 100%, #788e12 100%);
    background: -moz-linear-gradient(top, #a1be1a 0%, #788e12 100%, #788e12 100%);
    background: -webkit-linear-gradient(top, #a1be1a 0%, #788e12 100%, #788e12 100%);
    background: -ms-linear-gradient(top, #a1be1a 0%, #788e12 100%, #788e12 100%);
    background: -o-linear-gradient(top, #a1be1a 0%, #788e12 100%, #788e12 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#a1be1a, endColorstr=#788e12,GradientType=1);       
}

.button {
    height: 28px;
    line-height: 28px;
    background-image: url('../button-bg.html');
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 14px !important;
    color: #8b8b8b;
    display: block;
    padding-left: 8px;
    padding-right: 50px;
    border: 0;
    text-decoration: none;
    min-width: 87px;
    position: relative;
}

select.button {
    min-width: 145px;
}

.icon-world {
    background-image: url('../icon-world.html');
    background-position: right center;
    width: 42px;
    height: 28px;
    display: inline-block;
    background-repeat: no-repeat;
    position: absolute;
    right: 7px;
    top: 0;
}


.icon-home {
    background-image: url('../icon-home.html');
    background-position: right center;
    width: 42px;
    height: 28px;
    display: inline-block;
    background-repeat: no-repeat;
    position: absolute;
    right: 7px;
    top: 0;
}

/*  MAIN STYLES START */

.clear {
    clear:both;
}
.center {
    max-width:1280px;
    width:100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

body, p, div, a, h1, h2, h3, h4, h5, h6 {
    font-family: Arial, 'sans-serif';
    color: #333333;        
}

/* OTHER STYLES */

header {
    min-height: 350px;
    background-image: url('../jpg/header-bg.jpg');
}

header.start {
    background: url(../jpg/neu_header_start.jpg) no-repeat 35% 83px #57769c;
    min-height: 496px;
}

header .company .stage.start {
    height: 350px;
    
}

header .company.start {
    height: 350px;
}


section.main {
    padding-top: 50px;
    min-height: 200px;
    /*
    background: url(.././images/content-bg-small.jpg) no-repeat center bottom;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    */
}

.content-bottom-logo .center {
    text-align: center;
}

.content-bottom-logo .center img {
    max-width: 100%;
    height: auto;
}

header nav.lang .center > ul,
.company .logo {
    margin-left: 20px;
}

section.main aside.sidebar {
    width: 303px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */    
    padding-left: 20px;
    overflow: visible;
}

section.main section.content {
    padding-left: 302px;
    padding-right: 20px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */    
    width: 100%;
    min-height:500px;
}

section.main section.content .transparent {
    padding-left: 20px;
    padding-right:20px;
    padding-bottom:20px;
}

section.main section.content h1,
section.main section.content h2,
section.main section.content h3,
section.main section.content h4,
section.main section.content h5,
section.main section.content h6 {
    color: #1e435f;
    margin-top:0;
    padding-top: 0;
}



.transparent {
    background-image: url('../png/transparent2.png');
}

footer {
    padding-left: 20px;
    padding-right: 20px;
    min-height: 326px;
    clear:both;
}

header .lang {        
    min-height: 83px;
    background-color: #fff;
}


header.start .lang {
    height: 83px;
}
header .lang .current { text-decoration:underline}

header .company {
    height: 286px;
}

header .main {
    min-height: 63px;
    width: 100%;
}

header ul {
    margin:0;
    padding:0;
}

header ul li {
    float:left;
}
header .lang ul {
    display: inline-block;
	margin-top: 24px;
	margin-bottom: 25px;
}
header .lang li {
    margin-right: 15px;
}

header .main {
    background-image: url('../jpg/header-nav-bg.jpg');
}

header .main li {
    height:63px;
    line-height: 63px;
}

header .main li a {
    height:63px;
    line-height: 63px;
    display: block;
    padding-left:20px;
    padding-right:20px;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
}

header .main li a:hover, header .main li.active a {
    background-image: url('../jpg/header-nav-hover.jpg');
}

header .company .stage {
    height: 286px;
    position: relative;
    overflow: hidden;
}


header .company .stage .background {
    position: absolute;
    right:0;
    top: 0;
}
header .company .stage .text h1 {
    margin-left: 120px;    
}
header .company .stage .text h1,
header .company .stage .text h1 a {
    color: #fff;
    font-size: 45px;
    line-height: 45px;
    text-decoration: none;
}


footer .footer .footer_left { float:left; color:#FFF; font-size:14px}
footer .footer .footer_right { float:right; color:#FFF; font-size:14px}

footer nav.footer {
    padding-top: 38px;
}
footer nav.footer ul {
    margin:0;
    padding:0;
}

footer nav.footer ul li a {
    color: #fff;
    text-decoration: none;
    font-size:13px;
    line-height: 21px;
}

footer nav.footer ul.level1 > li > a {
    border-bottom: 1px solid #fff;
    text-transform: uppercase;
    display: block;
    min-width: 165px;
    
}
aside nav.subnav ul {
    margin-top:0;
    padding-top:0;
}

footer nav.footer ul li a:hover, footer nav.footer ul li.active a {
    color: #a3c01a;
}

footer nav.footer ul.level1 > li {
    margin-right:120px;
    margin-bottom: 20px;
    float:left;
}
footer nav.footer ul.level2 > li {
    float:none;
}

aside nav.subnav ul {
    margin-left: 0;
    padding-left: 0;
}

aside nav.subnav ul ul a {
    padding-left: 20px;
}

aside nav.subnav ul li a {
    color: #333333;
    text-decoration: none;
    line-height: 23px;
    font-size:15px;
    display:block;
    font-weight: bold;
     background-color: #fff;
     padding-top: 10px;
    padding-bottom: 10px;
   
}

aside nav.subnav ul li a:hover,aside nav.subnav ul li.active a {
    color: #a3c01a;
}

aside nav.subnav ul li li a {
    color: #333333 !important;
}
aside nav.subnav ul li li.active a {
    color: #a3c01a !important;
}

aside nav.subnav > ul > li {
    border-top: 1px solid #000;
    overflow: hidden;
}

aside nav.subnav > ul > li > ul {
    margin-bottom: 0;
    border-top: 1px solid #000;

    display:none;
    
     /*
    -webkit-transform: translateY(-300px);
    -moz-transform: translateY(-300px);
    -o-transform: translateY(-300px);
    transform: translateY(-300px);
    */
   
}


aside nav.subnav > ul > li.active > ul {
    display:block;
    
     /*
     -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
   
    -webkit-transition: 300ms ease all;
    -moz-transition: 300ms ease all;
    -o-transition: 300ms ease all;
    transition: 300ms ease all;
    */
}


section.product .introduction h3, 
section.product .introduction h2 {
    color: #1e435f;
    font-size: 20px;
    line-height: 20px;
}


section.product .introduction {
    font-size: 16px;
    line-height: 20px;
    color: #333333;
}

.textblock .content_right ul li,
section.product .introduction ul li {
    list-style-image: url('../png/content-list-check.png');
    margin-bottom: 10px;
}

section.product ul {
    padding-left: 0px;
    margin-left: 0;
}

section.product .logobox ul ul {
    padding-left: 20px;
}

section.product .logobox ul li {
    background-image: url('../png/product-m.png');
    padding-left: 28px;
    background-position: left 2px;
    background-repeat: no-repeat;
    list-style: none;
    line-height: 22px;
}


section.product .logobox h1,
section.product .logobox h2,
section.product .logobox h3,
section.product .logobox h4,
section.product .logobox h5,
section.product .logobox h6 {
    margin-top:0;
    padding-top:0;
    margin-bottom:5px;
    padding-bottom: 0;
    color: #1e435f;
    display: none;
}


section.product.tiles .logobox h1,
section.product.tiles .logobox h2,
section.product.tiles .logobox h3,
section.product.tiles .logobox h4,
section.product.tiles .logobox h5,
section.product.tiles .logobox h6 {
    display: block;
}

section.product {
    border-bottom: 1px solid #b4c5d2;
    margin-bottom: 20px;
}

section.product .introduction ul {
    margin-left: 23px;
}

section.product .introduction {
    width:72%;
    float:left;
    padding-right: 20px;

    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */    
}

section.product .logobox {
    float:left;
    width:28%;
}

.news.start .headline {
    background: linear-gradient(top, #4679a0 0%, #2e5e82 100%, #2e5e82 100%);
    background: -moz-linear-gradient(top, #4679a0 0%, #2e5e82 100%, #2e5e82 100%);
    background: -webkit-linear-gradient(top, #4679a0 0%, #2e5e82 100%, #2e5e82 100%);
    background: -ms-linear-gradient(top, #4679a0 0%, #2e5e82 100%, #2e5e82 100%);
    background: -o-linear-gradient(top, #4679a0 0%, #2e5e82 100%, #2e5e82 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4679a0, endColorstr=#2e5e82,GradientType=1);       
}


.news.contentpage .text .more a,
section.product .logobox a {
    color: #fff;
    display: inline-block;
   /* background-image: url('.././images/button-download.png');
    background-repeat: no-repeat;*/
    width: 260px;
    min-height: 24px;
    line-height: 24px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    background: linear-gradient(top, #a1be1a 0%, #788e12 100%, #788e12 100%);
    background: -moz-linear-gradient(top, #a1be1a 0%, #788e12 100%, #788e12 100%);
    background: -webkit-linear-gradient(top, #a1be1a 0%, #788e12 100%, #788e12 100%);
    background: -ms-linear-gradient(top, #a1be1a 0%, #788e12 100%, #788e12 100%);
    background: -o-linear-gradient(top, #a1be1a 0%, #788e12 100%, #788e12 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#a1be1a, endColorstr=#788e12,GradientType=1);  
    max-width: 100%;
    text-decoration: none;

    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Op */
    margin-bottom: 10px;
}

section.product .logobox img {
    max-width: 100%;
    height: auto;
    max-height: 170px;
    width: auto;
}

section.product:after, .clearfix:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
}

section.intro {
    border-bottom: 1px solid #b4c5d2;
    padding-bottom: 10px;
}
.introduction {
    padding-right: 33%;
}
.intro .introduction {
    padding-left:20px;
}

.introduction
.introduction a,
.introduction p {
    margin-top:0;
    padding-top:0;
    color: #333333;
    font-size: 16px;
    line-height: 28px;
    text-decoration: none;
}


.overview h1,
.introduction h1 {
    color: #1e435f;
    font-size: 22px;
    line-height: 24px;
    margin-top: 0;
}

.overview h2,
.introduction h2 {
    color: #1e435f;
    font-size: 20px;
    line-height: 24px;
}

.overview h3,
.overview h4,
.overview h5,
.introduction h3,
.introduction h4,
.introduction h5 {
    color: #1e435f;
    font-size: 18px;
    line-height: 24px;
}

.infochannel .leftside {
    color: #fff;
    text-transform: uppercase;
    float:left;
    padding:10px;
    width:74%;
    min-height: 161px;

    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */        
}

.infochannel .text,
.infochannel .text a,
.infochannel .text p,
.infochannel .text h1,
.infochannel .text h2,
.infochannel .text h3,
.infochannel .text h4,
.infochannel .text h5 {
    margin-top:0;
    padding-top:0;
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    text-decoration: none;
}

.infochannel .text h1,
.infochannel .text h2,
.infochannel .text h3,
.infochannel .text h4,
.infochannel .text h5 {
    font-size: 22px;
    margin-bottom: 10px;
    font-weight: normal;
}


.infochannel .text a:hover {
    text-decoration: underline;
}


.infochannel .leftside .text {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */        
    padding-left: 100px;
	padding-top:15px;
    background-image: url('../png/info-icon.png');
    background-repeat: no-repeat;
    background-position: 12px 12px;
    
}

.infochannel .rightside {
    float:right;
    padding:10px;
    width: 25%;
    min-height: 161px;

    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */        
}


.main.start .content.start {
    float:left;
    width:74%;
    padding:0;
    padding-left:20px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */      
}

.main.start .news.start {
    float:right;
    width:25%;    
    padding-right:20px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */    
}

.fronttiles,
.tiles.li {
    margin: 0;
    padding: 0;  

}

.tiles.li {
    float:left;
    width:33%;
    padding-right: 20px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */      
    padding-bottom: 20px;
}

.tiles.li.info {
    padding-bottom: 75px;
}

.tiles.li h3 {
    color: #a2bf1a;
    font-size: 18px;
    line-height: 28px;
    padding:0;
    margin:0;
    margin-top:5px;
    font-weight: normal;
}
.tiles.li h3 a {
    text-decoration: none;
    color: #a2bf1a;
    font-size: 18px;
    line-height: 28px;
    
}

.tiles.li a:hover {
    text-decoration: underline;
}

.tiles.li h4 a {
    text-decoration: none;
    color: #fff;
}

.tiles.li .text {
    height:56px;
    overflow:hidden;
}

.tiles.li.info .text {
    height: auto;
    overflow: visible;
    padding:10px;
    padding-right: 20px;
}

.tiles.li.info .text h4, .tiles.li.info .text, .tiles.li.info .text h3, .tiles.li.info .text h2, .tiles.li.info .text h1, .tiles.li.info .text h5 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 20px;
    line-height: 28px;
    color: #fff;
    font-weight: normal;
    text-transform: uppercase;
}
.tiles.li.info .text a {
    color: #fff;
    text-decoration: none;
}

.tiles.li.info .text a:hover {
    text-decoration: underline;
}

.tiles.li.info .text {
    position:relative;
}

.tiles.li.info .text .btn {
    position: absolute;
    right: 10px;
    bottom: 10px;
    
}

.tiles.li .image img {
    max-width: 100%;
    width:286px;
    height: auto;
    border: 1px solid #b4c5d2;
}


.news {
   padding-bottom: 20px;
}

.news .headline, .news .newslist {
 
    padding-left: 15px;
    padding-right: 15px;
   background-color: #f5f8e8;
}

.news .element p {
    margin-top:0;
    font-size: 14px;
    line-height: 22px;
    color: #1e435f;    
}

.news .element {
    padding-bottom: 20px;
    border-bottom: 1px solid #768d97;
    font-size: 14px;
    line-height: 22px;
    color: #1e435f;
}

.news .headline h4,
.news .headline {
    margin: 0;
    padding: 0;
    font-weight: normal;
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    text-transform: uppercase;
}
.news .newslist {
    padding-bottom: 20px;
}
.news .newslist .element a:hover {
    text-decoration: underline;
}

.news .newslist img {
    max-width:100%;
    height:auto;
    width: inherit;
}

.start .news .newslist img {
    max-width:130px;
}

.news .newslist .element a {
    text-decoration: none;
    padding-right: 10px;
    background-image: url('../news-arrow.html');
    background-repeat: no-repeat;
    background-position: right 5px;
    line-height: 22px;
    font-size:14px;
    color:#1e435f;
}

.news .newslist h5 {
    line-height: 22px;
    font-size:14px;
    color:#1e435f;
    margin-bottom: 0;
    padding-bottom: 0;
    margin-top: 0;
    padding-top: 20px;
}

.news .headline h4 {
    padding-left:15px;
}


.listelement .image img {
    border: 1px solid #1e435f;
    max-width: 100%;
    height: auto;
    margin-top:10px;
    margin-bottom:10px;
}

.news.contentpage h2 {
    font-size: 20px;
    line-height: 20px;
    color: #1e435f;
}

.news.contentpage .listelement {
    border-bottom: 1px solid #b4c5d2;
    display: inline-block;
    margin-bottom: 5px;
    width:100%;
}

.news.contentpage .listelement .text {
    float:left;
    width:77%;
}
.news.contentpage .listelement .image {
    float: left;
    padding-right:30px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */      
}


.news.contentpage .listelement h3 {
    font-size: 16px; color:#333;
    line-height: 22px;
}

.news.contentpage .text .more {
    float:right;
}

.toggleProductView {
    width:100px;
    float: right;
    margin-bottom: 20px;
    text-align: center;
    padding-right:10px;
}

nav.subnav {
    border-bottom: 1px solid #000;
    margin-bottom: 20px;
}

nav.subnav ul {
    margin-bottom: 0;
}

section.product.tiles .logobox {
    width:98%;
}

section.product.tiles {
    width:33%;
    float:left;
}

section.product.tiles .introduction {
    
    display:none;
    
}

section.main img {
    max-width:100%;
    height: auto;
    width: inherit;
}

.csc-textpic-intext-left-nowrap .csc-textpic-text {
    margin-left: auto;
    display: inline-block;
}

.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap,
.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
    max-width:50%;
}

/* Teaser */

div#template_teaser {
  width: 300px;
  min-height: 145px;
  margin-bottom: 40px;
  position: relative;
  border: 1px solid #b4c5d2;
}

div#template_teaser a {
  text-decoration: none;
  background: transparent;
}

div#template_teaser span {
  font-size: 18px;
  font-weight: bold;
  color: #1e435f;
  text-align: center;
  display: block;
  margin-bottom:20px;
}

div#template_teaser img {
    margin-top:30px;
    margin-left:10px;
    margin-right:10px;
    text-align: center;
}



.productlist.overview .introduction {
    width:50%;
    
}
.productlist.overview .logobox {
    width:50%;
    
}

section.productlist.overview a {
    background: transparent;
    font-family: Arial, 'sans-serif';
    color: #333333;
    font-size: 16px;
    line-height: 28px;
    text-decoration: none;
    padding-left: 0px;
    display:inline;
    padding: 0;
}

section.productlist.overview a:hover {
    text-decoration: underline;
}


/* FORMS */
fieldset {
}

legend {
    display:none;
}
.tx-felogin-pi1 h3, .tx-powermail h3 {
    display:none;
}

ul.parsley-errors-list {
    margin:0;
    padding:0;
    margin-left:20px;
}
.parsley-required,.parsley-custom-error-message {
    color: red;
}

.tx-felogin-pi1 > div {
    display:none;
}
label {
	display: block;
	margin: 8px 0 2px 0;
	color: #7A7A7A;
	text-transform: uppercase;
	font-size: 10px;
	letter-spacing: 1px;
}

input, textarea {
        width: 100%;
	border: 1px solid #c6c6c6;
	font-family: Arial, sans-serif;
	font-size: 12px;
        line-height:20px;
	color: #444;
	padding: 2px 4px;
        margin-bottom: 5px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */      
}

.tx-felogin-pi1 fieldset {
    max-width:100%;
    width: 400px;
}
.powermail_field.powermail_submit {
    margin-top: 20px;
}
.tx-felogin-pi1 input[type=text],.tx-felogin-pi1 input[type=password] {
    width:50%;
    line-height:20px;
    margin-bottom: 5px;
}
.tx-felogin-pi1 input[type=submit] {
    margin-top: 5px;
    line-height:20px;
    width:100px;
}

table input {
        width: 100%;
	border: 1px solid #c6c6c6;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #444;
	padding: 2px 4px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */      
}

input:hover, textarea:hover, input:focus, textarea:focus, input:hover, input:focus {
	border: 1px solid #0069b2;
}

.csc-textpic-image {
    max-width:100%;
}

section.main .csc-textpic-image img {
    width: 100%;
    height: auto;
    width: inherit;
}

.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap, .csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
    max-width: 50%;
}

.csc-textpic {
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom:1px solid #ccc;
}

.tiles .text,
.tiles .text p,
.tiles .text h1,
.tiles .text h2,
.tiles .text h3,
.tiles .text h4,
.tiles .text h5,
.tiles .text h6 {
    color: #fff !important;
}

.tiles .text .btn {
    display:none;
}

.productlist.overview .logobox p {
    margin-top:0;
} 


.news-related ul {
    padding: 0 0 0 20px;
}

.news .newslist .element .info a {
    background: transparent;
}



@media print {
    nav.main, nav.lang, footer,.content-bottom-logo {
        display:none !important;
    }
    
    header .company.start, header.start, header .company .stage.start {
        height:138px !important;
        min-height: 138px;
        overflow: hidden;
    }
    .infochannel .leftside {
        width:70%;
    }
    .infochannel .rightside {
        width:30%;
        
    }
    
    .infochannel .leftside .text {
        padding-left:20px;
    }
    
    a[href]:after {
      content: none !important;
    }
}


.news .article .news-img-wrap a {
    display: inline;
    float: none;
}