@charset "utf-8";
html, body {
	margin: 0;
	padding: 0;
	border: 0;
/* \*/
  height:100%;
/* Last height declaration hidden from Mac IE 5.x */
}
body  {
    	font: 100% Tahoma, Arial, Helvetica, sans-serif;
	   background: #ededed;
    	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
    	padding: 0;
    	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
    	color: #000;
		min-width: 840px;
    }
.invisible {
	display: inline;
	font-size: 0px;
}
#container { 
      position: relative;
		min-height: 100%;
    	width: 840px; 
		background-color: #fff;
		color: #000;
		background-image: url(images/rahmen.gif);
		background-repeat: repeat-y;
    	margin: 0 auto; 
    	text-align: left;
    } 
/*    #container muss bei IE 6 height 100% haben, sonst wird wird der Footer am Ende des Contents,
		und nicht am Ende der Zeile platziert. Bei Firefox und IE 7 darf diese Angabe aber nicht 
		erscheinen, sonst lappt der Footer uebe4r den Text, falls das Fenster zu klein ist; 
		auch height: auto funktionert da nicht, dabei wird das Fenster zu gross.
		Der  folgende Hack interpretiert die height-Angabe nur fuer IE < 7 */
* html #container {
	height: 100%;
}
#header { 
     	background: #fff; 
    	padding: 2px 0 0 0px;  
		height: 313px;
		width:780px;
		margin: 0 30px;
		overflow: hidden;
    }
#hleft {
	text-align: right;
	width: 278px;
	padding: 0 20px 0 0;
}
#hleft h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 24px;
}
#hright {
	text-align: left;
	vertical-align: bottom;
	width: 482px;
}
#headgrafik {
	background-image: url(images/header2.jpg);
	background-repeat: no-repeat;
	width: 780px; height: 190px;
	border-top: solid 2px #c03;
	border-bottom: solid 2px #c03;
}
div {
	/*border: 1px solid #00f;*/
	margin: 0; padding: 0;
}

#navi {
   height: 35px;
	background-image: url(images/navibg2.gif);
	background-repeat: repeat-x;
	border-bottom: solid 2px #ededed;
}
#navi ul { 
margin: 0; padding: 0; 
}
#navi li { 
font-family: Verdana, Arial, Helvetica, sans-serif;
display: inline;
float: left;
padding: 0;
margin: 9px 0 0 0;
}
#navi a { 
font-size: 12px;
height: 18px;
line-height: 18px;
color: #fff; 
text-decoration: none;
background-color: #888888; 
margin: 0 0 0 5px; /*Abstand zwischen den Textlinks*/
padding: 3px 5px;
}
#navi a:hover { 
background-color: #c03; 
text-decoration: none; }
#navi .SEL { 
background-color: #c03; 
text-decoration: none; }


#middle {
   margin: 0 30px;
   padding: 0 0 43px 0;
   }
    
#mainContent { 
    	margin: 0 0 0 0px; /* Durch den linken Rand dieses div-Elements entsteht die Spalte am linken Seitenrand. Der Spaltenbereich bleibt unabhängig von der Inhaltsmenge des sidebar1-div immer gleich. Sie können diesen Rand entfernen, falls der Text des #mainContent-div den Bereich von #sidebar1 füllen soll, wenn der Inhalt in #sidebar1 endet. */
    	padding: 0 10px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
    } 
#footer { 
      position: absolute;
		bottom: 0;
    	padding: 0 10px; /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
		margin: 0 30px;
		background: #fff;
		border-top: solid 2px #ededed;
		height: 43px;
		width: 750px;
    } 

.fltrt { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
    	float: right;
    	margin-left: 8px;
    }
.fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */
    	float: left;
    	margin-right: 8px;
    }
.clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }
	 
.tdpad {
	padding: 0 10px;
}	
.links {
	padding: 3px 5px 3px 0;
	width: 288px;
}
.rechts {
	padding: 3px 5px 3px 0;
	width: 460px;
}
.links a:visited {
	color: #0000ff;
}
.texttitel {
	vertical-align: top;
	text-align: right;
	width: 245px;
	padding: 0 10px 0 0;
	margin: 0;
}
.textinhalt {
   vertical-align: top;
	padding: 0 0 0 0px;
	margin: 0;
}
.italic {
	font-style: italic;
}
/*Elemente*/ 
h1 {
	font-size: 16px;
	margin: 10px 0 5px 0;
}
h2 {
	font-size: 14px;
	margin: 8px 0 4px 0;
}
h2.termin { text-decoration:underline; padding-top: 10px;}

img {
	border: 0;
}
p, td, li {
   font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.2;
/*	margin-top: 0;*/
   margin: 10px 0;
}


.desc {
	vertical-align: top;
	padding: 0 20px 0 0;
}
.illu {
	vertical-align: top;
	width: 200px;
	padding: 0; margin: 0;
	text-align: right;
}


/*4 your IT*/
#w3c {
	position: relative;
	padding: 5px 5px 5px 0;
	width: 100px;
	float: left;
}
#foryi {
text-align: left;
margin-left: 90px;
font-size: 11px;
padding: 21px 0 0 0;
}
#foryi a { text-decoration: none; }
#foryi a:hover { text-decoration:underline; }
#foryi a:visited { color: blue; }

.titlelist {
width: 100%;
border-top: solid 1px #888;
border-bottom: solid 1px #888;
padding: 3px 0; margin: 3px 0;
}
.titlelist td {
vertical-align:top;
width: 30%; padding-left: 5px;
}

.bullet {
	margin: 0px; padding: 0px;
}
.bullet li {
	list-style: none;
	background: url(images/bullet.png) no-repeat left 10px;
	margin: 0; padding: 5px 0 5px 18px;
}