
/* Global Settings */
html, body {
  min-height: 100%;
}

@font-face {
  font-family: 'Glyphicons Halflings';

  src: url('../bootstrap/fonts/glyphicons-halflings-regular.eot');
  src: url('../bootstrap/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../bootstrap/fonts/glyphicons-halflings-regular.woff') format('woff'), url('../bootstrap/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../bootstrap/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

.img-thumbnail {
    background-color: #fff;
    border-radius: 0;
    padding: 2px;
}

/* Bootstrap container width */
.container{
	max-width: 950px;
}

.fuxCenteredArea {
	padding: 40px 0;
}

#main li {
	list-style: none;
}

#main li:before {
	font-family:'FontAwesome';
    color: #c7dea8;
    margin: 0 10px 0 -40px;
	content:"\f069";
	
}

#main .ce_gallery li:before {
    margin: 0 0px 0 0px;
	content:"";
	
}

#main .ce_gallery li {
    padding: 5px;
	
}




/*----------------------------------------------------------------------------------------*/
/* Settings fot Navigation */



.navbar-default,
.navbar-header {
	background:rgba(199,222,168,1);
	border: none;
	height: 100px;
	position: relative;
	z-index: 1;
}

#header .logo {
	height: 70px;
	width: auto;
}

#navbar nav {
	margin-top: 40px;
	float: right;
}

.navbar-collapse {
	border: none;
}

.navbar {
    border: none;
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
    margin-bottom: 0;
    min-height: 50px;
    position: relative;
}


/* Generic Offcanvas Settings*/
.navbar-offcanvas.in {
    border-radius: 0;
    border-style: solid;
    border-width: 1px;
    height: auto;
    width: 250px!important;
}

.navbar-offcanvas.in .nav > li {
    border-bottom: 1px solid #eaeaea;
    border-top: 1px solid #fff;
    display: block;
    position: relative;


}

/* Main menu settings */

.navbar .mod_navigation.block {
	overflow: visible!important;
}

.navbar-default .navbar-nav > .open > a
.navbar-default .navbar-nav > .active > a {
	background-color: #C7DEA8;
	color: #403D39;
	transition: 0.5s;
}

.navbar-default .navbar-nav > .active > a { 
	background-color: #403D39;
	color: #fff;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .trail > a { 

}

.navbar-default .navbar-nav > li > a {
    color: #403D39;

}
.navbar-default .navbar-nav > li:hover > a {
	background-color: #403D39;
	color: #fff;

}

.navbar-default .navbar-nav > li.trail > a:hover,
.navbar-default .navbar-nav > li.trail > a:focus {
  	background-color: #C7DEA8;
	color: #403D39;

}
.navbar-default .navbar-nav > li.active > a:hover, 
.navbar-default .navbar-nav > li.active > a:focus { 
 	background-color: #C7DEA8;
	color: #403D39;
 
}




/* Arrow for nav dropdown toogle */
.dropdown.open .caret,
.dropdown.open.trail .caret {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid;
	border-bottom: 0;
    display: inline-block;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    width: 0;
}
.dropdown.open .caret {
    border-bottom: 4px solid;
	border-top: 0;
}

/* Arrow for nav dropdown toogle canvas open*/
.nav > li > a.dropdown-toggle-caret {
	display: none;
}
.navbar-offcanvas.in .nav > li > a.dropdown-toggle-caret {
	display: block;
    position: absolute;
    right: 0;
    top: 0;
	background:rgba(0,0,0,0.05);
}



/* Dropdown settings*/ 


