* {     margin: 0;
        padding: 0;
}
body {  background: #3C3C3C;
        color: #3C3C3C;
        font-family: "Lucida Grande", Arial, Verdana, Georgia, "Times New Roman";
        font-size: 62.5%;
        background-image: url('gfx/background/body_background.jpg');
}



a.blog_link {
 display:block;
 font-size:1.1em;
 padding-top:4px;
 padding-right:2px;
 padding-bottom:2px;
 border-bottom: 1px dotted #DEDEDD;
 letter-spacing: 0px;
 font-family:Arial;
 text-decoration:none;
 font-weight:bold;
 }
a.blog_link:link, a.blog_link:visited {
 color:#3C3C3C;
 background-color:transparent;
}
a.blog_link:active, a.blog_link:hover {
 color:#00C7E4;
 background-color:#3C3C3C;
 border-bottom: 1px solid #00C7E4;
}



a.navigation-top {
 display:inline-block;
 padding-right:20px; padding-left:20px;
 margin-top:3px;
 padding-top: 10px;
 padding-bottom: 8px;
 font: Helvetica;
 font-size:11px;
 text-transform: uppercase;
  font-weight:bold;
 }
a.navigation-top:link, a.navigation-top:visited
{
 color:#FFF;
}
a.navigation-top:active, a.navigation-top:hover
{
 background-image: url('gfx/blue_65_percent.png');
}


a.eventblock {
 display:block;
 width:128px;
 height:128px;
 }
a.eventblock:link, a.eventblock:visited {
 color: transparent;
 background-image: url(gfx/20percent-transparent.png);
}
a.eventblock:active, a.eventblock:hover {
 color:#00C7E4;
 background:transparent;
}




a.release {
 display:block;
 width:102px;
 height:98px;
 font-size:1.1em;
 padding-right:1px;
 padding-top:5px;
 border-bottom: 1px solid transparent;
 letter-spacing: 0px;
 font-family:"Arial";
 text-decoration:none;
 font-weight:bold;
 text-transform: uppercase;
 }
a.release:link, a.release:visited {
 color: transparent;
 background-color:transparent;
}
a.release:active, a.release:hover {
 color:#00C7E4;
 background-image: url(gfx/75percent-transparent-grey.png);
 border-bottom: 1px solid #00C7E4;
}









