/******************************************************************************/
/* Grungeruest                                                                */
/******************************************************************************/  
BODY{
  text-align: center;
  margin: 0;
  padding: 0;
  background: #D6DAE5 url(../img/body_bg.jpg) repeat-x;
}
#center{
  position: relative;
  width: 875px;
  margin: 22px auto;
  padding: 0;
  text-align: left;
  background: url(../img/center_bg.jpg) repeat-y;
  overflow: hidden;
}
#center #topSpace{
  width: 875px;
  height: 177px;
  margin: 0;
  padding: 0;
  background: url(../img/topSpace_bg.jpg) no-repeat;
  position: relative;
}
/* abgerundete Ecken unten */
#center #bottomCorners{
  width: 875px;
  height: 10px;
  margin: 19px 0 0 0;
  padding: 0;
  background: url(../img/bottomCorners.jpg) no-repeat;
}
/* Clear Float */
#center .clearer{
  clear:both;
}
/****************************/
/* Header */
/****************************/
#center #topSpace #header{
  position: absolute;
  left: 21px;
  top: 16px;
  width: 592px;
  height: 161px;
  margin: 0;
  padding:0;
  overflow: hidden;
}
/****************************/
/* Logo */
/****************************/
#center #topSpace #logo{
  border: 0;
  position: absolute;
  left: 638px;
  top: 62px;
}
/******************************************************************************/
/* Locator                                                                    */
/******************************************************************************/
#center #topSpace #locator{
  position: absolute;
  left: 632px;
  top: 2px;
  height: 23px;
  border-left: 1px solid #002B58;
  margin: 0;
  padding: 0;
}
#center #topSpace #locator #pathWrap{
  position: absolute;
  width: 217px;
  bottom: 0;
  left: 4px;
  padding: 0;
  margin: 0 0 -3px 0;
}
#center #topSpace #locator #pathWrap A{
  color: #231F20;
  text-decoration: none;
}
#center #topSpace #locator #pathWrap A:hover{
  color: #697698;
  text-decoration: none;
}

/******************************************************************************/
/* Mainmenu                                                                   */
/******************************************************************************/
/*Ausrichtung und Style der Navigationsliste*/
#center #mainmenu UL{
  margin: 14px 0 0 21px;
  padding: 0;
  list-style: none;
  width: 833px;
  border-bottom: 1px solid #002B58;
  height: 23px;
}
/*Ausrichtung der Tabs*/
#center #mainmenu UL LI {
  float: left;
  padding: 0;
  margin: 0;
}
/*Style der Links*/
#center #mainmenu UL LI A{
  /*font-size: 1.3em;*/
  font-size: 1.2em;
  text-decoration: none;
  font-family: Helvetica, Arial, Sans-Serif;
  font-weight: normal;
  padding: .3em 1em .2em 1em;
  margin: 0;
  display: block;
  color: #231F20;
}
#center #mainmenu UL LI A:focus{
  outline: none;
}
#center #mainmenu UL LI A:hover{
  color: #697698;
}
/*Rechter Teil der Sliding-Door (ACT)*/
#center #mainmenu UL LI.act{ 
  background: url(../img/mainmenutab_right.gif) no-repeat right top;  
}
/*Linker Teil der Siliding-Door (ACT)*/
#center #mainmenu UL LI.act A{ 
  background: url(../img/mainmenutab_left.gif) no-repeat left top; 
  color: #FFF;
}
/******************************************************************************/
/* Submenu                                                                    */
/******************************************************************************/
/*Ausrichtung und Style der Navigationsliste*/
#center  #submenu{
  float:left;
  /*margin: 0 0 0 21px;*/
  margin: 0 0 0 33px;
  padding: 0;
  background: url(../img/submenu_rightCorner.jpg) bottom right no-repeat;
}
#center  #submenu UL{
  float: left;
  margin: 0 5px 0 0; /*5px fuer rechte runde ecke*/
  padding: 3px 0 3px 5px; /*5px fuer linke runde ecke*/
  background: #D6DAE5 url(../img/submenu_leftCorner.jpg) bottom left no-repeat;
  list-style-type: none;
}
/*Ausrichtung der Links*/
#center  #submenu UL LI {
  /*display:inline;*/
  float:left;
  background: url(../img/submenu_bullet.gif) left 50% no-repeat;
  padding: 0 4px 0 8px;
}
#center  #submenu UL LI.first {
  background: none;
  padding: 0 4px 0 0;
}
#center  #submenu UL LI.act A{
  /*font-weight: bold;*/
  text-decoration: underline;
}
/*Style der Links*/
#center  #submenu UL LI A{
  float: left;
  /*font-size: 1.3em;*/
  font-size: 1.2em;
  text-decoration: none;
  font-family: Helvetica, Arial, Sans-Serif;
  font-weight: normal;
  margin: 0;
  display: block;
  color: #231F20;
  padding: 0 3px 0 3px;
}
#center #submenu UL LI A:hover{
  /*color: #002B58;*/
  color: #697698;
}
/******************************************************************************/
/* Linke Spalte: Maincontent                                                  */
/******************************************************************************/
#center #leftContent{
  width: 592px;
  margin: 14px 0 0 21px;
  padding: 0;
  clear:both;
  float:left;
}
#center #leftContent .ceWrap{
  margin-bottom: 7px;	
}
/******************************************************************************/
/* Rechte Spalte: Sidecontent/Teaser                                          */
/************************************************************************+*****/
#center #rightContent{
  width: 222px;
  margin: 14px 21px 0 0;
  padding: 0;
  float:right;
}
#center #rightContent .teaserContainer{
  width:222px;
  margin: 0 0 14px 0;
  padding: 0;
  overflow: hidden;
}
#center #rightContent .teaserHeader{
  width: 222px;
  height: 43px;
  margin: 0;
  padding: 0;
  background: url(../img/teaser_header.jpg)  no-repeat top left;
  overflow: hidden;
}
#center #rightContent .teaserHeader H1{
  width: 222px;
  height: 43px;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
#center #rightContent .teaserContent{
  width: 202px;
  margin: 0;
  padding: 0 10px 10px 10px;
  background: #D6DAE5 url(../img/teaser_bottomCorners.jpg) no-repeat bottom left;
  overflow: hidden;
}

/******************************************************************************/
/* Footer                                                                     */
/******************************************************************************/
#center #footer{
  padding: 2px 21px 0 21px;
  background: #D6DAE5;
  font-size: 1.2em;
}
#center #footer A{
  color: #231F20;
  text-decoration: none;
}
#center #footer A:hover{
  text-decoration: underline;
}
#center #footer #quicklinks{
  float:right;
}
#center #footer #contacts{
  float:left;
}