.dropdown-menu > li > a {
	color: inherit;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
	background-image: none;
	background: none;
	color: #C7DEA8;
}  
.navbar-nav .dropdown-menu,
.navbar-nav .open .dropdown-menu,
.navbar-nav .active .dropdown-menu {
    background-color: #403D39;
    border: 0 none;
    box-shadow: none;
    float: none;
    margin-top: 0;
    position: static;
    width: auto;
	color: #fff;;
	border-radius: 0;
}
.navbar-offcanvas.in .dropdown-menu {
	padding: 0;
}
.navbar-offcanvas.in .dropdown-menu > li > a {
    clear: both;
    color: inherit;
    display: block;
    font-weight: normal;
    line-height: 20px;
    padding: 10px 15px 10px 30px;
    white-space: nowrap;
	font-size: 12px;	
}
.navbar .navbar-nav .open .dropdown-menu > .active > a, 
.dropdown-menu > .active > a, 
.dropdown-menu > .active > a:hover, 
.dropdown-menu > .active > a:focus {
	background-color: #403D39;
    background-image: none;
    background-repeat: repeat-x;
	box-shadow: none;
	color: #C7DEA8;
}
 
/* Button for Offcanvas menu*/ 
.navbar-default .navbar-toggle,
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
	float: left;
	background-color: #403d39;
	color: #FFF;
	background-image: none;
	border: 0;
	border-radius: 4px;
	margin: 15px;
	padding: 13px 10px;
	position: relative;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #FFF;
}


/* *********************
		dma custom elements
   ******************** */
   
.ce_colsetStart {
    margin-bottom: 30px;
}
   

/* bg position */
.fuxCenteredArea_bgImagePosition-topLeft{
	background-position: left top;
}
.fuxCenteredArea_bgImagePosition-topRight{
	background-position: right top;
}
.fuxCenteredArea_bgImagePosition-topCenter{
	background-position: center top;
}

.fuxCenteredArea_bgImagePosition-centerLeft{
	background-position: left center;
}
.fuxCenteredArea_bgImagePosition-centerRight{
	background-position: right center;
}
.fuxCenteredArea_bgImagePosition-Center{
	background-position: center center;
}

.fuxCenteredArea_bgImagePosition-bottomLeft{
	background-position: left bottom;
}
.fuxCenteredArea_bgImagePosition-bottomRight{
	background-position: right bottom;
}
.fuxCenteredArea_bgImagePosition-bottomCenter{
	background-position: center bottom;
}

/* bg groesse */
.fuxCenteredArea_bgImageSize-cover{
	background-size: cover;	
}
.fuxCenteredArea_bgImageSize-contain{
	background-size: contain;	
}
.fuxCenteredArea_bgImageSize-contain{
	background-size: 100% 100%;	
}

/*----------------------------------------------------------------------------------------*/
@media (max-width: 768px) { 

/* Navigation styles for small view*/
.navbar-nav .trail .dropdown-menu {
    background-color: transparent;
    border: 0 none;
    box-shadow: none;
    float: none;
    margin-top: 0;
    position: static;
    width: auto;
}
.navbar-nav .trail > .dropdown-menu,
.navbar-nav .active > .dropdown-menu {
    display: block;
}

#header,
.navbar-default,
.navbar-header {
	background:rgba(199,222,168,1);
	border: none;
	height: 70px;
}

#header .logo {
	height: 40px;
	width: auto;
}

#header .navbar-brand {
	float: right;
}

#navbar {
	background-color: #403d39;
}

#navbar nav {
	margin-top: auto;
	float: none;
}

.navbar-default .navbar-nav > li > a {
    color: #fff;
}

.navbar-default .navbar-nav > li:hover > a,
.navbar-default .navbar-nav > li.active > a,
.navbar-default .navbar-nav > li.active:hover > a,
.navbar-default .navbar-nav > li.active:focus > a {
    color: #403d39;
	background-color: #ECE9E4;
}

#navbar {
	box-shadow: 5px 0 5px rgba(0, 0, 0, 0.5);
}

}

/*----------------------------------------------------------------------------------------*/

@media (min-width: 768px) { 

/* Navigation styles for medium & large view */

/* nav dropdown toogle */

.navbar-default .navbar-nav li.dropdown:hover > ul.dropdown-menu {
	display: block;
	position:absolute;
	transition: 0.5s;
}

.navbar-default .navbar-nav >  li > a {
    background-color: #C7DEA8;
    color: #403D39;
	border-bottom: 10px solid #C7DEA8;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > li:hover > a {
    background-color: #C7DEA8;
    color: #403D39;
	border-bottom: 10px solid #403D39;
}

}


