/* =General
--------------------------------------------------------------------------------------------------------*/

/* Removing margin/padding */
* {margin: 0;padding: 0;}

/* Giving margin back to several elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {margin: 0;}
h1, h2, h3, h4 {font-size: 12px;}
selest, textarea, input {font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 12px;}

/* Class for clearing floats */
.cleaner {clear: both; height: 1px; font-size: 1px;}

/* Removing border on linked images */
img {border: 0;}
:focus {outline: none;}
.none {display: none;}
li {list-style: none;}
/* End General
--------------------------------------------------------------------------------------------------------*/


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

/* Setting up the fonts */
body {color: #000; font-weight: normal; font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 12px; background: #ffffff;}

/* End Typography
--------------------------------------------------------------------------------------------------------*/
.main {width: 1024px; margin: auto;}
.main.start {width:99vw;}

.main.start .header {width:1380px;margin:auto;}


/* blocks */
.block-bg {/*background: url(../i/block-bg.gif) repeat-y*/; padding: 10px 15px 13px 21px;}
.block-top, .block-bottom {width: 1024px; height: 5px;}
.block-top {/*background: url(../i/block-top.gif) no-repeat*/;}
.block-bottom {/*background: url(../i/block-bottom.gif) no-repeat*/; margin: 0 0 15px 0;}

/* =Headings
--------------------------------------------------------------------------------------------------------*/
.header {/*background: url(../i/block-bg.gif) repeat-y*/; position: relative; padding: 16px 0 0 0;}
.logo {width: 180px; height: 49px; background: url(../i/logo_new.jpg) no-repeat; display: block; margin: 3px 0 0 41px;}
.h-block {padding: 35px 21px; position: relative;}
/* End Headings

/* flash */
.flash {width: 980px; position: relative; z-index: 0;}
.flash span {color: #000; background: #FFF; font: 25px bold;display: block; padding: 20px; text-align: center;}
.fl1 {padding: 0 0 0 0; margin-bottom: 20px;}


/* search */
.search {float: right; position: relative; width: 123px; padding: 0 40px 0 0;}
.search .inputbox, .search .button {position: absolute; }
.search .inputbox {width: 98px; height: 13px; border: 1px solid #BBB; left: 0; color: #666; padding: 0 0 0 4px; font-size: 10px;}
.search .button {left: 108px; top: 1px; border: none; cursor: pointer; width: 15px; height: 13px; background: url(../i/sbut.gif) no-repeat;}


.search .inputboxhhbox , .search .buttonhhbox  {position: absolute; }
.search .inputboxhhbox  {width: 98px; height: 13px; border: 1px solid #BBB; left: 0; color: #666; padding: 0 0 0 4px; font-size: 10px;}
.search .buttonhhbox {left: 108px; top: 1px; border: none; cursor: pointer; width: 15px; height: 13px; background: url(../i/sbut.gif) no-repeat;}


/* header menu */
.top-menu {float: right; padding: 1px 184px 0 0;}
.top-menu ul {float: right;}
.top-menu ul li {list-style: none; font-size: 11px; color: #636363; background: url(../i/msep.gif) no-repeat 100% 2px; padding: 0 15px; float: left;}
.top-menu ul li.last {background: none; padding-right: 0;}
.top-menu ul li a{color: #636363;}
.top-menu ul li.active a {color: #000;}

/* contacts line */
.contacts {float: right; font-size: 10px; padding: 0 40px 0 0; margin: -11px 0 0 0;}
.contacts img {margin: 0 1px -2px 1px;}
/*--------------------------------------------------------------------------------------------------------*/


/* =Links
--------------------------------------------------------------------------------------------------------*/
a {text-decoration: none; color: #00519E;}
a:hover {text-decoration: underline;}
/* End Links
--------------------------------------------------------------------------------------------------------*/

/* before content - 4 block of modules */
.m4 .blocks, .m4 .moduletable {float: left; padding-left:15px; padding-right:15px; border-right: 1px solid #DEDEDE; min-height: 143px;}
.m4 .blocks p, .m4 .moduletable p {color: #000; font-size: 10px; padding: 0 0 6px 0;}
.m4 .blocks ul li, .m4 .moduletable ul li {list-style: none; padding: 3px 0px; font-size: 12px;}
.m4 .blocks ul li a, .m4 .moduletable ul li a {color: #000000;}
.m4 .blocks h3, .m4 .moduletable h3 {color: #616161; font-size: 14px; font-family: Arial; no-repeat 0 9px; padding: 7px 0 9px 0px;}

.newsb {width: 260px; padding: 0 29px 0 0px;}
.unternehmenb {width: 160px;margin-left:70px;}


.more-link {font-size: 10px; text-align: right;}
.more-link a {color: #616161; text-decoration: underline;}
.more-link a:hover {text-decoration: none;}
.m4 .moduletable {border-right:none;}

.block4  a {color: #616161; text-decoration: underline; text-align: right;}
.block4  a:hover {text-decoration: none;}



/* case study */
.caseb {padding: 0 30px 0 30px; width: 337px;}

/* events */
.eventsb {padding: 0 30px 0 30px; width: 152px;}


/* last block */

.main .block4 {padding: 0 0 0 65px; border-right: none; width: 165px;}
.main .block4 p {padding: 0 0 0 0;}
.main .block4 h3 {padding-bottom: 5px;}
.main .block4 .img {float: left; margin: 2px 10px 0 0;}

.main .lastb {padding-right: 0;}
.main .firstb {padding-left: 0; border-left: none;}


/* =Main Nav
--------------------------------------------------------------------------------------------------------*/

.menu-bg {width: 950px;height: 42px;/* background: url(../i/menu-sh.png) no-repeat;*/ position: absolute; z-index: 99; top: 20px; left: 37px;}
.jqueryslidemenu {width: 925px; height: 31px; /* background: url(../i/menu-bg.gif) repeat-x*/;border:1px solid white;box-shadow: 0 3px 10px #999;background-color:#888; position: absolute; z-index: 100; top: 23px; left: 42px; padding: 0 0 0 15px;}
.main.start .jqueryslidemenu {width:1280px;}

.jqueryslidemenu ul li ul {margin: 0;}

.jqueryslidemenu ul .first {display: none;}
.jqueryslidemenu ul li ul .first {display: block;}

.downarrowclass {display: none;}

.jqueryslidemenu{
font: bold 12px Verdana;
margin:0;
}
.jqueryslidemenu a:hover {text-decoration: none;}
.jqueryslidemenu ul li {text-transform: uppercase;}

.jqueryslidemenu li.item387 {text-transform: none; font-weight:normal; }

.jqueryslidemenu ul li ul li{text-transform: none;}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;

}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{display: block; color: #FFF; padding: 8px 25px 14px 23px; color: #2d2b2b; text-decoration: none;/* background: url(../i/menu-sep.gif) no-repeat 100% 9px;*/}
.jqueryslidemenu ul li:last-child a {padding-right: 0; background-image: none;}
.jqueryslidemenu ul li ul a {background-image: none;}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{color: #FFF;}

.jqueryslidemenu ul li ul li ul li a:link, .jqueryslidemenu ul li ul li ul li a:visited{/*color: #00338D;*/ color:#fff;}

.jqueryslidemenu ul li a:hover{/*color: #9e9e9e;*/ color:#fff;}
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* second level */
.jqueryslidemenu ul li ul {/*background:url(../i/shadow2.png) no-repeat bottom right*/;background-color:#777; padding: 17px 0 12px 0;}
.jqueryslidemenu ul li ul li {margin: 0 5px 0px 0; font-size: 12px;}
.jqueryslidemenu ul li ul li:hover {/*background: #C2C2C2;*/background-color:#777777;}
.jqueryslidemenu ul li ul li.iehover {background: #C2C2C2;}
.jqueryslidemenu ul li ul li:hover, .jqueryslidemenu ul li ul li.iehover {}
.jqueryslidemenu ul li ul li:hover a, .jqueryslidemenu ul li ul li.iehover a{padding: 6px 0 8px 21px; }
.jqueryslidemenu ul li ul li a{font-weight: normal; width: 205px; margin: 0; border-top-width: 0; padding: 6px 0 8px 21px;}

/* second active */
.jqueryslidemenu ul li ul li.active a{}
.jqueryslidemenu ul li ul li.active {background: #C2C2C2;}


/* third level */
.jqueryslidemenu ul li ul li ul {/*background:url(../i/shadow3.png) no-repeat bottom right*/;background-color:#666; padding: 17px 0 12px 0; margin: -17px 0 0 0;}
.jqueryslidemenu ul li ul li ul li {background: transparent; font-size: 12px; margin-right: 5px;}
.jqueryslidemenu ul li ul li ul li:hover {/*background: #D2D2D0;*/background-color:#888;}
.jqueryslidemenu ul li ul li ul li.iehover {background: #D2D2D0;}
.jqueryslidemenu ul li ul li ul li a{width: 185px; padding: 6px 0 8px 18px !important;}
.jqueryslidemenu ul li ul li ul li a:hover{/*color: #00338D;*/color:#fff;}

/* third active */
.jqueryslidemenu ul li ul li.active ul li a {width: 185px; padding: 6px 0 8px 18px !important;}
.jqueryslidemenu ul li ul li ul li.active a{color: #FFF;}

.jqueryslidemenu ul li ul li ul li.active {background: #D2D2D0;} 


.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{position: absolute; top: 11px; right: 13px; width: 3px; height: 5px; padding: 0;}


/* End Main Nav
--------------------------------------------------------------------------------------------------------*/



/* =Main Content
--------------------------------------------------------------------------------------------------------*/

.content {
	/* Hintergrund Linie 	*/
	/*background: url(../i/csep.gif) repeat-y 213px 0; */

	margin: 1px 0 0 0;
}
.content h1, .content h2 {font-size: 18px; color: #6d6d6d; font-weight: bold; padding: 0 0 12px 0; line-height: 22px;}
.content h4 {padding: 0 0 4px 0;}
.content p {line-height: 18px; padding: 0 0 10px 0; text-align: justify;}
/* leftcol */
.leftcol {width: 213px; padding: 0 35px 0 0; float: left;}
/* left menu */
.leftcol ul li {text-transform: uppercase; font-size: 12px; font-weight: bold; border-bottom: 1px solid #CACACB; padding: 0 0 10px 0; margin: 0 0 8px 0;}
.leftcol ul li a {color: #A9A9A9;}
.leftcol ul li.active a{color: #2B2B2B;}
/* second level */
.leftcol ul li ul li {border:none; font-size: 11px; text-transform: none; font-weight: normal; padding: 0 0 8px 10px; margin: 0 0 6px 0;}
.leftcol ul li ul li.active {font-weight: bold;}
.leftcol ul li ul li.last {border-bottom: none; margin-bottom: 0; padding-bottom: 0;}
.leftcol ul li ul li.first {border:none; margin-top: 0px; padding-top: 0px;}
.leftcol ul li ul li a{color: #2B2B2B}
/* third level */
.leftcol ul li ul li ul{padding-left: 21px;}
.leftcol ul li ul li ul li {border: none; padding: 5px 0 6px 0; margin: 0;}
.leftcol ul li ul li ul li.first {border-top: none; padding-top: 5px;}

.leftcol ul li.parent ul {border-top: 1px solid #CACACB; margin-top: 8px; padding-top: 11px;}
.leftcol ul li ul li.parent ul{padding-top: 0;}
.leftcol ul li.parent ul li ul {border: none; margin-top: 4px;}


.centercol {width: 735px; float: left; padding: 0 0 30px 0px;}

/* =End Main Content
--------------------------------------------------------------------------------------------------------*/


/* =Secondary Content
--------------------------------------------------------------------------------------------------------*/
/* product menu */
.lastbg {margin-bottom: 17px;}
.product-menu {padding: 7px 20px 0 20px; border-top: 1px solid #C2C4C7; width: 981px; margin: auto; line-height: 14px; font-size: 10px;}

.product-menu h3 {text-transform: uppercase; font-weight: bold; font-size: 10px; padding: 0 0 0 0;}
.product-menu a{color: #A1A3A5;}
.product-menu li{text-transform: none; padding: 0;}
.product-menu ul li{font-weight: bold;}
.product-menu ul li ul li {font-weight: normal;}
.product-menu ul {margin: 0 0 15px 0;}

.product {float: left; width: 810px;}
.product-right {float: left; width: 166px;}
.product-right h3 {margin: 0 0 15px 0;}
.product-right .first {margin: 0;}
.product .col {float: left; width: 148px; padding: 0 54px 0 0;}

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


/* =Footer
--------------------------------------------------------------------------------------------------------*/
.main.start .footer {clear: both; color: #A1A3A5; font-size: 10px; padding: 7px 0px;border-top: 1px solid #B1B2B4; width: 1018px; margin: auto;}
.footer {clear: both; color: #A1A3A5; font-size: 10px; padding: 7px 0px;border-top: 1px solid #B1B2B4; width: 930px; margin: auto;}
.footer .bot-menu{float: right;}
.footer .bot-menu li.first {padding-left: 0;}
.footer .bot-menu li{float: left; padding: 0 0 0 15px;}
.footer .bot-menu li.active a{color: #5F5F5F;}
.footer a {color: #A1A3A5; text-decoration: underline;}
.footer a:hover {text-decoration: none;}
/* End Footer
--------------------------------------------------------------------------------------------------------*/


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

/* Removing fieldset borders */
fieldset {border: 1px solid transparent;}

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

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

/* Making tables collapse and removing spacing */
table { border-spacing: 0;border-collapse: collapse;}

/* Preparing table columns */
td {text-align: left;font-weight: normal;}

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



/* =Additional 1
--------------------------------------------------------------------------------------------------------*/

/* artickes */
.main .articleinfo, .main .iteminfo {padding: 0 0 10px 0; font-weight: bold;}

.main .counter {padding: 10px 0 10px 0; font-weight: bold;}
.blog_more {}
.blog .pagination {padding: 0 0 20px 0;}
.blog .pagination li {float: left; padding: 0 6px 0 0;}

.article_row, .leading {padding: 0 0 20px 0;}

.readmore {/*margin: -35px 0 0 0;*/ padding: 5px 0 0 0;}
.blog_more ul li{padding: 0 0 5px 0;}

/*.text p{padding: 0 0 40px 0;}*/

/* search results */
.searchintro {padding: 0 0 10px 0;}
.searchintro p {padding: 0 0 8px 0;}
.results h3 {padding: 0 0 14px 0;}

.results .pagination{margin: 0;}
.results li {padding: 0 0 15px 0;}
.results .pagination li{float: left; padding: 0 10px 0 0;}

.search_result {padding: 15px 0 0 0;}

.word {display: block; padding: 15px 0;}
.word label {margin: 5px 0; font-weight: bold;}
.phrase legend, .only legend {display: block; padding: 5px 0; font-weight: bold;}

.search_result .inputbox {border: 1px solid #BBB; color: #666; font-size: 11px;}

.search_result .button {padding: 2px 5px; background: #333; border: 1px solid #333; color: #FFF; font-size: 11px; margin: 10px 0; cursor: pointer;}

.display p{padding: 10px 0; font-weight: bold;}
.display {padding: 10px 0 0 0;}



/* contact page */
.contact .inputbox {border: 1px solid #BBB; color: #666; font-size: 12px;}
.contact .button {padding: 2px 5px; background: #333; border: 1px solid #333; color: #FFF; font-size: 12px; margin: 10px 0; cursor: pointer;}
.contact_email label{width: 160px; display: block; float: left;}
.contact_email {padding: 0 0 5px 0;}
.form-validate {padding: 30px 0 0 0;}
.form-validate textarea {width: 354px; margin-top: 4px;}

.contact p{padding: 0 0 10px 0;}
.contact .marker {float: left; display: block; margin: 0 8px 0 0; font-weight: bold;}

/* End Additional 1
--------------------------------------------------------------------------------------------------------*/


.tab_referenzen td {
	font-size:11px; 
	vertical-align:middle;
	text-align:left;
	border-bottom: 1px dotted #666666;
	padding: 5px 0px;
}
.tab_head_referenzen {
	border-top: 1px dotted #666666; 
}


#kontakt-div {
	width: 162px;
	float:left;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
}
.kontakt-div-main {
	background-image:url(../../../media/kontakt_div_main.png);
	padding:13px; 
	color:#6D6D6D; 
	line-height:20px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px;
}
.kontakt-div-bottom
{
	height:6px;
	background-image:url(../../../media/kontakt_div_bottom.png);
}
.telefon1 {
	font-size: 15px;
	font-weight: bold;
}
.telefon2 {
	font-size: 11px;
	font-weight: bold;
}
a.kontakt-div-link {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	color:#6D6D6D;
	font-weight: bold;
	font-size: 10px;
	text-decoration:none;

}
a.kontakt-div-link:hover {
font-family:Arial, Helvetica, sans-serif; 
font-size: 10px;
color:#BDBDBD;
font-weight: bold;
text-decoration:underline;
}

#kontakt-div ul {
	padding:10px 0 0 3px;
}
#kontakt-div li {
	line-height:20px;
	color:#6D6D6D;
}

#headimg980 li {
display:list-item;
list-style-type:square;
color:#444444;
margin-left:20px;
line-height:150%;
}

#headimg980 h1 {
font-size: 18px; color: #6d6d6d; font-weight: bold; padding: 0; line-height: 22px;
}

#headimg980 p {
line-height: 18px;
}

.leading_separatorevents {
width:100%;
height:27px;
display:block;
border-top: 5px solid #CCCCCC;}

.blogevents {
width:540px;
}




#extrainfo a.download_link {
	font-size: 10px;
	line-height:200%;
	background:url(../images/icon_pdf.gif) no-repeat 0;
	padding:10px 0 10px 22px;
	color:#666666;	
	font-weight: normal;
	text-decoration:none;
}

#extrainfo a.download_link:hover {
	color:#6D6D6D;
	text-decoration:underline;
}


#extrainfo a.verw_produkte {
	font-size: 10px;
	line-height:200%;
	background:url(../images/link.gif) no-repeat 0 50%;
	padding-left:15px;
	color:#666666;	
	font-weight: normal;
	text-decoration:none;

}


#extrainfo a.verw_produkte:hover {
	color:#6D6D6D;
	text-decoration:underline;
}


#extrainfo p.ue_verw_produkte {
	font-size: 10px; 
	color: rgb(119, 119, 119); 
	font-weight: bold;
}


#extralinks a.verw_produkte {
	font-size: 10px;
	line-height:200%;
	background:url(../images/link.gif) no-repeat 0 50%;
	padding-left:15px;
	color:#666666;	
	font-weight: normal;
	text-decoration:none;

}

#extralinks a.verw_produkte:hover {
	color:#6D6D6D;
	text-decoration:underline;
}


#extralinks p.ue_verw_produkte {
	font-size: 10px; 
	color: rgb(119, 119, 119); 
	font-weight: bold;
}

.angebot_td {
	padding-left:12px;
	border-collapse: collapse;
}


.angebot_td_bold {
	padding-left:12px;
	border-collapse: collapse;
	font-weight: bold;
}

.angebot_preis {
font-size:16px; 
font-weight:bold; 
color:#777777; 
line-height:20px;
margin:0 0 0 9px;
padding:0;
}


.angebot_note2 {
font-size:9px; 
line-height:12px;
margin:3px 0 0 5px;
}

.angebot_note {
font-size:9px; 
line-height:12px;
}



ul.menu-nav li.item270 a {
color:#79b41d;
font-weight: bold;

}

ul.menu-nav li#active.item270 a{
color:#79b41d;
font-weight: bold;

}

/* Produktinformationen */

.productinfo {
	width:1024px;
	height:340px;
}


.productinfo .productimage {
	width: 314px;
	border: 1px solid lightgrey;
	float:left;
	height:150px;
	margin-bottom:37px;
background-color:#f1f1ef;
position:relative;
}

.productinfo .productimage > img {
	max-width: 300px;
	max-height:150px;
}

.productinfo .productimage.spacer {
	margin-left:37px;

}


span.text-content{
    background: rgba(0,0,0,0.65);
    color: white;
    cursor: pointer;
    display: table;
    height: 150px;
    position: absolute;
    width: 300px;
    -webkit-transition: opacity 200ms;
    -moz-transition: opacity 200ms;
    -o-transition: opacity 200ms;
    transition: opacity 200ms;
    top:0;
}
span.text-content,
span.text-content > span.slogan,
span.text-content > span.slogan > span.subslogan,
span.text-content > a.button.info,
span.text-content > a.button.kaufen,
span.text-content > a.button.anfragen
{
    opacity: 0;
}

.productimage:hover span.text-content,
.productimage:hover span.text-content > span.slogan,
.productimage:hover span.text-content > span.slogan > span.subslogan,
.productimage:hover span.text-content > a.button.info,
.productimage:hover span.text-content > a.button.kaufen,
.productimage:hover span.text-content > a.button.anfragen
 {
    opacity: 1;
}


span.text-content span,span.text-content a {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
text-decoration:none;

}

span.text-content a.button,
.casetext a.button {
    text-decoration: none;
    color: white;
	padding: 2px 4px;
    border: 1px solid #666;
}

span.slogan {
	font-size: 16px;
    position: absolute;
    /*left: 88px;*/
    /*top: 40px;*/
    font-weight: bold;
}

span.subslogan {
	top:60px;
}

a.button.info {
position: absolute;
    top: 110px;
    left: 10px;
}

a.button.kaufen {
    position: absolute;
    top: 110px;
    left: 192px;
}

a.button.anfragen {
    position: absolute;
    top: 110px;
    left: 175px;
}

a.button.info:hover,
a.button.anfragen:hover,
a.button.kaufen:hover {
    background-color: rgba(255, 255, 255, 0.4);
}

.main.start .inner-content, .block-bg.m4 {
	width:1024px;
	margin:auto;
}

.bg {
	background-color:whitesmoke;
	padding-top: 20px;
    	padding-bottom: 20px;
}

.bg-white {
	background-color:white;
	padding-top: 30px;
    	padding-bottom: 30px;
}

.bg-dark {
	background-color:#555;
}

.bg-dark .inner-content.background {
    padding-top: 10px;
    padding-bottom: 10px;
}

.inner-content h2 {
    font-size: 30px;
    color: #555;
    margin-bottom: 20px;
	text-align:center;
font-weight:normal;
}

.inner-content .casestudy h2 {
    font-size: 23px;
    
}

.inner-content.background {
	padding:50px;
/*padding-left:91px;*/
}

div.custom {
margin-top:40px;
}

.contactarea .fa {
	font-size:36px;
	color: #555;
}

.contactarea p.contact {
	font-size:24px;
	padding-top:15px;
	color: #555;
}

.contactarea {
	margin-top: 50px;
        height: 80px;
        margin-bottom: 50px;
}
.text-center {
	text-align:center;
}

.contactarea .left,
.contactarea .center,
.contactarea .right {
	width: 324px;
	height: 100px;
    	float: left;
    	text-align: center;
}

.bottom-menu {
	padding:3px 0px;
}
.bottom-menu > a,
.bottom-bro > a  {
	color: #AAA;
	text-decoration:none;
}

.bottom-bro > a {font-size:12px;}

.bg-dark > .inner-content > .block-bg > .moduletable > h3 {
    color: #cecece;
}

.bg-dark .inner-content .latestnews .a,
.bg-dark .inner-content .latestnews,
.more-link > a,
.bottom-bro > a  {
	color:#AAA;
}

p.bottom-bro {
	line-height: 14px;
	margin-top:10px;
}

.newsb > ul.latestnews li:first-child { 
    margin-top:10px;
}

/*Slideshow*/

/* jssor slider bullet navigator skin 01 css */
        /*
        .jssorb01 div           (normal)
        .jssorb01 div:hover     (normal mouseover)
        .jssorb01 .av           (active)
        .jssorb01 .av:hover     (active mouseover)
        .jssorb01 .dn           (mousedown)
        */
        .jssorb01 {
            position: absolute;
        }
        .jssorb01 div, .jssorb01 div:hover, .jssorb01 .av {
            position: absolute;
            /* size of bullet elment */
            width: 12px;
            height: 12px;
            filter: alpha(opacity=70);
            opacity: .7;
            overflow: hidden;
            cursor: pointer;
            border: #000 1px solid;
        }
        .jssorb01 div { background-color: gray; }
        .jssorb01 div:hover, .jssorb01 .av:hover { background-color: #d3d3d3; }
        .jssorb01 .av { background-color: #fff; }
        .jssorb01 .dn, .jssorb01 .dn:hover { background-color: #555555; }

        /* jssor slider arrow navigator skin 13 css */
        /*
        .jssora13l                  (normal)
        .jssora13r                  (normal)
        .jssora13l:hover            (normal mouseover)
        .jssora13r:hover            (normal mouseover)
        .jssora13l.jssora13ldn      (mousedown)
        .jssora13r.jssora13rdn      (mousedown)
        .jssora13l.jssora13lds      (disabled)
        .jssora13r.jssora13rds      (disabled)
        */
        .jssora13l, .jssora13r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 40px;
            height: 50px;
            cursor: pointer;
            background: url('/tpc/img/a13.png') no-repeat;
            overflow: hidden;
        }
        .jssora13l { background-position: -10px -35px; }
        .jssora13r { background-position: -70px -35px; }
        .jssora13l:hover { background-position: -130px -35px; }
        .jssora13r:hover { background-position: -190px -35px; }
        .jssora13l.jssora13ldn { background-position: -250px -35px; }
        .jssora13r.jssora13rdn { background-position: -310px -35px; }
        .jssora13l.jssora13lds { background-position: -10px -35px; opacity: .3; pointer-events: none; }
        .jssora13r.jssora13rds { background-position: -70px -35px; opacity: .3; pointer-events: none; }

.w3-large {
    font-size: 18px!important;
}

.casestudy div.casecontent {
opacity:0;
}
.casestudy.active:hover div.casecontent {
opacity:1;
background-color: rgba(0, 0, 0, 0.65);
        height: 150px;
    position: absolute;
    width: 812px;
left:6px;
    top: 70%;}

.top-menu li.item377, #myslidemenu li.item268, #myslidemenu li.item381, #myslidemenu div, .top-menu li.item363  {display:none;}

.casestudy.active .casetext > h2 {
	color:#ccc
}

.casestudy.active .casetext > p {
	color:white;
	line-height:20px;
}

.casetext {
	position: relative;
	padding: 0px 30px;
	top: 15%;
}

.casetext a.button.info {
    left: 600px;
    top: 80px;
}

.latestnews a, .more-link a {text-decoration:none;}
#fpss-container img {
width:100%;}

.fpss-introtext {
font-size: 11px;
    margin: 0;
    padding: 0;
    position: absolute;
    background: none;
    top: 0px;
    bottom: 0;
    width: 610px;
    background-color: #6d6d6d;
    opacity: 1;
    height: 500px;
}

.slidecontent a.button {
	position:relative;
top:0;
left:0;
margin:10px;

    border: 1px solid lightgrey;
    padding: 6px 12px;
}

@media (max-device-width: 1380px) { 
/* Breite beträgt höchstens 1380px */ 

.main.start .bg,.main.start  .bg-white,.main.start  .bg-dark {width:1380px;}

}

@media (max-device-width: 1024px) { 
/* Breite beträgt höchstens 1024px */ 

.main .bg-dark {width:1024px;}

}

.block-bg.m4 {
    width: 780px;
    margin: auto;
}

#lz_overlay_chat{margin-left:10px !important;}