/* =========================================================================
	Navbar - Styles 
============================================================================= */

body { 
	overflow-x:hidden; 
	overflow-y:auto;	
	}

p, div {
    font-family: 'Arial';
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
color: #ffffff;  /*Sets the text hover color on navbar*/
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active >   
 a:hover, .navbar-default .navbar-nav > .active > a:focus {
color: #ffffff; /*BACKGROUND color for active*/
}

  .navbar-default {
    background-color: #ffffff;
    border-color: #ffffff;
}

  .dropdown-menu > li > a:hover,
   .dropdown-menu > li > a:focus,
   .nav.nav-tabs > li.dropdown.active.open > a, 
   .nav.nav-tabs > li.dropdown.active.open > ul.dropdown-menu a:hover,
   .nav.nav-tabs > li.dropdown.open > a, 
   .nav.nav-tabs > li.dropdown.open > ul.dropdown-menu a:hover
 {
  color:#ffffff;
  text-decoration: none;
  background-color: #ffffff;  /*change color of links in drop down here*/
  background-image: url("../img/background.jpg");
  background-repeat:repeat;
  background-position:center;

}

 .nav > li > a:hover,
 .nav > li > a:focus {
 	color:#ffffff;
    text-decoration:none;
    background-color: #ffffff; /*Change rollover cell color here*/
    background-image: url("../img/background.jpg");
    background-repeat:repeat;
    background-position:center;
}

  .navbar-default .navbar-nav > li > a {
   color: #854919; /*Change active text color here*/

}

body {
 padding: 0px;
 }

.center {
 margin-left: auto;
 margin-right: auto;
 }
 .center.navbar .nav,
.center.navbar .nav > li {
 float:none;
 display:inline-block;
 *display:inline; /* ie7 fix */
 *zoom:1; /* hasLayout ie7 trigger */
 vertical-align: middle;
 }
 .center.navbar-inner {
 text-align:left;
 }
 .center .dropdown-menu {
 text-align: left;
 }
 .navbar-inner {
 margin: 0 auto;
 }

/* for Dropdown-Menü Left */
dropdow_left {
	position: absolute;
	width:100%;
	left:0;
	text-align:left;
	margin:auto;
	float:left;
}

dropdow_center {
	text-align:center;
	float:none;
}

dropdow_right {
	text-align:right;
	float:right;
}

/* Navbar-Height */
.navbar-nav > li > a, .navbar-brand {
    padding-top:15px !important; 
    height: 50px;
    font-size:large
}
.navbar {min-height:50px !important;
}



.navbar-nav li a {
 line-height: 50px;
}

.dropdown-toggle:active, .open .dropdown-toggle {
background-image: url("../img/background.jpg") !important; 
background-position:center;
color:#ffffff !important;
}

.dropdown-menu > li > a{
	color:#854919;
	width:120px;
	float:left;
}


.dropdown-menu > li:active {
	background-image: url("../img/background.jpg") !important;
	background-position:center;
}

.navbar{
	margin:0 !important;
}

.dropdown-submenu {
     position: relative;
}

.dropdown-submenu>.dropdown-menu {
     top:0;
     left:100%;
     margin-top:-2px;
     margin-left:-1px;
     -webkit-border-radius:0 6px 6px 6px;
     -moz-border-radius:0 6px 6px 6px;
     border-radius:0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
     display:block;
}

.dropdown-menu {
        background-color:transparent;
        border:0 none !important;
        box-shadow:none !important;
        margin-top:0;
        width:100%;
    }

.dropdown-menu {
    min-width: 50px !important;
}


.navbar-nav .caret {
    display:none !important;
}

.navbar-default .dropdown-menu{
     background-color:transparent !important;
     border-color:transparent !important;
}


.dropdown-submenu>a:after{
     display:block;
     content:" ";
     float:right;
     width:0;
     height:0;
     border-color:transparent;
     border-style:solid;
     border-width:5px 0 5px 5px;
     border-left-color:#cccccc;
     margin-top:5px;
     margin-right:-10px;
}

.dropdown-submenu:hover>a:after {
     border-left-color: #fff;
}

.dropdown-submenu.pull-left {
     float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
     left:-100%;
     margin-left:10px;
     -webkit-border-radius:6px 0 6px 6px;
     -moz-border-radius:6px 0 6px 6px;
     border-radius:6px 0 6px 6px;
}

ul.nav li.dropdown:hover ul.dropdown-menu {
    display: block;
}


/*MEDIA QUERY*/
@media only screen and (max-width : 800px) {

	#menu-icon {

		display:inline-block;

	}

	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	color: #3A7AB3;  /*Sets the text hover color on navbar*/
	text-align:left;
	overflow:hidden;
	}
	
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active >   
	 a:hover, .navbar-default .navbar-nav > .active > a:focus {
	overflow:hidden;
	}
		
	.dropdown-toggle:active, .open .dropdown-toggle {
	background-image: none !important; ;
	color:#854919 !important;
	overflow:hidden;
	}
	
	.dropdown-menu > li > a{
		color:#854919;
		float:left;
		overflow:hidden;
		text-align:center;
	}
	
	
	.dropdown-menu > li:active {
		background-image: none !important;
	}
	  .dropdown-menu > li > a:hover,
   .dropdown-menu > li > a:focus,
   .nav.nav-tabs > li.dropdown.active.open > a, 
   .nav.nav-tabs > li.dropdown.active.open > ul.dropdown-menu a:hover,
   .nav.nav-tabs > li.dropdown.open > a, 
   .nav.nav-tabs > li.dropdown.open > ul.dropdown-menu a:hover
	 {
	  color:#ffffff;
	  text-decoration: none;
	  background-color: #3A7AB3;  /*change color of links in drop down here*/
	  background-image: none;
   	  text-align:center;
 	  overflow:hidden;
	}
	
	 .nav > li > a:hover,
	 .nav > li > a:focus {
	 	color:#ffffff;
	    text-decoration:none;
	    background-color:#3A7AB3; /*Change rollover cell color here*/
	    background-image:none;
	    text-align:center;
	    overflow:hidden;
}

	/*Make dropdown links appear inline*/
	ul {
		position: static;
		display: block;
	}
	/*Create vertical spacing*/
	li {
		margin-bottom: 1px;
		text-align:left;
	}

.dropdown-submenu>.dropdown-menu {
     top:1px;
     left:90px;
     margin-top:5px;
     margin-left:0px;
     -webkit-border-radius:0 0px 0px 0px;
     -moz-border-radius:0 0px 0px 0px;
     border-radius:0 0px 0px 0px;
     overflow:hidden;

}
.dropdown-submenu>a:after{
     display:inline-block;
     width:0;
     height:0;
     border-color:transparent;
     border-style:solid;
     border-width:0px 0 0px 0px;
     border-left-color:#cccccc;
     margin-top:5px;
     margin-right:0px;
     overflow:hidden;
}

.dropdown-submenu:hover>a:after {
     border-left-color: #fff;
}

.dropdown-submenu {
     position:fixed;
}

.dropdown-submenu.pull-left>.dropdown-menu {
     left:100px;
     margin-left:10px;
     -webkit-border-radius:0px 0 0px 0px;
     -moz-border-radius:0px 0 0px 0px;
     border-radius:6px 0 6px 6px;
}
}