/* Long's Website - www.longsound.de */

html
{
  height: 100%;
}

body
{
  height: 100%;
  margin: 0;
  padding: 0;
  background: #BBBBBB url(../images/pad.gif) top left repeat;
  /* background: #FFBBBB   */
}

.container
{
  font-family: "Myraid Pro", "Trebuchet", "Trebuchet MS", Verdana, Arial, sans-serif;
  /* height: auto;  */
  /* height: 100%;  */
  height: 100%;
  position: relative;
  width: 992px;  /* optimal für 1024er Breite */
  /* background: #FFBBFF   */
}


/* --------------------- Main Boxes ---------------------- */

#boxTop {
  float: left;
  width: 100%;
  height: auto;
  /* background-color: #CCFF66; */
}

#boxCenter {
  float: left;
  width: 100%;
  height: auto;
  background: #BBBBBB url(../images/back.jpg) top left repeat-y;
  /* background-color: #CCFFCC; */
}

#boxBottom {
  float: left;
  width: 100%;
  height: 21px;
  background: url(../images/footer.jpg) top left no-repeat;
  /* background-color: #FFFF99; */
}

/* -------------------------- Boxes ---------------------- */

#boxLogo {
  float: left;
  width: 206px;
  height: 179px;
  background: url(../images/logoback.jpg) top left no-repeat;
  /* background-color: #CC99FF; */
}

#boxHeader {
  float: right;
  width: 786px;
  height: 65px;
  background: url(../images/header.jpg) top right no-repeat;
  /* background-color: #CCCCFF; */
}

#boxNavi {
  float: right;
  width: 786px;
  height: 114px;
  background: url(../images/naviback.jpg) top right no-repeat;
  /* background-color: #99FFFF; */
}

#boxMenu {
  float: left;
  width: 206px;
  height: auto;
  /* height: 210px; */
  /* background-color: #FFCCCC; */
}

#boxContent {
  float: right;
  width: 786px;
  /* height: 100%; */
  height: auto;
  padding: 0;
  color: #000000;
  text-align: center;
  font-size: 0.9em;
  /* height: 360px; */
  /* background-color: #FF9999; */
}

#boxContentR {
  float: right;
  width: 760px;
  /* background-color: #000440; */
}

#boxContentL {
  float: left;
  width: 735px;
  /* background-color: #044000; */
}


/* ------------------------- Navigation ---------------------- */

#navigation
{
  position: relative;
  float: right;
  width: 740px;
  top: 4px;
  /* background-color: #CCCCCC; */
}

#navigation ul
{
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-image: none;
}

#navigation ul li
{
  float: left;
  margin: 0;
  padding: 0;
  width: 139px;
  height: 43px;
}

#navigation ul li a
{
  display: block;
  width: 119px;
  height: 34px;
  margin: 0;
  padding: 9px 0 0;
  font-family: "Myraid Pro", "Trebuchet", "Trebuchet MS", Verdana, Arial, sans-serif;
  font-size: 1.0em;
  text-align: center;
  background: url(../images/tab_normal.gif) top left no-repeat;
  color: #000000;
  text-decoration: none;
  font-weight: bold;
  text-transform: uppercase;
}

#navigation ul li a:hover
{
  color: #770000;
  background: url(../images/tab_over.gif) top left no-repeat;
}

#navigation ul li a.selected, #navigation ul li a.selected:hover
{
  background: url(../images/tab_selected.gif) top left no-repeat;
  color: #343434;
}

#navigation ul li a.selected:hover
{
  color: #770000;
}


/* ------------------------- SIDEMENU --------------------- */

#boxMenu h3   /* Seitenmenü-Überschrift */
{
  color: #000000;
  font-family: "Myraid Pro", "Trebuchet", "Trebuchet MS", Verdana, Arial, sans-serif;
  font-size: .9em;
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
  /* background: #D1D2D7;  */
  background: #D1D2D7;
}

#boxMenu ul.links
{
  list-style: none;
  padding: 0;
  margin: 0;
  border: none;
  list-style-image: none;
  font-family: "Myraid Pro", "Trebuchet", "Trebuchet MS", Verdana, Arial, sans-serif;
  font-size: .9em;
  font-weight: normal;
  text-align: center;
}

#boxMenu ul.links li
{
  padding: 0;
  border-bottom: #000000 solid 1px;
}

#boxMenu ul.links li a
{
  /* padding: 4px 0px; */
  padding: 0px 0px;
  display: block;
  /* font-weight: bold; */
  color: #FFFFFF;
  text-decoration: none;
}

#boxMenu ul.links li a:hover
{
  /* background: #D1D2D7; */
  font-weight: bold;
  letter-spacing: 1px
  /* text-decoration: underline; */
  /* border:1px solid #000000;  */
  /* padding:0 0 0 5px; */
}

#boxMenu ul.links li a.selected:hover, #boxMenu ul.links li a.selected
{
  color: #FFFF00;
  /* font-weight: bold;  */
}


/* ------------------------- CONTENT ---------------------- */

#body .content
{
  float: right;
  width: 775px;
  /* background-color: #CCCCCC; */
  background-color: #CCCCCC;
}

h2
{
  font-size: 1.0em;
  font-weight: bold;
  margin: 0;
  padding: 0;
  color: #000060;
  clear: both;
  text-align: center
}

h3
{
  font-size: 1.1em;
  font-weight: bold;
  margin: 0;
  padding: 0;
  color: #000060;
  clear: both;
  text-align: center
}

h4
{
  font-size: 0.75em;
  font-weight: normal;
  margin: 0;
  padding: 0;
  color: #000060;
  clear: both;
  text-align: center
}

h5
{
  font-size: 0.9em;
  font-weight: normal;
  margin: 0;
  padding: 0;
  color: #000000;
  clear: both;
  text-align: center
}

h6
{
  /* font-size: 0.8em; */
  /* font-weight: normal; */
  font-size: 0.8em;
  font-weight: normal;
  margin: 0;
  padding: 0;
  /* color: #000000; */
  color: #000000;
  clear: both;
  text-align: center
}


/* ------------------------ More Boxes -------------------- */


#boxStudioContent {
  float: left;
  width: 735px;
  padding: 0;
  color: #FFFFFF;
  text-align: center;
  /* background-color: #000000; */
  background: #000000 url(../images/stern.gif) top left repeat;
}

#boxL {
    font-size: 0.9em;
    float: left;
    width: 366px;
    margin: 0; padding: 0;
    /* background-color: #CCCCCC; */
    /* border: 1px dashed silver; */
}

#boxR {
    font-size: 0.9em;
    float: right;
    width: 366px;
    margin: 0; padding: 0;
    /* background-color: #CCCCCC; */
    /* border: 1px dashed silver; */
}

#boxLeft {
    font-size: 0.9em;
    float: left;
    width: 360px;
    margin: 0; padding: 0;
    /* background-color: #CCCCCC; */
    /* border: 1px dashed silver; */
    text-align: right;
}

#boxRight {
    font-size: 0.9em;
    float: right;
    width: 360px;
    margin: 0; padding: 0;
    /* background-color: #CCCCCC; */
    /* border: 1px dashed silver; */
    text-align: left;
}

/* ------------------------ FUSSNOTE ---------------------- */

#footer {
  float: right;
  width: 778px;   /* Breite ( 786px ) */
  height: auto;
  padding: 0;
  color: #000000;
  text-align: center;
  font-family: "Myraid Pro", "Trebuchet", "Trebuchet MS", Verdana, Arial, sans-serif;
  font-size: 0.6em;
}