@import url(https://'fonts.googleapis.com/css?family=Open+Sans:200');
/*@font-face { font-family: 'RotisSemiSans Light';
             src: url('../fonts/rcl0.ttf') format('truetype');*/

body {
    margin: 0px;
    padding: 0px;
    background-image: url(../images/kunstfaser-struktur.jpg);
    font-family: 'Open Sans:200', sans-serif;
}
#webseite {
    width: 920px;
    margin:auto;
    margin-top: -8px;
    margin-bottom: 10px;
    font-family: Times;
}

/* H a e d e r*/
.icon_englisch {
    float: right;
    margin: -28px 15px 0 0;
}
/* Blauer Rahmen um Bilder IE weg*/
a img{
	border: 0px;
}
#header {
    width: 918px;
    height: 188px;
    margin-top: 15px;
    background-image: url(../images/hintergrund1.jpg);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
}
#header  {
    float: left;
    border: #5F5F5F solid 1px ;
}
.header_foto {
    margin: 4px 0 0 5px;
    height: 180px;
    width: 260px;
    float: left;
    border: #B0B0B0 solid 1px ;
}
/* L o g o   H e a d e r   L i n k s */
.quadrat {
    height: 179px;
    width: 260px;
    border: #B0B0B0 solid 1px ;
    float: left;
    margin: 4px 0 0 6px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
}
.streifen_oben {
    width: 80px;
    height: 10px;
    background-color: #A75433;
}
.streifen_links {
    width: 10px;
    height: 70px;
    background-color: #A75433;
    float: left;
}

.punkte {
    margin: 0 0 0 1em;
}
.angermuende {
    color: #D1D1D1;
    font-size: 1.5em;
    margin: -4.3em 1.5em 0 0;
    letter-spacing: 1.2px;
    float: right;
    font-family: corbel;
}
.wagner {
    color: #A9A95D;
    margin: -3.1em 1.5em 0 0;
    font-size: 1.5em;
    float: right;
    font-family: corbel;
}
.jahreszahl {
    color: #A9A95D;
    margin: -2.8em 2.4em 0 11.5em;
    font-size: 1em;
    float: right;
    font-family: corbel;
}

/* L o g o   H e a d e r   l i n k s . E n d e */

.name {
    color: #FFE5AF;
    margin: 65px 0 0 335px;
    letter-spacing: 2px;
    font-family: Geramond;
}
.instrumente{
    margin: 0 0 0 540px;
    color: #A9A95D;
    letter-spacing: 1.4px;
    font-family: 'Open Sans:200', sans-serif;
    font-size: 18.5px;
    font-weight: 100;
}                   

/* N a v i g a t i o n */
#header ul {
    margin: 0px 0 0 364px;
    padding-top: 20px;
    color: #FBFDF7;

}
#header ul li {
    display: inline;
}
#header ul li:before {
    content: "| " ;
    color: #E3E3E3 ;
}
#header ul li:first-child:before {
    content: "";
}
#header ul li a {
    text-decoration: none;
    padding: 0 3px 0 3px;
    margin: 0 0 0 0px;
    letter-spacing: 1.5px;
    color: #CFCFCF;
    font-family: 'Open Sans:200', sans-serif;
    font-weight: lighter;
    font-size: 0.9em;
}


/* N a v i   L i n k s  a k t i v */
#header ul#nav li a:link,
#header ul#nav li a:visited {
/*background:#b5bfca;*/
    color:#CFCFCF;
}
#header ul#nav li a:hover,
#header ul#nav li a:active,
#header ul#nav li#current a:link,
#header ul#nav li#current a:visited {
    color:#CCA587;
}

/* M e n u e*/
#menue {
    float: left;
    width: 270px;
    height: 714px;
    background-image: url(../images/hintergrund1.jpg);
    margin-top: 2px;
    margin-bottom: 2px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
}
.menue_kurzbiografie {
     padding: 2px 0 2px 36px;
     margin-top: 25px;
     background-color: #CFCFCF;
     /*background-color: #CCA587;*/
     color: #393939;
     letter-spacing: 0.5px;
     font-family: 'Open Sans', sans-serif;
     font-size: 0.9em;
     font-weight: 200;

}
.foto_dieter_home {
    margin: 16px -10px 0 36px;
    border: #969696 solid 1px;
}

