/*
  * globals *
  body
  a
  img

  * box-modell *
  div.logo                        z-index:2
  div.zeileOben
    .linkeSpalte
    .headerLine
      .headerLogo
  div.zeileUnten
    .linkeSpalte
      .menueBox
    .rechteSpalte
      #groesse
*/


/*#############
#   globals   #
#############*/

body {
  font-family: Arial, "Albani AMT", sans-serif;
  color: #333333;
  line-height: 1.6em;
  margin: 0px;
  padding: 0px;
}
a:link,
a:visited,
a:hover {
  color: #000033;
}
img {
  border:0;
}
*html img {
  behavior: url(fileadmin/templates/main/styles/pngbehavior.htc);
  b\ehavior: url(fileadmin/templates/main/styles/pngbehavior.htc);
}

/*################
#   box-modell   #
################*/

/* .logo */
div.logo {
  position:absolute;
  left:4%;
  top:10px;
  visibility: visible;
  margin:0;
  z-index:2;
}


/*
  .zeileOben
    .headerLine
    .headerLogo
*/
div.zeileOben {
  padding-top:34px;
  height:520px; /* Wegen AdminPanel */
  width:100%;
}
div.zeileOben .headerLine {
  background-color: #9CB0B9;
  margin:0;
  padding:0;
  height:44px;
  width:100%;
  position:absolute;
}
div.zeileOben .headerLogo {
  background-color: #4B6A7B;
  text-align: center;
  height: 44px;
  width: 60%;                 /* siehe #content:width */
  position:relative;
  left:15%;                   /* siehe  .zeileUnten .linkeSpalte:margin+width */
}

/*
  .zeileUnten
    .linkeSpalte
      .menueBox
    contentBox
      #content
        .startpage,
        .subpage
    .rechteSpalte
      #groesse
*/
div.zeileUnten {
  padding:0;
  position:absolute;
  top:90px;
  width:100%;
}

div.zeileUnten .linkeSpalte {
  position:absolute;
  float: left;
  margin:20px 1% 0 1%;
  width:13%;                 /*  width + margin = 15%
                                 siehe  .zeileOben .headerLogo:left
                              */
}
div.zeileUnten .linkeSpalte .menueBox {
  width: 100%;
  background-color: #7896A4;
  border: 1px dashed #4b6a7b;
}

div.contentBox {
  background-color: #9CB0B9;
  margin:0;
  padding:20px 12% 10px 5%;
  left:15%;                   /* siehe  .headerLine .headerLogo:left
                                        .linkeSpalte:width
                              */
  position:absolute;
  width:43%;                  /* width + margin = 60% */
  min-height:400px;
}
*html div.contentBox {
  height:400px;
  h\eight:400px;
  padding:20px 20% 10px 8%;
  p\adding:20px 20% 10px 8%;
  width:60%;
  w\idth:60%;
}
div#content{
  margin:0;
  position:relative;
}
div#content .startpage,
div#content .subpage {
  background-color: #FFFFFF;
}
div#content .subpage {
  border: 1px solid #4B6A7B;
}

/*
  .rechteSpalte
*/
div.rechteSpalte {
  width:20%;
  padding:36px 0 0 0;
  position:absolute;
  top:90px;
  left:80%;                   /* 15% + 60% + 1% + 5% */
}
div.rechteSpalte #groesse {
  width:120px;
  top:200px;
  font-family: Arial, Helvetica, sans-serif;
  font-size:90%;
  color: #4B6A7B;
  border: 1px dashed #4b6a7b;
  padding: 5px;
  background-color:#9cb0b9;
  overflow:hidden;
  font-weight: bold;
}