/*
CSS für Teichrock.de
erstellt 2007 von Gregor Möllring
http://gregor-moellring.de
*/

html, body{margin:0; padding:0;}

body{
        background: #555 url('/grafik/body2.png') center repeat-y;
        font: 0.8em Verdana, Sans-Serif;
        line-height: 160%;
        color: #666;
        text-align: center;
        }

#wrap{
        width: 750px;
        text-align: left;
        margin: auto auto;
        }

#main{
        padding: 0 33px;
        background: #eee url('/grafik/body2.png') center repeat-y;

        }

#side{
        float: left;
        width: 170px;
        }
        #side h2{margin-bottom: 5px;}
                #side h2 a{height: 35px;}
                #side h2 img{height: 70px; width: 173px;}
        #side ul, #side li{
    margin:0;
    padding:0;
    list-style: inside circle url('/grafik/gnubbel.gif');
    }

         #bands a:hover { text-decoration:none; font-weight:none; background-color:#eee; }

  /* #side li{margin-left: 8px; padding-left: 18px; background: url('/grafik/gnubbel.gif') top left no-repeat;} */

#content{
        float: right;
        width: 500px;
        font-family: 'Trebuchet MS', Sans-Serif;
        background: #eee;
        }
        #content h2{
                font: 1.7em 'Trebuchet MS', Sans-Serif;
                margin-bottom: 0;
                color: #7F0808;
                }
                #content h2 img{width: 300px; height: 36px;}

        #content ul{list-style: circle url('/grafik/gnubbel.gif');}

        #content  a:hover { text-decoration:none; font-weight:none; background-color:#eee; }


#footer{
        clear: both;
        text-align: center;
        padding: 5em 0;
        }

#player{
        position: relative;
        top: -0px;
        margin-left: 0px;
        text-align: left;
        height: 25px;
        }

h1{margin:0;}
h3{
  margin: 2em 0 0.4em 0;
  font: 1.2em 'Trebuchet MS', Sans-Serif;
  border-top: 1px solid #ccc;
  }

.clear{clear: both;}

a{color: #49276e;}

a:hover{background: #49276e; color: #ccc;}


img.non{border:0px solid red;}


table.full{width: 100%;}

fieldset{border:none; padding:0;}

dt{font-weight: bold;}
dl.list dd{margin-left: 0.8em; padding-left: 18px; background: url('/grafik/gnubbel.gif') left center no-repeat;}

#map{
        width: 480px;
        height: 480px;
        border: 1px solid #555;
        }

em.brand{
        color: #607AAD;
        font-variant: small-caps;
        letter-spacing: 0.1em;
        font-style: normal;
        font-weight: bold;
        }

ul.sponsors, ul.sponsors li{
        list-style: none;
        margin-left: 0;
        margin-right: 10px;
        padding-left: 0;
        float: left;
        }
        ul.sponsors a, ul.sponsors a img{
                border: none;
                text-decoration: none;
                background: none;
                }
        ul.sponsors a img{
                border: 0px solid #666;
                padding: 2px;
                }

/** Guestbook **/
fieldset.guestbook{margin-bottom: 1.5em;}
fieldset.guestbook legend{display: none;}
label.pflichtf{font-weight: bold;}

fieldset input{width: 300px; font: 1em Verdana, Sans-Serif;}
fieldset textarea{width: 90%; font: 1em Verdana, Sans-Serif;}

div.gbmeta{
        background: #ddd;
        padding: 3px;
        border-bottom: 1px solid #ccc;
        }
        div.gbmeta h3{font: 1.2em 'Trebuchet MS', Sans-Serif;}

div.entry{
        border: 1px solid #ccc;
        margin-bottom: 1.5em;
        width: 95%;
        }
        div.entry h3{
    margin:0;
    float:left;
    padding-right: 0.5em;
    border: none;
    }
  div.entry p{padding: 0 3px; margin:0;}

.num{font-weight: bold;}
div.date{
  text-align: right;
  font-style: italic;
  font-size: smaller;
  padding-right: 3px;
  }

#emoticons{
        display: block;
        width: 150px;
        float: right;
        margin-right: 5px;
        margin-top: 1.6em;
        padding: 5px;
        border: 1px solid #ccc;
        text-align: center;
        background: #ddd;
        }
        #emoticons img{
    padding: 2px 10%;
    cursor: pointer ;
    }

/** Bandbeschreibung **/
img.bandpic{
        float: left;
        border: 1px solid #666;
        padding: 2px;
        margin-right: 1.5em;
        }

.sample{
        display: block;
        width: 150px;
        float: right;
        margin: 5px;
        border: 1px solid #ccc;
        text-align: center;
        background: #ddd;

        }
        .sample span{
    display: block;
    padding: 0 3px;
    margin: 0;
    }

.news_date{
        float: right;
        background: #ddd;
        font-size: smaller;
        border: 1px solid #ccc;
        border-top: none;
        padding: 3px;
        }

.wettercomsmall175102{
        float: right;
        border: 1px solid #ccc;
        margin: auto 0.5em;

        }
        .wettercomsmall175102 .wettercomsmall175102{border: none;}
        .wettercomsmall175102 *{color: #666;}

blockquote{
        margin-left: 0;
        padding-left: 0;
        font-style: italic;
        }

/** Shop **/
#cart{
        float: right;
        border: 1px solid #ccc;
        width: 150px;
        background: #ddd;
        }
        #cart h3{
                margin-top: 0;
                border:0;
                border-bottom: 1px solid #ccc;
                text-align: right;
                }

.product label{clear: both;}
.product img{float: left; margin-right: 1em;}