body {

        margin: 0px;
        padding: 0px;
        /* background-color:#5d3434;  */
        width:100%;



}



.center_img {
         clear: left;
         max-width:600px;

          display: block ;
          margin: 0 auto;


}


#img_back {
         display: block ;
         font-size: 12px;
         margin:0px;
         padding: 0px;
         border: 0px;


}

h1 {
        /* display: none;  */
        margin:0px;
        padding:0px;
        padding-bottom: 0.6%;
        color:#fff;
        font-family: Verdana,Arial,Helvetica,sans-serif;
        line-height: 1.5;
        font-size: 130%;


}




li {


         list-style: none;
         padding: 0px;
         margin-right: 5px;
        color: #fff;
}

#list_b {
         list-style: circle;
         margin-left: 5%;
}

a:link {

          color: #fff;
          text-decoration: none;
}

a:visited {

          color: #fff;
          text-decoration: none;
}

a:hover {

          color: #fff;
          text-decoration: underline;

}




a:active {

          color: #fff;
          text-decoration: underline;
}



#social {
       float:left;
       padding-left: 0.5%;

         }


#social_link {
         text-decoration: none;
         float:left;
         }

#social_mobile_link {
       /*  float:left;
       padding-left: 0.5%;
       background-color:#fff;  */
       text-decoration: none;
                  }



#social_link_logo {
         text-decoration: none;
         float:left;
         padding-top: 3px;
         padding-left: 4px;
         padding-right: 4px;
         margin: 0px;
         border: 0px;



}


.main_nav {

        font-family: Arial,Helvetica,Verdana,sans-serif;

         font-size:130%;
         /* font-family: Courier New, Courier, monospace;  */
         list-style: none;
         padding: 5px 0px 0px 0px;   /* online */
         float:left;
         margin: 0px;
         color: #000;



}

.main_nav li {

         margin-right:0.5em;

         float: left;

}


.main_nav_smart li {
         margin: 0px;

}


}




#smart_nav {
         color:#fff;
          margin-left: 0px;

         padding:0px;

         /* font-family: Courier New, Courier, monospace; */


}


#myDiv {
         margin-left: 0px;
         padding-left: 0px;

         }



#smart_button {

         height:auto;
         width:auto;
         padding: 0px;
         padding-left: 5px;
         padding-top: 10px;
         /* padding-bottom: 10px; */
         padding-bottom: 0px;
         margin: 0px;
         border:none;
         }





.menu-icon {

    position:relative;


    /* width:60px;  */
    width:30px;
    text-indent:-999px;



}

.border-icon {


     height:10px;
     /*
     height:20px;
    border-top:8px solid #fff;
    border-bottom:8px solid #fff;
    */
     border-top:4px solid #fff;
    border-bottom:4px solid #fff;
}

.border-icon:before {
    content:"";
    position:absolute;
   /* top:6px; */
    top: 3px;
    left:0;
    width:100%;
    /* border-top:8px solid #fff;  */
     border-top:4px solid #fff;
}



#main_cont {

         color:#fff;
         font-size: 135%;
         font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
         line-height: 1.2;
         margin: 0px;
         background-color: #466177;
         padding: 1% 3% 2% 2%;

         -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   -khtml-border-radius: 10px;
   border-radius: 10px;

         float:left;


}




.datum {

      line-height: 140%;
   /*font-size:70%;
    display:inline;  */
   width: 100px;
   /* height: 100%;   */
   float: left;
   background-color:#333;


}

.date_cont {

        /* float:right;    */

          /* background-color:green;  */
          float: left;
          width: 80%;
          line-height: 140%;


}




}

#date_p {
         display: block;
         padding-top: 10px;

}
.news_box {
       /* clear: both;   */

          clear: both;
       /*  margin: 0px;
         padding: 0px;   */
        /* padding-top: 50px;  */

         line-height: 1.0;
         font-size: 90%;
         height: 100%;


         /* width:99%;   */
         /* background-color: #333;  */







}


.news_box_space {
          clear: both;
         height: 80px;


       background-color: #333;

}


#col_black {
         color:#aaaaaa;
         text-decoration: underline;
}


#col_white {
         color:#fff;
         text-decoration: underline;
}





#news_videos {
     margin-top:35px;
     margin-left:15px;

     width: 350px;
     background-color:#553030;
     background-image: url(../grafix/bg_2015b.png);
     background-repeat: repeat-x;
     float:left;
     padding:5px 15px 10px 15px;
}



#news_songs {
     margin-top:15px;
     margin-left:15px;
     width: 350px;
     padding:5px 15px 10px 15px;

     background-color:#553030;
     background-image: url(../grafix/bg_2015b.png);
     background-repeat: repeat-x;
     float:left;
}




.pcont {

      padding-top: 5px;
      padding-bottom: 10px;
      padding-left:0px;
      width:520px;
      clear:left;
}


















#news{


         list-style: none;
         /*margin:0px; */
         padding: 1px 4px 0px 4px;
         /*width: 36px;  */
         background: transparent;
         /*float: left; */
         text-decoration: none;

}



#news:hover{

         list-style: none;
        /* margin:0px; */
         padding: 1px 4px 0px 4px;

        /* width: 128px;*/
         /*width: 36px;*/
         background: transparent;
         /* float: left;*/
         text-decoration: none;


}


#news_aktiv{

         list-style: none;
        /*
         margin:0px;  */
         padding: 1px 4px 0px 4px;

        /* width: 36px;  */

        /* background-color: #313131;   */
         /* background: url('../grafix/news_over.jpg'); */
         /*float: left;*/
          /* color: #313131;  */
         text-decoration: none;
         background-color: #fff;
         color: #553030;
         /*font-weight: 900;*/
}