/* I N H A L T*/
#inhalt {
    float: right;
    width: 648px;
    height: 714px;
    background-image: url(../images/hintergrund1.jpg);
    margin-top: 2px;
    margin-bottom: 2px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
}
.inhalt_foto {
    margin: 25px 0 0 0;
    display: block;
    margin-right: auto;
    margin-left: auto;
    border: #A7A7A7 solid 1px ;
}
/* I n h a l t     h o m e */
.home_text_unter_player {
    margin: 10px 53px 0 0;
    float: right;
    font-family: 'Open Sans:', sans-serif;
    color: #BFC3C4;
    font-size: 13px;
    font-weight: 200;
}

/* I n h a l t   v i t a */
.text {
    /*color: #EFEFEF;*/
    /*color: #FFF6BF;*/
    color: #F9F9F9;
    padding: 3px 60px 0 30px;
    margin-top: 4px;
    letter-spacing: 0.5px;
    /*font-family: Corbel, Verdana;*/
    font-family: 'Open Sans', sans-serif;
    /*font-family:'RotisSemiSans Light';*/
    font-size: 14px;
    font-weight: 200;  
}
.foto_dieter_vita {
    border: #919191 solid 1px ;
    margin: 17px -10px 0 36px;
}
/*
#spalte-1 { float: left; width: 250px;
    padding-right: 20px;
    margin-left: 50px;
    color: #EFEFEF;
    font-family: corbel;
    font-size: 1em;

}
#spalte-2 { float: left; width: 250px;
    color: #EFEFEF;
    font-family: Georgia, Times;
    font-size: 1em;
    font-family: corbel;
}
*/

/* I n h a l t   K l ä n g e */
#cds {

    padding-bottom: 20px;
    margin: 25px 0 0 30px;
    /*color: #070707;*/
    color: #F7F7F7;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 0.8px;
    font-weight: 200;
}
.cd1 {
    margin-bottom: 18px;
    border: #B0B0B0 solid 1px ;
}
.cd2 {
    margin-bottom: 18px;
    margin-top: 130px;
    border: #B0B0B0 solid 1px ;
    clear: right;
}
.cd3 {
    margin-bottom: 18px;
    margin-top: 120px;
    border: #B0B0B0 solid 1px;
    clear: right;
}
.orgelmusik_text1 {
    margin: -227px 0 0 240px;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 0.7px;
    font-weight: 200;
}
.orgelmusik_text1_1 {
    margin: 10px 30px 0 240px;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: 200;
}
.orgelmusik_text1_1_1 {
    margin: 20px 0 0 240px;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: 200;
}
.orgelmusik_text2 {
    margin: -226px 0 -20px 240px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 200;
}
.orgelmusik_text2_1 {
    margin: 0 0 0 240px;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: 200;
}
.orgelmusik_text2_2 {
    margin: -10px 40px 0 240px;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: 200;
}
.orgelmusik_text2_2_2 {
    margin: 20px 0 0 240px;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: 200;
}
.orgelmusik_text3 {
    margin: -226px 0 0 240px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 200;
}
.orgelmusik_text3_3 {
    margin: 10px 40px 0 240px;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: 200;
}
.orgelmusik_text3_3_3 {
    margin: 20px 0 0 240px;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: 200;
}


/* O r g e l m u s i k  C D 1  A nf a n g */
.manuscript_bach {
    margin: 25px 0 0 36px;
    border: #969696 solid 1px;
}
.text_manuscript {
    font-size: 9.7px;
    font-style: italic;
    font-family: 'Open Sans', sans-serif;
    color: #DBDBDB;
    letter-spacing: 0.1px;
    margin: 0 0 0 35px;
    font-weight: 200;    
}
.text_orgelmusik_cd1 {
    color: #F7F7F7;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 0.7px;
    margin: -90px 15px 0 270px;
    font-weight: 200;    
}
.orgelmusik_cd1_icon {
    margin: 25px 0 0 175px;
}
.text_player1_orgelmusik_cd1 {
    float: left;
    margin: -4px 0 0 -280px;
    color: #F7F7F7;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 0.8px;
    font-size: 12px;
    font-weight: 200;
}
#orgelmusik_cd1_player1 {
    margin: 79px 0 0 310px;
}
#orgelmusik_cd1_player2 {
    margin: 10px 0 0 310px;
}
#orgelmusik_cd1_player3 {
    margin: 10px 0 0 310px;
}
#orgelmusik_cd1_player4 {
    margin: 10px 0 0 310px;
}
#orgelmusik_cd1_player5 {
    margin: 10px 0 0 310px;
}
#orgelmusik_cd1_player6 {
    margin: 10px 0 0 310px;
}
#orgelmusik_cd1_player7 {
    margin: 10px 0 0 310px;
}
#orgelmusik_cd1_player8 {
    margin: 10px 0 0 310px;
}
#orgelmusik_cd1_player9 {
    margin: 10px 0 0 310px;
}

