/*-----------------------------------------------------------------------------
  standard.css - defines styles used for face-and-body.com browser presentation
  -----------------------------------------------------------------------------*/ 

  /* #f4b383 Textfarbe */
  /* #f9d7ba Hintergrund */

  body {
     background-color:#fdf5ed;
     margin: 0px;
  }

  /* ... Font-family, alle ... */
  body,a,p,br,h1,h2,h3,h4,h5,h6,ul,ol,ul,dt,li,div,td,tr,th,address,nobr,center,i,em,u,strong,big {
    font-family: Arial,Helvetica,'Century Gothic';
  }


  /* ... Schriftgrößen ... */
  body,a,p,center,br,ol,li,dl,dd,dt,td,address {font-size: 10pt;}
  h1 { font-size:  17pt;}
  h2 { font-size:  18pt; color:#fff}
  h3 { font-size:  14pt;}
  h4 { font-size:  12pt;}
  h5 { font-size:  10pt;}
  h6 { font-size:   8pt;}

  /* ... Zeilenabstände ... */
  p,center,br,ol,dl,dd,dt,pre,address { line-height: 15pt;}
  h3 { line-height: 16.0pt;}
  h4 { margin-bottom: 0pt; margin-top: 18pt;}
  h4 { margin-bottom: 0pt; margin-top: 8pt;}
  ul { margin-bottom: 6pt; margin-top: 0pt;}
  ul { line-height: 25pt;}
  li { line-height: 15pt;padding: 2 0 0 0}
	   
  /* ... Links ...*/
  a         {font-size: 10pt; text-decoration: none; color: #000;}
  a:link    {font-size: 10pt; text-decoration: none; color: #000;}
  a:visited {font-size: 10pt; text-decoration: none; color: #000;}
  a:focus   {font-size: 10pt; text-decoration: none; color: #000;}
  a:hover   {font-size: 10pt; text-decoration: none; color: #fff;}
  a:active  {font-size: 10pt; text-decoration: none; color: #000;}

  a.ma         {font-weight:bold; text-decoration: none; color: #f2b483; font-size:14px;}
  a:link.ma    {font-weight:bold; text-decoration: none; color: #f2b483; font-size:14px;} 
  a:visited.ma {font-weight:bold; text-decoration: none; color: #f2b483; font-size:14px;} 
  a:focus.ma   {font-weight:bold; text-decoration: none; color: #f2b483; font-size:14px;} 
  a:hover.ma   {font-weight:bold; text-decoration: none; color: #f2b483; font-size:14px;} 
  a:active.ma  {font-weight:bold; text-decoration: none; color: #f2b483; font-size:14px;}
	
  a.mn         {text-decoration: none; color: #000; font-size:14px;}
  a:link.mn    {text-decoration: none; color: #000; font-size:14px;} 
  a:visited.mn {text-decoration: none; color: #000; font-size:14px;} 
  a:focus.mn   {text-decoration: none; color: #000; font-size:14px;} 
  a:hover.mn   {text-decoration: none; color: #000; font-size:14px;} 
  a:active.mn  {text-decoration: none; color: #000; font-size:14px;}		
		
  /* m2 != 0 && current menutitem */
  a.ma1         {font-weight:bold; text-decoration: none; color: #80502c; font-size:14px;}
  a:link.ma1    {font-weight:bold; text-decoration: none; color: #3a2515; font-size:14px;} 
  a:visited.ma1 {font-weight:bold; text-decoration: none; color: #3a2515; font-size:14px;} 
  a:focus.ma1   {font-weight:bold; text-decoration: none; color: #3a2515; font-size:14px;} 
  a:hover.ma1   {font-weight:bold; text-decoration: none; color: #3a2515; font-size:14px;} 
  a:active.ma1  {font-weight:bold; text-decoration: none; color: #3a2515; font-size:14px;}

  /* m2 != 0 && NOT current menutitem */
  a.mn1         {text-decoration: none; color: #7d5c2e; font-size:14px;}
  a:link.mn1    {text-decoration: none; color: #7d5c2e; font-size:14px;} 
  a:visited.mn1 {text-decoration: none; color: #7d5c2e; font-size:14px;} 
  a:focus.mn1   {text-decoration: none; color: #7d5c2e; font-size:14px;} 
  a:hover.mn1   {text-decoration: none; color: #7d5c2e; font-size:14px;} 
  a:active.mn1  {text-decoration: none; color: #7d5c2e; font-size:14px;}		
      
  /* m2 == 0 && current menutitem */
  a.ma2         {text-decoration: none;      color: #000; font-size:13px; background-color: #f2b483;}
  a:link.ma2    {text-decoration: none;      color: #000; font-size:13px; background-color: #f2b483;}
  a:visited.ma2 {text-decoration: none;      color: #000; font-size:13px; background-color: #f2b483;}
  a:focus.ma2   {text-decoration: underline; color: #000; font-size:13px; background-color: #f2b483;}
  a:hover.ma2   {text-decoration: underline; color: #000; font-size:13px; background-color: #f2b483;}
  a:active.ma2  {text-decoration: none;      color: #000; font-size:13px; background-color: #f2b483;}		
	
  /* m2 == 0 && NOT current menutitem */
  a.mn2         {text-decoration: none;      color: #fff; font-size:13px; background-color: #f2b483;}
  a:link.mn2    {text-decoration: none;      color: #fff; font-size:13px; background-color: #f2b483;} 
  a:visited.mn2 {text-decoration: none;      color: #fff; font-size:13px; background-color: #f2b483;} 
  a:focus.mn2   {text-decoration: underline; color: #fff; font-size:13px; background-color: #f2b483;} 
  a:hover.mn2   {text-decoration: underline; color: #fff; font-size:13px; background-color: #f2b483;}
  a:active.mn2  {text-decoration: none;      color: #fff; font-size:13px; background-color: #f2b483;}
		
  /* m2 != 0 && current sub-menutitem */
  a.sma         {text-decoration: none;      color: #000; font-size:13px;}
  a:link.sma    {text-decoration: none;      color: #000; font-size:13px;} 
  a:visited.sma {text-decoration: none;      color: #000; font-size:13px;} 
  a:focus.sma   {text-decoration: underline; color: #000; font-size:13px;} 
  a:hover.sma   {text-decoration: underline; color: #000; font-size:13px;} 
  a:active.sma  {text-decoration: none;      color: #000; font-size:13px;}		
	
  /* m2 != 0 && current NOT sub-menutitem */
  a.smn         {text-decoration: none;      color: #fff; font-size:13px;}
  a:link.smn    {text-decoration: none;      color: #fff; font-size:13px;} 
  a:visited.smn {text-decoration: none;      color: #fff; font-size:13px;} 
  a:focus.smn   {text-decoration: underline; color: #fff; font-size:13px;} 
  a:hover.smn   {text-decoration: underline; color: #fff; font-size:13px;} 
  a:active.smn  {text-decoration: none;      color: #fff; font-size:13px;}

  


  div#footer  { 
    width: 800 px; 
    text-align: center; 
    margin: 0 0 0 0; 
    padding: 5px 0 20px 0; 
    background-color: #fff; 
    line-height: 20px; 
    color: #f2b483; 
    text-transform: uppercase; 
  }

  div#a1, div#a2, div#a3, div#a4, div#a5, div#a6  {
    padding: 0 10px 0 10px; 
    display: none; 
    position: absolute; 
    top: 50px; 
    background-color:#f2b483; 
    z-index:9;
  }

  /* HOME */
  div#a1 {
    left: 370px;
  }

  div#a2 {
    left: 450px;
  }

  div#a3 {
    left: 540px;
  }

  div#a4 {
    left: 640px;
  }

  div#a5 {
    left: 690px;
  }

  div#a6 {
    left: 810px;
  }

  div#main {
    background-color:#fff; 
    margin:0 auto; 
    padding:0; 
    width:800px; 
    overflow:hidden;
  }

  div#hide-menu {
    margin:0 auto; 
    padding:0; 
    width:800px; 
    background-color:#fff";
  }

  div#headline {
    padding:20px 0 0 12px;
    width:350px;
    float:left;
  }

  .headline-img {
     width:350px;
     height:23px;
     border:none;
  }

  div#menu {
    background-color:#fff; 
    width:420px; 
    float:right; 
    height:30px; 
    padding:28px 10px 0 0;
    overflow:hidden;
  }

  div#menubar {
    padding: 0 10px 0 10px; 
    top: 50px; 
    background-color:#f2b483; 
  }

  div#submenu {
    position: relative; 
    line-height: 30px;
  }

  table.ta {
    border: 0; 
    padding: 0; 
    border-spacing: 0; 
    width: 800px;
  }

  .td-ta {
    background-color: #f9d7ba;
  }

  .td-ta-image {
    vertical-align: top; 
    background-color:#fae4cd; 
  }

  table.tb { border-spacing: 0; width:400px; }
  .tb th, .tb td { padding: 30px;  border: 0; }

  .start {
    height:756px; 
    width:800px;
  }
	
  div#pdf {
    font-size: 48pt; 
    text-align: center; 
    border: 2px solid #000;
  }


  /* ... Special alignment ...*/
  ul {
    margin:0 0 0 18px; 
    padding:0; 
    list-style-image: url('../images/logo-punkt.png');
  }


  address {
    text-decoration: italic;
  }