@import url("content.css");
@import url("buch.css");

table.flags
{
  clear:left;
  float:right;
  margin-top:-10px;
}
* html table.flags
{
  margin-top:20px;
}

/*--< Allgemein >-----------------------------------------------------*/
html
{
  overflow-y: scroll;
}
body
{
  font-family: Verdana, Arial, Sans-Serif;
  font-size:   8pt;
  margin:      3em auto 0 auto;
  width:       91em;
}

/*--------------------------------------------------------------------*/
/*--< Aufbau >--------------------------------------------------------*/

/*Um die Hellgrauen Striche auf der Seite anzeigen zu koennen werden
  diese beiden Klassen benoetigt, sowie die Images in den Klassen.
  Anderfalls funktioniert dieser Effekt nicht.*/
div.bgleft
{
  background-repeat:   repeat-y;
  background-position: 20.2em top;
  background-image:    url("../img/greypixel.gif");
}
div.bgright
{
  background-repeat:   repeat-y;
  background-position: 70.7em top;
  background-image:    url("../img/greypixel.gif");
}

/*--< Westpane >------------------------------------------------------*/
div.westpane
{
  width: 19.5em;
  float: left;
}
div.westpane a.naviGrayButton,
div.westpane div.MenueLevel1 a,
div.westpane div.MenueLevel1Active a,
div.westpane div.MenueLevel2 a,
div.westpane div.MenueLevel2Active a,
div.westpane div.MenueLevel3 a,
div.westpane div.MenueLevel3Active a
{
  display:          block;
  line-height:      2em;
  text-decoration:  none;
  font-weight:      normal;
}

div.westpane a.naviGrayButton
{
  display:          block;
  background-color: #005198;
  color:            #ffffff;
  font-weight:      bold;
  padding-left:     1em;
  margin-top:       1em;
  margin-bottom:    1em;
}

div.naviHoriLine
{
  border-top: 1px solid #999999;
  width:208px;
  margin-bottom:-10px;
}

div.westpane div.MenueLevel1 a,
div.westpane div.MenueLevel1Active a,
div.westpane div.MenueLevel2 a,
div.westpane div.MenueLevel2Active a,
div.westpane div.MenueLevel3 a,
div.westpane div.MenueLevel3Active a
{
  background-repeat:   no-repeat;
  background-position: left center;
}

div.westpane div.MenueLevel1 a
{
  color:               #000000;
  padding-left:        1.5em;
  border-top:          1px solid #999999;
  background-image:    url("../img/arrow_menu_normal.gif");
  background-position: left top;
}
div.westpane div.MenueLevel1 a:hover
{
  color: #005198;
}
div.westpane div.MenueLevel1Active a
{
  color:               #005198;
  border-top:          1px solid #999999;
  padding-left:        1.5em;
  background-image:    url("../img/arrow_menu_active.gif");
  background-position: left top;
}
div.westpane div.MenueLevel2 a
{
  color:               #000000;
  padding-left:        2.5em;
  border-top:          0;
  background-image:    url("../img/arrow_menu_sub_normal.gif");
  background-position: left top;
}
div.westpane div.MenueLevel2 a:hover
{
  color: #005198;
}
div.westpane div.MenueLevel2Active a
{
  color:               #005198;
  padding-left:        2.5em;
  border-top:          0;
  background-image:    url("../img/arrow_menu_sub_active.gif");
  background-position: left top;
}
div.westpane div.MenueLevel3 a,
div.westpane div.MenueLevel3Active a
{
  line-height:   1.05em;
  margin-top:    0.4em;
  margin-bottom: 0.8em;
  margin-left:   1em;
  padding-left:  2.5em;
}

div.westpane div.MenueLevel3 a
{
  color:               #000000;
  border-top:          0;
  background-image:    url("../img/arrow_menu_sub_normal.gif");
  background-position: 0 -0.5em;
}
div.westpane div.MenueLevel3 a:hover
{
  color: #005198;
}
div.westpane div.MenueLevel3Active a
{
  color:               #005198;
  border-top:          0;
  background-image:    url("../img/arrow_menu_sub_active.gif");
  background-position: 0 -0.5em;
}
div.westpane h1
{
  margin-top:       0.5em;
  background-color: #005198;
  color:            #ffffff;
  font-weight:      bold;
  font-size:        8pt;
  padding-left:     2em;
  padding-right:    1em;
  margin-top:       1em;
  line-height:      2em;
}

/*--< Northpane >-----------------------------------------------------*/
div.northpane
{
  background-repeat:   repeat-x;
  background-position: 0 22px;
  text-align:          right;
  height:              3.5em;
  margin-bottom:       1.1em;
  background-image:    url("../img/blackpixel.gif");
}
div.northpane a,
div.northpane a:visited,
div.northpane a:hover
{
  font-weight: normal;
}
div.bluebar
{
  background-color: #005198; 
  height:           2em; 
  margin-bottom:    3.2em;
}
div.headbar
{
  display: none;
}

/*--< Eastpane >------------------------------------------------------*/
div.eastpane
{
  width:      19.5em;
  float:      right;
}
div.eastpane a.naviGrayButton
{
  display:          block;
  line-height:      2em;
  text-decoration:  none;
  background-color: #005198;
  color:            #ffffff;
  font-weight:      bold;
  padding-left:     1em;
  margin-top:       1em;
  margin-bottom:    1em;
}

/*--< Southpane >-----------------------------------------------------*/
div.southpane
{
  margin-top:       1em;
  line-height:      2em;
  padding-left:     1em;
  padding-right:    1em;
  background-color: #cccccc;
}

div.southpane a
{
  font-weight: normal;
}

/*--< Service >---------------------------------------------------*/
div.service {
  line-height:2em;
  margin-bottom:3em;
  margin-top:0.5em;
  padding-left:1em;
  text-align:right;
}
div.service a,
div.service a:visited,
div.service a:hover
{
  font-weight: normal;
}

/*--< Centerpane >----------------------------------------------------*/
div.centerpane
{
  margin-left: 21em;
  width: 49em;
}

/*--------------------------------------------------------------------*/
/*--------------------------------------------------------------------*/

/*--< Eastpane / Portlets >--*/
.Portlet
{
  margin-bottom:     2em;
  background-repeat: no-repeat;
  background-image:  url("../img/portlets/portlet_top.gif");
}

.Portlet a
{
  margin-left: 0.7em;
}

.Portlet img
{
  margin-top: 0.5em;
}

.Portlet div.footer
{
  height:           7em;
  font-size:        1px;
  background-image: url("../img/portlets/portlet_bottom.gif");
}