/**************************************************/
/* Damit im IE Menü um Seite                      */
/**************************************************/

html,body {
   margin:0px;                    /* kein Rand zum Browserfenster */
   font-family:"Free Sans",Arial; /* Schriftart für Linux und Windows */
   overflow-y: hidden; 					  /* Trick für absolute Positionierung*/
   height: 100%;
}

.container { height: 100%; width: 100%; overflow-y: auto; }

.inhalt {
  position: static; /* WICHTIG !!! */
  margin: 71px 10px 10px 127px;
  padding: 20px;
}

/**************************************************/
/* Design - Rahmen um Seite, Logo, Menü...        */
/**************************************************/

/* RiF Logo oben links */
   
#rif {
   position: absolute;
   top: 0px;
   left: 0px;
   width: 388px;
   height:61px;
   z-index: 3;
 }
 
#rif a {
   background: url(http://design.redinfocus.com/RedInFocus2.gif) no-repeat;
   display:block;  /* Linkbereich begrenzen */
}

#rif img {
   display:block; width:388px; height:61px; border:0;
}

#rif a:hover img {
   visibility: hidden;
}

#rif a:hover { /* Workaround fuer IE 5.5 und 6 */
   border:0;
}

* html #rif a {
   margin-right:1px;
}

* html #rif a:hover {
   width:388px; height:61px; margin-right:0; /* Workaround fuer IE 5.01 */
}

/* Obere Leiste Hintergrund */

.top {
   top: 0px;
   left: 0px;
   width: 100%;
   height: 61px;
   z-index: 2;
   position: absolute;   
   background-image:url(http://design.redinfocus.com/bgtop.gif);
   background-attachment: fixed;
}

.search {
   top: 0px;
   right: 0px;
   width: 234px;
   height: 61px;
   position: absolute;
   z-index: 3; /* positioniert über .top Hintergrund */
   background-image:url(http://design.redinfocus.com/search.gif);
   margin:0px;
   padding: 0px;
   vertical-align:middle; /* Textausrichtung Zentriert */
   font-weight:bold;
}

.left {
   z-index: 1;
   background-image:url(http://design.redinfocus.com/bgleft.gif);
   position: absolute;
   color: red;
   top: 0px;
   left: 0px;
   width: 117px;
   height: 100%;
}

.menu {
   z-index: 2;
   background-image:url(http://design.redinfocus.com/button.gif);
   position: absolute;
   top: 120px;
   left: 0px;
   width: 117px;
   height: 240px;
   font-family:"Free Sans",Arial;
   font-weight:bold;
   text-decoration:none;
}

/**************************************************/
/* Inhaltsfenster                                 */
/**************************************************/

div.FensterOben
 { width:650px;
   height:31px;
   padding-left:10px;
   background-image:url(http://design.redinfocus.com/window-ob.png);
   text-align:left;
 }

div.FensterHintergrund
 { width:608px;
   padding:20px 25px 0 27px;
   background-image:url(http://design.redinfocus.com/window-bg.gif);
   /*text-align:left; */
 }

div.FensterUnten
 { width:660px;
   height: 20px;
   background-image:url(http://design.redinfocus.com/window06.png);
 }

/**************************************************/
/* Textbereich für Aktuelles                      */
/**************************************************/
 
  .text
{
float: left;
width: 352px;
margin: 0 45px 0 0;
padding: 5px;
text-align:justify;
color:#fff2d6;
}

 .bild
{
float: left;
width: 184px;
margin: 0;
padding: 5px;
}



/**************************************************/
/* HTML Formatierung                              */
/**************************************************/

/* benötigt für Änderung der Tabellenfarbe bei hover*/
tr
  { behavior: url('../IEFixes.htc');
  }

div
 { margin: 0 auto;
 }

/**************************************************/
/* Schriften                                      */
/**************************************************/

h1 { font-size:18px; color:#fff2d6; padding-top:4px; float:left;}
h2 { font-size:15px; color:#fff2d6; margin:7px; display:inline;}

.text h1 { font-family:"Free Sans",Arial; font-weight:bold; font-size:14px; text-decoration:underline;  color:#fff2d6; float:none;}


/**************************************************/
/* Tabellenformatierung                           */
/**************************************************/

table
 { width:591px;
   border:1px solid #000000; /* Rand 1px schwarz */ 
   background-color:#BE0000; /* Hintergrundfarbe rot */
   margin-right: 9px;
 }
 
 .text table {
 width:240px;
 }

td /* Spalten */
 { border-width:1px; /* Randbreite */
   border-top-style:none; /* oben kein Rand */
   border-bottom-style:dashed; /* unten gestrichelter Rand */
   border-color:#990000; /* dunkelrot */
   font-size:13px;
   font-weight:bold;
   text-align:left;
 }

thead {background-color:#990000; border-width:5px; bordr-style:solid; color:#000000;} /* Tabbellenkopf dunkelrot*/
thead td { border-width:5px; border-bottom:2px; border-top:1px; border-top-style:solid; border-bottom-style:solid; color:#000000 }
thead tr { border-bottom:2px; border-top:1px; border-top-style:solid; border-bottom-style:solid; color:#000000 }

tbody tr.hover { background-color:#990000; color:#fff2d6;}

/**************************************************/
/* Links                                          */
/**************************************************/

a img {
   border:1px solid #000000; /* Rand 1px schwarz */ 
}

a:hover img {
   border:1px solid #fff2d6; /* Rand 1px schwarz */ 
}

a:link, a:visited
 { font-size:13px;
   text-decoration:none;
   color:#000000;
 }

a:hover
 { font-size:13px;
   color:#fff2d6;
 }

thead a:link, thead a:visited
 { color:#000000;
   font-size:15px;
 }

thead a:hover
 { color:#fff2d6;
   font-size:15px;
 }

h2 a:link, a:visited
 { color:#000000;
   font-size:15px;
 }

h2 a:hover
 { color:#fff2d6;
   font-size:15px;
 }

a.infobox {  text-decoration:none; }
  a.infobox:hover { cursor:pointer;}
  a.infobox span { visibility:hidden; position:absolute; left:-99em;
                   margin-top:1.5em; padding:1em; text-decoration:none; }
  a.infobox:hover span { visibility:visible; left:16em;
                         border:1px solid #BE0000; color:black; background:white; font-size:10px; }


/**************************************************/
/* Design                                         */
/**************************************************/

#Text { width:300px; text-align:justify; float:left;}




.menu a:link { line-height:24px; font-size:13px; color:#000000;}
.menu a:visited { line-height:24px; font-size:13px; color:#000000;}
.menu a:hover { line-height:24px; font-size:13px; color:#fff2d6;}
.menu a:active { line-height:24px; font-size:13px; color:#fff2d6;}