html, body 
{
    padding:0;
    margin:0;
    font-size: 14px;
    line-height:20px;
	background-color:#fff;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	color: #000;
	height: 100%;
}

.TitleH2{
	font-family: Verdana,Arial,Helvetica,sans-serif;
    font-weight:normal;
}
.Normal, .NormalDisabled, .NormalDeleted {
    font-size: 14px;
    line-height:20px;
}

html .SchriftGross
body .SchriftGross,
.SchriftGross .Normal, 
.SchriftGross .NormalDisabled, 
.SchriftGross .NormalDeleted 
{
    font-size:16px;
    line-height:24px;
}

.SchriftGross  h3 { font-size:20px; line-height:30px; }


a:link,a:visited,a:hover,a:active
{
    color:#243a7b; 
    text-decoration:none;
}
img {
    max-width:100%;
    height:auto;
}
a:hover
{
    color:#1A6A96;
    text-decoration:none; 
}
.clear {
    clear: both;
    float: none;
    height: 0;
    line-height: 0;
    padding:0!Important;
    margin:0!Important;
}

.container {
    box-sizing: border-box;
}
.nopadding { padding:0!Important; }

.tablet {display:block;}
.notablet {display:none;}

.transition {
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

/*FIX for white labels and links in admin menu */
#dnnCPWrap a{color:#000;}
.megaborder{color:#000;}

/*************/
/** Layout **/

#contaktbutton {
    display:block;
    position:fixed;
    width:56px;
    height:56px;
    top:5px;
    left:50%;
    margin-left:-21px;
    background-color:#1ECBE1;
    border-radius:50%;
    z-index:1000;
}
#contaktbutton:hover {
    background-color:#243a7b;
}
#contaktbutton img {
    width:40px;
    height:40px;
    margin:8px;
}

#header_top {
    height: 20px;
	background-color:#fff;
}

.contentrow {
    padding-top:40px;
}


#header_wrapper { position:relative; }
#header {
	padding: 20px 0 10px 0;
}
.logorow > div,
#header_toplinks > div { margin-bottom:0!Important; padding-bottom:0!important;}
#header_toplinks ul#dnnMenu {list-style:none; margin:0;}
#header_toplinks ul#dnnMenu li {padding-left:20px; display:inline-block;}
.toplinkswrapper {height:43px; vertical-align:bottom;position:relative;}
.toplinksrow {position:absolute; bottom:0; right:15px;}
.toplinksrow a {color: #464445;}
.toplinksrow a:hover {color: #243a7b;}
    
#header_logo {
    position:absolute;
    top:0;
    right:15px;
}

h2.Title {
	color: #243a7b;
	display: inline;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size: 18px;
	margin: 0;
	padding: 0;
}
h2 {margin-bottom:25px; }

h3 { 
	font-size:16px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	margin-top: 11px;
}
.nowrap {white-space:nowrap;}
a.logo {
	background: url(images/logo.gif) 0 0 no-repeat;
	display:block;
	height: 52px;
	width: 275px;
}
#dnn_header_toplinks {
	text-align:right;
}

#headerimageSub { 
    width:100%; 
    height:250px;
    background-size:cover;
    background-position: center center;
}
.bgimagesub_row [class*="col-"] {padding-bottom:0;}

.rounded_soft {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

#language
{
    float: right;
    width: 100px;
    color: #fff;
    font-size: 12pt;
    line-height:16pt;
    text-align: right;
    margin: 35px 0 0 0;
}   
#mainLogo,
#mainLogo a,
#mainLogo a:hover,
#mainLogo a:visited
{ 
    font-size: 36pt;
    line-height: 50pt;
    float: left;
    text-decoration:none;
}



#dnn_maindiv {
	position:relative;
	padding:0 0 20px 0;
}
   
.circle {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

#slogan {
    position:absolute; 
    right:15px;
    top:280px;
    font-size:30pt;
    color:#44578b;   
    font-family: "Century Gothic",CenturyGothic,AppleGothic,sans-serif;  
}
.home #slogan {
    font-size:45pt;
    top:360px;
}

