@charset "UTF-8";

body {
    font: normal 100.01% Tahoma, Verdana, Helvetica, Arial, sans-serif;
    color: black; background-color: white;
    min-width: 60em; /* Mindestbreite verhindert Anzeigefehler in modernen Browsern */
    }

html {
    padding: 0;
    }
body {
    margin: 0; padding: 0; font-size: 62.5%;
    }

/* ........................................... */   
#kopf {
    position: absolute;
    top: 0px; left: 0px; width:2000px;
    border: 0px solid;
    z-index:1; 
    }
    
#links {
    position: absolute;
    top: 111px; left: 0px; width:166px; background-color:#ffffff;
    border: 0px solid; overflow:visible;
    height:100%;
    z-index:1; 
    }

.sehen { 
    top: 0px; left: 0px; background-color:#ffffff;
    float:left;
    border: 0px solid;
    height:166px; width:166px; 
    }
.verstehen { 
    top: 0px;
    float:left;
    border: 0px solid;
    height:11111px;
    }
.handeln {
    top: 0px;
    float:left;
    border: 0px solid; 
    height:166px;
    }

h1 { font-family: georgia, verdana;
  	font-weight:normal;
  	color:#ffffff;
  	font-style:italic;
    font-size: 3em;
    display:block;
    }
    
h2 { font-family: tahoma, verdana;
  	font-weight:bold;
  	color:#666633;
  	font-style:normal;
    font-size: 1.4em;
    display:block;
    margin: 0 0 0 2.4em;
    }
    
h3 { font-family: tahoma, verdana;
  	font-weight:normal;
  	color:#663333;
  	font-style:normal;
    font-size: 1.4em;
    display:block;
    margin: 0 0 1em 0;
    }
 h4 { font-family: tahoma, verdana;
  	font-weight:normal;
  	color:#663333; background-color:#ffffff; width:90%;
  	font-style:normal;
    font-size: 1.4em;
    display:block;
    margin: 0 0 1em 0; padding:1em;
    } 
    
.sehen h1 { 
  	color:#ffcc33; text-align:right;
    }
  
.verstehen h1 { 
  	color:#ffffff; text-align:center; padding: 0em 0.3em 22em 0.3em;
    }
  
.handeln h1 { 
  	color:#999966; text-align:left;
    }
    
#linie { 
	overflow:visible; margin: 0 0 0 30px; 
	border-top: 1px solid silver;
    }
    
.navigation { font-family: tahoma, verdana;
  	font-weight:normal;
  	line-height:2em;
  	color:#666633;
  	font-style:normal;
    font-size: 1.4em;
    display:block;
    margin: 0 0 0 2.4em;
    padding: 0;
    list-style-image:url(linie.gif);
    text-indent: -2em;
    }
.navigation a:link { font-family: tahoma, verdana;
  	font-weight:normal; border:0px solid white;
  	color:#6699cc;
  	text-decoration:none;
  	margin: 0 0 0 2em;
    }
.navigation a:visited { font-family: tahoma, verdana;
  	font-weight:normal;  border:0px solid white;
  	color:#6699cc;
  	text-decoration:none;
  	margin: 0 0 0 2em; 
    } 
.navigation a:hover { font-family: tahoma, verdana;
  	font-weight:bold;  border:0px solid white;
  	color:#666633;
  	text-decoration:none;
  	margin: 0 0 0 2em;  
    }    
.navigation a:active { font-family: tahoma, verdana;
  	font-weight:normal;  border:0px solid white;
  	color:#666633;
  	text-decoration:none;
  	margin: 0 0 0 2em;  
    }      
    
/* ........................................... */    
#inhalt { position:absolute;
    top: 111px; left: 166px; width:70%;
    border: 0px solid;  
    border-right: 0px solid silver; border-top: 1px solid white;
    z-index:2; padding: 1.1em;
    }

/* ........................................... */ 
.bildtextbox { 
    background-color:#ffffff; width:90%;
    padding: 1em 1em 1em 1em; 
    overflow:hidden;
    }
.bild { 
    width:333px;
    border: 0px solid;
    border-right: 0px solid silver;
    float:left; padding: 0 1.1em 0.2em 0;
    z-index:2; 
    }
 .bildzeile { 
    width:111px;
    border: 0px solid;
    border-right: 0px solid silver;
    float:left; clear:left; padding: 0 1.1em 0.2em 0;
    z-index:2; display:block;
    }
 .bildtext { font-family: tahoma, verdana;
  	font-weight:normal;
  	color:#666633;
  	font-style:normal;
    font-size: 1.2em;
    margin-left: 12em;
    padding: 0 0 0 0;
    }
    
  .bildtext b { font-family: tahoma, verdana;
  	font-weight:bold;
  	color:#666633;
  	font-style:normal;
    font-size: 1em;
    }
 .bildtext i { font-family: tahoma, verdana;
  	font-weight:normal;
  	color:#663333;
  	font-style:normal;
    font-size: 1em;
    }
    
  .beispiel { font-family: tahoma, verdana;
  	font-weight:normal;
  	color:#000000;
  	font-style:normal;
    font-size: 1.2em;
    margin: 0 0 0 1em;
    padding: 0;
    display:block;
    float:left;
    list-style-image:url(bullet.gif);
    text-indent:-1em;
    }
    
