/* Startseite Header Modul Sprocket */
.layout-showcase .sprocket-features-list li { height: auto !important; }
.layout-showcase2 .sprocket-features-list li { height: auto !important; }
.sprocket-features-desc img{width:1177px;}
body .fp-roksprocket-features .sprocket-features-content{width:100%;}
div.sprocket-features-container { min-height: 230px; } /* Die Mindesthöhe für den div Container */
body { color: #000; }
}

/* body .fp-roksprocket-features .layout-showcase .sprocket-features-arrows{left:800px;}
body .fp-roksprocket-features .layout-showcase .sprocket-features-pagination{left:700px;} */

/* Überschrift Sprocket Liste */
.sprocket-mosaic .sprocket-mosaic-item .sprocket-mosaic-title a {}
.sprocket-mosaic-item .sprocket-mosaic-title {font-size: 1.2rem; }
 
/* TAG Liste Layout */
.sprocket-mosaic .sprocket-mosaic-order li, .sprocket-mosaic-filter ul {
  padding: 7px 5px; font-size: 1.4em; line-height: 2.4em;
}

  
.sprocket-mosaic .sprocket-mosaic-filter li:hover, .sprocket-mosaic .sprocket-mosaic-filter li.active, .sprocket-mosaic .sprocket-mosaic-order li:hover, .sprocket-mosaic .sprocket-mosaic-order li.active {
  background-image: linear-gradient(#5d813b,#39472c 45%,#5d813b); }


.title, .component-content h2 {
    font-size: 22px;
	padding-bottom: 5px;
}
h1.prod { font-size: 180%; font-weight:bold; line-height:normal;}
h2.prod { font-size: 140%; font-weight:normal; line-height:normal;}	
h3.prod { font-size: 120%; font-weight:bold; line-height:normal;}	
h3.download  { font-size: 130%; font-weight:bold; line-height: normal;}	
p a { font-weight:bold; color:#5d813b; text-decoration:underline; }
p {font-size: 1.2em; font-weight: normal; line-height:20px;} 
h2 {font-size: 1.8em;}
small { font-weight:normal; font-size: 1.3em; color:#999; }



.green { color: #5d813b; }
.size1 { font-size: 2.25rem; }
.size2 { font-size:160%; } 




@media(max-width:60em){
	h1.large {font-size:1.7em !important; font-weight:bold; line-height:normal; }
	h2.large {font-size:1.2em !important; font-weight:bold; line-height:normal; }
	h1.xlarge {font-size:2.7em !important; font-weight:bold; line-height:normal; }
	h2.xlarge {font-size:1.5em !important; font-weight:bold; line-height:normal; }
	}
@media(min-width:60em){
	h1.large {font-size:2.7em; font-weight:bold; line-height:normal;}
	h2.large {font-size:1.6em; font-weight:normal; line-height:normal; }
	h1.xlarge {font-size:3.7em; font-weight:bold; line-height:normal;}
	h2.xlarge {font-size:2.0em; font-weight:normal; line-height:normal; }	
	}	

@media(min-width:75em){
	h1.large {font-size:3.6em; font-weight:bold; line-height:normal;}
	h2.large {font-size:1.9em; font-weight:normal; line-height:1.7em; }	
	h1.xlarge {font-size:4.7em; font-weight:bold; line-height:normal;}
	h2.xlarge {font-size:2.6em; font-weight:normal; line-height:2.4em; }	
	}
@media(min-width:120em){
	h1.large {font-size:4.4em; font-weight:bold; line-height: normal;}
	h2.large {font-size:2.2em; font-weight:normal; line-height:1.8em; }	
	h1.xlarge {font-size:6.0em; font-weight:bold; line-height: normal;}
	h2.xlarge {font-size:2.9em; font-weight:normal; line-height:2.1em; }		
	}



/* ------------- Picture Popup --------- */

.container {
	display: flex;
	height: auto;
	flex-direction: row;
    margin-top: 30px;
    width:350px;
}

div.pic-popup-big {
    width: 55%;
    padding: 5px;
    border-radius: 20px;
    border: solid 1px #ececec;	
    margin: 5px;  
}

.pic-popup-big img::before  {
	clear: both;
}



div.pic-popup-big:hover {
    border-radius: 20px;
    border: solid 1px #ccc;
  
}

div.pic-popup-right {
    margin-left: 10px;
}

div.pic-popup-small  {
    padding: 5px;
    border-radius: 20px;
    border: solid 1px #ececec;	  
    margin: 5px;  
}

.pic-popup-small  img {
	width: 100px;
}


a.jcepopup span.jcemediabox-zoom-image {
    cursor: url(https://www.maintronic.de/images/gebaeudeautomation/icons/lupe_64px.png) 4 12, auto  !important; 	 
}

div.pic-popup-big:hover, div.pic-popup-small:hover {
    border-radius: 20px;
    border: solid 1px #ccc;
}






/* ------------- Produkt Übersicht BOX   ------------- */
.flexbox {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
}

.flexelementbox, .flexproductbox, .flexheader, .flexbenefits {
margin: 1%;
line-height: 1em;
align-items: stretch;
}
.flexproductbox, .flexelementbox { border: 1px solid #CCC; padding: 20px; }
.noborder {border:none;}
.flexproductbox h1, .flexproductbox h2, .flexproductbox h3 { line-height: 1em; }
.flexproductbox h2 { font-weight:bold; }

.product_flex { font-weight:bold; font-size: 1.7em; color:#000; }

@media(max-width:60em){ .flexelementbox, .flexproductbox, .flexheader, .flexbenefits  {width: 100%; } .flexproductbox h1 {font-size: 1.2em;}  .flexproductbox h2 {font-size: 1.6em;}  }
@media(min-width:60em){ .flexelementbox, .flexproductbox, .flexheader, .flexbenefits   {width: 38%; } .flexproductbox h1 {font-size: 1.6em;} .flexproductbox h1 {font-size: 1.9em;} .flexbox { justify-content: space-between;}  }
@media(min-width:75em){ .flexelementbox, .flexproductbox, .flexheader, .flexbenefits   {width: 42%; } .flexproductbox h1 {font-size: 1.8em;} .flexproductbox h1 {font-size: 2.2em;} .flexbox { justify-content: flex-start; } }

@media(max-width:60em){ .flexelementbox50, .flexelementbox25, .flexelementbox33, .flexelementbox66, .flexelementbox75  {width: 100%; } }
@media(min-width:60em){ .flexbox { justify-content: space-between;}
						.flexelementbox50 {width: 45%; } 
						.flexelementbox25 {width: 26%; } 
						.flexelementbox33 {width: 36%; } 
						.flexelementbox66 {width: 61%; }	
						.flexelementbox75 {width: 72%; }												
 }
@media(min-width:75em){ .flexelementbox50 {width: 45%; } .flexbox { justify-content: flex-start; } 
						.flexbox { justify-content: space-between;} 
						.flexelementbox25 {width: 26%; } 
						.flexelementbox33 {width: 36%; } 
						.flexelementbox66 {width: 61%; }	
						.flexelementbox75 {width: 72%; }
}

.zoom {
	  cursor: url(https://www.maintronic.de/images/gebaeudeautomation/icons/lupe_64px.png) 4 12, auto  !important;
}

.flexelementbox h1, .flexelementbox50 h3 { font-size: 3em; font-weight:bold; line-height: 2em; }
.flexelementbox h2, .flexelementbox50 h3 { font-size:  2.5em; line-height: 2em; }
.flexelementbox h3, .flexelementbox50 h3 { font-size:  2em;  line-height: 2em; }
.flexelementbox p { font-size: 1em; }



.flexelementbox50 {
margin: 2%;
padding: 0px;
align-items: stretch;
}	

.flexkidbox {
padding: 20px;
}





/* Startseite Header Modul Sprocket DIV Container für Image und Beschreibung */
.header_sprocket_content { position: relative; z-index: 10; padding-top: 20px; padding-bottom: 15px; margin-top: 80px; margin-left: 400px; background-image: url(../images/main/back_grau.png); background-repeat:repeat; } 
.header_sprocket_image { top: 0; left: 0; width: 100%; position: absolute; z-index:2; padding-top:30px; } 
.header_sprocket_scale { width: 100%; height:450px;}
.header-title {font-size:350%; color:#FFF; padding-left:40px;}
.header-subtitle {font-size:200%; line-height:2.8em; color:#FFF; padding-left:40px;}
.header-content {font-size:120%; line-height:1.5em; color:#FFF; padding-left:40px;}


.font-size-is-xsmall {font-size: 12px;}
ul.benefits { list-style-image: url(benefits_20px.png); list-style-position: outside; padding-left:20px;}


/* Virtuemart Overrides  !important  */
.vm-price-desc {font-size:1em !important; font-weight:normal;}  /* Bruttopreis - Nettopreis */
.artikelnummer {font-size:1em !important; font-weight:normal;}  /* Bruttopreis - Nettopreis */
span.PricesalesPrice {font-size:2.2em !important; font-weight:bold !important; color:#C00 !important; } /* Brutto Preis */
.PricepriceWithoutTax {font-size:1em; font-weight:bold; color:#333; line-height:180%; } /* Netto Preis */
.product-price a:link  {color:#3F6; text-decoration:underline;}
.product-price {font-size:1em; text-decoration:none; text-align:right; float:right; padding-right:20px; padding-left:20px;} /* Container mit den Preisen */
.PricediscountAmount, .vm3pr-2 {font-size:0.9em;}





/* ------------- Produkt Übersicht BOX   ------------- */
.productbox {
	display: flex;
	background: #e6e5e0 repeat-x;
	border-top: 2px solid #d3ddff;
	border-bottom: 2px solid #fff;
}



div.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background-color: yellow;
  padding: 50px;
  font-size: 20px;
}


/* ICONS */
.icon_info { background-image: url(../../../images/icons/info.png); background-repeat: no-repeat; padding-left: 25px; }


.kontakt a:link, .kontakt a:visited   {
	color: #030;
	}
.kontakt a:hover {
	color: #999;
	background-color:#fff6d6;
	text-decoration:underline;
}

#benefits, benefits, .benefits, .benefits ul, .benefits li, #benefits_o, benefits_o, .benefits_o, .benefits_o ul, .benefits_o li, #benefits2, benefits2, .benefits2, .benefits2 ul, .benefits2 li, #benefits2_o, benefits2_o, .benefits2_o, .benefits2_o ul, .benefits2_o li, #benefits3, benefits3, .benefits3, .benefits3 ul, .benefits3 li, #benefits3, benefits3, .benefits3, .benefits3 ul, .benefits3 li { 
	font-weight: bold;
  	padding-left: 25px;
	margin-left: 20px;
	background-repeat:no-repeat;
}
	
@media(max-width:60em){
	#benefits, benefits, .benefits, .benefits ul, .benefits li { font-size: 1.0em; line-height:1.2em; background-image: url(../images/benefits_15px.png); }
	#benefits_o, benefits_o, .benefits_o, .benefits_o ul, .benefits_o li { font-size: 1.0em; line-height:1.2em;}
	#benefits2, benefits2, .benefits2, .benefits2 ul, .benefits2 li { font-size: 1.0em; line-height:1.2em; }	
	#benefits2_o, benefits2_o, .benefits2_o, .benefits2_o ul, .benefits2_o li { font-size: 1.0em; line-height:1.2em; }
	#benefits3, benefits3, .benefits3, .benefits3 ul, .benefits3 li, #benefits3_text, .benefits3_text { font-size: 1.4em; line-height:1.3em; }
	}
@media(min-width:60em){
	#benefits, benefits, .benefits, .benefits ul, .benefits li { font-size: 1.2em; line-height:1.5em; }
	#benefits_o, benefits_o, .benefits_o, .benefits_o ul, .benefits_o li { font-size: 1.2em; line-height:1.5em; }
	#benefits2, benefits2, .benefits2, .benefits2 ul, .benefits2 li { font-size: 1.5em; line-height:1.7em; }	
	#benefits2_o, benefits2_o, .benefits2_o, .benefits2_o ul, .benefits2_o li { font-size: 1.5em;  line-height:1.7em; }
	#benefits3, benefits3, .benefits3, .benefits3 ul, .benefits3 li, #benefits3_text, .benefits3_text { font-size: 1.5em; line-height:1.7em;; }
	}
		
#benefits, benefits, .benefits, .benefits ul, .benefits li, #benefits2, benefits2, .benefits2, .benefits2 ul, .benefits2 li, #benefits3, benefits3, .benefits3, .benefits3 ul, .benefits3 li  {	
	background-image: url(../images/benefits.png);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#benefits3_text, .benefits3_text {
	margin: 0;
}
#benefits_text, .benefits_text {
 	font-size: 1.4em;
	font-weight: bold;
	margin: 0;
  	padding-left: 44px;
}
#benefits-big, benefits-big, .benefits-big, .benefits-big ul, .benefits-big li {
 	font-size: 1.8em;
	font-weight: bold;
	line-height:34px;
	background-image: url(../images/benefits.png);
	background-repeat:no-repeat;
  	padding-left: 25px;
	margin-left: 20px;
}
p.div_center, .center1 {
	text-align:center;
}


/* Breadcrumbs Höhe 
#rt-breadcrumbs .rt-block .pathway a.pathway {margin: 0px 0px; padding:0px 0px 0px 12px; }
*/
/* Breadcrumbs und Menü Schriftgröße*/
#rt-breadcrumbs .rt-block { margin: 0px; padding: 20px 0px 0px 15px;  font-size:14px; font-weight:bold;}
#rt-breadcrumbs .showHere { font-weight:normal; }

/*main content Container */
#rt-main .component-content { margin: -15px 0px 0px 0px; padding: 0px 0px 0px 0px;  }


/* Menu Formatierung */

/* Sidebar Menu - Haupt*/
ul.menu li a,ul.menu li .item,ul.menu li .separator{
	display:block;
	font-size:120%;
	font-weight:bold;
	position:relative;
	padding:0px 0px 0px 10px; 
	line-height:35px;
	} 

/*child*/
ul.menu ul li > a,ul.menu ul li > .item,ul.menu ul li > .separator{
	padding:0px 0px 0px 15px; 
	font-size:100%;
	background-image: url(../images/dot.png); 
	background-repeat:no-repeat; 
	} 

ul.menu li  a:hover {  /*sidebar motherlink */
  background: #888888;
}	
ul.menu ul li  a:hover { /*sidebar child */
  background: #888888;
}	

/* HOME Button Link Titel entfernen nur ICON */
.gf-menu li.item101 {
    display: none
}
	
/*menu runder Button*/
ul.menu li:before{content:'>>';width:20px;height:20px;font-family: 'ExoRegular', Helvetica, Arial, sans-serif;font-size:0.8em;position:absolute;right:10px;top:5px;border-radius:100%;text-align:center;}
/*ul.menu li a em,ul.menu li .item em,ul.menu li .separator em{display:block;font-size:12px;line-height:9px;text-align:left;font-style:normal; background-color:#CF0}*/

/* Navigationsleiste oben Hintergrund */
#rt-header {
    border-bottom: 1px solid #C7C7C7;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3), 0px 6px 0px #741859 inset, 0px 7px 0px #FFF inset;
    background-color: #EBEBED ;
    background-image: linear-gradient(#888, #666 95%, #cccccc);
    background-repeat: no-repeat;
}

/*Hintergrundfarbe Content Bereich */
.rt-container > #rt-main, #rt-mainbottom > .rt-container , #rt-breadcrumbs > .rt-container {
    background-color: #FFF;	
	border-right: 1px solid #cfcfcf;
	border-left: 1px solid #cfcfcf;
}

/*
#rt-main, rt-content-top, rt-content-bottom {
    background-color: #fff;	
	border: 1px solid #ff0000;
}
*/
#rt-mainbody-surround, rt-utility, rt-bottom, rt-showcase-bg, rt-mainbottom {
    background-color: #e1e1e1 !important;
    padding: 0;		
}

.gf-menu.l1 > li > .item, .layout-mode-responsive   { color:#000; }
.gf-menu .dropdown .grouped ol a, .gf-menu .dropdown ul li a  { 	color:#000; }


/* NAV Menu Formatierung */

/* Dropdown Menu */
.gf-menu .dropdown {
    background: none repeat scroll 0 0 #5a5a5a;
    border-radius: 0 0 8px 8px;
    border-top: 0 none;
    box-shadow: 0 4px 3px rgba(0, 0, 0, 0.2);
    left: -999em;
    margin: -5px auto 0;
    opacity: 0;
    padding: 10px 0;
    position: absolute;
    text-align: left;
    transition: opacity 0.2s ease-out 0s;
    z-index: 100000;
-webkit-transition:opacity 0.2s ease-out;
-moz-transition:opacity 0.2s ease-out;
-o-transition:opacity 0.2s ease-out;
-webkit-box-shadow:0 4px 3px rgba(0,0,0,0.2);
-moz-box-shadow:0 4px 3px rgba(0,0,0,0.2);
}
	
	
}
.gf-menu .dropdown .grouped ol {
  border-radius: 0px;
  background: none;
  box-shadow: none ;
  border: none;
  margin: 0px;
  padding: 2px;
}


/* Navigation Bar Menu */

.gf-menu .item{  /* Navigation - Dropdown - */
		font-family: 'ExoRegular', Helvetica, Arial, sans-serif;
		-webkit-transform:translateZ(0);
		text-shadow: none;
		text-align:left;
		text-decoration:none;
		display:block;
		outline:0;
		cursor:pointer;
		}

.gf-menu .item i{
	font-style:normal;
	}
.gf-menu .item.subtext{padding-top:1px;padding-bottom:4px;}
.gf-menu .item.subtext > em{display:block;font-size:9px;line-height:9px;color:#555556;text-align:left;font-style:normal;}




/* aus Kompilierter Datei menu... */
.gf-menu{margin:0 auto;list-style:none;}
.gf-menu:after{display:table;content:'';clear:both;}
.gf-menu ul{list-style:none;padding:0;margin:0;}
.gf-menu .item.icon [class^="icon-"],.gf-menu .item.icon [class*= " icon-"]{background-image:none !important;width:auto;}
.gf-menu .item.icon [class^="icon-"]:before,.gf-menu .item.icon [class*= " icon-"]:before{text-indent:0;margin-right:5px;}
.gf-menu .item .menu-image{max-width:inherit;vertical-align:text-top;margin-top:-2px;margin-left:-2px;}
.gf-menu.l1 > li{background:url(../images/light/menu-separator.png) no-repeat 0 6px;}
.gf-menu.l1 > li:last-child:before{background:url(../images/light/menu-separator.png) no-repeat 0 6px;content:'';position:absolute;right:0;height:100%;width:2px;}
.gf-menu.l1 > li > .item {
    font-size: 140%;
	font-stretch:normal;
	line-height:24px;
	padding-top:18px;
	padding-bottom:19px;
	position:relative;
	margin:0 -1px 0 2px;
	text-transform:uppercase;	
}
	
.gf-menu.l1 > li > .item.subtext{padding-top:12px;padding-bottom:15px;}
.gf-menu.l1 > li > .item .menu-image{margin-top:0;}
.gf-menu.l1 > li.active{margin-bottom:-10px;}
.gf-menu.l1 > li.active > .item {
	padding-bottom:25px;
	background-color:#ededef;
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#D8D8DA),color-stop(30%,#EDEDEF),to(#EDEEF0));
	background-image:-webkit-linear-gradient(#D8D8DA,#EDEDEF 30%,#EDEEF0);
	background-image:-moz-linear-gradient(top,#D8D8DA,#EDEDEF 30%,#EDEEF0);
	background-image:-o-linear-gradient(#D8D8DA,#EDEDEF 30%,#EDEEF0);
	background-image:linear-gradient(#D8D8DA,#EDEDEF 30%,#EDEEF0);
	background-repeat:no-repeat;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd8d8da', endColorstr='#ffedeef0', GradientType=0);
	border-bottom:1px solid #ffffff;
	z-index:1;
	position:relative;
	color:#000000;
	}
.gf-menu.l1 > li.active > .item .rt-item-border{height:6px;position:absolute;left:0;right:0;top:0;margin:0 -1px;background:#EDEDE9;-webkit-box-shadow:inset 0 0 10px rgba(0,0,0,0.6);-moz-box-shadow:inset 0 0 10px rgba(0,0,0,0.6);box-shadow:inset 0 0 10px rgba(0,0,0,0.6);}
.gf-menu.l1 > li.active > .item:before{content:'';position:absolute;width:42px;height:100%;left:0;top:0;z-index:2;background:url(../images/main/menu-shadow.png) no-repeat -28px -8px;}
.gf-menu.l1 > li.active > .item:after{content:'';position:absolute;width:42px;height:100%;right:0;top:16px;line-height:62px;text-align:right;margin-top:-16px;letter-spacing:15px;z-index:2;background:url(../images/main/menu-shadow.png) no-repeat 20px -120px;}.gf-menu.l1 > li.active.parent > .item:after{content:'\f078';}
.gf-menu.l1 > li.active .rt-item-shadow{height:8px;bottom:0;left:2px;right:-1px;position:absolute;z-index:0;-webkit-box-shadow:0 0 4px rgba(0,0,0,0.4);-moz-box-shadow:0 0 4px rgba(0,0,0,0.4);box-shadow:0 0 4px rgba(0,0,0,0.4);
}.gf-menu li{float:left;display:block;text-align:center;position:relative;padding:0;border:none;}
.gf-menu li.parent > .item{position:relative;padding-right:30px;}
.gf-menu li.parent > .item:after{color:#3b3b3d;position:absolute;right:15px;top:50%;margin-top:-12px;font-family:FontAwesome;content:"\f078";font-size:11px;}

.gf-menu .dropdown .flyout{display:block;}
.gf-menu .dropdown ul li{display:block;float:none;margin-right:0;padding:0 5px;border:0;background:url(../images/light/dropdown-separator.png) no-repeat;}
.gf-menu .dropdown ul li:first-child{background:none;}
.gf-menu .dropdown ul li.active > .item   /* Navigation - Dropdown - Navi - Aktiv */ {
	color:#5d813b;
	font-weight:bold;
	background-color: #EDEDE9;
	}
.gf-menu .dropdown ul li .item{padding:8px;}
.gf-menu .dropdown ul li.parent > .item:after{margin-top:-10px;font-family:FontAwesome;content:"\f054";font-size:11px;}
.gf-menu .dropdown .grouped.parent > .item .border-fixer{display:none;}
.gf-menu .dropdown .grouped.parent > .item:after{font-family:FontAwesome;content:"\f078";font-size:11px;}
.gf-menu .dropdown .grouped ol{

		background:#686565;
		border-radius:0px;	
		border: none;	
		/*
		-webkit-box-shadow:0 0 4px rgba(0, 0, 0, 0.1) inset;
		-moz-box-shadow:0 0 4px rgba(0, 0, 0, 0.1) inset;
		box-shadow:0 0 4px rgba(0, 0, 0, 0.1) inset;
		*/		
		margin:6px 0px;
		padding:3px 0;
		}
.gf-menu .dropdown .grouped ol > li{background:none;}
.gf-menu .dropdown .grouped ol > li > .item{ /*Navigation - Dropdown - childlink */
	    font-size: 140%;	
		padding-top:6px;
		padding-bottom:6px;
		font-weight: normal;
		padding-left:15px;
		}

.gf-menu .dropdown .modules{text-align:left;color:#555556;}
.gf-menu .dropdown .modules .module-content{padding:0 10px;}
.gf-menu .dropdown .modules .module-content h1,.gf-menu .dropdown .modules .module-content h2,.gf-menu .dropdown .modules .module-content h3,.gf-menu .dropdown .modules .module-content h4,.gf-menu .dropdown .modules .module-content h5{color:#87878a;}
.gf-menu .dropdown .modules .module-content p{margin:0 0 10px 0;font-size:12px;line-height:18px;}


.gf-menu li a:hover { /* Navigation Dropdown Link Hintergrund */
	background-color: #ECE6EB;
	color:#5d813b;
}	
.gf-menu.l1 > li:hover > .item { /* Hauptnavi - Hauptlink mother-mother*/
	color:#5d813b;
}
.gf-menu .dropdown ul li a:hover {  /* Hauptnavi - Link Hintergrund mother */
	color:#5d813b;
	font-weight:bold; 	
}

.gf-menu .dropdown .grouped ol > li:hover > .item { /* Hauptnavi - Link Hintergrund child */
	color:#5d813b;
	font-weight:bold;  
}

.gf-menu.l1 > li:hover .rt-menu-border{
	background:#FFFFFF;border-bottom:2px solid #3f5728;border-left:1px solid #374d23;border-right:1px solid #374d23;height:50px;position:absolute;left:1px;right:-2px;
}
	
/* RokSprocket angaben rest steht in der tabs.css im component folder */
    .sprocket-tabs .sprocket-tabs-nav > li.active > .sprocket-tabs-inner, .sprocket-tabs .sprocket-tabs-nav > li.active:hover > .sprocket-tabs-inner {
	background-color:  #5d813b; color: #FFF; font-weight:bold;	
    }

/* Rok Sprocket Mosaic - Tab ausblenden */
.sprocket-mosaic-tags {display:none}


/* DJ Imageslider - Kategorieformatierung 

h1.cat-DJ, .slide-title{font-size: 18px; font-weight:bold; color: #FFF; line-height: 20px; }
h2.cat-DJ, h2.cat-DJ a, .slide-text, .slide-text a {font-size: 12px; font-weight:bold; color: #FFF; line-height: 20px; }

*/

/* DIV Container Produktansicht */
.div_clear {clear: both; height:100px;}
.div_clear0 {clear: both;}
.div_clear200 {clear: both; height:120px;}
.div_full {width: 99%; float:left; text-align:left; padding-top: 10px; padding-left:10px; padding-right:10px;}
.div_prod_full {width: 97%; float:left; text-align:left; padding-top: 10px; padding-left:10px; padding-right:10px;}
.div_prod_image {width:65%; float:left; text-align:left; background-color: #f0f0f0; padding-right:10px; }
.div_prod_image100 {width:99%; text-align:left; background-color: #f0f0f0; }
.div_image75, .div_image75 p {width:65%; text-align: center;border:none; }
.div_image100 {width:100%; text-align: center;border:none; }
.div_prod_100 {width:99%; float:left; text-align:left; background-color: #f0f0f0;}
.div_prod_65 {width:65%; float:left; text-align:left; padding-top: 25px; padding-left:10px; padding-right:10px;  }
.div_prod_techdat {width: 55%; float:left; text-align:left; padding-top: 10px; padding-left:10px; } 
.div_prod_techdat_80 {width: 80%; text-align:left; padding-top: 10px; margin:0 auto; } 
.div_prod_techdat_100 {width: 99%; text-align:left; margin:0 auto; padding-top: 25px; padding-left:10px; padding-right:10px; } 
.div_prod_benefits {width:30%; float:left; text-align:left; padding-right:10px; padding-top: 5px; }
.div_prod_2_1 {width: 45%; float: left; padding-top: 10px; padding-left:10px; padding-right:10px;}
.div_prod_2_2 {width: 45%; float: right; padding-top: 10px; padding-left:10px; padding-right:10px; margin-left:20px;}
.div_prod_3_1 {width: 29%; float: left; padding-top: 10px; padding-left:10px; padding-right:10px; }
.div_prod_3_2 {width: 29%; float: left; padding-top: 10px; padding-left:10px; padding-right:10px; margin-left:20px; }
.div_prod_3_12 {width: 60%; float: left; padding-top: 10px; padding-left:10px; padding-right:10px; }
.div_prod_3_3 {width: 29%; float: right; padding-top: 10px; padding-left:10px; padding-right:10px; margin-left:20px; }
.div_support_2 {width: 545px;float: left; text-align:left; padding-top: 10px; padding-bottom: 10px; padding-left:10px; padding-right:10px;}
.div_prod_download_2 {width:545px; float:left; text-align:left; padding-top: 10px; padding-bottom: 10px; padding-left:10px; padding-right:10px; margin-left:20px;}
.div_support_3 {width: 348px;float: left; text-align:left; padding-top: 10px; padding-bottom: 10px; padding-left:10px; padding-right:10px;}
.div_prod_download_3 {width:348px; float:left; text-align:left; padding-top: 10px; padding-bottom: 10px; padding-left:10px; padding-right:10px; margin-left:20px;}
.div_shop_3 {width: 348px; float: left; text-align:left; padding-top: 10px; padding-bottom: 10px; padding-left:10px;  padding-right:10px; margin-left:20px; }
.div_prod_cad {width:150px; float: right; text-align:center; padding-top: 10px; padding-left:15px; padding-right:10px; margin-top:10px; margin-left:20px; margin-right:20px;  background-color: #FFF;}
.div_prod_cad44 {width:40%; float: right; text-align:center; background-color: #FFF;}
.div_prod_cad440 {width:440px; float: right; text-align:center; padding-top: 35px; padding-bottom: 25px; padding-left:15px; margin-right:20px; margin-top:10px; margin-left:20px; background-color: #FFF;}
.div_25 {width:20%; float: left; text-align:center; }
.div_prod_pic {width:20%; float: left; text-align:center; padding: 10px; margin:10px; border: 1px; border-color:#F00;  min-height: 230px; background-color: #E8E3E7;}
.div_prod_pic:hover {background-color: #5d813b;}
.div_lang_cad {width:195px; float: left;}
.div_technik {width:98%; padding-top:50px; padding-bottom: 50px; padding-left: 10px; padding-right: -10px; background-image:url(../images/background/hintergrund-schwarz_4.jpg); background-repeat:repeat-y; z-index:1; }
.div_technik_cent {width:98%; padding-top:50px; padding-bottom: 50px; padding-left: 10px; padding-right: -10px; background-image:url(../images/background/hintergrund-schwarz_4.jpg); background-repeat:repeat-y; z-index:1; margin:0 auto; }
.div_cat_image {width:850px; float:left; }
.div_catfull {width: 830px; float:left; padding-top: 10px; padding-left:10px; padding-right:10px;}
.div_cat_2_1 {width: 395px; float:left; padding-top: 10px; padding-left:10px; padding-right:10px;}
.div_cat_2_2 {width: 395px; float:left; padding-top: 10px; padding-left:10px; padding-right:10px; margin-left:20px; }
.div_cat_benefits {width: 830px; float:left; padding-top: 10px; padding-left:10px; padding-right:10px;  background-color:#EAEAEA; }
.div_prod_image_spalte { width: 99%; text-align: center; border: 1px solid  #E9E2E8; background-color: #e5f4ff; }
IMG.bild_zentriert {  	position:absolute;	left:50%;	top:50%;	width:300px; /* Breite des Bildes */	height:200px; /* Höhe des Bildes */	margin:-100px 0 0 -150px; /* Erster Wert: -Höhe des Bildes/2; letzter Wert: -Breite des Bildes/2 */	border:0;}
.DIV_index { z-index:999 !important;    position: relative; }


/* Änderungen an den DIV für mobile Darstellung Screen kleiner 600px; */


@media(min-width:75em){
   /* breite Browserfenster */
.div_prod_icons,.div_prod_icons_dongle  {position:fixed; top:150px; right:10px; width: 70px; float:left; text-align:right; padding-top: 10px; padding-left:10px; padding-right:10px; margin-left:20px; } 
#rt-logo { background: url(/images/maintronic/mtc_maintronic_logo_header.png) 50% 50% no-repeat !important;}
#rt-logo {width: 111px;height: 65px;}
.gf-menu .item {font-size:130% !important; padding: 0px 8px;}
.gf-menu li.parent > .item {padding-right: 30px;}
.gf-menu.l1 > li > .item { color:#FFF; }
.gf-menu .dropdown .grouped ol a, .gf-menu .dropdown ul li a  { color:#FFF; }
}
@media(min-width:60em) and (max-width:75em) {
   /* Darstellung auf Netbooks */ 
   .div_prod_icons,.div_prod_icons_dongle {position: inherit; width: 30%; float: right;  padding: 0; padding-top: 30px; margin: 0;}
#rt-logo { background: url(/images/maintronic/mtc_maintronic_logo_header.png) 50% 0 no-repeat !important;}
#rt-logo {width: 111px;height: 65px;}
.gf-menu .item {font-size:120% !important; padding: 2px 12px;}
.gf-menu li.parent > .item {padding-right: 25px;}
.gf-menu.l1 > li > .item { color:#FFF; }
.gf-menu .dropdown .grouped ol a, .gf-menu .dropdown ul li a  { color:#FFF; }
}	
   
@media(max-width:60em) and (min-width:767px){
     /* mobile Geräte */ 
    .div_prod_icons {position: inherit; width: 100%; clear: both; float: none;  padding: 0; margin: 0;}	
	.div_prod_2_1, .div_prod_2_2, .div_prod_3_1, .div_prod_3_2, .div_prod_3_3, .div_prod_benefits, .div_prod_image, .div_full, #rt-content-bottom {width: 100%; clear: both; float: none; padding: 0; margin: 0;}

#rt-logo { background: url(/images/maintronic/mtc_maintronic_logo_header_mobile.png) 50% 0 no-repeat !important;}
#rt-logo {width: 350px;height: 205px;}
.gf-menu .item {font-size:110% !important; padding: 4px 18px;}
.header_sprocket_scale { height: 200px !important;}
.gf-menu li.parent > .item {padding-right: 20px;}
.gf-menu.l1 > li > .item { color:#FFF; }
.gf-menu .dropdown .grouped ol a, .gf-menu .dropdown ul li a  { color:#FFF; }
}

@media(max-width:767px){
	     /* mobile Geräte */ 
    .div_prod_icons {position: inherit; width: 100%; clear: both; float: none;  padding: 0; margin: 0;}	
	.div_prod_2_1, .div_prod_2_2, .div_prod_3_1, .div_prod_3_2, .div_prod_3_3, .div_prod_benefits, .div_prod_image, .div_full, #rt-content-bottom {width: 100%; clear: both; float: none; padding: 0; margin: 0;}

#rt-logo { background: url(/images/maintronic/mtc_maintronic_logo_header_mobile.png) 50% 0 no-repeat !important;}
#rt-logo {width: 350px;height: 205px;}
.gf-menu .item {font-size:110% !important; padding: 4px 18px;}
.header_sprocket_scale { height: 200px !important;}
.gf-menu.l1 > li > .item, .layout-mode-responsive   { color:#000;  }
.gf-menu .dropdown .grouped ol a, .gf-menu .dropdown ul li a, .layout-mode-responsive .gf-menu.l1 > li > .item  { color:#000; font-size:120% !important; }
}

.div_caption {
	box-sizing: border-box;
	border-top: 1px solid #C7C7C7;
	border-bottom: 1px solid #C7C7C7;
    margin: 0px 0px 15px 0px;
	background: #ececeb;
	padding: 10px 0px 10px 10px;
	font-size: 24px;
	font-weight: normal;
	color:#5d813b;
	line-height: 24px;
		}
		
.box_weiss {
padding: 15px;
margin: 12px 10px 20px;
position: relative;
}
/* DIV Container Produktansicht ICONS*/
.div_icon_links {width: 64px;float: left; text-align:center; padding-left: 5px; padding-top: 10px; padding-bottom: 10px; padding-right:21px;}
.buttons, .buttons a {font-size: 110%; font-weight:bold; text-align:center; color:#000; }
.div_icon_rechts { width: 64px;float: left; text-align:center; padding-top: 10px; padding-bottom: 10px;}


/* Technische Daten Tabellen Layout */
#tech-tabelle-style
{	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}
#tech-tabelle-style th
{	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #e6e5e0 repeat-x;
	border-top: 2px solid #d3ddff;
	border-bottom: 2px solid #fff;
	color: #fff;
}
#tech-tabelle-style td
{	padding: 4px; 
	border-bottom: 2px solid #fff;
	color: #333;
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	background: #e6e5e0  repeat-x;
}
#tech-tabelle-style tfoot tr td
{	background: #e8edff;
	font-size: 12px;
	color: #000000;
}
#tech-tabelle-style tbody tr:hover td
{	background: #fff6d6;
	color: #000;
}
.tabelle_ueberschrift {	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size:12px;
	font-weight: bold;
	color:#373a44;
	padding-left: 0px;
	line-height:25px
}
.tabelle_td, .tabelle_td a:link, .tabelle_td a:visited  {	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#373a44;
	padding-left: 0px;
	line-height:30px
}
.tabelle_td a:hover  {		color:#0d5622; text-decoration:underline; background-color: #FF9; }
.tabelle {	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size:12px;
	color:#373a44;
	padding-left: 0px;
	line-height:25px
}








/* Download GRID Tabellen Layout */
#downloadgrid-tabelle-style
{	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}
#downloadgrid-tabelle-style th
{	font-size: 10px;
	font-weight: normal;
	padding: 2px;
	background: #e6e5e0 repeat-x;
	border-top: 2px solid #d3ddff;
	border-bottom: 2px solid #fff;
	color: #fff;
}
#downloadgrid-tabelle-style td
{	padding: 2px; 
	border-bottom: 2px solid #fff;
	color: #333;
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	background: #e6e5e0  repeat-x;
}
#tech-tabelle-style tfoot tr td
{	background: #e8edff;
	font-size: 12px;
	color: #000000;
}
#downloadgrid-tabelle-style tbody tr:hover td
{	background: #fff6d6;
	color: #000;
}

.tabelle_grid_td, .tabelle_grid_td a:link, .tabelle_grid_td a:visited  {	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#373a44;
	padding-left: 0px;
	line-height:20px
}
.tabelle_grid_td a:hover  {		color:#0d5622; text-decoration:underline; background-color: #FF9; }
.tabelle_grid {	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size:11px;
	color:#373a44;
	padding-left: 0px;
	font-weight:bold;
}




/* DOWNLOAD Tabellen Layout */

.download-tabelle-style, .download-tabelle-style p
{	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000;
	text-align: left;
}
.download-tabelle-style
{	width: 100%;
	border-collapse: collapse;
}
.download-tabelle-style div
{	width: 100%;
}
.download-tabelle-style th
{	padding: 3px;
	background: #e7e6e2  repeat-x;
	border-top: 2px solid #d3ddff;
	border-bottom: 2px solid #fff;
}
.download-tabelle-style td
{	padding: 3px; 
	border-bottom: 2px solid #fff;
	border-top: 2px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;	
	background: #e7e6e2  repeat-x;
}
.download-tabelle-style tfoot tr td
{	background: #e8edff;
}
.download-tabelle-style tbody tr:hover td
{	background: #fff6d6 url('../images/tablehover.png') repeat-x;
	color: #000;
}
.download_tabelle_ueberschrift { font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size:11px;
	font-weight: bold;
	color:# ;
	padding-left: 0px;
	line-height:25px
}
.download_tabelle {	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size:11px;
	color: #0F0;
	padding-left: 0px;
	line-height:25px;
	background-color:#F90;
}

/* .headline{
	border-top: 1px solid #C7C7C7;
	border-bottom: 1px solid #C7C7C7;
 	margin: 0px 5px 15px -5px;
	background: #e9e6d9 url('../images/icons/ICON_anfrage_64.png"') repeat-x;
	padding: 8px 0px 8px 40px;
	font-size: 20px;
	width:100%;
	font-weight: normal;
	line-height: 0.9em;	
}
*/

.headline_hell{
	border-top: 1px solid #074671;
	border-bottom: 1px solid #074671;
	background-color:#1276bb;
	margin: 0px -5px 15px -5px;
	padding: 8px 0px 8px 10px;
	font-size: 20px;
	color:#D7D7D7;
	font-weight: normal;
	line-height: 0.9em;	
}

.box_blau {
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1) inset;
	background: none repeat scroll 0% 0% #196091;
	border: 1px solid #074671;
	border-radius: 5px;
}
.box_weiss {
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1) inset;
	background: none repeat scroll 0% 0% #FFF;
	border: 1px solid #D3D3D3;
	border-radius: 5px;
}

.rokbox_download {
	font-size: 18px;
	color:#87ee7c;
	font-weight: bold;
	line-height: 0.9em;	
}

/* -----   DIV Containter mittig zentrieren ----  */
#div_center {
text-align: center;
height: inherit;
}



/* -----   DIV Containter mittig zentrieren ----  */
#div_center2 {
background: #CCC;
border: 1px solid #666;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.2em;
color: #333;
z-index: 10;
position: absolute;
width: 500px;
height: 500px;
top: 50%;
left: 50%;
padding-left:50px;
padding-right:50px;
margin-top: -250px;
margin-left: -250px;
text-align:center;
}

.div_test { 
width: 600px;
background-color:#6CF;
}
		
		
/* -----   Kontakt Formular   ----  */
/* -----   Breezing Forms   ------  */

.kontakt_1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.2em;
color: #E9E9E9;
font-weight:bold;
}		

.submit_button {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.4em;
color: #FFF;
background-color:#5d813b;
border:0px;
line-height: 45px;
font-weight:bold;
}		
.submit_button:hover {background-color:#5da33b;}
		
		
/* -----   Breezing Forms - Kontaktformular   ------  */
.bfClearfix { position:relative;overflow:hidden;margin-left:auto;margin-right:0px;
width:100%;text-align:center;
}		
.breezingforms_iframe, .iframe { background-color:#000; }
		 

/* ------------- Hintergrundfarbe MODULE  Maintop ------------- 
.contentstyle-preset7 #rt-maintop{background-color: transparent;}
.contentstyle-preset7 #rt-maintop .title4 .title{background-color: transparent;}
#rt-maintop{color:#aaaaaa;background-color: transparent;background-image:url(../images/patterns/noise.png); padding:0;}
*/

/* Überschrift Heading im Content Bereich */

.title, .component-content h2 {
  padding-top: 20px;
  margin-bottom: 0;
}




.div_kontakt p {text-align:center; font-size:18px; font-weight:bold; color:#CCC;}
.div_kontakt  {background-color: rgb(93,129,59); width:100%; text-align:center;}
.div_kontakt:hover {background-color: rgb(52,56,58);}


/* ------------- Hover Effekt CSS   ------------- */
/* ------------- Ueber uns Hintergrund  ------------- */
/* ------------- Hover Effekt CSS   ------------- */


.view {
   margin: 10px;
   float: left;
   overflow: hidden;
   position: relative;
   text-align: center;
  /*  border: 10px solid #fff;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
    */
   cursor: default;
}

.view .mask,.view .content {
   width: 100%;
   height: 100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   line-height: 26px;
   position: relative;
   font-size: 18px;
   padding: 10px;
   background: rgba(0, 0, 0, 0.8);
   margin: 10px 0 0 0;
}
.view p {
   font-size: 18px;
   font-stretch: condensed;
   font-weight: 900;
   line-height: 20px;   
   position: relative;
   color: #fff;
   padding: 10px 20px 0px;
   text-align: center;
}
.view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.view a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}




.view-first img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: rgba(72,108,59, 0.95);    /* - grün Hintergrund - */
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.view-first h2 {
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first p {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
.view-first a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
.view-first:hover p {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.view-first:hover a.info {
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}
				

/* ------------- lifestyle   ------------- */

.div_hinweis {max-width: 99%; background-color:#FCF4D8; padding:20px; border:4px !important; border-color:#F00 !important; border-style:solid !important; text-align:left;}

.divblog { padding: 25px; }
.divmain { margin-left:-25px; margin-right:-23px; }
.col-white { background-color: #FF0; color: #000; }
.col-green { background-color: #5d813b; color:#FFF; } 
.col-yellow { background-color: #FCF4D8; }
.divleft { text-align:left; }
.divright { text-align:right; }


/* display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; } */

.lifestyle_hl {align:left; font-size:180%; font-weight:normal; line-height:150%;}
.lifestyle_h2 {align:left; font-size:330%; font-weight:bold; line-height:140%; color: #5d813b; }


.button,.readon,.readmore,button.validate,#member-profile a,#member-registration a,.formelm-buttons button,.btn-primary,#k2Container .k2ReadMore,#k2Container #submitCommentButton,#gantry-resetsettings {
 display:inline-block;
 padding:7px 20px 7px 10px;
 line-height:1.3em;
 font-size:0.9em;
 border-radius:4px;
 border:1px solid;
 position: static !important;
}
.btn-primary, .btn-success { linear-gradient(rgb(63, 87, 40), rgb(93, 129, 59) 35%, rgb(113, 157, 72));
 background-color: rgb(93, 129, 59)
 }





/* Zoom In #1 */
.hoverzoom figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.margin0 {
		margin: 0em 0px;
}
.hoverzoom figure:hover img {
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
	z-index: 1;	
	opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
	
}


/* Opacity #2 */
.hoveropa figure {
	background: #1abc9c;
}
.hoveropa figure img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hoveropa figure:hover img {
	opacity: .5;
}

/* Flashing */
.hoverflash figure:hover img {
	opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
}
@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}