.home #slogan br {
    line-height: 40px;
}


#slogan_tablet {
    position:absolute; 
    width:100%; 
    text-align:center;
    top:100px;
    font-size:20pt;
    color:#44578b;   
    font-family: "Century Gothic",CenturyGothic,AppleGothic,sans-serif;  
}

   
/** Anwendungen Links **/

.anwendungen-wrapper,
.anwendungen-links { position: relative; text-align:center;cursor:auto!Important; }

.row.anwendungen-links { margin-top:-100px; display:none;}
.home .row.anwendungen-links { display:block;}
.row.anwendungen-links > div { padding-bottom:50px; }
.home .anwendungen-wrapper,
.home .anwendungen-links { cursor:pointer!Important;}


.anwendungen-links .text {
    padding-top:20px; 
    font-size:14px; 
    line-height:25px;
    text-transform:uppercase;
    font-weight:bold;
}

.anwendungen-links .horizontal-line {height:10px; margin-top:-5px;}

.anwendungen-links .bullet {
    width: 70px;
    height: 70px;
    line-height:70px;
    font-size:30px;
    color:#fff;
    text-align: center;
    position:absolute;
    top:-40px;
    left:50%;
    margin-left:-35px;
}
.scrolltolink {cursor:pointer; }
.anwendungen-wrapper .hoverimg {
    position:absolute;
    height:0;
    width:100%;
    top:0;
    background-position: center center;
    background-repeat:no-repeat;
    background-size:cover;
}
.anwendungen-wrapper:hover .hoverimg {
    height:250px;
    top:-250px;
}

#anwendung_food .horizontal-line,
#anwendung_food .bullet,
#anwendung-food-block {background-color:#243a7b; }
#anwendung_food .hoverimg { background-image:url('images/anwendung-food.jpg');}

#anwendung_chemie .horizontal-line,
#anwendung_chemie .bullet,
#anwendung-chemie-block {background-color:#7a0026; }
#anwendung_chemie .hoverimg { background-image:url('images/anwendung-chemie.jpg');}


#anwendung_kunststoff .horizontal-line,
#anwendung_kunststoff .bullet,
#anwendung-kunststoff-block {background-color:#00746b; }
#anwendung_kunststoff .hoverimg { background-image:url('images/anwendung-kunststoff.jpg');}

#anwendung_recycling .horizontal-line,
#anwendung_recycling .bullet,
#anwendung-recycling-block {background-color:#a3620a; }
#anwendung_recycling .hoverimg { background-image:url('images/anwendung-recycling.jpg');}

