body        {
        font-size:17px;
		font-size:1.1vw;
		background-color: #580064;
		background:#C1FFBF url(https://www.peterhuebner.com/pictures/Hintergruende/HG_Noten_Gruen_250_1700.jpg) top left repeat-x fixed;
		font-family:Georgia, 'Times New Roman', Times, serif;
		color:#023C00;
		}
	a:link 		{ color:#023C00; }
	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:0.95vw;
}
@media (max-width: 768px) {
	.navbar-default {
		font-size:2em;
	}
}
.navbar-default .navbar-brand {
	color:#023C00;
}
.navbar-default .navbar-brand:hover {
	color:#023C00;
}
.navbar-default .navbar-brand:focus {
	color:#023C00;
}
.navbar-default .navbar-nav > li > a {
	color:#023C00;
	font-weight:normal;
}
.navbar-default .navbar-nav > li > a:hover {
    color: #cc0000;
	font-weight:normal;
}
.navbar-default .navbar-nav > li > a:focus {
	color:#023C00;
	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: 1300px) {
	.navbar-brand {
		display:none;
	}
}
@media (max-width: 1200px) and (min-width: 768px) {
	#projekte {
		display:none;
	}
}
@media (max-width: 1000px) and (min-width: 768px) {
	#bio {
		display:none;
	}
}
@media (max-width: 800px) and (min-width: 768px) {
	#classic {
		display:none;
	}
}

.intro2 {
	margin:0;
	padding:0;
}
.project2 {
	text-align:left;
	font-size:1.8vw;
	color:#FFFFFF;
	padding:0 0 0 3vw;
}
.number_box li {
	list-style:none;
	float:left;
}
.number {
	font-size:1.2vw;
	border:1px solid white;
	margin:0 3px;
	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:#023C00;
		background: linear-gradient(#037200,#023C00);
		color:#ffffff;
		border-color:#ffffff;
		text-shadow:1px 1px 1px #000;
		}
	.panel-success a { display:block; text-decoration:none; }
	.panel-success > .panel-heading a:link {
		color:#ffffff;
	}
	.panel-warning > .panel-heading {
  		background-color:#023C00;
		background: linear-gradient(#037200,#023C00);
		color:#ffffff;
		border-color:#ffffff;
		text-shadow:1px 1px 1px #000;
		}
	.panel-warning a { display:block; text-decoration:none; }
	.panel-warning > .panel-heading a:link {
		color:#ffffff;
	}

	.panel-title { font-size:110%; }
	
	.panel-collapse {
		background-color: #ffffff;
	}
	.panel-collapse a {
			background: linear-gradient(#AAFFA7,#3AD937);
	}
	.panel-collapse a:hover {
			background: linear-gradient(#04CF00,#81FF7D);
	}
	.list-group-item {
		margin-bottom:3px;
		color:#023C00;
		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:#023C00; }
	.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:#023C00;
	}
.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:#023C00;
		font-size:1.5vw;
		white-space:nowrap;
	}

.row2 { margin-top:70px; }

.name {
	font-size:2.9vw;
	font-family: 'Cardo', serif;
	font-weight:bold;
}
.name2 {
	font-size:2.4vw;
	font-family: 'Cardo', serif;
	font-weight:bold;
}
img { border: 2px solid #ffffff; }
.no-border { border: none; }

.about {
	font-size:1.15vw;
	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:1.5vw;
	font-weight:normal;
	text-align:center;
	border-bottom:2px solid #ffffff;
	padding:13px 0;
	background-color:#004908;
	background: linear-gradient(#037200,#023C00);
	color:#FFFFFF;
	font-style:italic;
	white-space:nowrap;
	margin:0;
	width:100%;
}
.read_in a    	   { display:block; }
.read_in a:link    { color:#FFFFFF; }
.read_in a:hover   { color:#ffffff; text-decoration:none; background: linear-gradient(#023C00,#037200); }
.read_in a:visited { color:#ffffff; text-decoration:none; }
.read_in:hover     { color:#000000; background-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; }

h4 {
	margin-top:7vw;
	color:#023C00;
	}
h4 a:link    { color:#023C00; text-decoration:none; }
h4 a:visited { color:#023C00; text-decoration:none; }
h4 a:hover   { color:#ff0000; text-decoration:none; }