/* main.css */
/* -------- */
body { font-family: Verdana, Arial, Helvetica; color: #333; 
       margin-left: 0px;margin-right: 0px; margin-top: 0px; margin-bottom: 0px; 
	   background-image:url(img/bg.gif);background-repeat:repeat-y}
	   
p, td, tr, form, table, input, form { font-size: 11px; margin-top: 0px; margin-bottom: 0px ;}
.text       { margin-left:99px;}
.zitat      { margin-left:109px;margin-right:40px;font-style:italic}
.glossartitel       { margin-left:99px;font-weight:bold;}
.titel      { font-size: 18px; margin-left:14px;font-weight:bold;margin-top:15px;margin-bottom:14px}
.untertitel { margin-left:238px;margin-top:100px}
.zeit       { font-family: Verdana, Arial, Helvetica;border:0;font-size:8px;color:#333333;background-color:#d0d0d0;}
.navi       { margin-bottom: 2px ;}

li {font-size: 11px; margin-top: 0px; margin-bottom: 0px;margin-left:85px;list-style-type:none;list-style-image: url(img/li-punkt.gif); }
li.glossar {font-size: 11px; margin-top: 0px; margin-bottom: 0px;margin-left:-15px; list-style-type:disc;list-style-image: none}

			  
/*menu-links*/
A.menu:link    { font-weight:bold;color: #333; text-decoration: none; }
A.menu:visited { font-weight:bold;color: #333; text-decoration: none; }
A.menu:hover   { font-weight:bold;color: white;text-decoration: none; }
A.menu:active  { font-weight:bold;color: #333; text-decoration: none; }


/* Positionierung der Layers */

	#kopf { 
	    background: #d0d0d0; 
		position: absolute;
		width:100%; 
		height: 120px;
		top:0;
		background-position:0px 0px;
        background-repeat:no-repeat;
        background-image:url('img/grau_de.gif');
		}
		
	#navi {
		position: absolute;
		height:100%;
		top:120px;
		width:130px; 
		bottom:0px;
		left:0px;
		/*float:left;*/
		background:#d0d0d0;
		padding-right:10px; /* 10px*/
		}
	
	#inhaltcontainer {
		position: absolute;
		top:121px;
		bottom:0px;
		left:140px; /* 155px*/
		width:640px; 
		float:left;
		background:#fff;
		}

/* css für tooltip-script */
/*------------------------*/
.tt {margin-bottom:6px;}

/* 1 Konzept */
/*mit Rähmli */
/*.tipClass1 { color: #E75F4A; background-color:#FDE4D8 }
.tipClass1_titel { color: #ffcccc; background-color:#E75F4A }
.tipClass1_titel2 { color: #E75F4A; background-color:#FDE4D8 ;border-bottom:1px #E75F4A solid;} 
.tab1 {background-color:#E75F4A; border:1px solid #E75F4A}
*/
/*ohne Rähmli*/
.tipClass1 { color: #E75F4A; background-color:#FDE4D8;padding-left:6px }
.tipClass1_titel { color: #ffcccc; background-color:#E75F4A ;padding-left:6px}
.tipClass1_titel2 { color: #E75F4A; background-color:#FCCBB3;padding-left:6px} 
.tab1 {background-color:#E75F4A; }

.tipClass1 A:link { text-decoration: none; color: #E75F4A }
.tipClass1 A:visited { text-decoration: none; color: #E75F4A }
.tipClass1 A:hover { text-decoration: none; color: #333333 }
.tipClass1 A:active { text-decoration: none; color: #E75F4A }
.tipClass1_1 A:link { text-decoration: none; color: #E75F4A }
.tipClass1_1 A:visited { text-decoration: none; color: #333333 }
.tipClass1_1 A:hover { text-decoration: none; color: #E75F4A }
.tipClass1_1 A:active { text-decoration: none; color: #E75F4A }

/* 2 Theorie */
/*.tipClass2 { color: #ff9933; background-color:#ffffcc }
.tipClass2_titel { color: #ffffcc; background-color:#ff9933 }
.tipClass2_titel2 { color: #ff9933; background-color:#ffffcc ;border-bottom:1px #ff9933 solid ;} 
.tab2 {background-color:#ff9933;border:1px solid #ff9933 }*/

.tipClass2 { color: #ff9933; background-color:#FEE8CE;padding-left:6px  }
.tipClass2_titel { color: #FEE8CE; background-color:#ff9933;padding-left:6px  }
.tipClass2_titel2 { color: #ff9933; background-color:#FED7AB ;padding-left:6px }  /*FFF485*/
.tab2 {background-color:#FBD09D}

.tipClass2 A:link { text-decoration: none; color: #ff9933 }
.tipClass2 A:visited { text-decoration: none; color: #ff9933 }
.tipClass2 A:hover { text-decoration: none; color: #333333 }
.tipClass2 A:active { text-decoration: none; color: #ff9933 }
.tipClass2_1 A:link { text-decoration: none; color: #ff9933 }
.tipClass2_1 A:visited { text-decoration: none; color: #ff9933 }
.tipClass2_1 A:hover { text-decoration: none; color: #333333 }
.tipClass2_1 A:active { text-decoration: none; color: #ff9933 }

/* 3 Dokumentation */
/*.tipClass3 { color: #00B4E9; background-color:#ccffff }
.tipClass3_titel { color: #ccffff; background-color:#00B4E9 }
.tipClass3_titel2 { color: #00B4E9; background-color:#ccffff ;border-bottom:1px #00B4E9 solid;} 
.tab3 {background-color:#00ccff;border:1px solid #00B4E9 }
*/
.tipClass3 { color: #00B4E9; background-color:#ccffff;padding-left:6px }
.tipClass3_titel { color: #ccffff; background-color:#00B4E9;padding-left:6px }
.tipClass3_titel2 { color: #00B4E9; background-color:#C7EBF7 ;padding-left:6px} 
.tab3 {background-color:#00ccff }

.tipClass3 A:link { text-decoration: none; color: #00B4E9 }
.tipClass3 A:visited { text-decoration: none; color: #00B4E9 }
.tipClass3 A:hover { text-decoration: none; color: #333333 }
.tipClass3 A:active { text-decoration: none; color: #00B4E9 }
.tipClass3_1 A:link { text-decoration: none; color: #00B4E9 }
.tipClass3_1 A:visited { text-decoration: none; color: #00B4E9 }
.tipClass3_1 A:hover { text-decoration: none; color: #333333}
.tipClass3_1 A:active { text-decoration: none; color: #00B4E9 }

/* 4 Produkt #9999cc #dadaec*/
/*.tipClass4 { color: #6666cc; background-color:#dadaec }
.tipClass4_titel { color: #dadaec; background-color:#6666cc }
.tipClass4_titel2 { color: #6666cc; background-color:#dadaec ;border-bottom:1px #6666cc solid;} 
.tab4 {background-color:#6666cc;border:1px solid #6666cc }
*/
.tipClass4 { color: #6666cc; background-color:#dadaec;padding-left:6px }
.tipClass4_titel { color: #dadaec; background-color:#6666cc ;padding-left:6px}
.tipClass4_titel2 { color: #6666cc; background-color:#BDBDEA;padding-left:6px} 
.tab4 {background-color:#6666cc }

.tipClass4 A:link { text-decoration: none; color: #6666cc }
.tipClass4 A:visited { text-decoration: none; color: #6666cc }
.tipClass4 A:hover { text-decoration: none; color: #333333 }
.tipClass4 A:active { text-decoration: none; color: #6666cc }
.tipClass4_1 A:link { text-decoration: none; color: #6666cc }
.tipClass4_1 A:visited { text-decoration: none; color: #6666cc }
.tipClass4_1 A:hover { text-decoration: none; color: #333333 }
.tipClass4_1 A:active { text-decoration: none; color: #6666cc }
/* 5 Praeentation */
/*.tipClass5 { color: #669933;background-color:#e3e3c0 }
.tipClass5_titel { color: #e3e3c0; background-color:#669933 }
.tipClass5_titel2 { color: #669933; background-color:#e3e3c0 ;border-bottom:1px #669933 solid;} 
.tab5 {background-color:#669933;;border:1px solid #669933 }
*/
.tipClass5 { color: #669933;background-color:#e3e3c0;padding-left:6px }
.tipClass5_titel { color: #e3e3c0; background-color:#669933 ;padding-left:6px}
.tipClass5_titel2 { color: #669933; background-color:#D4D4B5 ;padding-left:6px} 
.tab5 {background-color:#669933;}

.tipClass5 A:link { text-decoration: none; color: #669933 }
.tipClass5 A:visited { text-decoration: none; color: #669933 }
.tipClass5 A:hover { text-decoration: none; color: #333333 }
.tipClass5 A:active { text-decoration: none; color: #669933 }
.tipClass5_1 A:link { text-decoration: none; color: #669933 }
.tipClass5_1 A:visited { text-decoration: none; color: #669933 }
.tipClass5_1 A:hover { text-decoration: none; color: #333333 }
.tipClass5_1 A:active { text-decoration: none; color: #669933 }