body        {
        font-size:17px;
		font-size:1.1vw;
		background-color: #580064;
		background:#750075 url(https://www.peterhuebner.com/pictures/Hintergruende/HG_Swing_02_Violett_Rot_Q70_1920.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='.myBackground.jpg', sizingMethod='scale');
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
		font-family:Georgia, 'Times New Roman', Times, serif;
		color:#FFFFFF;
		}
	a:link 		{ color:#FFFFFF; }
	a:visited 	{ color:#FFFFFF; }

/* FIXED LEFT COLUMN */
.fixed {
        position: fixed;
        width: 25%;
}
/* SCROLLING RIGHT COLUMN */
.scrollit {
        float: left;
        width: 71%
}

.navbar-default {
    background-color:rgba(210,210,210,0.3);
	font-weight:bold;
	border-bottom:none;
	font-size:1vw;
}
/* title */
.navbar-default .navbar-brand {
    /*color:#C9B382;*/
	color:#FFF6BB;
}
.navbar-default .navbar-brand:hover {
    /*color:#C9B382;*/
	color:#FFF6BB;
}
.navbar-default .navbar-brand:focus {
    /*color:#C9B382;*/
	color:#FFF6BB;
}
/* link */
.navbar-default .navbar-nav > li > a {
    /*color:#C9B382;*/
	color:#FFF6BB;
	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:#FFF6BB;
	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: 1260px) {
	.navbar-brand {
		display:none;
	}
}
@media (max-width: 850px) {
	.navbar-left {
		display:none;
	}
}


.intro2 {
	margin:0;
	padding:0;
}
.project2 {
	text-align:left;
	font-size:1.8vw;
	color:#FFFFFF;
	padding:0 0 0 3vw;
	text-shadow:1px 1px 1px rgba(0,0,0,1);
}
.number_box li {
	list-style:none;
	float:left;
}
.number {
	font-size:1.2vw;
	border:1px solid white;
	margin:0 3px;
	text-shadow:1px 1px 1px rgba(0,0,0,.6);
	padding:0;
}
.number:hover     { background-color:#FFFFFF; }
.number a:link    { color:#FFFFFF; text-decoration:none; width:2vw; display:block; text-align:center; }
.number a:visited { color:#FFFFFF; text-decoration:none; }
.number a:hover   { color:#000000; text-decoration:none; }
.selected a       { background-color:#FFFFFF; color:#FF0000; }




	#accordion {
		width:90%;
	}
	.panel {
		margin:7px auto;
		}
	.panel-success > .panel-heading {
  		background-color:rgba(191,0,59,.8);
		color:#ffffff;
		border-color:#ff0000;
		text-shadow:1px 1px 1px #000;
		}
	.panel-success > .panel-heading a:link {
		color:#ffffff;
	}
	.panel-warning > .panel-heading {
  		background-color:rgba(191,0,59,.8);
		color:#ffffff;
		border-color:#ff0000;
		text-shadow:1px 1px 1px #000;
		}
	.panel-warning > .panel-heading a:link {
		color:#ffffff;
	}

	.panel-title { font-size:110%; }
	
	.panel-collapse {
		background-color: #FF6091;
	}
	.panel-collapse a {
			background-color: #FFCCDC;
	}
	.list-group-item {
		margin-bottom:3px;
		color:#BF003B;
		padding:3px;
		text-align:left;
		font-weight:bold;
		font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
		}
	a.list-group-item:link,
	a.list-group-item:visited,
	a.list-group-item:hover,
	a.list-group-item:focus { color:#360036; }
	.list-group-item { font-size:100%; padding:5px 12px; }
	

.shadow1 { text-shadow: 1px 1px 1px rgba(0,0,0,1); }
.shadow2 { text-shadow: 2px 2px 10px rgba(64,64,64,0.5); }



.int {
	font-size:1.2vw;
	width:100%;
	text-align:center;
	}

.row1 {
		font-family:"Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
		font-weight:bold;
		color:#FFFFFF;
	}
.experts1 {
		font-size:3.8vw;
		white-space:nowrap;
	}
.experts2 {
		font-family:"Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
		font-weight:bold;
		color:#FFFFFF;
		font-size:1.5vw;
		white-space:nowrap;
		text-shadow: 1px 1px 1px rgba(0,0,0,1);
	}

.row2 { margin-top:70px; }

.name {
	font-size:3vw;
	font-family: 'Cardo', serif;
	text-shadow:1px 1px 2px rgba(0,0,0,.9);
}
.about {
	font-size:1.15vw;
	text-shadow:1px 1px 1px rgba(0,0,0,.9);
	text-align:justify;
	margin-top:15px;
}
.read_out {
	font-size:1vw;
	font-weight:bold;
	text-align:left;
	border-bottom:2px solid #BF003B;
	padding:0;
	width:200%;
}
.read_in {
	font-size:1vw;
	font-weight:bold;
	text-align:center;
	border-bottom:1px solid #BF003B;
	padding:3px 0;
	background-color:#BF003B;
	font-style:italic;
	white-space:nowrap;
	margin:0;
	width:100%;
	text-shadow: 1px 1px 1px rgba(0,0,0,1);
}
.read_in a:hover   { color:#FFFF00; text-decoration:none; }
.read_in:hover     { background-color:#FF004E; color:#FFFF00; }


.composer     { display:none; }
.conductor    { display:none; }
.musicologist { display:none; }
.musician     { display:none; }

.scientist    { display:none; }
.researcher   { display:none; }
.medicine     { display:none; }
.patient      { display:none; }



.pager {
	padding:.5vw 0;
	margin-bottom:.2vw;
}
.page_box a {
	color:#000000;
	text-decoration:none;
	border-bottom:1px dotted #000000;
}
.pager a:hover { text-decoration:none; color:#00C3FF; border-bottom:none; }

.yellow { border:1px solid #FF0000; font-weight:bold; }








footer { margin-top:7vw;
		 font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
		 line-height:28px;
		 color:#ffffff;
		 font-size:1.6vw;
	}
footer a:link    { color:#ffffff; text-decoration:none; }
footer a:visited { color:#ffffff; text-decoration:none; }
footer a:hover   { color:#ffff00; text-decoration:none; }