@charset "utf-8";

@import url(http://fonts.googleapis.com/css?family=Quattrocento+Sans:400,400italic,700,700italic);
@import url(http://fonts.googleapis.com/css?family=Quattrocento:400,700);


body {
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: #000;    
}



#myAudio {
    position: absolute;
    margin-top: -300px;
  
}

#audio {
    
    display: none;
}


#video {    
    background-size: cover;
    position: absolute;
    background-position: center;
}

#bounding-box {
    background-image: url(video/heart.mov);
    background-repeat:no-repeat;
    background-size: cover;
    position: absolute;
    background-position: center;
    height: 100%;
    width: 100%;
    background-color: #000;
}

#about, #enabout {
    background-image: url(pix/about.png);
    background-repeat:no-repeat;
    background-size: cover;
    position: absolute;
    background-position: center;
    background-attachment: fixed;
    height: 100%;
    width: 100%;
}


#termine, #dates {
    background-image: url(pix/termine.png);
    background-repeat:no-repeat;
    background-size: cover;
    position: absolute;
    background-position: center;
    background-attachment: fixed;
    height: 100%;
    width: 100%;
}

#musik, #music {
    background-image: url(pix/musik.png);
    background-repeat:no-repeat;
    background-size: cover;
    position: absolute;
    background-position: center;
    background-attachment: fixed;
    height: 100%;
    width: 100%;

}


#kontakt, #contact {
    background-image: url(pix/contact.png);
    background-repeat:no-repeat;
    background-size: cover;
    position: absolute;
    background-attachment:fixed;
    background-position: center;
    height: 100%;
    width: 100%;
}

#container {
    
    /*width: 1200px;*/
    background-position: center;
    width: 80%;                 
    margin-top: 0 px;
    margin-left: 7%;
    background-color: transparent;

}

/*kontakt webdesign*/
#p1{
   margin-top: 70px;
   font-size: 10pt;
    letter-spacing: 0.2pt;
 
}

/*about einleitungstext*/
#p2 {
    font-size: 12pt;
    font-weight: 400;
    margin-bottom: 40px;
    letter-spacing: 0.3pt;

}

#cd img{
    position: relative;
    float: right;
    padding: 7px;
    padding-right: 10px;
}


/*email link*/
#hauptinhalte p a {
    list-style: none;
    text-decoration: none;
    font-family: Quattrocento Sans, sans-serif;
    font-size: 12pt;
    line-height: 18pt;
    font-weight: 400;
    color: #F0E9E9;
    border-bottom-style: dotted;
    border-bottom-width: thin;
    letter-spacing: 0.4pt;
    

}

#hauptinhalte {
        position: relative;
        padding:112px 40px 40px 40px;
        width: 50%;
        margin-left: 220px;
        color: #F0E9E9;
        font-family: Quattrocento Sans, sans-serif;
        font-weight: 400;
        font-size: 12pt;
        line-height: 18pt;
        letter-spacing: 0.3pt;
    
}

#hauptinhalte h1{
    font-size: 12pt;
    font-weight: 700;
    letter-spacing: 0.4pt;
    
}


#Appearanceplay,
#Appearancepause{
    border-style: none;
    border-radius: 40px;
    height: 42px;
    width: 42px;
    margin: 2px;
    background-size:0px;
    color: #F0E9E9;
    background-color: #000;
    outline: solid;
    outline-width: thin;
    outline-color: #F0E9E9;
}

#Appearanceplay:hover,
#Appearanceplay:active,
#Appearancepause:hover,
#Appearancepause:active{
    color: #000;
    background-color: #F0E9E9;
    outline-color: transparent;
}



#header {
    position: relative;
    background-position: center;
    height: 20%;
    padding-top: 10px;
    margin-left: 10px;
    background-color: transparent;
}


#about #langnavde a,
#termine #langnavde a,
#musik #langnavde a,
#kontakt #langnavde a {
    font-family: Quattrocento, serif;
    font-weight: 700;
    cursor: default;
}

#enabout #langnaven a,
#dates #langnaven a,
#music #langnaven a,
#contact #langnaven a {
    font-family: Quattrocento, serif;
    font-weight: 700;
    cursor: default;
}

#langnav {
    position: relative;
    width: 100%;
    float: right;
    margin-top: 30px;
    margin-right: 20px

}


#langnav li {
    float: right;
    list-style: none;
    padding-left: 0.5em;
    padding-right: 0.5em;
    
}

#langnav li a {
    text-decoration: none;
    font-weight: 400;
    color: #F0E9E9;
    font-family: Quattrocento, serif;
    font-size: 11pt;
    font-weight: 400;
    letter-spacing: 0.3pt;
}

#langnav li a:hover, a:active, a:focus {
    font-weight: 700;
    
}


#logoline {
    list-style: none;
    position: absolute;
    margin-left: 73px;
    margin-top: -15px;
    font-family: Quattrocento, serif;
    font-weight: 400;
    letter-spacing: 0.7pt;
    
}

#logoline a {
    text-decoration: none;
    color: #F0E9E9;
}

#logo {
    position: absolute;
    float: left;
    margin-top: 30px;
  
}

#newsletter{
    margin-top: 7pt;
    font-size: 9pt;
}

#nav {
    position:relative;
    width: 200px;
    float: left;
    margin-left: 44px;
    margin-top: 115px;
}

#nav li {
    list-style: none;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    
}

#nav li a {
    text-decoration: none;
    color: #F0E9E9;
    font-family: Quattrocento, serif;
    font-weight: 400;
    letter-spacing: 0.6pt;

}


#nav li a:hover, a:active, a:focus a:visited{
    font-weight: 700;
    
}

#about #navabout a,
#termine #navtermine a,
#musik #navmusik a,
#kontakt #navkontakt a,
#enabout #ennavenabout a,
#dates #ennavdates a,
#music #ennavmusic a,
#contact #ennavcontact a {
    font-family: Quattrocento, serif;
    font-weight: 700;
    cursor: default;

}


#ennav {
    position:relative;
    width: 200px;
    float: left;
    margin-left: 44px;
    margin-top: 115px;
}

#ennav li {
    list-style: none;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    
}

#ennav li a {
    text-decoration: none;
    color: #F0E9E9;
    font-family: Quattrocento, serif;
    font-weight: 400;
    letter-spacing: 0.6pt;
}

#ennav li a:hover, a:active, a:focus a:visited{
    font-weight: 700;

    
    
/*RESPONSIVE*/










/*#musikinhalte {
    position: absolute;
        padding:135px 40px 40px 40px;
        width: 500px;
        margin-left: 220px;
        color: #ffffff;
        font-family: Quattrocento Sans, sans-serif;
        font-weight: 400;
        font-size: 12pt;
        line-height: 18pt;
        background-color: transparent;
}

#musikinhalte h1{
    font-size: 12pt;
    font-weight: 700;
    
}*/