/*  Basis-css zur Steuerung der Typo3-Ausgabe */
/*  ###############################################################  */
/*  Generelle Attributzuweisungen für nicht klassifizierte Elemente */

/*  vordefinierte Abstände aller Elemente werden auf null gesetzt */
  * {margin:0 0 0 0; padding:0 0 0 0;}
/*  für die Auswahlboxen muss das wieder zurückgenommen werden  */
  option { padding:0 0 0 0.4em;}

/*  Das HTML-Element nimmt 100% Raum ein */
  html { height:100%; width: 100%;}
  * html body { height: 100%;}
  body * {background-color: transparent;}
/*  Dokumentweite Einstellungen */
  body { 
  position: relative; /*  horizontal zentrierte Ausrichtung */
  margin: 0 auto 0 auto;
  min-height: 100.01%; /*  vertikalen Scrollbalken erzwingen */
  width: 100%;
  text-align: left;
  font-size: 100.01%;
  line-height: 130%;
  }

  #IEroot { text-align: center;}
  #maincontainer {text-align: left;  margin: 0 auto 0 auto;}
  #maincontent {}

/*  Verweise generell nicht unterstrichen und schwarz  */
  a, a:link, a:active, a:visited, a:hover { text-decoration: none; color: #000; background: transparent;}

/*  Bilder  generell ohne Rahmen */
  img { border: 0; }

/*  Listen  */	
  ul, ol, dl { margin: 0 0 0 0;}
	li { margin: 0 0 0 0; }
	dt { font-weight: bold; }
	dd { margin: 0 0 0 0; }

/*  Überschriften */
h1 { font-size: 135%;}
h2 { font-size: 130%;}
h3 { font-size: 115%;}
h4 { font-size: 110%;}
h5 { font-size: 105%;}
h6 { font-size: 102%;}

	.subfluid { padding: 0 1px 0 1px; margin: 0 -1px 0 -1px;	overflow: hidden;	}
	.subfluidcenter  { padding: 0 0.5em 0 0.5em; overflow: hidden; }
	.subfluidleft { padding: 0 1em 0 0; overflow: hidden; }
	.subfluidright { padding: 0 1em 0 1em; overflow: hidden; }
	.left25, .left33, .left38, .left50, .left62, .left66, .left75 { float: left; overflow: hidden; }
	.right25, .right33, .right38, .right50, .right62, .right66, .right75 {float: right; overflow: hidden;}
	.left25, .right25 { width: 24.99%; }
	.left33, .right33 { width: 33.33%; }
	.left38, .right38 { width: 38.19%; } 	
	.left50, .right50 { width: 49.99%; }
	.left62, .right62 { width: 61.80%; } 	
	.left66, .right66 { width: 66.66%; }
	.left75, .right75 { width: 74.99%; }

/*  Formulare */
	option { padding: 0 0 0 0.4em; }
	fieldset { border: 0; }
	select, input, textarea { font-size: 100%; }

/*  Tabellen  */

/*  Absatzformate */
	blockquote, cite { margin: 0 0 0 1em; width: auto;}
	strong, b { font-weight: bold;}
  em, i { font-style: italic;}
  pre, code { font-family: "Courier New", Courier, monospace;}

/*  Linie */
  hr {color:#fff; background: transparent; margin:0 0 0.5em 0; padding: 0 0 0.5em 0; }


/*First, you have to create the following classes in jour CSS
//    .imgcachee to hide the first alternative image or text (which is for IE only) in other browsers
//    .contenu to hide the second object  in IE */
img.imgcachee {display:none;}
/*** hides the second object from all versions of IE ***/
* html object.contenu {
display: none;
}
*html img.imgcachee {
display:inline;
}
 /* displays the second object in all versions of IE apart from 5 on PC */
* html object.contenu/**/ {
 display: inline;
}
* html img.imgcachee/**/ {
display: none;
}
/* hides the second object from all versions of IE >= 5.5 */
* html object.contenu {
display/**/: none;
}
* html img.imgcachee {
display/**/: inline;
}