.beispiel a:link { font-family: tahoma, verdana;
  	font-weight:normal;
  	color:#000000;
  	text-decoration:none;
  	margin: 0 0 0 0.2em;
    }
.beispiel a:visited { font-family: tahoma, verdana;
  	font-weight:normal;
  	color:#000000;
  	text-decoration:none;
  	margin: 0 0 0 0.2em;
    }  
.beispiel a:hover { font-family: tahoma, verdana;
  	font-weight:normal;
  	color:#000000;
  	text-decoration:none;
  	margin: 0 0 0 0.2em;
    }    
.beispiel a:active { font-family: tahoma, verdana;
  	font-weight:normal;
  	color:#000000;
  	text-decoration:none;
  	margin: 0 0 0 0.2em;
    }      


/* ........................................... */
.schalter { font-family: tahoma, verdana;
  	font-weight:normal;
  	color:#000000;
  	font-style:normal;
    font-size: 1.2em;
    margin: 0 0 0 1em;
    padding: 0;
    display:block;
    float:left;
    clear:left;
    list-style-image:url(bullet.gif);
    text-indent:-1em;
    }
    
.schalter a:link { font-family: tahoma, verdana;
  	font-weight:normal;
  	color:#000000;
  	text-decoration:none;
  	margin: 0 0 0 0.2em;
    }   
.schalter a:hover { font-family: tahoma, verdana;
  	font-weight:normal;
  	color:#000000;
  	text-decoration:none;
  	margin: 0 0 0 0.2em;
    }    
.schalter a:active { font-family: tahoma, verdana;
  	font-weight:normal;
  	color:#000000;
  	text-decoration:none;
  	margin: 0 0 0 0.2em;
    }      
.schalter a:visited { font-family: tahoma, verdana;
  	font-weight:normal;
  	color:#000000;
  	text-decoration:none;
  	margin: 0 0 0 0.2em;
    }  
    
    
/* ........................................... */
.minibildtextbox { 
    background-color:#ffffff;
    padding: 0 1em 1em 0; 
    float:left;
    overflow:visible; margin: 0 0.5em 0 0;
    }
.minibild { 
    border: 0px solid silver;
    padding: 0 0 0 0; margin: 0 0 0 0; border:0px solid white; 
    z-index:2; 
    }
 .minibild a:link { border: 0px solid white;
    padding: 0 0 0 0; margin: 0 0 0 0;
    text-decoration:none;
    z-index:2; 
    }
 
 .minibildtext { font-family: tahoma, verdana;
  	font-weight:normal;
  	color:#666633;
  	font-style:normal;
    font-size: 1.1em;
    margin-left: 0em;
    padding: 0 0 0 0;
    clear:left;
    }
    
  .minibildtext b { font-family: tahoma, verdana;
  	font-weight:normal;
  	color:#666633;
  	font-style:normal;
    font-size: 1.1em;
    }

/* ........................................... */    
#unten { 
    margin: 0 0 0 0;
    padding: 1em 1em 1em 1em; 
    clear:left;
	z-index:5; 
    }
    
.subnavi { font-family: tahoma, verdana;
  	font-weight:normal;
  	color:#000000;
  	font-style:normal;
    font-size: 1.2em;
    margin: 0 0 0 0.8em;
    padding: 0;
    display:block;
    float:left;
    list-style-image:url(bullet.gif);
    text-indent:-0.5em;
    }
    
.subnavi a:link { font-family: tahoma, verdana;
  	font-weight:normal;
  	color:#000000;
  	text-decoration:none;
  	margin: 0 0 0 0.2em;
    }
.subnavi a:visited { font-family: tahoma, verdana;
  	font-weight:normal;
  	color:#000000;
  	text-decoration:none;
  	margin: 0 0 0 0.2em;
    }  
.subnavi a:hover { font-family: tahoma, verdana;
  	font-weight:normal;
  	color:#ffffff;
  	text-decoration:none;
  	margin: 0 0 0 0.2em;
    }    
.subnavi a:active { font-family: tahoma, verdana;
  	font-weight:normal;
  	color:#ffffff;
  	text-decoration:none;
  	margin: 0 0 0 0.2em;
    }      

 
 
    
 /* ........................................... */   
 .subtext { font-family: 'andale mono', tahoma, verdana;
  	font-weight:normal;
  	color:#333333;
  	font-style:normal;
    font-size: 1.1em;
    margin: 0 9em 0 13em;
    padding: 0;
    }
    
    a img { border: 0px; }