/** Anwendungen Blöcke **/
[id*="anwendung-"] { padding:15px 10px 15px 10px; color:#fff;}
[id*="anwendung-"] h1 {color:#fff; text-transform:uppercase; font-size:30px; line-height:30px; margin:0 0 25px; padding:0;letter-spacing: 0px; opacity: 0.7;}
[id*="anwendung-"] h2 {color:#fff; text-transform:uppercase; font-size:20px; line-height:26px; margin:0 0 25px; padding:0; }

[id*="anwendung-"] span.textblock {
    display:block;
    padding:20px 0 0 0;
    color:#fff;
    font-size:16px;
    line-height:20px;
    font-weight:bold;
    text-align:center;
}

#dnn_HomeblockProdukte > div,
#dnn_HomeblockKomponenten > div{ background-color:#f5f5f5; padding-left:30px; padding-right:30px; padding-top:20px;}
#dnn_HomeblockProdukte h2,
#dnn_HomeblockKomponenten h2 {color:#777;} /*999*/
   
#dnn_Fusszeile {padding:30px 0; }
.DNNEmptyPaneDNNEmptyPane,
#dnn_Fusszeile.DNNEmptyPaneDNNEmptyPane {padding:0;}

   
/** Footer */
#footer {
	background-color: #243a7b;
	padding-top:30px;
	margin: 0 auto;
	text-align:left;
	color:#fff;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#243a7b+0,42558d+100 */
background: #243a7b; /* Old browsers */
background: -moz-linear-gradient(top,  #243a7b 0%, #42558d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#243a7b), color-stop(100%,#42558d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #243a7b 0%,#42558d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #243a7b 0%,#42558d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #243a7b 0%,#42558d 100%); /* IE10+ */
background: linear-gradient(to bottom,  #243a7b 0%,#42558d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#243a7b', endColorstr='#42558d',GradientType=0 ); /* IE6-9 */

}

#footer a,
#footer a:hover,
#footer .SkinObject {
    color: #fff;
}
#footertext .Normal, 
.NormalDisabled, 
.NormalDeleted
{
    margin: 0;
    padding:0px;
    font-size: 11px;
}    


#footertext a.footerlink,
#footertext a { text-decoration: none; font-size: 11px; color: #fff}
#footertext a.footerlink:hover,
#footertext a:hover { text-decoration: none; color: #eee; }
#footertext h3 { font-size: 14px; font-weight:bold; color:#fff; }
#footertext p { padding:0; margin:0; color: #fff;}
.footerlogo {margin-top:-30px;}


#login { font-size:11px; color:#fff;padding: 0 0 0 0; display:block; clear:both;}
#login a { font-size:11px; color:#fff;}
#login a:hover { font-size:11px; color:#fff; text-decoration:none;}

/** Titel Links aussen **/
h2.Title { 
	width: 240px; 
	padding-top:5px;
	float:left; 
	
	font-size:24px;
}
div.float_left {
	float:left;
	width: 690px;
}
.Head {
	color: #243a7b!Important;
	text-transform: none!Important;
}



/* FooterNavi */
#footer ul { 
    list-style:none;
    margin:0 -15px;
    padding:0;
    color:#fff;
}
#footer ul#dnnMenu li { box-sizing:border-box ;padding-left:15px; padding-right:15px; font-size:16px; width:100%; display:inline-block; float:left; margin-bottom:20px;}
#footer ul#dnnMenu li li { font-size:12px; width:100%; margin-bottom:0;}
#footer ul#dnnMenu li a { padding-bottom:8px; color:#fff; display:block; padding-right:15px;}



/* Table of Gallery */
table.gallery {
	border-collapse: collapse;
	margin: 0 0 10px 0;
	background-color: #CCE0EB;
}

td.gallery_title {
	padding: 10px;
	font-size: 16px;
	color: #243a7b;
	width: 130px;
	vertical-align: top;
}
td.gallery_thumb { 
	padding: 10px;
	width: 148px;	
	vertical-align: top;
}
td.gallery_text {
	padding: 10px;
	width: auto;
	background-color: #CCE0EB;
	vertical-align: top;
}



	
.thumb {
	float:left;
}
.thumb:hover {
	cursor:pointer;
}

#scroll_top {
    background-image: url("images/Arrow-up.png") ;
    background-repeat:no-repeat;
    background-size:35px 30px;
    background-position:-2px 3px;
    background-color:rgba(36,58,123,0.9);
    bottom: 5px;
    cursor: pointer;
    display: none;
    height: 30px;
    position: fixed;
    right: 5px;
    width: 30px;
    z-index: 200;
    display: none;
}
#scroll_top:hover {background-color:rgba(36,58,123,1);}

/* LANGUAGE SWITCHER */
#language {margin-top:42px;}
#language span.selected {display:none;}
#language a,
#language a:visited {color: #fff;}  
#language a:hover { color:#eee; text-decoration: none; } 


/* Main Navi */
#desktopmenu * { box-sizing:border-box; }
#desktopmenu {
    position:absolute;
    top:0;
}
#desktopmenu .row-desktopnavi { margin: 0 -24px; padding:13px 0; position:relative;}
#desktopmenu ul {
    padding:0;
    margin:0;
    list-style:none;
   /* position:absolute; */
    width:100%;
}
#desktopmenu  ul#dnnMenu > li { 
    display:inline-block;
    /* float:left; */
    width:100%;
    position:relative;
    padding:0;
    text-align:left;
    text-transform:uppercase;
    height:50px;
}
#desktopmenu ul#dnnMenu > li:hover {
    height: auto;
}
#desktopmenu  ul#dnnMenu > li,
#desktopmenu  ul#dnnMenu li.current li { 
    border-left:7px solid #243a7b;
    display:block;
}
#desktopmenu  ul#dnnMenu > li:hover {
    border-left:7px solid #a7aac9;
}
#desktopmenu  ul#dnnMenu li.current,
#desktopmenu  ul#dnnMenu li.current li{ 
    border-left:7px solid #fff;
}
#desktopmenu ul#dnnMenu { margin:0; padding:30px 0;} 
#desktopmenu a,
#desktopmenu a:visited  {
	color: #a7aac9;
	line-height:30px;
	display: block;
	font-size:18px;
}  
#desktopmenu a:hover { 
	text-decoration: none; 
	line-height:30px;
	color:#fff;
} 
#desktopmenu  ul#dnnMenu li { padding: 10px 10px 10px 30px; }
#desktopmenu  ul#dnnMenu li:hover { padding: 10px 10px 10px 35px; }
#desktopmenu  ul#dnnMenu li.current a { color:#fff; }