/* O r g e l m u s i k  C D 1  E n d e */
.instrumente_tafelklavier {
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 0.8px;
    margin-top: 16px;
}
.foto_gloes_kontakt {
    margin: 23px 0 0 0;
    display: block;    
    margin-right: auto;
    margin-left: auto;
    border: #A7A7A7 solid 1px ;
}

/* F o o t e r*/
#footer {
    width: 920px;
    height: 30px;
    background-image: url(../images/hintergrund1.jpg);
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    padding-top: 0px;
    clear: both;
}
#footer p {
    margin-left: 435px;
    padding-top: 5px;
    font-size: 14px;
    color: #1F1F1F;
}

/*Button nach oben Anfang*/
#back-top {
    margin: -45px 0 0 920px;
    display: none;
    float: left;
    z-index: -3;
}

#back-top a {
    width: 1em;
    height: 2em;
    margin-top: -41px;
    display: block;
    text-align: center;
    padding-top: 13px;
    font-size: 18px;
    color: #fff;
    background-color: #29272D;
    text-decoration: none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    transition: background-color .15s;
    -moz-transition: background-color .15s;
    -webkit-transition: background-color .15s;
    -o-transition: background-color .15s;
    -ms-transition: background-color .15s;
}

#back-top a:hover {
    text-decoration: none;
    background-color: #6E6659;
}
/*Button nach oben Ende*/

/* P L A Y E R */
#player {
    width: 274px;
    height: 45px;
    margin-top: -15px;
    padding-bottom: 10px;
}
.player_style_home {
    padding-top: 2px;
    background-color: #29272D;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    margin: 45px 53px 0 53px;
}
.player_style_klaenge {
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: #29272D;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    margin: 24px 0px 0 0px;
}
.player_style_orgelmusik_cd1 {
    padding-top: 2px;
    background-color:#29272D;
    border-radius: 3px;
    -moz-border-radius:3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    margin: 80px 70px 0 175px;
}
.text_player {
    color: #BDBFBF;
   
}
.dvd {
    margin: 6px 10px 0 36px;
    cursor: pointer;
}
.icon_player {
    margin-bottom: 2px;
    cursor: pointer;
}
.icon_pause {
    margin-bottom: 2px;
    cursor: pointer;
}
.icon_reset {
    margin-bottom: 2px;
    cursor: pointer;
}
#bar {
    margin-left: 36px;
    background-color: #CFCFCF;
    width: 130px;
    height: 5px;
    margin-top: 4px;
}
#zeit {
    color: #A9A95D ;
    margin: 3px 10px 0 36px ;
    font-size: 12px;
    padding-bottom: 3px;
}
.titel {
    font-size: 10px;
    color: #BFC3C4;
    margin: -28px 0 0 117px ;
    padding-bottom: 3px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 200;
    line-height: 12px;
}
.minuten_home {
    margin: 0 313px 0 0;
    float: right;
    font-size: 9px;
    color: #A9A95D;
    font-family: 'Open Sans', sans-serif;
}
.titel_home {
    font-size: 10px;
    color: #BFC3C4 ;
    margin: -28px 0 0 194px ;
    padding-bottom: 3px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 200;
    line-height: 12px;
}
.minuten_vita {
    margin: 0 18px 0 0;
    float: right;
    font-size: 9px;
    color: #A9A95D;
    font-family: 'Open Sans', sans-serif;
    font-weight: 200;
}
.minuten_klaenge {
    margin: 0px 28px 0 0;
    float: right;
    font-size: 9px;
    color: #A9A95D;
    font-family: 'Open Sans', sans-serif;
    font-weight: 200;
}
.minuten_kontakt {
    margin: 0 23px 0 0;
    float: right;
    font-size: 9px;
    color: #A9A95D;
    font-family: 'Open Sans', sans-serif;
    font-weight: 200;
}
.minuten_download {
    margin: -5px 53px 0 0;
    float: right;
    font-size: 9px;
    color: #A9A95D;
    font-family: 'Open Sans', sans-serif;
    font-weight: 200;
}
.minuten_orgelmusik_cd1 {
    margin: -5px 15px 0 0;
    float: right;
    font-size: 9px;
    color: #A9A95D;
    font-family: 'Open Sans', sans-serif;
    font-weight: 200;
}
.minuten_instrumente{
    margin: 0 7px 0 0;
    float: right;
    font-size: 9px;
    color: #A9A95D;
    font-family: 'Open Sans', sans-serif;
    font-weight: 200;
}
#player_kontakt {
    margin: 55px 0 0 0;
}
#player_kontakt #zeit {
    color: #A9A95D ;
    margin: 0 10px 0 36px ;
    font-size: 12px;
    padding-bottom: 3px;
}

