* {padding: 0; margin: 0; }

html {
height: 101%;
}

body {
background-image: url(../images/gitarre-breit.png);
background-repeat: no-repeat;
background-position: top center;
width: 100%;
background-color: #006861; /*943907*/
font-family: "Lucida Sans Unicode", LucidaGrande, Verdana, Arial;
}

@font-face { 
font-family: WorstveldSlingExtraOblique;
src: url('WorstveldSlingExtraOblique.ttf') format('truetype');
}

@font-face {
font-family: KingthingsWrote;
src: url('KingthingsWrote.ttf') format('truetype');
}

@font-face {
font-family: FOrmerantML;
src: url('FOrmerantML.TTF') format('truetype');
}

div#wrapper {
max-width: 800px;
width: 100%;
margin: 10px auto 50px auto;
/*opacity: 0.9;
    filter: alpha(opacity=90)*/
}

div#kopfbereich {
}

div#kopfbereich h1 {
color: white;
padding: 0px 50px 0 0;
margin: 50px 0 0 0;
font-size: 85px;
font-family: KingthingsWrote, "Lucida Sans Unicode", LucidaGrande, Verdana, Arial;
font-weight: bolder;
text-align: center;
}

div#kopfbereich h2 {
color: #ec7057;
padding: 0 0 0 0;
margin: 0 50px 20px 0;
font-size: 65px;
font-family: WorstveldSlingExtraOblique, "Lucida Sans Unicode", LucidaGrande, Verdana, Arial;
font-weight: bold;
text-align: right;
}

div#nav {
width: 100%;
float: left;
}

div#nav li {
position: relative;
list-style: none;
margin: 0 0 0px 0px;
}

div#nav li a {
float: left;
color: black;
background-color: #b7b7b7;
padding: 5px 4px 7px 4px;
margin: 0 10px 10px 10px;
width: 105px;
display: block;
font-family: WorstveldSlingExtraOblique, "Lucida Sans Unicode", LucidaGrande, Verdana, Arial;
text-align : center;
font-weight: normal;
font-size: 30px;
text-decoration: none;
}

div#nav li a:hover {
color : black;
background-color : white;
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
}

div#textbereich_index {
border-left: 3px solid #a15555;
border-right: 2px solid #a15555; 
background: url(../images/portrait+mikro1.png);
background-repeat: no-repeat;
background-size: 1000px auto;
background-color: white;
padding: 100px 0px 30px 30px;
min-height: 900px;
}

div#textbereich {
border-left: 3px solid #a15555;
border-right: 2px solid #a15555; 
background-color: white;
padding: 100px 30px 30px 30px;
}

/*   kann nicht mehr  */

div#textbereich p, h2 {
clear: left;
}

div#textbereich,#textbereich_index p {
font-family: FOrmerantML, "Lucida Sans Unicode", LucidaGrande, Verdana, Arial;
font-weight: normal;
font-size: 120%;
line-height: 140%;
}

div#haupttext p {
padding: 0px 15px 25px 0;
margin: 0 0 0 450px;
text-align: center;
}

img {
border: 0px solid black;
margin: 0em 2em 1em 1em;
padding: 0px;
}

img.cover {
float: left;
}

img.noborder {
border: none;
}

img.center {
text-align: center;
}

div#aktuell {
width: 500px;
min-height: 350px;
text-align: left;
margin: 350px 0 0 60px;
}

div#aktuell h3 {
color: #ec7057;
font-weight: bold;
margin: 2em 0 0em 0px;
padding: 0em 0 0em 0;
font-size: 150%;
}

div#aktuell p.line {
border-top: 2px solid #00b2a6;
margin: 0px;
padding: 0px;
}

div#aktuell p.venue {
margin: 30px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}

div#aktuell a.venuelink {
font-size: 90%;
font-weight: bold;
color: cornflowerblue;
text-decoration: underline;
}

div#aktuell a[target ="_blank"] {
padding-right: 30px;
background: transparent url(../images/popup.gif) no-repeat right;
}

div#aktuell p.shorty {
color: #ec7057;
font-size: 150%;
font-weight: bold;
text-decoration: none;
margin: 10px 0px 10px 10px;
padding: 0px 0px 0px 0px;
}

ul {
margin: 0 0 0 20px;
}

li {
list-style: none; 
}

p.hoerprobe {
float: left;
}

p.clear {
clear: both;
}

.video {
margin: 1em;
text-align: center;
}

.spaltig {
margin: 00px 0px 0 0;
display: inline-block;
}

audio {
margin: 10px 0 0 0;
float: right;
}

div#textbereich p.quote {
font-size: 100%;
}

div#textbereich p.quoter {
font-size: 90%;
text-align: right;
color: red;
}

h2 {
text-align: left;
font-size: 100%;
margin: 0 0 0px 0px;
}

h4   {
margin: 0em 0 0 0em;
padding: 0em 0 0em 0;
text-align: right;
font-size: 100%;
}

div#textbereich .vcard {
margin: 0em 0 0 0em;
padding: 0em 0 0em 0;
text-align: left;
font-size: 100%;
font-family: "Trebuchet MS", Verdana, Arial;
font-style: normal;
line-height: 1.5;
}

div#kontakt {
padding: 2em 0 0 0;
clear: both;
background-color: white;
}

div#kontakt img {
margin: 0px 20px 0px 0;
}

div#kontakt img.right {
float: right;
}

div#kontakt h2 p{
width: 500px;
float: left;
}

div#fuss { 
padding-top: 5px;
border-top: 1px solid #000000;
margin-top: 0px;
text-align: right;
font-family: arial;
font-size: 75%;
font-style: normal;
letter-spacing: 2px;
line-height: 1.5;
}

div#fuss a {
color: black;
text-decoration: none;
}

.skiplink {
position: absolute;
top: -9999px;
left:-9999px;
width: 0;
height: 0;
font-size: 0;
line-height: 0;
}