/*******************************************************************************

	Project		:	Redaxo Demo
	Copyright	:	Design - hundertmorgen - www.hundertmorgen.de

*******************************************************************************/



/* ### Sub Navigation ######################################################### */

#nav {
	display:block;
	float:left;
	width:208px;
	background:url(bg_nav.gif) repeat-y;
}

#nav p.copy,
#nav p {
	padding-right:20px;
	color:#fff;
	background: inherit;
	text-align: right;
}

#nav p.copy a {
	color: #fff;
	background: inherit;
	text-decoration: none;
}

#nav p.copy a:hover {
	text-decoration: underline;
}


#nav {
	min-height: 193px;
}
* html body #nav { height: 193px; } /* IE 6 / 5.5 Hack */

#nav ul.rex-navi1 { padding:10px 20px;  }


/* ### nav1st - first level navigation ######################################## */
#navigation {
background:url(navi-bg.png) repeat-x;
width:100%;
min-height:57px;
margin-bottom:30px;
padding-left:20px;
}

ul.rex-navi1 {
	font-size:1.3em;
	line-height:normal;
	font-weight:500;
}
ul.rex-navi1 {
	margin:0;
	padding:0;
}
ul.rex-navi1 li {
	display: inline-block;
	color:#373737;
	margin:0;
	padding:0;
}

ul.rex-navi1 a {
	display: block;
	color:#373737;
	padding: 12px 43px 0;
	text-decoration:none;
	-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-ms-transition: all 0.3s;
transition: all 0.3s;
}

ul.rex-navi1 a:hover, 
ul.rex-navi1 li a.rex-active, 
ul.rex-navi1 li a.rex-current {
	text-decoration:none;
	color:#02bfdf;
	padding: 12px 43px 0;
}

#navigation_gen ul.rex-navi1 {
	font-size:1em;
	padding-left:15px;
	line-height:normal;
	font-weight:500;
	margin-bottom:15px;
}
#navigation_gen ul.rex-navi1 li {
	display: block;
}
#navigation_gen ul.rex-navi1 a {
	display: block;
	color:#fff;
	padding: 5px 0;
	background: none;
	border-top:0;
	margin: 0;
	text-decoration:none;
	-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-ms-transition: all 0.3s;
transition: all 0.3s;
}
#navigation_gen ul.rex-navi1 a:hover, 
#navigation_gen ul.rex-navi1 li a.rex-active, 
#navigation_gen ul.rex-navi1 li a.rex-current {
	text-decoration:none;
	color:#555;
	padding: 5px 0;
}

.navbar-collapse {
padding-left:0;
}
.navbar-toggle {
float: left;
margin:5px 0 0 10px;
padding:5px;
background-color: #666;
height:30px;
}
.icon-bar {
background-color:#fff;
}





@media (max-width: 1200px) {

ul.rex-navi1 {
	font-size:1.2em;
}
ul.rex-navi1 a {
	padding: 12px 30px 0;
}
ul.rex-navi1 a:hover, 
ul.rex-navi1 li a.rex-active, 
ul.rex-navi1 li a.rex-current {
	padding: 12px 30px 0;
}

}

@media (max-width: 991px) {

ul.rex-navi1 {
	font-size:1.15em;
}
ul.rex-navi1 a {
	padding: 13px 15px 0;
}
ul.rex-navi1 a:hover, 
ul.rex-navi1 li a.rex-active, 
ul.rex-navi1 li a.rex-current {
	padding: 13px 15px 0;
}

}

@media (max-width: 769px) {

.navbar-header {
	margin:0;
	margin-bottom:10px;
	padding-left:5px;
	padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
}


.navbar-collapse.collapse {
display: none!important;
height: 0!important;
overflow: hidden!important;
}
.collapse.in {
display: block!important;
height: auto!important;
overflow: visible!important;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-ms-transition: all 0.3s;
transition: all 0.3s;
}

#navigation {
background:none;
display:none;
width:100%;
min-height:57px;
margin-bottom:30px;
padding-left:0;
padding-right:0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-ms-transition: all 0.3s;
transition: all 0.3s;
}

ul.rex-navi1 {
	font-size:1.5em;
}
ul.rex-navi1 li {
	display: block;
	
}
ul.rex-navi1 a {
	background:url(navi-bg.png) repeat-x;
	border-top:1px solid #fff;
	width:100%;
	padding: 11px 15px;
	margin:16px 0;
}
ul.rex-navi1 a:hover, 
ul.rex-navi1 li a.rex-active, 
ul.rex-navi1 li a.rex-current {
	border-top:1px solid #fff;
	background:#eee;
	padding: 11px 15px;
}

}


@media (max-width: 480px) {


}