/*
  frame
    body
    table
    td
    div
  frameMenue
    table
    td
*/

/* #########################################
      frame
   ###################################### */

body.frame {
  background-color: #747474;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0px;
  padding: 0px;
}

/*
  table frame

  |------------------|------------------------|->
  | marginLeftTop    | marginLeftShadowTop    |
  |                  |                        |->
  |                  |                        |
  |                  |                        |
  |------------------|------------------------|->
  | marginLeftBottom | marginLeftShadowBottom |
  |                  |                        |
  |------------------|------------------------|->

  |-----------------|-------------------|------------------|-------------------------|-------------------|
  | menue_header    | frameMiddleTop    | frameRightTop    | marginRightShadowTop    | marginRightTop    |
  | (icon)          |                   | (header)         |                         |                   |
  |-----------------|-------------------|------------------|-------------------------|-------------------|
  | frameLeftMiddle | frameMiddleMiddle | frameRightMiddle | marginRightShadowBottom | marginRightBottom |
  |-----------------|-------------------|------------------|                         |                   |
  | frameLeftBottom | frameMiddleBottom | frameRightBottom |                         |                   |
  | (frameMenu)     |                   | (content)        |                         |                   |
  |-----------------|-------------------|------------------|-------------------------|-------------------|
*/
table.frame {
  height: 100%;
  table-layout: fixed;
  width: 100%;
}
/* Breite */
td.menue_header,
td.frameLeftMiddle,
td.frameLeftBottom {
  width: 160px;
}
td.frameMiddleTop,
td.frameMiddleMiddle,
td.frameMiddleBottom {
  width: 2px;
}
td.frameRightTop,
td.frameRightMiddle,
td.frameRightBottom {
  width: 767px;

}

td.frameRightBottom .languageMenu {
 position:relative;
}
.tx-srlanguagemenu-pi1 {
 position:absolute; right:0; top:0;
}


td.marginLeftTop,
td.marginLeftBottom,
td.marginRightTop,
td.marginRightBottom {
}
td.marginLeftShadowTop,
td.marginLeftShadowBottom,
td.marginRightShadowTop,
td.marginRightShadowBottom {
  width: 25px;
}

/* Hoehe */
td.menue_header,
td.frameMiddleTop,
td.frameRightTop {
  height: 170px;
}
td.frameLeftMiddle,
td.frameMiddleMiddle,
td.frameRightMiddle,
td.marginLeftMiddle,
td.marginRightMiddle {
  height: 2px;
}
td.frameMiddleBottom,
td.frameRightBottom {
  height: 100%;
  padding-bottom: 10px;
}

/* Linke Spalte */
td.menue_header {
  background-color: #E5E5E5;
  background-image: url(../images/logoLeftTop.jpg);
  background-position: bottom right;
  background-repeat: no-repeat;
  cursor: hand;
  text-align: right;
  vertical-align: bottom;
}
td.frameLeftMiddle {
  background-color: #E5E5E5;
  background-image: url(../images/logoLeftMiddle.jpg);
  background-position: right;
  background-repeat: no-repeat;
  cursor: hand;
}
td.frameLeftBottom {
  background-image: url(../images/logoLeftBottom.jpg);
  background-position: top right;
  background-repeat: no-repeat;
  padding: 60px 0px 0px 0px;
  text-align: right;
  vertical-align: top;
}

/* Mittlere Spalte */
td.frameMiddleTop {
  background-color: #E5E5E5;
  background-image: url(../images/logoMiddleTop.jpg);
  background-position: bottom;
  background-repeat: no-repeat;
  cursor: hand;
}
td.frameMiddleMiddle {
  background-color: #E5E5E5;
  background-image: url(../images/logoMiddleMiddle.jpg);
  background-repeat: no-repeat;
  cursor: hand;
}
td.frameMiddleBottom {
  background-color: #E5E5E5;
  background-image: url(../images/logoMiddleBottom.jpg);
  background-repeat: no-repeat;
}

/* Rechte Spalte */
td.frameRightTop {
  background-image: url(../images/logoRightTop.jpg);
  background-position: bottom left;
  background-repeat: no-repeat;
  cursor: hand;
  padding: 57px 0px 0px 0px; /* Padding-Left -> content.css:table.content */
  text-align: center;
  vertical-align: top;
}
td.frameRightMiddle {
  background-color: #E5E5E5;
  background-image: url(../images/logoRightMiddle.jpg);
  background-position: left;
  background-repeat: no-repeat;
}
td.frameRightBottom {
  background-color: #E5E5E5;
  background-image: url(../images/wasserzeichen.jpg);
  background-position: center bottom;
  background-repeat: no-repeat;
  vertical-align: top;
}

/* Linke und rechte Randspalte */
td.marginLeftTop,
td.marginRightBottom {
  background: URL(../images/marginLight.jpg);
}
td.marginLeftBottom,
td.marginRightTop {
  background: URL(../images/marginNormal.jpg);
}
td.marginLeftShadowTop {
  background: URL(../images/marginLightLeftShadow.jpg);
}
td.marginLeftShadowBottom {
  background: URL(../images/marginNormalLeftShadow.jpg);
}
td.marginRightShadowTop {
  background: URL(../images/marginNormalRightShadow.jpg);
}
td.marginRightShadowBottom {
  background: URL(../images/marginLightRightShadow.jpg);
}

div#frameSlogan {
  color: white;
  font-size: 14px;
  font-weight: bold;
  padding: 84px 0px 0px 30px;
  text-align: center;
}

/* #########################################
      frameMenu
   ###################################### */

/*
  table frameMenue

  |----------------------------------|
  | frameMenueTop    (menue)         |
  |----------------------------------|
  | frameMenueBottom (wortbildmarke) |
  |----------------------------------|
*/
table.frameMenue {
  height: 100%;
  width: 100%;
}
td.frameMenueTop {
  /* -> menue.css:table.menue*/
  padding-right: 2px; /* Breite -> menue.css:table.menue:padding*/
}
td.frameMenueBottom {
  background-image: url(../images/wortbildmarke.jpg);
  background-position: bottom right;
  background-repeat: no-repeat;
  border-bottom: 10px solid #747474;
  border-right: 2px solid #747474; /* Breite -> menue.css:table.menue:padding*/
  cursor: hand;
  height: 100%;
  font-size: 80px; /* Mindesthoehe */
  text-align: right;
}