
html {
	font-size:62.5%;
}

body {
	background:#FFCC00 url(http://www.peterhuebner.com/ru/Buecher/Insel-des-Gluecks/Assets/Hintergruende/HGOrangeGelb.jpg) center center fixed repeat;
	background-size:110%;
      }

body, p {
	font-family: 'Times New Roman', Times, serif;
	font-size: 18px;
	text-align: justify}


.navbar-fixed-left {
	font-weight:bold;
	border-bottom:none;
	font-size:17px;
	width:235px;
	text-align: left;
	left:-20px;
}
/* title */
.navbar-fixed-left .navbar-brand {
	color:#000;
}
.navbar-fixed-left .navbar-brand:hover {
	color:#000;
}
.navbar-fixed-left .navbar-brand:focus {
	color:#000;
}
/* link */
.navbar-fixed-left .navbar-nav > li > a {
	color:#000;
	font-weight:normal;
	line-height:normal;
	width:200px;
	padding:10px;
	background:linear-gradient(to bottom,transparent,#FFDD00);
}
.navbar-fixed-left .navbar-nav > li > a:hover {
    color: #000;
	font-weight:normal;
	background-color:#FFDD00;
	text-align: left;
	padding:10px;
}
.navbar-fixed-left .navbar-nav > li > a:focus {
	color:#000;
	font-weight:normal;
	padding:10px;
	background-color:#FFCC00;
}

/**********  SUB MENUS  *********************/

.dropdown {
    position: relative;
}

.dropdown>.dropdown-menu {
    top: 0;
    left: 100%;
	right: auto;
    margin-top: -6px;
    margin-left: 0px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown:hover>.dropdown-menu {
    display: block;
	background-color: #FFEE00;
}

.dropdown>a:after {
    display: block;
    /*content: " ";*/ /* Dreieck nach rechts */
    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:hover>a:after {
    border-left-color: #fff;
}

.dropdown.pull-left {
    float: none;
}

.dropdown.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;
}


/*.bg_nav {
	 background-color:rgba(255,190,0,1.00);
}
@media (max-width: 994px) {
	.navbar-fixed-left .navbar-nav > li > a {
		width:150px;
	}
}
@media (max-width: 767px) {
	.bg_nav {
		background-color:transparent;
	}
}
*/

a { text-decoration:none; }

.titel1 { 
font-family:"Times New Roman", Times, serif;
font-size:30px;
color:#2F0000;
font-weight:bold;
text-align:center;
margin:0px 0px 15px 0px;
}
.titel1 a:link    { color: #2F0000; text-decoration: none; }
.titel1 a:visited { color: #2F0000; text-decoration: none; }
.titel1 a:hover   { color: #00FFFF; text-decoration: none; }


.titel2 { 
font-family:"Times New Roman", Times, serif;
font-size:22px; 
color:#2F0000;
font-weight: normal;
text-align:center;
line-height:28px;
}
.titel2 a:link    { color: #2F0000; text-decoration: none; }
.titel2 a:visited { color: #2F0000; text-decoration: none; }
.titel2 a:hover   { color: #00FFFF; text-decoration: none; }

.rh {
font-family:"Times New Roman", Times, serif;
font-size:18px; 
font-weight:normal;
text-align:center;
border-bottom:1px solid #000;
width:100%;
margin: 0px 0px 50px 0px;
background-color:#FFEE00;
text-transform: uppercase;
}


.rh2 {
text-align:center;
padding: 0px 30px;
color:#2F0000;
}

.vorwort { 
text-align:center;
font-size:21px;
}

.bio1 {
font-size:46px;
font-weight:bold;
margin: 0px 0px 0px 0px;
}

.bio2 {
font-size:20px;
font-weight:bold;
}
.bio2a {
font-size:26px;
font-weight:normal;
}

.bio3 { 
float:right;
width:264px;
font-size: 20px;
line-height:24px;
font-weight: normal;
margin: 0px 0px 20px 40px;
}

.biobild { float:left;}


.head {
font-family:"Times New Roman", Times, serif;
font-size:28px; 
color:#2F0000;
font-weight: bold;
text-align:center;
padding:0px 0px 30px 0px;
}

.kopf1 {
font-family:"Times New Roman", Times, serif;
font-size:30px; 
color:#2F0000;
font-weight: bold;
text-align:center;
margin: 10px 0px 10px 0px;
padding:10px 15px 10px 10px;
background:linear-gradient(to right, #FFA728,#FFEE00,#FFEE00,#FFA728);
}

.kopf2 {
font-family:"Times New Roman", Times, serif;
font-size:24px;
line-height: 30px;
text-align: left;
color: #2F0000;
font-weight: normal;
margin: 10px 30px 10px 30px;
}
.kopf2 li {
margin: 0px 0px 30px 0px;
}

.kopf3 {
font-family:Georgia, "Times New Roman", Times, serif;
line-height: 28px;
font-size:20px;
text-align:left;
color: #2F0000;
font-weight: normal;
margin: 10px 30px;
}
.kopf3b {
font-family:Georgia, "Times New Roman", Times, serif;
line-height: 28px;
font-size:20px;
text-align: justify;
color: #2F0000;
font-weight: normal;
margin: 10px 30px;
}
.kopf4 {
font-family:"Times New Roman", Times, serif;
font-size:24px;
line-height:36px;
text-align: left;
color: #2F0000;
font-weight: bold;
margin: 10px 30px 10px 100px;
}
.mitte { text-align:center; margin: 0 40px 0 0;}
.links  {font-size:24px; float:left;}
.rechts {font-size:24px; float:right;}
.fl {float:left;}
.fr {float:right;}

.text {
font-family:"Times New Roman", Times, serif;
font-size:22px; 
font-weight: normal;
color: #2F0000;
text-align: justify;
}

.text_bold {
font-family:"Times New Roman", Times, serif;
font-size:22px; 
font-weight: normal;
color: #2F0000;
text-align: justify;
}

.lf {line-height:30px;}

.kopf2 a:link    { color: #2F0000; text-decoration: none; }
.kopf2 a:visited { color: #2F0000; text-decoration: none; }
.kopf2 a:hover   { color: #FFFFFF; text-decoration: none; background-color:#CB8521; padding:0 5px; }

.kopf3 a:link    { color: #2F0000; text-decoration: none; }
.kopf3 a:visited { color: #2F0000; text-decoration: none; }
.kopf3 a:hover   { color: #FFFFFF; text-decoration: none; background-color:#CB8521; padding:0 5px; }

.kopf4 a:link    { color: #2F0000; text-decoration: none; }
.kopf4 a:visited { color: #2F0000; text-decoration: none; }
.kopf4 a:hover   { color: #FFFFFF; text-decoration: none; background-color:#CB8521; padding:0 5px; }

.pagelink { color: #2F0000; }
.pagelink a:link    { color:#2F0000; text-decoration:none; }
.pagelink a:visited { color:#2F0000; text-decoration:none; }
.pagelink a:hover   { color:#FF0000; text-decoration:none; background-color:none; }

.text a:link    { color: #2F0000; text-decoration: none; }
.text a:visited { color: #2F0000; text-decoration: none; }
.text a:hover   { color: #FF0000; text-decoration: none; background-color:none; }

.bg_pagelink {
	border-radius:50px;
	background:linear-gradient(to right, #FFA728,#FFEE00,#FFEE00,#FFA728);
	padding-top:5px;
}



