/**
 * Stylesheet fuer Musik-Ecke Michael Bethge
 *
 * Screen Stylesheet
 *
 * @link          http://www.musik-ecke.de
 * @copyright     2008 Matthew Colton
 * @date          2008-09-28
 * @lastmodified  2008-09-28
 */

/**
 * Basis-Eigenschaften einiger HTML-Tags
 *
 * @css-for   IE6-7/Win, Firefox 1.5/2, Safari 2, Opera 9, Konqueror 3
 * @valid     Ja
 */

body {
  padding:    10px 0;
  margin:     0;
  font-size:  100%;
  text-align: center;
  color:      #000;
  background: url(../img/layout/page_bg.png) repeat-x #f4f4f4;
}

img { border-width: 0px; }

form,table,td,body,input,textarea { font-family: arial, verdana, serif; }

form { display: inline; }

#mainArea a {
  color:           #bd8516;
  text-decoration: none;
}
/**
 * Stylesheets fuer Hauptbereiche (Kopfzeile, Inhalt, rechte Spalte und Fußzeile)
 *
 * @css-for   IE6-7/Win, Firefox 1.5/2, Safari 2, Opera 9, Konqueror 3.5.2
 * @valid     Ja
 */

#pageWrapper {
  position:   relative;
  z-index:    10;
  margin:     0 auto;
  width:      960px;
  text-align: left;
  color:      #000;
  background: url(../img/layout/mainarea_bg.png) repeat-y #fff;
  border:     1px solid #888;
  font-size:  12px;
  padding:    0;
}

#header {
  width:    960px;
  height:   98px;
  overflow: hidden;
  border-bottom: 2px solid #888;
}

#mainAreaBg {
  margin:     30px 0;
  padding:    0;
  background: url(../img/layout/mainarea_bg.png) repeat-y #fff;
}

#leftColumn, #rightColumn, #contentColumn {
  float:      left;
  padding:    0;
  margin:     0;
  text-align: center;
}

#leftColumn, #rightColumn {
  width:      300px;
/*   background: #234; */
}

#contentColumn {
  width:   360px;
/*   background: #432; */
}

#footer {
  text-align: center;
  background: url(../img/layout/colored_blend.png) repeat-y;
  padding:    6px 0;
  border-top: 2px solid #888;
}
/**
 * Stylesheets fuer Kopfzeile
 *
 * @css-for   IE6-7/Win, Firefox 1.5/2, Safari 2, Opera 9, Konqueror 3.5.2
 * @valid     Ja
 */

div#headerImgSetContainer {
  overflow: hidden;
}

div.headerImgSet {
}

div.headerImgSetLeft {
  float:      left;
  margin:     0;
  width:      480px;
  height:     187px;
  background: #f00;
}

div.headerImgSetRight1, div.headerImgSetRight2, div.headerImgSetRight3, div.headerImgSetRight4 {
  width:  120px;
  height: 187px;
  float:  left;
}

/**
 * Stylesheets fuer Buttons
 *
 * @css-for   IE6-7/Win, Firefox 1.5/2, Safari 2, Opera 9, Konqueror 3.5.2
 * @valid     Ja
 */
ul#nav {
  list-style: none;
  margin:     0;
  padding:    0;
}

ul#nav li {
  color:         #fff;
  background:    url(../img/layout/button_bg_portal.png) repeat-y;
  padding:       5px 2px;
  margin-bottom: 25px;
  border:        2px solid #aaa;
}

ul#nav a {
  text-decoration: none;
  color:           #000;
  width:           100%;
}

ul#nav h1 {
  color:     #000;
}

ul#nav h1, ul#nav p {
  padding: 0;
  margin:  0;
  color:   #000;
}

div.clear {
  clear:     both;
  font-size: 0;
  height:    0;
}