/* ---------- */
/* Navitagion */
/* ---------- */ 
#navidiv{
	/*padding-top: 159px;*/
    /*overflow: auto;*/
}
@media only screen and (min-width: 940px) {
	#navidiv {
		width: 15%;
		height: 100%;
		position: fixed;
	}
}
@media only screen and (min-width: 720px) and (max-width: 940px) {
	#navidiv {
		width: 15%;
		height: 100%;
		position: fixed;
	}
}
@media only screen and (max-width: 720px) {
	#navidiv {
		width: 100%;
		height: auto;
	}
}

#rightnavidiv{
	background-color: rgba(0,0,0,0.6);
	border-top-right-radius: 8px;
}
@media only screen and (min-width: 940px) {
	#rightnavidiv {
		margin-left: 85%; 
		width: 15%;
		height: 100%;
		position: fixed;
	}
}
@media only screen and (min-width: 720px) and (max-width: 940px) {
	#rightnavidiv {
		display: none; 
	}
}
@media only screen and (max-width: 720px) {
	#rightnavidiv {
		display: none; 
	}
}

ul#side-nav {
    list-style-type: none;
	/*position: fixed; */
	padding: 0;
	margin: 0;
	background-color: rgba(0,0,0,0.6);
	width: 100%;
	height: 100%; 
}
@media only screen and (min-width: 940px) {
	#side-nav {
		border-top-left-radius: 8px;
	}
}
@media only screen and (min-width: 720px) and (max-width: 940px) {
	#side-nav {
		border-top-left-radius: 8px;
	}
}
@media only screen and (max-width: 720px) {
	#side-nav {
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
	}
}

#side-nav li a {
	display: block;
	font-weight: bold;
	text-align: center;
	color: rgb(252,214,165); /* heller */
	/*margin-left: -40px;*/
	/*margin-bottom: 2em;*/
	padding-top: 5px;
	padding-bottom: 5px;
	/*height: 35px;*/
	/*border-radius: 8px;*/
	text-decoration: none;
}
@media only screen and (min-width: 940px) {
	#side-nav li a {
		border-top-left-radius: 8px;
		border-bottom-left-radius: 8px;
	}
}
@media only screen and (min-width: 720px) and (max-width: 940px) {
	#side-nav li a {
		border-top-left-radius: 8px;
		border-bottom-left-radius: 8px;
	}
}
@media only screen and (max-width: 720px) {
	#side-nav li a {
		border-radius: 8px;
	}
}

#side-nav li a.active {
    color: #ffffff;
	background-color: rgba(255,255,255,0.2); 
	/*border-radius: 8px;*/
}
@media only screen and (min-width: 940px) {
	#side-nav li a.active {
		border-top-left-radius: 8px;
		border-bottom-left-radius: 8px;
	}
}
@media only screen and (min-width: 720px) and (max-width: 940px) {
	#side-nav li a.active {
		border-top-left-radius: 8px;
		border-bottom-left-radius: 8px;
	}
}
@media only screen and (max-width: 720px) {
	#side-nav li a.active {
		border-radius: 8px;
	}
}

/*#side-nav li a:hover:not(.active) {*/
#side-nav li a:hover {
    color: #ffffff;
	background-color: rgba(255,255,255,0.2); 
	/*border-radius: 8px;*/
}
@media only screen and (min-width: 940px) {
	#side-nav li a:hover {
		border-top-left-radius: 8px;
		border-bottom-left-radius: 8px;
	}
}
@media only screen and (min-width: 720px) and (max-width: 940px) {
	#side-nav li a:hover {
		border-top-left-radius: 8px;
		border-bottom-left-radius: 8px;
	}
}
@media only screen and (max-width: 720px) {
	#side-nav li a:hover {
		border-radius: 8px;
	}
}

#news-nav{
}
#ueber_mich-nav{
}
#gigs-nav{
}
#bands-nav{
}
#equipment-nav{
}
#galerie-nav{
}
#kontakt-nav{
}
/* ----------------- */ 
/* Galerienavigation */ 
/* ----------------- */ 

ul#gallery-navi {
    list-style-type: none;
	display: table; 
	table-layout: fixed; 
	/*background-color: rgba(0,0,0,0.6);*/
	padding: 0;
    width: 100%;
    /*overflow: auto;*/
	border-radius: 8px;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#gallery-navi li {
	display: table-cell;
    text-align: center;
	background-color: rgba(0,0,0,0.6);
    line-height: 35px;
}
#gallery-navi li:first-child {
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}
#gallery-navi li:last-child {
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
}

#gallery-navi li.active {
	color: #ffffff;
	background-color: rgba(0,0,0,0.4); 
}
#gallery-navi li:hover {
	color: #ffffff;
	background-color: rgba(0,0,0,0.4); 
}

#gallery-navi a{
	display: block;
	font-weight: bold;
	color: rgb(252,214,165); /* heller */	
	text-decoration: none;
}

#gallery-navi li a.active {
    color: #ffffff;
}

/*#gallery-navi li a:hover:not(.active) {*/
#gallery-navi li a:hover {
    color: #ffffff;
}

/* --------------- */
/* Header / Footer */
/* --------------- */

div#header {
	/*background-color: #000000;*/
	/*background: url("../images/header_temp.jpg");*/
	background: url("../images/hintergrund_temp_02.jpg");
	/*background: url("../images/bg_test.png");*/
	/*background-size: 100% 400%;*/
	/*background-position: 50% 0%;*/
	background-size: 100% 100%;
	background-attachment: fixed;
	margin: 0;
    padding: 0;
    overflow: hidden;
	top: 0;
    left: 0%;
    width: 100%;
	/*height: 200px;*/
	z-index: 9;
}
@media only screen and (min-width: 940px) {
	#header {
		position: fixed; 
		height: 160px;
	}
}
@media only screen and (min-width: 720px) and (max-width: 940px) {
	#header {
		position: fixed; 
		height: 100px;
	}
}
@media only screen and (max-width: 720px) {
	#header {
		height: 70px;
	}
}
div#dummyheader {
	/*background-color: #ffffff;*/
	margin: 0;
    padding: 0;
    overflow: hidden;
	top: 0;
}
@media only screen and (min-width: 940px) {
	#dummyheader {
		margin-left: 15%;
		width: 70%;
		height: 160px;
	}
}
@media only screen and (min-width: 720px) and (max-width: 940px) {
	#dummyheader {
		margin-left: 15%;
		width: 85%;
		height: 100px;
	}
}
@media only screen and (max-width: 720px) {
	#dummyheader {
		/*margin-left: 0;*/
		/*Üwidth: 100%;*/
		/*height: 100px;*/
		display: none;
	}
}

p#headertext{
	text-align: center;
	margin: 0;
	padding: 0;
}

#footer {
	color: #ffffff;
	background: rgba(0,0,0,0.6);
	font-size: 0.8em;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 30px;
}
@media only screen and (min-width: 940px) {
	#footer {
		margin-left: 15%;
		width: 70%;
	}
}
@media only screen and (min-width: 720px) and (max-width: 940px) {
	#footer {
		margin-left: 15%;
		width: 85%;
	}
}
@media only screen and (max-width: 720px) {
	#footer {
		margin-left: 0;
		width: 100%;
	}
}

#footertext {
	text-align: right;
}