@charset "utf-8";

/**
<------------------------------ container 920px -------------------------------->
<--------------------------------  main 920px ---------------------------------->
<-- sidebar 244px -->
<-- content margin-left: 295 px -->                            <- margin: 10px ->  
                                   <---- content (615px) ----->
*/


/**
----------------------------------------------------------
Regeln für allgemeine Elemente
---------------------------------------------------------- */

/* Alle kritischen Werte instanziieren */
* {
  margin: 0;
  padding: 0;
  vertical-align: top;
  border-spacing: 0;
}

/* Farben und Hintergrund setzen */
body {
  color: silver;
  /* vorher: color: #5D5D5D; */
  /* vorher: background: #9B9D97 url(graphic/bg.gif) top left repeat-x; */
  /* background: black url(./graphic/elements/audiophil-online[100x23px]bg.jpg) top left repeat; */
  background: #222222;
}

/* Schriftgröße kontrollieren */
body, td, th {
  font: normal 80.01% Verdana, sans-serif;
}

/* Tabellen */
table {
  background-color: #F5F5F5;
  color: black;
  border: 20px solid: black;
  /*margin-right: 20px;*/
  float: left;
}


td, th {
  padding: 2px 10px 2px 10px;
  font-size: 100%;
}

/* Links und Anker */
a:link {
  color: #00BFFF;
  background-color: transparent;
}
a:visited {
  color: gray;
  background-color: transparent;
}
a:hover,
a:focus {
  color: white;
  background-color: black;
}
a:active {
  color: #00BFFF;
  background-color: black;
}
a:link img, a:visited img,
a:hover img, a:focus img, a:active img {
  border: 0;
}

/* Überschriften */
h1, h2, h3, h4 {
  color: red;
  background-color: transparent;
}


h1 {
  font-size: 1.5em;
  margin: 0 0 1.25em 0;
}


h2 {
  font-size: 1.3em;
}


h3 {
  font-size: 1.2em;
}


h4 {
  font-size: 1.1em;
}


h5 {
   font-size: 1.0em;
   color: #00BFFF;
   background-color: transparent;
}


h6 {
   color: yellow;
  background-color: transparent;
}
   

h1 {
  font-size: 1.5em;
  margin: 0 0 1.25em 0;
}

/* Absätze */
  p {
  margin: .8em 0;
  line-height: 18px;
}

/* Bilder */
img {
  vertical-align: bottom;
}

/* Listen */
dt {
  font-weight: bold;
}
dd {
  margin: .5em 0 1em 3em; 
}



/* Schaltflächen */
.button 
{ clear: both;
  text-align: center;
  padding-top: 8px;
  padding-bottom: 8px;
}


/* Schatten unter Bildern */
DIV.shadow, DIV.shadow2, DIV.shadow3, DIV.shadow4, DIV.shadow5 {
   padding: 1px;
   border-radius: 10px;
   -moz-border-radius: 10px;
   }

DIV.shadow {
   background-color: #8e8e8e;
   border: 1px solid #959595;
   margin: 0px;
   }
DIV.shadow2 {
   background-color: #aaa;
   border: 1px solid #bebebe;
   margin: 0;
   }
DIV.shadow3 {
   background-color: #d1d1d1;
   border: 1px solid #e1e1e1;
   margin: 0;
   }
DIV.shadow4 {
   background-color: #ededed;
   border: 1px solid #f6f6f6;
   margin: 0;
   }
DIV.shadow5 {
   float: left;
   background-color: #fcfcfc;
   border: 1px solid #fff;
   margin: 10px 14px;
   }

DIV.shadow5 IMG {
   border: 0px solid #666;
   margin: -2px;
   display:block;
   position: relative;
   top: -3px;
   left: -3px;
   }

/**
----------------------------------------------------------
Zwei gleichgroße Textspalten
---------------------------------------------------------- */
div#columnLeft {
 width: 390px;
 margin: 0px;
 padding: 0 1px 20px 0;
 float:left; 
}

#columnLeft p {
 text-align: justify;
}

/**
#columnLeft p:first-letter {
 color: yellow;
 font-size: 300%;
 border:20px;
 width: 40px;
 margin-right: 20px;
 margin-bottom: 20px;
 float: left;
 }
*/

div#columnRight {
 width: 390px;
 margin: 0 0 0 425px; 
 padding: 0 0 20px 1px;
}

#columnRight p {
 text-align: justify;
}



/**
----------------------------------------------------------
Helle Textbox links und rechts Bilder mit Breite 250px
---------------------------------------------------------- */
div#columnString {
 width: 325px;
 /**margin: 0 10px 0 0; */
 margin: 15px 0 15px 0; 
 /**padding: 15px 10px 15px 10px;*/ 
 float:left; 
 background-color: white;
 color: black;
}

div#columnStringInline {
 
 margin: 10px;

}


#columnStringInline p {
 text-align: justify;
}

#columnStringInline b {
 color: midnightblue;
}