/* Level2 */
#desktopmenu ul li ul {
	margin:-40px 0 0 270px;
	padding: 10px 0;
	display:block;
    background-color: #394d88;
    position:relative;
    z-index:-1;
    left:0;
    width:250px;
   
}
#desktopmenu ul li:hover ul {
    z-index:1;
    opacity:1;
    position:absolute;
}
#desktopmenu ul li ul li { 
    display:block;
    height:40px;
    
}
#desktopmenu ul li ul li a,
#desktopmenu ul li ul li a:visited,
#desktopmenu ul li ul li.current a {
    border: none;
    color:#fff;
    opacity:0;
    font-size:14px;
    line-height:20px!Important;
    padding:0 5px!Important;
}
#desktopmenu ul li:hover ul li a { opacity:1;}
#desktopmenu ul li ul li a:hover {
    color:#fff;
}
/***********************/
/** Mobile Menu Start **/

.navbar [class*="col-"] { padding-bottom:0;}

.navbar {  
	background-color:#fff;
	color: #333!Important;
	min-height: 65px;
	position: fixed;
   /* top:0; */
    width: 100%;
    z-index: 201;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    0px 3px 5px 0px rgba(50, 50, 50, 0.5);
box-shadow:         0px 3px 5px 0px rgba(50, 50, 50, 0.5);
}

.navbar .btn, 
.navbar .btn-group {
	margin-top:23px;
}
.navbar-inverse .btn-navbar {
	background-color: #333!Important;
	
}
.navbar-inverse .btn-navbar:hover,
.navbar-inverse .btn-navbar:active,
.navbar-inverse .btn-navbar.active,
.navbar-inverse .btn-navbar.disabled,
.navbar-inverse .btn-navbar[disabled]{
	color:#ffffff;
	background-color:#040404;
	*background-color:#000;
}



.navbar .btn-navbar {
	background-repeat: repeat-x;
	color: #FFFFFF;
	float: right;	
	margin-left: 10px;	
	margin-right: 0px;	
    cursor:pointer;
}
.navbar #dnn_dnnLOGOtablet_hypLogo { float:left; padding-top:12px;}
#logo_tablet 
{
    height:50px!important;margin-top:10px!important;
    -webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.navbar .btn-navbar .icon-bar {
	background-color: #333;
	border-radius: 1px 1px 1px 1px;
	display: block;
	height: 2px;
	width: 35px;	
}
.btn-navbar .icon-bar + .icon-bar {
	margin-top: 6px;
}
.btn {
	
}

.toggle {
    cursor: pointer;
    margin:10px 0 5px 10px;
}
#togglemenu { 
   display:block; 
	position:fixed;
	right:-100%;
	z-index:1000;
	width:100%;
	height:100%;
	background:#243a7b;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
	overflow-x:hidden;
	overflow-y:auto;
}
#togglemenu.expanded { 
	display:block; 
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
	right:0!Important;
}
#togglemenu ul { padding:15px 15px 15px 15px; margin:0;}
#togglemenu ul#dnnMenu li {display:block; }
#togglemenu ul li.topLevel  {padding-bottom:30px; }
#togglemenu ul#dnnMenu li.topLevel a { color:#a7aac9; font-size:18px; line-height:26px; }
#togglemenu ul#dnnMenu li.topLevel ul.leveltwo {margin:0; padding:0;}
#togglemenu ul#dnnMenu li.topLevel ul.leveltwo a { color:#a7aac9; font-size:12px; line-height:20px; }
#togglemenu ul#dnnMenu li.topLevel a:hover,
#togglemenu ul#dnnMenu li.topLevel.current a,
#togglemenu ul#dnnMenu li.topLevel ul.leveltwo li.current a,
#togglemenu ul#dnnMenu li.topLevel ul.leveltwo li a:hover { color:#fff;}