.a:link.sozial, a:link.sozial, a:visited.sozial, a:active.sozial {
text-decoration: none; color: #00C7E4;}






.a:link, a:link, a:visited, a:active {
text-decoration: none;
color: #3C3C3C;
}
a:hover {
color:#0196AB;}


.a:link.sozial, a:link.sozial, a:visited.sozial, a:active.sozial {
text-decoration: none; color: #959595;}
a:hover.sozial {
color:#009BB1;}


.a:link.fastnavi, a:link.fastnavi, a:visited.fastnavi, a:active.fastnavi {
text-decoration: none; color: #00C7E4;}
a:hover.fastnavi {
text-decoration: underline;}





h1 {    font-family: "Verdana";
        margin-top:-3px;
        font-size: 2.5em;
        font-weight: normal;
        letter-spacing: -1px;
        color: #3C3C3C;
        line-height: 0.9;
        text-transform: uppercase;
}

.under-h1 {
        color: #00C7E4;
        font-size: 1em;
        margin-bottom:10px;
}


h2 {    font-family: "Verdana";
        color: #00C7E4;
        font-size: 1.3em;
        font-weight: bold;
        margin-bottom:3px;
        text-transform: uppercase;

}


.sozial {
        color: #959595;
        font-size: 1em;
}

.contenttext {
        color: #4F4F4F;
        font-size: 1.1em;
        margin-bottom:15px;
        line-height: 1.1em;
}



#site { width: 780px;
        margin: 0px auto;
        margin-top:5px;
        margin-bottom:15px;

}


.header {
        width:780px;
        height:120px;
        background: #FFF;
        background-image: url('gfx/bb-header.jpg');
}

.header-navigation {
        width:780px;
        height:35px;
        border-bottom: solid 1px #00C7E4;
}

.fastnavigation {
        width:740px;
        height:40px;
        padding-left:20px;
        padding-right:20px;
        padding-top:30px;
        background: #FFF;
        color:#00C7E4;
}

.fastnavigation-link {
        width:500px;
        float:left;
}
.fastnavigation-date {
        width:240px;
        float:right;
        text-align:right;
}


.navigation {
         width: 246px;
         float:left;
         margin-top:27px;
         margin-right:4px;
         text-align:right;
}


.main {
         width: 780px;
         float:right;
         margin-bottom:1px;
         background: #FFF;
}


.content {
         width: 520px;
         float:left;
         margin-right:30px;
}

.contentlayer {
         width: 520px;
         float:left;
}
.contentlayer-left {
         width: 10px;
         float:left;
         margin-right:10px;
         height:20px;
         background-color:#3C3C3C;
         border-bottom: 1px solid #00C7E4;
         background-image: url('gfx/background/body_background.jpg');
}
.contentlayer-main {
         width: 500px;
         float:left;
         border-bottom:1px dotted #00C7E4;
         padding-bottom: 45px;
         margin-bottom:  50px;
}

.kommentar {
         width: 480px;
         float:left;
         padding:10px;
         background:#F2F2F2;
         border-bottom:1px solid #DDDDDD;
         border-top:1px solid #DDDDDD;
         padding-bottom:15px;
}
.kommentarautor {
         width: 100px;
         float:left;
         font-size: 1.1em;
         text-transform: uppercase;
}
.kommentartext {
         width: 380px;
         float:right;
         font-size: 1.1em;
}

.kommentardatum {
         width: 500px;
         float:left;
         text-align:right;
         margin-bottom:  10px;
         color:#A4A4A4;
}



.blogroll {
        float:right;
        width: 230px;
        text-align:right;
}
.blogrolllayer {
         width: 230px;
         float:right;
}
.blogrolllayer-right {
         width: 10px;
         float:right;
         margin-left:10px;
         height:20px;
         background-color:#3C3C3C;
         border-bottom: 1px solid #00C7E4;
         background-image: url('gfx/background/body_background.jpg');
}
.blogrolllayer-main {
         width: 210px;
         float:left;
         margin-bottom:  35px;
}

.artistdate {
         width: 210px;
         float:left;
         border-bottom:1px dotted #00C7E4;
         padding-bottom:3px;
         margin-bottom:1px;
         font-size: 1.0em;}
.artistdate-name {
         width: 160px;
         float:left;
         text-align:left;
         font-size: 1.1em;
         margin-bottom:-3px;
         color: #959595;}
.artistdate-date {
         width: 50px;
         float:right;
         margin-bottom:-2px;
         color:#575757;
}

.releasbox {
         width: 103px;
         height: 103px;
         float:left;
         background:#6D6D6D;
         color:transparent;
         margin-bottom:4px;
}

.event-flyer {
         width: 155px;
         float:left;
         margin-right:25px;
}
.event-text {
         width: 320px;
         float:left;
         margin-right:0px;
}

.eventbox {
         width: 166px;
         float:left;
}

.eventbox-flyer {
         width: 128px;
         height: 128px;
         border: 1px dotted #00C7E4;
         float:left;
         background:#6D6D6D;
         color:transparent;
         background-position:50% 50%;
         margin-bottom:5px;
}
.artistbox {
         width: 160px;
         height: 160px;
         float:left;
         background:#6D6D6D;
         color:transparent;
         background-position:50% 25%;
         margin-bottom:6px;
}





a.artist-link-box {
 display:inline-block;
 padding-right:3px; padding-left:20px;
 padding-top: 8px;
 padding-bottom: 6px;
 font: Helvetica;
 font-size:11px;
 text-transform: uppercase;
  font-weight:bold;
 }
a.artist-link-box:link, a.artist-link-box:visited
{
 color:#3C3C3C;
}
a.artist-link-box:active, a.artist-link-box:hover
{
 background-image: url('gfx/75percent-black.png');
 color:#00C7E4;
}





.footer {
         width: 740px;
         float:right;
         padding:20px;
         background-color:#FFF;
         margin-bottom:20px;
}










.content img {
        border: 1px solid #DEE0E0;
        padding: 1px;
}

input, select, textarea {
  border: 1px solid #8F9699;
  background-color: #F2F2F2;
  color: #3D3D3D;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  padding: 3px;
  margin: 0px;
}