html { background: #606060 url(../gfx/bg.jpg) repeat; }
body
{
  margin: 0;
  padding: 0;
}
#topBack
{
  background: url(../gfx/bg-top.jpg) repeat-x top;
  height: 100%;
  min-height: 256px;
  width: 100%;
  padding-top: 1px;
}

#out
{
  margin: 0 auto;
  margin-top: 40px;
  min-width: 922px;
  /* max-width: 90%; */
  text-align: left;
  width: 70em;
  padding: 50px 30px;
}


#page
{
  border: 6px solid #EFEFEF;
  position: relative;
  background: #ffffff;
}

  #headStart
  {
    height: 130px;
    background: #03A296 url(../gfx/head_start_back.jpg) repeat-x top;
    text-align: center;
  }
 #fphgStart{
 	position: absolute;
 	z-index: 500;
 	top: 63px;
 	left: -43px;
 	}

  #head
  {
    height: 120px;
    background: #03A296 url(../gfx/head_back.gif) repeat-x top;
    position: relative;
    z-index: 5;
  }
  
  #head #homeLink
  {
		position: absolute;
		right: 15px;
		bottom: 12px;
		width: 6em;
		text-align: right;
	}

	#head #homeLink a
	{
		color: #E1F5F7;
		font-size: 80%;
		text-decoration: none;
	}
	#head #homeLink a:hover	{ text-decoration: underline; color: #ffffff;  }

  #page #headStart img, #page #headImage
  {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -112px;
    z-index: 100;
    top: -54px;
   }

   #page #headImage { left: 10px; margin: 0; top: -45px; }

    ul#mainMenu { position: absolute; bottom: 0; left: 224px; margin-bottom: 0; }
    ul#mainMenu li { float: left; border: none; width: auto; background: transparent; }
    ul#mainMenu li a  { display: block; text-indent: -1000em; height: 58px; background-color: transparent; background-image: url(../gfx/mmenu.jpg); background-repeat: none; overflow: hidden;  }
    ul#mainMenu li#mmService { width: 178px; }
    ul#mainMenu li#mmService a { background-position: 0 0;  }
    ul#mainMenu li#mmPartner { width: 160px;}
    ul#mainMenu li#mmPartner a { background-position: -181px 0; }
    ul#mainMenu li#mmAbout { width: 165px; }
    ul#mainMenu li#mmAbout a { background-position: -341px 0; }
    ul#mainMenu li#mmService a:hover,
		ul#mainMenu li#mmService:hover a,
		ul#mainMenu li#mmService.sfHover a,
		ul#mainMenu li#mmService .mmActive  { background-position: 0 58px;  }
    ul#mainMenu li#mmPartner a:hover,
    ul#mainMenu li#mmPartner:hover a,
		ul#mainMenu li#mmPartner.sfHover a,
		ul#mainMenu li#mmPartner .mmActive { background-position: -181px 58px; }
    ul#mainMenu li#mmAbout a:hover,
    ul#mainMenu li#mmAbout:hover a,
		ul#mainMenu li#mmAbout.sfHover a,
		ul#mainMenu li#mmAbout .mmActive { background-position: -341px 58px; }

   #head ul#mainMenu ul {display: none; margin-top: 59px; margin-left: 2px;  }
   #head ul#mainMenu ul li.msActive a { color: #007D74; }

   #head ul#mainMenu li#mmService ul li a {width: 20em; }
   #head ul#mainMenu ul li a {width: 15em; font-size: 90%; text-indent: 0; background: #F7FCFC; height: auto; padding: 0.75em; border-bottom: 1px solid #E6F4F1; color: #000000;}
   #head ul#mainMenu ul li a:hover {background: #E2F4F3; color: #00A195; border-color: #E0F1EE;}


   #subMenu { background: #FDF7EB url(../gfx/sub_menu_back.gif) top left repeat-x; margin-left: 122px; min-height: 26px;  } /* min-height -> hasLayout */
   * HTML #subMenu { height: 1.95em; }
   #subMenu ul { margin-left: 94px; padding: 5px 0 4px; }
   #subMenu ul li { float: left; padding: 0 7px; background: #FDF7EB url(../gfx/sub_menu_line.gif) no-repeat 0 50%; }
   #subMenu ul li.firstLi { padding-left: 0; background: transparent; }
   #subMenu ul li a { text-decoration: none; color: #000000; font-size: 80%; }
   #subMenu ul li a:hover, #subMenu ul li .subActive { color: #007D74;}
   #subMenu ul li .subActive { font-weight: bold;}


  #innerContent
  {
    padding: 0.5em 0 3em 45px;
    background: #ffffff;
    width: 67%;
  }
  #startPage #innerContent {width: auto; padding: 1em 54px; }

  #slogan
  {
    height: 126px;
    position: relative;
    text-align: center;
    padding: 1px;
  }

  #slogan h1
  {
    font-size: 100%;
    margin: 0 auto;
    margin-top: 45px;
    text-indent: -500em;
    height: 27px;
    width: 537px;
    background: transparent url(../gfx/slogan.gif) no-repeat;
  }

  #content { clear: both; min-height: 400px; height: 380px; background: #ffffff; position: relative; padding-top: 1em; }
  *> #content { height: auto; }

  #startPage #content { padding-top: 0px; }

  #content .startBlock
  {
    float: left;
  }

  .startLine { padding: 0 !important; position: absolute; }
  .startVLine { height: 249px; width: 1px; top: -40px; background: url(../gfx/start_line_v.gif) repeat-y; }
  .startHLine { height: 1px; width: 25.38em; max-width: 650px; top: 0px; }

  #lineLeft {  left: -0.5em;  }
  #lineRight { right: 3em;  }

  #lineHLeft {  left: -13em;  }
  #lineHRight { right: -9em;  }


  #startPage #content #startMiddle div { padding-left: 4em; }

  #startPage #content #startLeft
  {
    margin-left: 2%;
    width: 34%;
  }

  #startPage #content #startMiddle
  {
    width: 39%;
    position: relative;
  }

  #startPage #content #startRight
  {
    width: 22%;
  }

  /* für 404-Error Seiten*/
  #content #startLeft, #content #startMiddle, #content #startRight
  {
    width: 33%;
  }

  #content #startMiddle div, #content #startRight div
  {
		margin-left: 2em;
  }


  ul
  {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }

  /* dom, 2008-05-20: bisschen luftigere Liste auf der Startseite */
  #startPage #innerContent ul li
  {
    background: url(../gfx/li_bullet.gif) no-repeat left 49%;
    line-height: 200%;
  }


  .startBlock { margin-bottom: 4em; }

  #content a { text-decoration: none; color: #959595;}
	#content a:hover { text-decoration: underline; color: #008D83; }

	#contactPartner
  {
    position: absolute;
    top: 0;
    right: 0;
    width: 21%;
    padding: 15px;
    /*height: 16em; dom, 2008-05-29: wird nicht benötigt */
    min-height: 215px;
    background: #FAFAFA;
    border-bottom: 2px solid #DEE0E0;
  }


