body        {
        font-size:28px;
		font-size:2vw;
		background-color: #FEFFE6;
		background:#750075 url(/pictures/Berliner-Festwochen/TUB-Audimax-mit-Partit-dunk_1300.jpg) center center fixed no-repeat;
  		-webkit-background-size: cover;
  		-moz-background-size: cover;
  		-o-background-size: cover;
  		background-size: cover;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./pictures/Hintergruende/Digital_Concert_Hall_dark_1024.jpg', sizingMethod='scale');
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/pictures/Hintergruende/Digital_Concert_Hall_dark_1024.jpg', sizingMethod='scale')";
		font-family:Georgia, 'Times New Roman', Times, serif;
		color:#FFF;
		}


.navbar-default {
    background-color:transparent;
	border-top:1px solid #FFF;
	font-weight:bold;
	border-right:none;
	border-left:none;
	border-bottom:1px solid #FFF;
	font-size:1vw;
	margin:0;
}
/* title */
.navbar-default .navbar-brand {
    /*color:#C9B382;*/
	color:#FFF;
}
.navbar-default .navbar-brand:hover {
    /*color:#C9B382;*/
	color:#FFF;
}
.navbar-default .navbar-brand:focus {
    /*color:#C9B382;*/
	color:#FFF;
}
/* link */
.navbar-default .navbar-nav > li > a {
    /*color:#C9B382;*/
	color:#FFF;
	font-weight:normal;
}
.navbar-default .navbar-nav > li > a:hover {
    color: #ff0000;
	font-weight:normal;
}
.navbar-default .navbar-nav > li > a:focus {
    /*color:#C9B382;*/
	color:#FFF;
	font-weight:normal;
}

/**********  SUB MENUS  *********************/

.dropdown-submenu {
    position: relative;
}

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

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

.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: #ccc;
    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;
}

@media (max-width: 1160px) {
	.navbar-brand {
		display:none;
	}
}
@media (max-width: 850px) {
	.navbar-left {
		display:none;
	}
}
@media (max-width: 1100px) {
	#projekte {
		display:none;
	}
}
@media (max-width: 900px) {
	#medien {
		display:none;
	}
}

.partituren {
	font-size:1.3vw;
	background-color:rgba(255,230,156,.6);
	color:#000;
	border-radius:10px;
	cursor: pointer;
	z-index: 999;
}
.partituren:hover {
	background-color:rgba(255,110,113,.7);
}

.ph {
	background-color:rgba(0,0,33,.8);
	padding:15px;
	font-size:1.3vw;
	margin-top:1vw;
	border:1px solid #FFF;
}

.title {
	text-shadow:1px 1px 1px #000;
}

@keyframes fade_title_out {
    from {opacity: 1;}
    to {opacity: 0;}
}
.title_fade_out {
	animation-name: fade_title_out;
    animation-duration: 10s;
    animation-fill-mode: forwards;
}
.text_fade_in {
	animation-name: fade_title_in;
    animation-duration: 6s;
	animation-delay: 12s;
    animation-fill-mode: forwards;
}

@keyframes fade_title_in {
    from {opacity: 0;}
    to {opacity: 1;}
}
.title_fade_in {
	animation-name: fade_title_in;
    animation-duration: 6s;
    animation-fill-mode: forwards;
}

@keyframes textInOut1 {
    0% { opacity: 0 }
    10% { opacity: 1 }
    90% { opacity: 1 }
    100% { opacity: 0 }
}
@keyframes textInOut2 {
    0% { opacity: 0 }
    17% { opacity: 0 }
    20% { opacity: 1 }
    30% { opacity: 1 }
    33% { opacity: 0 }
}
@keyframes textInOut3 {
    0% { top: -10px }
    33% { top: -320px }
}
@keyframes textInOut4 {
    0% { opacity: 0 }
    50% { opacity: 0 }
    53% { opacity: 1 }
    63% { opacity: 1 }
    66% { opacity: 0 }
}
@keyframes textInOut5 {
    0% { opacity: 0 }
    66% { opacity: 0 }
    69% { opacity: 1 }
    80% { opacity: 1 }
    83% { opacity: 0 }
}
@keyframes textInOut6 {
    0% { opacity: 0 }
    83% { opacity: 0 }
    86% { opacity: 1 }
    97% { opacity: 1 }
    100% { opacity: 0 }
}
.text_fadeInOut1 {
	opacity:0;
	animation-name: textInOut1;
	animation-delay: 19s;
    animation-duration: 50s;
	animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
.text_fadeInOut2 {
	opacity:0;
	animation-name: textInOut1;
	animation-delay: 19s;
    animation-duration: 300s;
	animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
.text_fadeInOut3 {
	opacity:0;
	animation-name: textInOut3;
	animation-delay: 10s;
    animation-duration: 100s;
	animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
.text_fadeInOut4 {
	opacity:0;
	animation-name: textInOut4;
	animation-delay: 10s;
    animation-duration: 100s;
	animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
.text_fadeInOut5 {
	opacity:0;
	animation-name: textInOut5;
	animation-delay: 10s;
    animation-duration: 100s;
	animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
.text_fadeInOut6 {
	opacity:0;
	animation-name: textInOut6;
	animation-delay: 10s;
    animation-duration: 100s;
	animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

.modal-content {
	background-color:transparent;
	text-align: center;
	box-shadow: none;
	border:none;
}

.modal.fade .modal-dialog {
    top: -320px;
    -webkit-transition: all 18s linear;
    -moz-transition: all 18s linear;
    transition: all 18s linear;
}
.modal.fade.in .modal-dialog {
    top: -15px;
}

.modal.fade2 .modal-dialog {
    top: -15px;
    -webkit-transition: all 18s linear;
    -moz-transition: all 18s linear;
    transition: all 18s linear;
}
.modal.fade2.in .modal-dialog {
    top: -500px;
}

.modal-footer {
	border-top:none;
}


.bg_page_link {
	border-top:1px solid #FFF;
}
.bottom_link_left {
	font-size:1.8vw;
	color:#2A0028;
	float:left;
}
.bottom_link_left a { color:#FFF; text-decoration:none; }
.bottom_link_left a:hover { color:#FF0000; text-decoration:none; }

.bottom_link_right {
	font-size:1.8vw;
	color:#2A0028;
	float:right;
}
.bottom_link_right a { color:#FFF; text-decoration:none; }
.bottom_link_right a:hover { color:#FF0000; text-decoration:none; }

.bg_page {
	background: linear-gradient(to right, rgba(255,0,0,0),rgba(50,0,63,.2),rgba(255,0,0,0) );
}