/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/*
 * Custom Style Sheet - Use this file to style your content
 */
 
 
 
/* logo Display
----------------------------------------------------------------------------------------------------*/
 .logo h1  {  display:none; }
 .logotext img  {  display:none; }
 .nonelogo h1 ,  .nonelogo img  {  display:none; }
 
 
 
 
/* Header
----------------------------------------------------------------------------------------------------*/
#headerbar .module {max-width: none;}

#headerbar  { max-width: 100%;}


/* Banner */
#banner { position: absolute;right: 0; top: 20px;}
.banneritem img  { max-width: 100%; height: auto;}


/* Layouts Margin & Padding
----------------------------------------------------------------------------------------------------*/
#toolbar .float-left .module, #toolbar .float-left > time {margin-top: 5px; }
#toolbar, #headerbar  { margin-bottom: 0px; }
#header-block, #header { margin: 0 15px 0;}
#newflash-block, #main-block, #bottom-b-block, #footer-block {margin: 0 15px;}
#newflash .module {margin: 10px;}
#top-a-block {margin:0 0 15px;}
#footer{ margin: 0;}
#newflash .module  { margin: 0;}
#newflashbar { padding: 5px;}
#bottom-b   { margin:0;}
#bottom-a-block {margin:0 15px;} 

#toolbar, #top-a, #header, #mainfanouss, #bottom-a, #bottom-b, #footer {padding: 15px;} 





/* Background Image
----------------------------------------------------------------------------------------------------*/
#background-image  { background-attachment: fixed;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
    z-index: -1;}
 
    

  
    
/* Newflach & Search
----------------------------------------------------------------------------------------------------*/   

/* Search */
#search {margin: 5px;}

/* Newflach */
#newflashbar .searchbox {
    background: url("../../images/searchbox_magnifier.png") no-repeat scroll 0 50% #FFFFFF;
    border: 0 none;
    height: 30px;
    padding: 0 7px;
    width: 200px;
}
    
 #newflash {float:left;}   
    
 /* Main Block + Menu Block
----------------------------------------------------------------------------------------------------*/   
      
#main {min-height: 520px;}
#main-block,  #newflash-block {position: relative;}

/* Menubar and Page */

#menu-block {
    position: absolute;
     height: 100% !important;}
#menu-block nav#menu {margin:0 0 10px;} 
.main-bgcolor { box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);}
#mainfanouss {  margin-left: 100px; padding: 10px;}
#system .items .item {margin: 0 5px;}



 /* Force Height Costum Code
 ----------------------------------------------------------------------------------------------------*/

.height-500 div.sprocket-features-img-container {max-height: 500px;}
.height-400 .sprocket-features-img-container {max-height: 400px;}
.height-200 div.sprocket-features-img-container {max-height: 200px;} 
.height-200 .layout-slideshow .sprocket-features-title {display: block; font-size: 100%;}




/* flexslider
----------------------------------------------------------------------------------------------------*/
 .flexslider .slides > li , span.itemImage, #itemListLeading span.catItemImage,.sprocket-features-img-container {
    max-height: 320px;
    position: relative;}




 /*! breadcrumbs Structure 
 ------------------------------------------------------------------------------------------------------------------------------*/
	ul#breadcrumbs{
		overflow: hidden;
		list-style: none;
		border: 1px solid #cccccc;
		padding: 0;
		margin: 0 -5px;
		/* Box-Shadow */
		-moz-box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .6), 0 0 0 4px rgba(255, 255, 255, .3);
		-webkit-box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .6), 0 0 0 4px rgba(255, 255, 255, .3);
			}

	ul#breadcrumbs li:first-child{
		-webkit-border-top-left-radius: 3px;
		-webkit-border-bottom-left-radius: 3px;
		-moz-border-radius-topleft: 3px;
		-moz-border-radius-bottomleft: 3px;
		border-top-left-radius: 3px;
		border-bottom-left-radius: 3px;
	}
	ul#breadcrumbs li:last-child{
		-webkit-border-top-right-radius: 3px;
		-webkit-border-bottom-right-radius: 3px;
		-moz-border-radius-topright: 3px;
		-moz-border-radius-bottomright: 3px;
		border-top-right-radius: 3px;
		border-bottom-right-radius: 3px;
	}

	ul#breadcrumbs li{
		float: left;
		margin: 0;
		position: relative;


		/* Gradient */
		background: #f8f8f8; /* Old browsers */
		background: -moz-linear-gradient(top, #f8f8f8 0%, #efefef 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #f8f8f8 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #f8f8f8 0%,#efefef 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #f8f8f8 0%,#efefef 100%); /* IE10+ */
		background: linear-gradient(to bottom, #f8f8f8 0%,#efefef 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */

		text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
	}

	ul#breadcrumbs li span:not(.arrow){ display: table; padding: 10px 10px 10px 30px;}
	ul#breadcrumbs li:first-child span:not(.arrow){padding: 10px 10px 10px 0;}
	ul#breadcrumbs li:last-child span:not(.arrow){
		display: table;
		padding: 17px;
		padding-left: 37px;}

	ul#breadcrumbs li .arrow{
		position: absolute;
		top: 0;
		right: -23px;
		display: block;
		background: url(../../images/style/light-arrow.png) no-repeat left top;
		width: 23px;
		height: 45px;
		z-index: 5;}

	ul#breadcrumbs li a{color: #000;}

		/* Mouse Events */
		ul#breadcrumbs li:hover{
			background: #e9e9e9; /* Old browsers */
			background: -moz-linear-gradient(top, #e9e9e9 0%, #e1e1e1 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9e9e9), color-stop(100%,#e1e1e1)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #e9e9e9 0%,#e1e1e1 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #e9e9e9 0%,#e1e1e1 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, #e9e9e9 0%,#e1e1e1 100%); /* IE10+ */
			background: linear-gradient(to bottom, #e9e9e9 0%,#e1e1e1 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#e1e1e1',GradientType=0 ); /* IE6-9 */
		}
		ul#breadcrumbs li:active{
			background: #dbdbdb; /* Old browsers */
			background: -moz-linear-gradient(top, #dbdbdb 0%, #d3d3d3 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbdbdb), color-stop(100%,#d3d3d3)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #dbdbdb 0%,#d3d3d3 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #dbdbdb 0%,#d3d3d3 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, #dbdbdb 0%,#d3d3d3 100%); /* IE10+ */
			background: linear-gradient(to bottom, #dbdbdb 0%,#d3d3d3 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#d3d3d3',GradientType=0 ); /* IE6-9 */}
		ul#breadcrumbs li:hover .arrow{background: url(../../images/style/light-arrow.png) no-repeat left center;}
		ul#breadcrumbs li:active .arrow{background: url(../../images/style/light-arrow.png) no-repeat left bottom;}
		
ul#breadcrumbs span.lastlink {
    display: block;
    font-weight: normal;
    max-height: 25px !important;
    /* max-width: 370px; */
    overflow: hidden;
    padding: 10px 10px 0 30px;}
 
 
 
 /*!End  breadcrumbs Structure 
 ------------------------------------------------------------------------------------------------------------------------------*/

 
/* Footer
----------------------------------------------------------------------------------------------------*/
 
#footer-block {
    color: #EEEEEE;
    font-size: 13px;
    position: relative;
    text-align: left;}
#footer{  padding: 15px;}
#totop-scroller {margin: 15px; background: none;}
#totop-scroller .icon-circle-arrow-up:before {color: #EEEEEE;}




/* Other Styles */
ul.zoo-list > li { border-top: 0 none;}
/* Contact Form */
.box {border: 1px solid #eee;}