@charset "utf-8";
/* CSS Document */

*{
        margin:0;
        padding:0;
        font-family: 'Cuprum', sans-serif;
		font-color:rgba(27,27,27,1.00);
}


body{
       background-image:url("../img/bg.png");
           background-size:250px ;
}
section{
         width:1200px;
         margin:auto;
                 background-color:#ffffff;
}



a:link{color:#ffffff;
text-decoration:none;
}
a:visited{text-decoration:none;
color:#ffffff;
}

a:active{text-decoration:none;
color:#ffffff;
}
header{
        width:1200px;
        height:175px;
        margin:auto;
        background-image: url("../img/header_bg2.png")
}

#guitar{
        float:right;
        margin-top:-142px;
}

h1{

       font-size: 30px;
font-style: normal;
color: #000000;
margin: 0px 0 0px 0px;
}

h2{
         font-size:20px;
         color:#000000;
}



nav{
        width:110px;
        font-size:23px;
        position:fixed;
        margin-top:50px;
}
nav ul a li{
        color:#000000;
        width:100px;
        margin:auto;
        padding:10px 0 10px 0;
}
nav ul a li:hover{
        background-color:#ffffff;
        color:#808080;
}
nav ul{
        list-style-type:none;
        }


/*slide style*/
div ul{
       height:40px;
       padding:0 17% 0 17%;
}
div li{
         background-color:white;
         border:black 1px solid;
         width:33%;
         height:40px;;
        text-align:center;
        text-decoration:none;
        list-style-type:none;
        font-size:20px;
        float:left;
        margin-top:-2px;
        line-height:40px;
}

li:hover {
         background-color:#A5A5A5;

 }

  /*slide styleing ende*/
article{
        min-height:300px;
 width:100%;
background-color:#ffffff;
text-align:center;

}

header article{
        background:transparent;
}
#content_w{
        width:900px;
        margin:auto;
        height:auto;
}
.c_box{
        float:left;
        width:50%;
        height:auto;
        margin:50px 0 0 0;
}

#mg{
        margin:0 0 0 0;}
article p{
  text-align: justify;
  margin:10px;
  font-size:17.08px;
}

#bm_logo2{
        margin:0px 0px 0px 54px;
}







table.cv_tb{
width:840px;
height:100%;
margin: 0 15% 0 15%;
text-align:left;
}
tr{
height:50px;
}
td{
        width:50%;
padding:0 5% 0 5%;
height:auto;

}
th{
text-align:left;
height:60px;
font-family: 'Nobile', sans-serif;
}

     table img{
         padding:5px;
     }
     table button{
         margin:2px 0 5px 0;
     }





h4{
         font-family:'Arial';
         text-align:center;
                 margin:auto;
                                 font-size:20px;
}
h5{
font-size:18px;
font-family:'Arial';
margin-left:15%;
text-align:left;
}


/**slide**/


 #slides {
      display: none
    }

    #slides .slidesjs-navigation {
      margin-top:3px;
    }

    #slides .slidesjs-previous {
      margin-right: 5px;
      float: left;
          width:26px;
          height:13px;
    }

    #slides .slidesjs-next {
      margin-right: 5px;
      float: left;
          width:26px;
          height:13px;
    }

    .slidesjs-pagination {
      margin: 6px 0 0;
      float: right;
      list-style: none;
    }

    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
          height: 13px;
width: 13px;
        border-radius:10px;
    }

    .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(img/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px;
          background-color:black;
          border-radius:10px;
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -26px
    }

    #slides a:link,
    #slides a:visited {
      color: #333
    }

    #slides a:hover,
    #slides a:active {
      color: #9e2020
    }

    .navbar {
      overflow: hidden
    }

/**slide**/

button{
     margin:auto;
         width:200px;
         background-color:rgba(215,215,215,1.00);
         border:1px black solid;
         padding:4px;
         border-radius:3px;

}





.border{
 height:1px;
 width:60%;
 margin:auto;
 background-color:#000000;
}

footer{
        width:100%;
        height:200px;
                background-color:rgba(26,26,26,1.00);

                                color:white;

}
footer a:link{
color:#ffffff;
font-size:14px;

}
footer a:hover{
        color:#808080;


}
footer p{float:left;
margin: 0px 126px 0px 242px;
}

h6{
        margin:0px 112px 0px 230px;
color:#FFFFFF;
font-size:16px;
text-align:center;
float:left;

/*<t*/
@media (min-width:800px) and (max-width:1200px){
       section{
         width:800px;
       }
       header{
         width:800px;
         height:133px;
       }
       h1{
       font-size:66px;
       }
       h2{
       font-size:18px;
       }
       nav{
         height:50px;
         margin-top:22px;
         margin-top:12px;
}
       li{
       width:120px;
       height:33px;
       }


}


/*smartphone*/
@media (max-width:480px){
        header{
                height:75px ;
                background-image:url(../img/oberkante_sp.png) ;
        }
        footer{
                height:75px ;
                background-image:url(../img/unterkante_sp.png);
        }
        div.c_wrapper{
                height:calc(100% - 150px);
                position:absolute;
          top:75px;
        }


        h1{font-size:30pt;
                position:absolute;
                top:25px;
                left:25%;}




        div.bf_bgr{
        height:100px;
        border:2px solid black;
        position:absolute;
        left:19%;
        top:36%;
        border-radius:3%;
        background-color:white;
        z-index:-10;
}

h3{font-size:10pt ;
position:absolute;
left:25%;
}
div.text_raster{
        height:125px;
        width:calc(100% - 71px - 20%);
        position:absolute;
        top:33%;
}

}



















dd