@charset "UTF-8";
/* CSS Document */

@font-face {
  font-family: 'Helvetica-Light';
  src: url('fonts/Helvetica-Light.eot');
  src: url('fonts/Helvetica-Light.woff2') format('woff2'),
       url('fonts/Helvetica-Light.woff') format('woff'),
       url('fonts/Helvetica-Light.ttf') format('truetype'),
       url('fonts/Helvetica-Light.svg#Helvetica-Light') format('svg'),
       url('fonts/Helvetica-Light.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

body {  background-image:url(pics/bg.gif); padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 100.1%; text-decoration: none;}

a:link, a:visited, a {color: #73c1b0;  text-decoration:none; margin:0; padding:0;}
.clear { clear:both; margin:0px; padding:0px;}
.overflow { overflow: hidden;}

/*///////////////////////////////// Container //////////////////////////////////////*/


#container { width: 790px; height: 696px; margin-top: 27px; margin-left:auto; margin-right:auto; padding:0px;}
#header { margin:0px; padding:0px;}


/*///////////////////////////////// NAVIGATION //////////////////////////////////////*/

  #navi_main {width: 100%; height: 36px; margin:0px; padding:0px;  margin-top: 20px; }
  #nav_main ul { line-height: 1em; list-style: none; padding: 0px 0px 0px 0px; white-space: nowrap;}
  #navi_main ul li { float: left; margin: 0px; padding: 0px 40px 0px 0px; list-style:none; font-size: 80%;  }

  #navi_main a {
    /* (en) This image is mainly transparent */
    /* (de) Dieses Bild ist größtenteils transparent */
	display:block; color: #646464; padding: 0px; text-decoration: none; text-transform: none;

    /**
     * @bugfix
     * @affected   IE5.x, IE6
     * @css-for    all browsers
     * @valid      yes
     */
    width: auto; /* only IE 5.x */
    width/**/:/**/ .1em; /* only IE 6.0 */
  }

  /**
   * @bugfix
   * @affected   IE5.x, IE6
   * @css-for    all browsers
   * @valid      yes
   */
  #navi_main > ul a { width: auto; }  /* for other browsers */
  #navi_main a:focus,  #navi_main a:hover,  #navi_main a:active, a {color: #73c1b0; }
  #navi_main #current a {color: #73c1b0;}
  
  
  
  /*///////////////////////////////// CONTENT //////////////////////////////////////*/
  
  #content { }
  #top { background-image:url(pics/schat_top.gif); background-repeat:no-repeat; height: 23px; width: auto;}
  #main { background-image:url(pics/schat_main.gif); background-repeat:repeat-y; min-height: 370px; padding-left:10px;  padding-bottom: 20px;}
  #footer { background-image:url(pics/schat_footer.gif); background-repeat:no-repeat; height:36px; width:auto;}
  
 
  
   /*///////////////////////////////// LEFT //////////////////////////////////////*/
   
   #left { margin: 0px 0px 0px 32px; padding: 50px 0px 0px 0px; width: 205px;  float:left;}
   
   #left h1 { font-size: 80%; color:#646464; font-weight:lighter; margin: 0px; padding: 0px; background-image:url(pics/punkt.gif); background-repeat:no-repeat; text-indent: 18px;}
   #left h2 { font-size: 73%; color:#646464; margin:0px 0px 0px 0px; padding: 25px 0px 2px 0px;}
   
   #left p  {font-size: 70%; color:#646464; margin:0px 0px 0px 0px; padding:0px;}
   #left p .italic { font-style:italic; font-weight:bolder; color: #73c1b0;}
   
   * html #left { margin: 40px 0px 0px 15px; padding:0px;}
   * html  #left h2 {padding: 35px 0px 2px 0px;}
   
   /*///////////////////////////////// RIGHT //////////////////////////////////////*/
   
   #right { width: 495px; margin: 0px; padding: 35px 0px 0px 40px; float: left; color:#646464; }
   
   #right h1 {font-size: 75%; margin:0px 30px 0px 0px; padding: 0px;}
   #right h2 {font-size: 75%; margin:0px 30px 0px 0px; padding: 0px 0px 10px 0px; font-style:italic;}
   #right p  { width:393px;font-size: 75%; margin:0px 30px 0px 0px; padding: 0px; line-height: 1.3em;}
   
   #right ul {  width:393px; margin: 5px 0px 18px 0px; padding: 0px 0px 0px 15px;}
   #right ul li {font-size: 75%; color:#646464; margin:0px; padding:0px; line-height: 1.5em;}
   
   * html  #right { width: 480px; margin: 0px;  padding: 35px 0px 0px 30px;}
   
   
 /*///////////////////////////////// Footer //////////////////////////////////////*/
 
  #footer { width: auto; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
  
   #footer ul{font-size: 65%; color:#646464; margin:0px; padding: 12px 0px 0px 57px; line-height: 1em; list-style: none;}
   #footer ul li { float: left; margin: 0px; padding: 0px; list-style:none; }
   #footer ul li a {color:#646464;}
   
   #footer p  {font-size: 65%; color:#646464; margin:0px; padding: 0px 63px 0px 0px; float:right;}
   
    #footer ul li a:focus,  #footer ul li a:hover,  #footer ul li a:active, a {color: #73c1b0; }
  #footer #current a {color: #73c1b0;} 
  
  
  .dat-imp {
	font-family: Helvetica-Light;
	font-size: 36px!important;
	color: #73c1b0;
  }