/* Standard-CSS for http://diskostube.net */

/* Important Colors: Black = #000000 and White = #FFFFFF :P */

/*  Alle Innen- und Aussenabstände werden auf null gesetzt. Damit ist die Arbeit übersichtlicher und man hat mehr Kontrolle über die Abstände, da diese jetzt einzeln gesetzt werden müssen. Weiters gibt man auch hier meist eine Schrift für alle Elemente an und spart sich Zeit und Code. */

html, body, div, p, h1, h2, h3, ul, ol, 
span, a, table, td, form, img, li {
   margin: 0;
   padding: 0;
   font-family: Arial, Helvetica, sans-serif;
}

/* Grundeinstellungen fuer den Body */

html, body {
    font-size: 101%;
    color: #FFFFFF;
    background: #000000;
 }

/*Abstand zwischen den Abschnitten*/

p {
	margin-bottom: 10px; 
}

ul, ol {
	padding-left: 25px;
}

/* Überschriften */

h1 {
    font-size:200%;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
    margin-top: 20px;
}

h2 {
    font-size:120%;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
    margin-top: 50px;
}

/*************/
/* Sektionen */
/*************/

/* LINKE SEITE */

/* HEAD */

#header {
 height: 338px;
 width: 338px; 
 position: absolute;
 top: 20px;
 left: 20px;
 background: url("gfx/diskostube.jpg") no-repeat top left;
}

/* SIDEBAR */

#side {
  height: auto;
  width: 338px; 
  position: absolute;
  top: 360px;
  left: 20px;
  font-size: 0.8em;
}

#side ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#side a:link, #side a:visited, #side a:active {
    display: block;
    width: auto;
    font-weight: bold;
    text-align: center;
    padding: 4px;
    margin: 4px;
    text-decoration: none;
    text-transform: uppercase;
    background-color: #000000;
    color: #FFFFFF;
}

#side a:hover {
    background-color: #000000;
    color: #FFFFFF;    
}

/* RECHTE SEITE */

#wrapper {
  position: absolute;
  top: 30px;
  left: 360px;
}

/* MENU */

#menu {
  height:auto;
  position: relative;
  width: 640px;
  font-size: 1.2em;
}

#menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#menu li {
    float: left;
}

#menu a:link, #menu a:visited, #menu a:active {
    display: block;
    width: auto;
    font-weight: bold;
    text-align: center; 
    hyphens: auto; 
    text-align: justify;
    padding: 4px;
    margin: 4px;
    text-decoration: none;
    text-transform: uppercase;  
    background-color: #FFFFFF;
    color: #000000;
}

#menu a:hover {
    background-color: #FFFFFF;
    color: #000000;
}

/* INHALT */

#content {
  height: auto;
  width: 680px;
  position: relative;
  padding: 20px 15px 10px 15px;
  margin-bottom: 20px;
  /* border-top: 1px solid #000000;
  border-left: 1px solid #000000;
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000; */
}

/* FOOTER */

#footer {
  height: auto;
  width: 640px;
  position: relative;
  padding: 10px 15px 10px 15px;
  margin-bottom: 145px;
  font-size: 0.7em;
  /* border-top: 1px solid #000000;
  border-left: 1px solid #000000;
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000; 
  background: #FFFFFF; */ 
  text-transform: uppercase;
}

#footer a:link, #footer a:visited, #footer a:active {
    text-decoration: none;
    background-color: #FFFFFF;
    color: #000000;
    padding: 1px;
}

#footer a:hover {
    background-color: #000000;
    color: #FFFFFF;    
}


/* TEXT BOXEN */

.container {
  text-align: left;
  width: 80%;
  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000; 
  background: #FFFFFF; 
}

.center {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    background-color: #d0f0f6;
    text-align: left;
    padding: 8px;
}
.test {
    margin-left: auto;
    margin-right: auto;
    background-color: #EEEEEE;
    text-align: left;
    padding: 8px;
}