#bio{

         list-style: none;
         /* margin:0px;    */
         padding: 1px 4px 0px 4px;
         /*width: 150px; */


         background: transparent;
         /* background: url('../grafix/bio.jpg'); */
         /* float: left;  */


}


#bio:hover{

         list-style: none;
        /* margin:0px;    */
         padding: 1px 4px 0px 4px;
         /*width: 150px; */

         /*background-color: #000;*/
         background: transparent;
         /* background: url('../grafix/bio_over.jpg'); */
         /* float: left;   */
         text-decoration: none;


}


#bio_aktiv{
         /*width: 150px;  */
         list-style: none;
        /* margin:0px;    */
         padding: 1px 4px 0px 4px;
        /* width: 110px;   */
         /*height: 30px; */

         /* background: transparent; */
         /* background: url('../grafix/bio_over.jpg'); */
         /*float: left; */
         text-decoration: none;
         background-color: #fff;
         color: #553030;
        /* font-weight: 900;   */

}






#songs{

         list-style: none;
         margin:0px;
         padding: 1px 4px 0px 4px;
        /* width: 56px;  */

         background-color: #fff;
         background: transparent;
         /* background: url('../grafix/songs.jpg'); */
         /* float: left;  */


}


#songs:hover{

         list-style: none;
         margin:0px;
         padding: 1px 4px 0px 4px;
         /*width: 60px;  */

         background-color: #fff;
         background: transparent;
         /* background: url('../grafix/songs_over.jpg'); */
         /*float: left;    */
          text-decoration: none;
}

#songs_aktiv{

         list-style: none;
         margin:0px;
         padding: 1px 4px 0px 4px;
         /*width: 60px;*/
         height: 30px;
         text-decoration: none;
         background-color: #fff;
         color: #553030;
        /* font-weight: 900;  */
}
#videos{

         list-style: none;
         margin:0px;
         padding: 1px 4px 0px 4px;
         /*width: 73px;   */


         background: transparent;
         /* background: url('../grafix/videos.jpg'); */
         /* display: block; */
         /* float: left;  */


}


#videos:hover{

         list-style: none;
         margin:0px;
         padding: 1px 4px 0px 4px;
         /*width: 75px; */

         /*background-color: #000;*/
         background: transparent;
         /* background: url('../grafix/videos_over.jpg'); */
         /*float: left; */
          text-decoration: none;
}

#videos_aktiv{

         list-style: none;
         margin:0px;
          padding: 1px 4px 0px 4px;

         /*width: 75px;*/
         height: 30px;
         background-color: #313131;
         text-decoration: none;
         background-color: #fff;
         color: #553030;
        /* font-weight: 900; */
}

#kontakt{

         list-style: none;
         margin:0px;
         padding: 1px 4px 0px 4px;
         /*width: 85px; */

         /*background-color: #fff;*/
         background: transparent;
         /* background: url('../grafix/kontakt.jpg'); */
         /*float: left;  */


}


#kontakt:hover{

         list-style: none;
         margin:0px;
         padding: 1px 4px 0px 4px;
         /*width: 85px; */

         /*background-color: #fff;*/
         background: transparent;
         /* background: url('../grafix/kontakt_over.jpg'); */
         /* float: left; */
          text-decoration: none;

}


#kontakt_aktiv{

         list-style: none;
         margin:0px;
         padding: 1px 4px 0px 4px;
         /*width: 85px; */
         height: 30px;
         text-decoration: none;
         background-color: #fff;
         color: #553030;
        /* font-weight: 900;  */
}



#unterricht{

         list-style: none;
         margin:0px;
         padding: 1px 4px 0px 4px;
         /*width: 142px;  */

         /*background-color: #fff;*/
         background: transparent;
         /* background: url('../grafix/kontakt.jpg'); */
         /* float: left; */


}


#unterricht:hover{

         list-style: none;
         margin:0px;
         padding: 1px 4px 0px 4px;
         /*width: 118px; */

         /*background-color: #fff;*/
         background: transparent;
         /* background: url('../grafix/kontakt_over.jpg'); */
         /*float: left;  */
          text-decoration: none;

}


#unterricht_aktiv{

         list-style: none;
         margin:0px;
         padding: 1px 4px 0px 4px;
         /*width: 118px;   */
         height: 30px;
         text-decoration: none;
         background-color: #fff;
         color: #553030;
        /* font-weight: 900;  */
}


#impressum_aktiv {
          color: #fff;
          text-decoration: underline;

}


#impressum {
          color: #fff;
          text-decoration: none;

}








footer {
         text-align: center;
        /* padding: 5px;   */
       position: relative;
       width: 100%;
        margin: 0 auto;
        float:left;
        font-size: 70%;
        color:#fff;
        font-family: Verdana,Arial,Helvetica,sans-serif;
       /* padding-left:350px;  */
       padding-top: 20px;

}



.embed-container {
         position: relative;
         padding-bottom: 56.25%; /* ratio 16x9 */
         height: 0;
         overflow: hidden;
         width: 100%;
         height: auto;
}
.embed-container iframe {

         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         max-width: 640px;
         height: 100%;

}

/* ratio 4x3 */
.embed-container.ratio4x3 {
         padding-bottom: 75%;
}

/*
img, embed, object, video {
    max-width: 100%
}

*/


hr.style-one {
         border: 0;
         height: 1px;
         background: #fff;
         background-image: linear-gradient(to right, #553030, #fff, #553030);
}

#smart_padding {
        /* padding: 5px 5px;  */

}

#video_padding  {
     max-width: 640px;
     padding-top:2px;
}

#max_1 {
         max-width: 500px;
}

/*

.tab_links {
         float: left;
         font-size: 80%;


}

/*
.tab_rechts {
         float:left;
        font-size: 80%;


*/}

.cl_left {

         clear: left;
}