.controls {
    margin: 10px 0 0 50px;
    letter-spacing: -2px;
}
.text_javascript {
    margin: 10px 0 0 50px;
}

/* I MP R E S S U M */
.rechteck {
    margin: 20px 0 0 0;
}
.link_orgelakademie {
     text-decoration: none;
     margin: -34px 0px 0 35px;
     color: #CCA587;
     display: block;
     font-weight: bold;
}
.text_impressum {
    margin: 2px 50px 0 0px;
    color: #E6E6E6;
    padding: 5px 0px 0 30px;
    letter-spacing: 0.5px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 200;   
}

.link_impressum   {
    text-decoration: none;
    padding: 2px 194px  2px 40.5px;
    background-color: #CCA587;
    margin: 0px 0 0 0px;
    color: #313131;
    letter-spacing: 1px;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 200;
}
.link_impressum:hover {
    color: #E6E6E6;
}
.mail {
    color: #E6E6E6;
    margin-left: 1px;
   
}
.text_kontakt_adresse  {
     margin: 30px 10px 0px 35px;
     color: #E6E6E6;
     font-family: 'Open Sans', sans-serif;
     font-size: 14px;
     letter-spacing: 0.5px;
     font-weight: 200;
}
.text_kontakt_adresse a{
     margin: 30px 10px 0 0px;
     font-family: 'Open Sans', sans-serif;
     text-decoration: none;
     color: #CCA587;
     font-weight: 200;
}
.icon_email {
    float: left;
    margin: 21px 5px 0 0;
}
.icon_telefon {
    float: left;
    margin: 8px -10px 0 0;
}
.download {
    display: block;
    text-decoration: none;
    color: #3E3E3E;
    font-family: 'Open Sans', sans-serif;
    margin: 16px 0 16px 0px;
    font-size: 14px;
    padding: 2px 0 2px 36px;
    background-color: #CCA587;
}
.download:hover {
    color: #E6E6E6;
}
.download_kursch {
    display: block;
    text-decoration: none;
    color: #3E3E3E;
    font-family: 'Open Sans', sans-serif;
    margin: 16px 0 16px 0px;
    font-size: 14px;
    padding: 2px 0 2px 36px;
    background-color: #CCA587;
}
.download_kursch:hover {
    color: #E6E6E6;    
}
.download_text {
    text-decoration: none;
    color: #E6E6E6;
    font-family: 'Open Sans', sans-serif;
    padding: 8px 0 0 30px;
    font-size: 14px;
}
.download_foto1 {
    float: left;
    padding-left: 30px;
    margin-top: 10px;
         
}
.download_foto2 {
    float: left;
    padding-left: 30px;
    margin-top: 10px;

}
.download_foto3 {
    float: left;
    padding-left: 30px;
    margin-top: 10px;

}
.kreis {
    display: block;
    margin:-400px 100px 0px;
    border: none;
    position: fixed;
}

.foto_biografie_kontakt {
    background-color: #1F1F1F;
}

.links {
    font-family: 'Open Sans:200', sans-serif;
    font-size: 14px;
}