#footer
{
  padding: 1em 12px 0 12px;
  min-height: 1.5em;
  height: 2em;
  border-top: 1px solid #C6CCCB;
  background: #EFEFEF url(../gfx/footer_back.gif) repeat-x top;
  color: #959595;
  font-size: 75%;
}
*> #footer { height: auto; }

#footer #copyright { float: left; width: 20%; }
#footer ul{ float: right; }
#footer ul li { float: left; padding-left:12px; }
#footer ul li span { padding-left:12px; }
#footer ul li.firstLi { padding-left: 0; }
#footer a {  text-decoration: none; color: #959595; }
#footer a:hover { color: #008D83; }


/* Schatten */
.shadowH { position: absolute; height: 20px; width: 100%;  }
.shadowV { position: absolute; height: 276px;   width: 30px;  }


.shadowTop { top: -97px; height: 90px; }
#shadowTopLeft {  left: -6px; background: url(../gfx/shadow_top_left.png) no-repeat; width: 70px; z-index: 5;}
#shadowTop {  left: 0; background: url(../gfx/shadow_top.png) repeat-x;}
#shadowTopRight { right: -6px; background: url(../gfx/shadow_top_right.png) no-repeat; width: 70px; z-index: 5;}

.shadowLeft { left: -36px; }
#shadowLeftTop {  top: -97px; background: url(../gfx/shadow_left_top.png) repeat-y; height: 256px !important; z-index: 6;}
#shadowLeft { top: auto; bottom: 25px !important; background: url(../gfx/shadow_left.png) repeat-y; height: 5000em !important; z-index: 5;}
#shadowLeftBot {  bottom: -56px;  background: url(../gfx/shadow_left_bot.png) repeat-y; height: 81px !important;}

.shadowBot {  bottom: -26px; }
#shadowBot { left: 0; background: url(../gfx/shadow_bot.png) repeat-x;}
#shadowBotLeft {  left: -6px; background: url(../gfx/shadow_bot_left.png) top no-repeat; width: 70px; z-index: 5;}
#shadowBotRight {  right: -6px; background: url(../gfx/shadow_bot_right.png) top no-repeat; width: 70px; z-index: 5;}


.shadowRight { right: -36px; }
#shadowRightTop { top: -97px; background: url(../gfx/shadow_right_top.png) repeat-y top; height: 256px !important; z-index: 6;}
#shadowRight { top: auto; bottom: 25px !important; background: url(../gfx/shadow_right.png) repeat-y; height: 5000em !important; z-index: 5;}
#shadowRightBot {   bottom: -56px; background: url(../gfx/shadow_right_bot.png) repeat-y; height: 81px !important;  z-index: 5;}


#content h2 {font-size: 110%; color: #00A195; font-weight: bold; margin-top: 10px; }