#togglemenu ul#dnnMenu ul {
    height:auto;
    position:relative;
}
#togglemenu ul ul {padding-left:20px;}
#togglemenu ul ul li {}
#togglemenu ul#dnnMenu ul li.category a span{ line-height:18px; font-size:12px; color:#fff;}
#togglemenu ul#dnnMenu li.category.mmBreadcrumb a span,
#togglemenu ul#dnnMenu ul li.category:hover a span { color:#0b2449;}


/*** Mobile Menu End ***/
/***********************/

/* Filterbuttons */
div.newsArchive.filterbuttons ul {
    margin:0 -8px 30px -8px!important;
}
div.newsArchive.filterbuttons li {
    width:50%;
    padding:8px;
    box-sizing:border-box;
}
div.newsArchive.filterbuttons a{
    padding:0 10px 0 0;
    margin:0;
    background-color:#fff;
    color:#333;
    border-radius:4px;
    border-color:#ddd;
    display:flex;
    align-items:center;
    flex:1 0 100%;
    hyphens: auto;
}
div.newsArchive.filterbuttons li.active a,
div.newsArchive.filterbuttons a:hover {
    border-color:#243a7b;
}
div.newsArchive.filterbuttons a:hover{
    background-color:#fff;
    color:#333!important;
}
div.newsArchive.filterbuttons a:before {
    content:"";
    background-size:contain;
    background-position:center;
    background-repeat: no-repeat;
    display:block;
    float:left;
    width:25px;
    height:25px;
    flex: 0 0 25px;
    margin:10px 5px 10px 5px;
}
div.newsArchive.filterbuttons a.icon-Fördern:before {
    background-image:url("/Portals/_default/Skins/buerki-ingenieure/images/icon-foerdern.png");
    background-size:80%;
}
div.newsArchive.filterbuttons a.icon-Mischen:before {
    background-image:url("/Portals/_default/Skins/buerki-ingenieure/images/icon-mischen.png");
}
div.newsArchive.filterbuttons a.icon-Entleeren:before {
    background-image:url("/Portals/_default/Skins/buerki-ingenieure/images/icon-entleeren-befuellen.png");
    background-position:center top 3px;
}
div.newsArchive.filterbuttons a.icon-Absperren:before {
    background-image:url("/Portals/_default/Skins/buerki-ingenieure/images/icon-absperren.png");
}
div.newsArchive.filterbuttons a.icon-Sieben:before {
    background-image:url("/Portals/_default/Skins/buerki-ingenieure/images/icon-sieben.png");
}
div.newsArchive.filterbuttons a.icon-Gebinde:before {
    background-image:url("/Portals/_default/Skins/buerki-ingenieure/images/icon-gebinde-verdichten.png");
}
div.newsArchive.filterbuttons a.icon-Zerkleinern:before {
    background-image:url("/Portals/_default/Skins/buerki-ingenieure/images/icon-zerkleinern.png");
    background-size:85%;
}
div.newsArchive.filterbuttons a.icon-Lagern:before {
    background-image:url("/Portals/_default/Skins/buerki-ingenieure/images/icon-lagern-silos.png");
    background-size:80%;
}
div.newsArchive.filterbuttons a.icon-Verladesysteme:before {
    background-image:url("/Portals/_default/Skins/buerki-ingenieure/images/icon-verladesysteme.png");
    background-size:135%;
}