/**********************************************************/
/*--------------------------------------------------------*/
/* Graffecke.de Stylesheet:                               */
/* Ist fuer fast alle Formatierungen und Positionierungen */
/* zustaendig.                                            */
/*                                                        */
/* (c) 2007 by Constantin Kraft                           */
/* contact: admin@graffecke.de                            */
/* Letzte Aenderung: 13. Dez. 2007                        */
/*--------------------------------------------------------*/
/**********************************************************/

/* Body */
body {margin: 0px; padding: 0px;
      background-color: #000;
      color: #FFF; font-size: 12px;
      font-family: Verdana, Tahoma, sans-serif;
}
/* Scrollbalken in Body und Text-Areas einfaerben (IE) */
body, textarea {
  scrollbar-3dlight-color: white;
  scrollbar-arrow-color: red;
  scrollbar-darkshadow-color: black;
  scrollbar-face-color: black;
  scrollbar-highlight-color: red;
  scrollbar-shadow-color: black;
  scrollbar-track-color: #FFF;
}

/* Generelle Linkformatierungen */
a:link {color: #FF0000;
        background-color: transparent;
        font-weight: bold;
        text-decoration: none;
}
a:visited {color: gray;
           background-color: transparent;
           font-weight: bold;
           text-decoration: none;
}
a:hover {color: #FF0000;
         background-color: transparent;
         font-weight: bolder;
         text-decoration: underline;
}

/* Speziell formatierte Links */
a.special_link {color: #fff;
        background-color: transparent;
        font-weight: bold;
        text-decoration: none;
        font-family: 'Lobster', sans-serif;
        text-shadow: 2px 2px 2px darkred;
}

/* Haupt-Tabelle (aeusserste Tabelle) */
.outer_tab {  border: 2px dotted #FF0000;
           margin:5px;
           background-color: black;
           margin-top: 0px;
           margin-bottom: 0px;
           margin-left: 70px;
           position: static;
           border-collapse: separate;
}

td {padding:5px;}

/* Haupt-Navigationszeile */
.navi_cell {border: 1px solid gray;
            color: #FFF;
            font-weight: bold;
            background-color: #000;
            font-size: 24px;
            text-align: center;
            font-family: 'Lobster', sans-serif;}

.navi_cell a {font-family: 'Lobster', sans-serif;}

.navi_cell a:link {font-size: 24px;
                   color: #FF0000;
                   background-color: #000;
                   font-weight: bold;
                   text-decoration: none;}

.navi_cell a:visited {font-size: 24px;
                   color: #FF0000;
                   background-color: #000;
                   font-weight: bold;
                   text-decoration: none;}

.navi_cell a:hover {font-size: 24px;
                   color: #FFF;
                   background-color: #000;
                   font-weight: bold;
                   text-decoration: none;
                   text-shadow: 2px 2px 2px darkred;}

/* Zeile unter der Navigationszeile (Player, Uhr, Suche) */
.sub_navi {vertical-align: middle;
           border: 1px solid gray;} 

/* Datums- und Uhrzeit-Anzeige unter der Haupt-Navigationszeile (IE) */
#Uhr {float: left; vertical-align: middle; font-family:Tahoma; font-size:10px;
font-weight:bold; color: #FF0000; margin-left: 5px;}

/* Aeussere Zelle, die den Haupt-Content umschliesst */
.outer_content_cell {padding: 0px;
                     border: 1px solid gray;}

/* Innere Inhalts-Tabelle */
.inner_content_table {border: 1px solid black;
                      border-collapse: separate;}
.inner_content_table td {border: 1px solid gray;}

/* Termin-Vorschau in der linken Inhalts-Spalte */
.termine_prev th {color: red;}

.termine_prev td a:link {color: green;
        background-color: transparent;
        font-weight: bold;
        text-decoration: none;
}
.termine_prev td a:visited {color: green;
           background-color: transparent;
           font-weight:bold;
           text-decoration: none;
}
.termine_prev td a:hover {color: red;
         background-color: transparent;
         font-weight:bolder;
         text-decoration: underline;
}

/* Generelle Formatierungen fuer Bilder */
.bild {margin:5px;
       border-width:0px;
}

/* Intro-Text auf Startseite */
#start_header_text {height: 140px; width: 640px; padding: 10px;
                    overflow: hidden;
                    background: url("../layout/bilder/start_header_bg.png") repeat-x;}

/* Newstabelle */
.news_tab td {border: 0px solid black; font-size: 11px; padding-left: 0px;}

