/* Christoph Burghardt | Soundtracks & Film Scores    */
/* http://www.christoph-burghardt.de                  */
/*                                                    */
/* Layout & Design: trommelfellas WEBdesign, (c) 2010 */
/* http://www.trommelfellas.de                        */


* { margin: 0; 
    padding: 0; 
  }



body { font: 10pt Verdana, Arial, Helvetica, sans-serif;
       color: #aaaaaa;
       background: #000000; 
       text-align: center;
     }



#header { background: #000000 url(gfx/header.jpg) center repeat-y;
          text-align: center;
          position: relative;
          width: 100%;
          height: 362px;
        }


#videoheader { background: #000000 url(gfx/header.jpg) center repeat-y;
          text-align: center;
          position: relative;
          width: 100%;
          height: 361px;
        }




#space_navi { background: #000000;
              position: relative;
              text-align: center;
              width: 100%;
              min-width:700px;
              height: 15px;
            }

#space_navi_2 { background: #000000;
              position: relative;
              text-align: center;
              width: 100%;
              min-width:700px;
              height: 15px;
            }

#space_navi_3 { background: #000000;
              position: relative;
              text-align: center;
              width: 100%;
              min-width:700px;
              height: 15px;
            }



#navigation_block { background: #000000; 
                    margin: 0; 
                    padding: 0; 
                    position: relative; 
                    text-align: center;
                    width: 100%;
                    height: 15px; 
                  /*  float: left;  */
                    overflow: hidden;
                  }

#navigation_block_2 { background: #000000; 
                    margin: 0; 
                    padding: 0; 
                    position: relative; 
                    text-align: center;
                    width: 100%;
                    height: 15px; 
                  /*  float: left;  */
                    overflow: hidden;
                  }

#navigation_block_3 { background: #000000; 
                    margin: 0; 
                    padding: 0; 
                    position: relative; 
                    text-align: center;
                    width: 100%;
                    height: 15px; 
                  /*  float: left;  */
                    overflow: hidden;
                  }



a img.navigation {position:relative; top:0px; margin:0; padding:0; border:none;}
a:hover img.navigation {top:-15px;}

a img.navigation_on {position:relative; top:-15px; margin:0; padding:0; border:none;}
a:hover img.navigation_on {top:-15px;}



#container {background-color:#000000;
            position: relative;
            text-align: left;
            width: 100%;
           }



#content { background: #000000; 
           position:relative; 
           left:50%;
           margin: 0 -400px 0 -400px;
           text-align: left;
           min-width: 800px;
           width: 800px;
         }



p { padding: 0 20px 1.5em 20px; 
    text-align: justify;
  }


center { padding: 0 20px 1.5em 20px; 
         text-align: center;
       }


a { color: #887766; 
    font-weight: bold; 
    text-decoration: underline;
  }

a:hover { color: #ffffff; 
          font-weight: bold; 
        }

a img { text-decoration: none; }

a:hover img { border-color: #888888; }


.farbe b {color:#887766;}
th .farbe {color:#887766;}

img { position: relative;
      border: 10px solid;
      border-color: #333333;
      margin: 0px 0px 5px 0px; 
    }

img #header { border: 0 none; }

img #navigation_block { border: 0 none; }

img.trenner { border: 0 none; margin: 0; padding: 0; }

img.contact { border: 0 none; margin: 0; padding: 0; }

th img { vertical-align: bottom; }

table { position:relative; padding: 0 20px 1.5em 20px;}

td { text-align: left; vertical-align: top; padding-bottom: 0.5em; }

.links { text-align: left; padding: 3.0em 50px 1.5em 50px;}


.vita { }

.year { color: #887766; text-align: right; vertical-align: top; padding-bottom: 1.5em; }
.imag { text-align: center; vertical-align: top; padding-bottom: 1.5em; }
.desc { text-align: left; vertical-align: top; padding-bottom: 1.5em; }
.addi { vertical-align: top; padding-bottom: 1.5em; }

table h1 { font-size: 3.0em; padding-bottom: 0.0em; }
 
table h2 { font-size: 1.6em; padding-top: 1.0em; padding-bottom: 0.5em; }

table h3 { font-size: 1.0em; padding-top: 1.0em; text-align: justify;}


h1, h2, h3 {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
background: transparent;
padding: 3.0em 50px 1.0em 50px;
}

h1 {
padding: 1.0em 50px 1.0em 50px;
font-size: 1.2em;
}

h2 {
font-size: 1.1em;
}

h3 {
font-size: 1.0em;
}

h4 {
font-weight: normal; padding-left: 20px; padding-bottom: 1.75em; 
}

ul {
list-style-type: square;
padding: 5px;
}


.new { color: #ff4400; }


#news h1 { text-align:left; }


#news h3 { position: relative;
           float: left;
           padding: 0 20px 1.0em 20px;
         }


#news p { padding-bottom: 40px; }


#news_inv {visibility:collapse; display:none; }

#news_inv h1 { text-align:left; }


#news_inv h3 { position: relative;
           float: left;
           padding: 0 20px 1.0em 20px;
         }


#news_inv p { padding-bottom: 40px; }



#spalte_l40 { background-color: #000000;
              position: relative;
              width: 35%;
              float: left;
              text-align:center;
            }



#spalte_r60 { background-color: #000000;
              position: relative;
              width: 65%;
              float: left;
              text-align:left;
            }


/* #spalte_l40 img {
margin: 0px 0px 5px 0px; 
float: left;
} */



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

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

iframe.right { margin: 0 20px 5px 10px; 
            float: right;
          }


/* #content img.center { 
margin: 0 10px 5px 10px; 
} */





#footer { background: #000000;
          position: relative;
          width: 100%;
          height: 30px;
          font-size: 8pt;
          clear:left; 
         }

#footer a { color: #888888; 
            font-weight: normal; 
            text-decoration: underline;
          }

#footer a:hover { color: #ffffff; 
                  font-weight: normal; 
                }


#videoplayer { position:relative; text-align: center; color: #aaaaaa; }