body {margin: 10px 0 0 0; padding: 0; background: url(pics/back_foto.jpg) top center #fff no-repeat fixed; font: 12px arial, verdana, sans-serif; color: #363636;}

#front {background: url(pics/bg-body.jpg) #838383;}

         .clearer {clear: both;}

:focus
{
-moz-outline-style: none;
}


@font-face {
  font-family: bebas;
  src: url(http://www.kabanamusik.de/fonts/NEORF___.ttf) format("truetype");
}


img {border: none;}



.clearer {clear: both;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}


a {color: #363636;}


#front #menu {margin: 0;}
#menu {margin: 10px auto 55px auto; width: 960px; height: 30px; background: url(pics/bg_menu.png) repeat-x #838383; -moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius:  3px 3px 3px 3px; border-top: 1px solid #6a6969; border-left: 1px solid #6a6969; border-bottom: 1px solid #bdbdbd; border-right: 1px solid #bdbdbd;}
#menu ul {list-style: none; margin: 0 0 0 25px}
#menu ul li {float: left; margin: 0 30px; text-align: center; padding: 5px 0}
#menu ul li a {text-decoration: none; color: #fff; font: 17px 'trebuchet ms', 'bebas','lucida sans unicode', verdana, arial; padding: 0 8px; text-transform: uppercase;}
#menu ul li a:hover {color: #2f427c;}


.imp {float: right; width: 250px; padding: 5px 0 0 0; text-align: right;}
.imp a {text-decoration: none; color: #3d3d3d; font-size: 11px;}
#front #facebooklike {padding-left: 10px; background: none;}
#facebooklike {width: 961px; margin: 0 auto; background: #fff; padding: 0px 19px 20px 19px;}










         h1 {text-transform: uppercase; color: #000; font: bold 30px 'trebuchet ms', arial, verdana; border-bottom: 1px solid #666666; margin: 0 0 20px 0; padding: 0;}
         h1.news {color: #000; font: 24px arial, verdana, sans-serif; text-transform: none; border-bottom: none; margin: 0 0 10px 0;}
         h1.newshead {color: #000; text-transform: uppercase; border-bottom: 1px solid #363636; margin: 10px 0  28px 0}

         #konzerte h1,#fotos h1 {font-size: 30px; margin: 0 0 20px 0; padding: 0}
         #player h1 {font-size: 14px; margin: 20px 0 -7px 0; padding: 0 0 5px 0}
         h2 {}

         a {text-decoration: underline;}
         #footer a {text-decoration: none;}
         #rightcol a {color: #fff;}
         .newstext a {color: #2f427c;}
         #info a {text-decoration: underline; color: #fff;}
         a:hover {}

         .date {font-weight: bold; color: #2f447b; margin-bottom: -10px;}

         #player h1 {color: #fff;}

         .newstext img.right {float: right; margin: 0 0 5px 10px}
         .newstext img.left {float: left; margin: 0 10px 5px 0}

         #main {width: 961px; border-top: 1px solid #7a7676; border-left: 1px solid #7a7676; border-right: 1px solid #7a7676; padding: 19px 19px 49px 19px; background: #fff; margin: 0 auto;}

         #front #main {border-bottom: 1px solid #7a7676; padding: 19px; -moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius:  4px 4px 4px 4px;}


         #leftcol {float: left; width: 643px; line-height: 18px;}

         table td {vertical-align: top;}

         #front #logo {background: none; margin: 0px auto 0px auto; height: 50px;}
         #logo {height: 130px; background: url(pics/logo.png) top center no-repeat; width: 961px; margin: 55px auto 25px auto;}

         front #logo {margin: 0 auto;}

         #kdata {float: right; padding: 45px 5px 0 0;}

/* --------------

allgemeine boxen

-------------------- */

         #vidarea, #konzerte, #fotos {-moz-border-radius:4px; -khtml-border-radius:4px; background: url(pics/bg_box.png) repeat-x #838383; margin-bottom: 15px; color: #fff; padding: 20px;}

         #bigimg { background: #000 /*url(pics/kabana1.jpg) no-repeat;*/ width: 634px; height: 367px; padding: 0; margin-bottom: 15px;}

         #vidarea {width: 594px; height: 700px; padding: 20px;}

         #rightcol {margin-left: 660px; line-height: 18px;}

         #player {height: 367px; -moz-border-radius:4px; -khtml-border-radius:4px; background: #181818; margin-bottom: 15px; color: #fff; }
         #mp3 {width: 100%; height: 140px; padding: 50px 0 5px 0;}
         #info {padding: 20px;}

         #fotos img {margin: 4px 8px; border: none;}
         #fotos img a {text-decoration: none;}

         #newscontainer {padding: 11px 11px 80px 11px; line-height: 18px;}
         #newscontainer .newstext {width: 500px; margin-left: 70px;}
         .kalender {font: 11px arial, verdana; width: 39px; height: 49px; float: left; background: url(pics/cal.jpg) no-repeat; margin: 5px 0 0 8px; text-align: center; padding: 0 5px 0 0;}

          .nounder {text-decoration: none; color: #fff;}

         .monat {vertical-align: top; color: #fff; text-transform: uppercase; padding: 1px 0 2px 0}
         .tag {font: bold 18px 'trebuchet ms', verdana, arial; vertical-align: top; color: #000;}

         #footer {font: 11px verdana, arial, sans-serif; padding: 50px 31px 30px 31px; margin: 0 auto; width: 939px; background: url(pics/bg_footer.gif) no-repeat #181818; color: #fff;}
         #footer a {color: #fff; line-height: 16px;}