.news_tab td h2 {font-size: 18px; font-weight: bold;}
.news_tab td h3 {font-size: 15px; font-weight: bold;}

.news_btab {margin-top: 10px; font-size: 13px; margin-bottom: 20px; margin-left: 20px;}

.news_btab td {border: 1px solid black;}

.news_header {font-size: 14px; font-weight: bold;}

.artists {font-weight: bold; font-style: italic;}

/* Artikel-Anzeige */
.artikel {font-size: 10px;}
.artikel td {font-size: 11px;}
.artikel_text {font-size: 120%; line-height: 160%;}

/* Fehlermeldung fuer Newsletter-Anmeldung */
#error {width: 70%;
        border: 1px solid red;
        height: 110px;
        padding: 10px;
        position: absolute;
        top: 100px; left: 15%;
        font-size: 15px;
        color: red;
        font-family: verdana;
        text-align: center;
        background-color: black;}
/* Erfolgsmeldung fuer Newsletter-Anmeldung */
#erfolg {width: 70%;
        border: 1px solid red;
        height: 110px;
        padding: 10px;
        position: absolute;
        top: 100px; left: 15%;
        font-size: 15px;
        color: red;
        font-family: arial, tahoma, verdana, helvetica;
        background-color: black;}

/* Sitesearch auf Such-Seite (search.php) */
.sitesearch td {border: 0px solid #000;}

/* Empfehlungs-DIV auf der Startseite, auskommentiert 13.12.07*/
/*#empfehlung {visibility: hidden; width: 1px;
             float: right; 
             width: 120px; 
             margin: 15px; 
             padding: 0px;}*/

/* Unbekannt */
.ue {background-color: #FFF; color: #000; padding: 3px; font-weight: bold;}
.ue a {background-color: #FFF;
       color: #000;}
.content td {border: none; font-size: 12px;}
.anzeig td {border: 0px solid #000;}
.cright p {margin-top: 0px; padding-top: 0px;}

/* Sonstiges */
.cleaner {height: 1px; width: 1px; border: 0px none; 
          background-color: transparent; clear: both;}

/* Neue Forum-Beitraege auf der Startseite ? */
.forumNewThread {list-style-type: none;
                 list-style-image: url(../layout/bilder/comment.png);
                 margin-left: 20px;}
          
/* Liste von SocialWeb Seiten von Graffecke.de */
.socialweb_list li {list-style-type: none;
                    height: 35px;}          
.socialweb_list li a {text-decoration: none;}

/* Verstecktes Formular-Feld zur Spam-Bekaempfung */
.hidden {position: absolute; margin-left: -3000px; height: 2px;}

/* Weisser Balken */
.white_bar {background-color: #FFF; 
            color: #000; 
            font-size: 11px; 
            padding: 2px; 
            border: 0px none; 
            font-weight: bold;}
/* Tropfen-Grafik, oben links auf der Seite */
.drip {position: absolute;
         margin: 0px 0px;
         background-color: none;
         border: none;
         padding: 0px;
         background-image: url(../layout/bilder/drip3.gif);
         background-attachment: fixed;
         background-repeat: no-repeat;
         height: 220px; width: 110px;}

/* "representing cologne graffiti" in der Logozeile" */ 
#logo_tag {font-size: 11px; font-family: verdana;
           color: #FF0000; padding: 0px;
           background-color: transparent;
           position: absolute; margin-left: 30px;
           margin-top: 20px;
           width: 150px; height: 20px; border: none;}

/* Horizontale Linie unter Ueberschriften */
.header_line {height: 1px; width: 100%; border: 0px none;
              margin-top: 0px; margin-bottom: 10px;
              color: #FF0000; background-color: #FF0000;}

h2 {font-family: 'Lobster', sans-serif;
    font-size: 20px;    
    text-shadow: 2px 2px 2px darkred;
    margin-bottom: 5px}

h3 {font-family: 'Lobster', sans-serif;
    font-size: 16px;    
    text-shadow: 2px 2px 2px darkred;
    margin-bottom: 5px;}

/* Photokorn Galerie */
.katblock {text-align: center; 
vertical-align: middle;
float: left; 
border: 1px solid #333; 
margin: 3px; 
width: 100px; 
height: 75px; 
padding: 2px; 
white-space: pre-wrap; 
padding-top: 10px;
}
.katblock a:link {font-size: 12px; text-decoration: none;}
.katblock:hover {background-color: #333333;}