/* deutsch - deutsch */
	body {
        font-size:24px;
		font-size:2vw;
		background-image:url(/pictures/Hintergruende/HG_Noten_Beige_01.jpg);
		background-repeat:repeat;
		font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
		color:#6E0000;
		}
	a:link 		{ color:black; }
	a:visited 	{ color:black; }

.desktop {
	display:none;
	padding:0;
	margin:0;
}

@media
	(min-device-width: 0px)
	and (max-width: 768px) {
		body { font-size:16px; }
		.no-xs { display: none; }
	}

@media (min-width: 768px) {
	.desktop {
		display: block;
	}
	.mobile {
		display: none;
	}
}

.navbar-default {
    background-color:#FF7E00;
	font-weight:bold;
	border-bottom:none;
	font-family:Baskerville, 'Palatino Linotype', Palatino, 'Century Schoolbook L', 'Times New Roman', serif;
	font-size:1vw;
}
/* title */
.navbar-default .navbar-brand {
    color:#FFF6BB;
}
.navbar-default .navbar-brand:hover {
    color:#FFF6BB;
}
.navbar-default .navbar-brand:focus {
    color: #FFF6BB;
}
/* link */
.navbar-default .navbar-nav > li > a {
    color: #FFF6BB;
}
.navbar-default .navbar-nav > li > a:hover {
    color: #470025;
}
.navbar-default .navbar-nav > li > a:focus {
    color: #FFF6BB;
}

/**********  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: 1350px) and (min-width: 768px) {
	#ph {
		display:none;
	}
}
@media (max-width: 1100px) and (min-width: 768px) {
	#projekte {
		display:none;
	}
}
@media (max-width: 1000px) and (min-width: 768px) {
	#bio {
		display:none;
	}
}

@media
	(max-width: 768px) {
	body   {
		font-size:26px;
		}
	.navbar-default .navbar-nav > li > a {
	color:#FFFFFF;
	font-size: 18px;
}
	.no-xs { display:none; }
}

.shadow1 { text-shadow:1px 1px 1px #000000; }
.shadow2 { text-shadow:2px 2px 2px #000000; }

.listen {
	color:#470025;
	font-size:1.2vw;
	text-align: left;
	margin-top:3vw;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
}
.listen a:link    { color:#470025; text-decoration:none; background-color: #F7D0A9; padding:0 10px; display:block; margin:10px 0; }
.listen a:visited { color:#470025; text-decoration:none; background-color: #F7D0A9; padding:0 10px; display:block; margin:10px 0; border-left:3px solid #9A5900; }
.listen a:hover   { color:#FFBE00; text-decoration:none; background-color: #9A5900; padding:0 10px; display:block; margin:10px 0; }

.row4  { margin-top:2vw; }
.table {
		font-size:3vw;
		line-height:3.6vw;
		font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
		font-weight:normal;
		color:#470025;
		margin-top:-2vw;
	}

.page-link a:link    { color:#FFFFFF; }
.page-link a:visited { color:#FFFFFF; text-decoration:none; }
.page-link a:hover   { color:#ffff00; text-decoration:none; }

.fsize01 { font-size:90%; font-family: Georgia, serif; font-weight:700; } /* PH */

.fsize05 { font-size:55%; color:#470025; } /*Komponist */
.fsize05 a:link    { color:#470025; text-decoration:none; }
.fsize05 a:visited { color:#470025; text-decoration:none; }
.fsize05 a:hover   { color:#ff0000; text-decoration:none; }

button { width:100%; }

.box52	{
		font-family: "Times New Roman", Times, serif;
		font-size:1.8vw;
		line-height:2.2vw;
		text-align:justify;
		list-style:none;
		}
.box52 ol { margin-left:45px; }

.peer {
	color:#470025;
}
.peer a:link    { color:#470025; text-decoration:none; border-bottom:1px dotted #666666; }
.peer a:visited { color:#470025; text-decoration:none; border-bottom:1px dotted #666666; }
.peer a:hover   { color:#FF0000; }

quote {
	font-style: italic;
	color: red;
	vertical-align: super;
	font-size:60%;
}