div#columnImage {
 /**width:255px;
 margin: 0 0 0 360px;*/
 margin: 15px 0 0 360px;
}



/**
----------------------------------------------------------
Regeln für besondere Bereiche
---------------------------------------------------------- */

/* Standardmäßig nicht sichtbare Inhalte zur Erleichterung der
   Orientierung mit assistiven Technologien */
.invisible {
  position: absolute;
  left: -9999px;
}


/** Hauptbereich
---------------------------------------------------------- */
/** Komplette Seite in "Container" horizontal zentrieren
---------------------------------------------------------- */

div#container {
  color: #5D5D5D; 
  background:black;

  /* vorher: background-color: white; */
  /* vorher: width: 920px; */
  width: 940px;
  margin: auto; /* Reicht eigentlich */
}


/* Für kaputte Browser */
body {
  /* Alle Inhalte horizontal zentrieren */
  text-align: center;
}
body * {
  /* Textausrichtung korrigieren */
  text-align: left;
}


/** Logo im Kopfbereich
---------------------------------------------------------- */

div#head {
   display:none;
}



div#topschatten {
   display:none;

}



/** globale Navigation
---------------------------------------------------------- */
#head ul {
  clear: left;
  font-size: .9em;
  position: relative;
  top: 25px;
  left: 330px;
}
#head ul,
#head li {
  float: left;
  list-style: none;
}
#head ul a,
#head ul strong {
  color: white;
  background-color: black;
  text-decoration: none;
  padding: .2em 1em;
}
#head ul a:visited {
  color: silver;
}

#head ul a:hover,
#head ul a:focus {
  text-decoration: underline;
}

#head li.skiplink {
  padding: 0;
}
#head li.skiplink a {
  color: white;
  background-color: black;
}
/* }
#head li.skiplink a {
  color: white;
  background-color: black;
} */


#head li.skiplink a:focus {
  color: white;
  background-color: black;
}

/** Hauptbereich/Inhaltsbereich
---------------------------------------------------------- */
div#main {
   margin-top: 0px;
   margin-left:auto;
   margin-right:auto;
   /** vorher:width:920px; */
   width:940px; 
   background: black;
}



/** Seitenspalte
---------------------------------------------------------- */
div#sidebar {
  display:none;
}






/** Content
---------------------------------------------------------- */
div#content {
  color: silver;
  margin: 10px 20px 0px 20px;
  padding: 20px 0px 10px 0px;
  /* Behebt den 3-Pixel-Textsprung-Bug und andere Bugs im IE 6 */
  height: 1%;  
}


/** "Hier bin ich"-Information
---------------------------------------------------------- */
div#aktPos {
  color:darkgrey;
  margin-bottom:30px;
  width:620px;
  background-color:#333333;
  border:1px solid #333333;
}



/** Fußzeile
---------------------------------------------------------- */
div#footer {
   display:none;
}


/**
----------------------------------------------------------
Regeln für besondere Dokumente
---------------------------------------------------------- */
/* Tabellen */
table#AudioplanTestkoffer {
  background-color: #F5F5F5;
  color: black;
  border: 20px solid: white;
  margin-right: 0px;
  float: left;
  border: 1;
  width:615px;
  rules: rows;
}


#AudioplanTestkoffer th {
  padding: 2px 10px 2px 10px;
  font-size: 100%;
  
}

#AudioplanTestkoffer td {
  padding: 2px 10px 2px 10px;
  font-size: 100%;
  background-color: silver;
}



table#table1 { 
   border: 1px silver solid; 
   border-collapse:collapse;
   
  /*margin-right: 20px;*/
}
#table1 thead {
  background-color:dimgray;
  color:orangered;
}
#table1 tbody {
  background-color: #333333;
  color:silver;
}
#table1 h2 {
  color:red;
  font-size: 1.1em;
}
#table1 td, th {
  padding: 2px 10px 2px 10px;
  font-size: 100%;
  border: 1px gray solid;
}





/** --------------------
    Silent Wire Vertrieb
    -------------------- */

table#SW_Vertrieb {
  background-color: #F5F5F5;
  color: black;
  border: 20px solid: white;
  margin-right: 20px;
  float: left;
  border: 1;
  rules: rows;
}


#SW_Vertrieb th {
  padding: 2px 10px 2px 10px;
  font-size: 100%;
  
}

#SW_Vertrieb td {
  padding: 2px 10px 2px 10px;
  font-size: 100%;
  background-color: silver;
}


/** --------------------
    Audioquest Vertrieb
    -------------------- */

table#vertrieb_audioquest {
  background-color: #F5F5F5;
  color: black;
  border: 20px solid: white;
  margin-right: 20px;
  float: left;
  border: 1;
  rules: rows;
  width: 625px;
}


#vertrieb_audioquest th {
  padding: 2px 10px 2px 10px;
  font-size: 100%; 
}

#vertrieb_audioquest td {
  padding: 2px 10px 2px 10px;
  font-size: 100%;
  background-color: silver;
}