@charset "utf-8";
/* CSS Document */


body {  
	  line-height:1em; 
}

.center { text-align:center; text-align:center;}

h1.inflow { 
	  width:100%; 
	  height:1.2em; 
	  font-family:Arial, Helvetica, sans-serif; 
	  color:#e9e9e9; 
	  font-size:1.2em; 
	  text-align:center; 
	  padding-top:1em; 
	  margin-bottom:0.5em;
} 

h2.inflow { 
	  width:100%; 
	  height:0.9em; 
	  font-family:Arial, Helvetica, sans-serif; 
	  color:#e9e9e9; 
	  font-size:1em; 
	  text-align:center; 
	  margin-top:1em; 
	  margin-bottom:1.5em;
} 

a.inflow:link {
	  color:#ffffff;
	  text-decoration:none;
	  border-bottom-style:dashed;
	  border-bottom-width:0.07em;
	  border-bottom-color:#b16332;
	  font-size:1.3em;
}

a.inflow:visited {
	  color:#dfdfdf;
	  text-decoration:none;
	  border-bottom-style:dashed;
	  border-bottom-width:0.07em;
	  border-bottom-color:#b16332;
	  font-size:1.3em;
}

a.inflow:hover {
	  color:#cb3500;
	  text-decoration:none;
	  border-bottom-width:0.07em;
	  border-bottom-color:#DB1D17;
	  font-size:1.3em;
	  cursor:help;
}

a.inflow:active {
	  color:#ffffff;
	  text-decoration:underline;
	  border:none;
	  font-size:1.3em;
}

em.inflow { 
	  color:#e9e9e9; 
	  font-size:0.9em; 
	  font-weight:bold; 
	  text-align:center; 
	  margin-top:1em; 
	  margin-bottom:1.5em;
}
	  
em.inflow:hover { 
	  color:#ffffff;
}


#container { 
	  color:#e9e9e9;   
	  margin:0; 
	  position:relative;
	  min-height:1em;
} 

#container p {
	  display:block; 
	  margin-top:0.25em; 
	  text-align:center;
} 

#content-box-flow{
	  position:relative;
	  background-image:url(../grafiken/webdesign-box-mitte.jpg);
	  background-repeat:repeat-y;
	  min-height:52em;
	  width:41.9em;	
	  padding: 0em 0.3em 0em 0.3em; /* o r u l */
}

p.ten-bottom{
	  position:absolute;
	  bottom:1em;
	  left:1em;
	  font-size:0.8em;
}

p {font-size:1em;}

p.boxen {font-size:0.8em;}

p.inflow{
	  padding: 0em 1em 2em 1em; /* o r u l */
	  font-size:0.8em;
	  text-align:left;
}

#no1:hover, #no2:hover, #no3:hover, #no4:hover, #no5:hover, #no6:hover, #no8:hover, #no1-r:hover, #no5-2:hover, #no6-2:hover, #no6-3:hover, #no9:hover, #no10:hover {
	  background-color:#C93;
} 

#no1 {display:inline; width:15em; height:6em; border:0.13em solid #000; margin-left:18.2em; background-color:#7095b0; font-size:0.8em; float:left;} 

.gleich {display:inline; background-image:url(../grafiken/gleich.jpg); background-position:center; width:1.5em; height:2em; background-repeat:no-repeat; background-color:#676767; margin-left:0.3em; margin-top:1.6em; float:left;}

/* Klassen nur fuer eine homepage mit erfolg 2 ANFANG */
.gleich2 {display:inline; background-image:url(../grafiken/gleich.jpg); background-position:center; width:2.2em; height:2.2em; background-repeat:no-repeat; background-color:#676767; margin: 1.5em 1em 0em 1em; float:left;}
.plus2 {display:inline; background-image:url(../grafiken/plus.jpg); background-position:center; width:2.2em; height:2.2em; background-repeat:no-repeat; background-color:#676767; margin: 1.5em 1em 0em 1em; float:left;}
#no22 {display:inline; border:0.13em solid #000; width:11em; height:6em; margin-left:1.5em; float:left; background-color:#a3a3a3; font-size:0.8em; padding:0.5em; text-align:center;}
#no32 {display:inline; border:0.13em solid #000; width:11em; height:6em; float:left; background-color:#7095b0; font-size:0.8em; padding:0.5em; text-align:center;}
#no42 {display:inline; border:0.13em solid #000; width:11em; height:6em; float:left; background-color:#a3a3a3; font-size:0.8em; padding:0.5em; text-align:center;}
.big { font-size:1.5em; line-height:2em;}
.down { margin-top:0.4em;}
/* Klassen nur fuer eine homepage mit erfolg 2 ENDE */

.no1-r {display:inline; width:13em; height:6em; border:0.13em solid #000; margin-left:0.3em; background-color:#a3a3a3; font-size:0.8em; float:left;}

#line1-1 {display:inline; background-image:url(../grafiken/pfeil1.jpg); background-position:center; width:2.8em; height:3.8em; background-repeat:no-repeat; background-color:#676767; margin-left:9.8em; float:left;}
#line1-2 {display:inline; background-image:url(../grafiken/pfeil2.jpg); background-position:center; width:2.8em; height:3.8em; background-repeat:no-repeat; background-color:#676767; margin-left:3em; float:left;}
#line1-3 {display:inline; background-image:url(../grafiken/pfeil3.jpg); background-position:center; width:2.8em; height:3.8em; background-repeat:no-repeat; background-color:#676767; margin-left:4em; float:left;}
#line1-4 {display:inline; background-image:url(../grafiken/pfeil4.jpg); background-position:center; width:2.8em; height:3.8em; background-repeat:no-repeat; background-color:#676767; margin-left:3em; float:left;}

#no2 {display:inline; border:0.13em solid #000; width:10em; height:6em; margin-left:2em; float:left; background-color:#a3a3a3; font-size:0.8em; } 

#no3 {display:inline; border:0.13em solid #000; width:10em; height:6em; margin-left:2em; float:left; background-color:#7095b0; font-size:0.8em;} 

#no4 {display:inline; border:0.13em solid #000; width:10em; height:6em; margin-left:2em; float:left; background-color:#a3a3a3; font-size:0.8em;} 
#no5 {display:inline; border:0.13em solid #000; width:10em; height:6em; margin-left:2em; float:left; background-color:#a3a3a3; font-size:0.8em;}
#no5-2 {display:inline; border:0.13em solid #000; width:11em; height:6em; margin-left:2em; float:left; background-color:#a3a3a3; font-size:0.8em;}

#line1-5 {display:inline; background-image:url(../grafiken/pfeil1.jpg); background-position:center; width:2.8em; height:3.8em; background-repeat:no-repeat; background-color:#676767; margin-left:10em; float:left;}
#line1-6 {display:inline; background-image:url(../grafiken/pfeil4.jpg); background-position:center; width:2.8em; height:3.8em; background-repeat:no-repeat; background-color:#676767; margin-left:6em; float:left;}

#line1-7 {display:inline; background-image:url(../grafiken/pfeil1.jpg); background-position:center; width:2.8em; height:3.8em; background-repeat:no-repeat; background-color:#676767; margin-left:15.5em; float:left;}
#line1-8 {display:inline; background-image:url(../grafiken/pfeil4.jpg); background-position:center; width:2.8em; height:3.8em; background-repeat:no-repeat; background-color:#676767; margin-left:6em; float:left;}

.line2-1 {display:inline; background-image:url(../grafiken/plus.jpg); width:2em; height:2em; margin-left:9em; margin-top:1em; margin-bottom:0.5em; float:left;} 
.line2-2 {display:inline; background-image:url(../grafiken/pfeil.jpg); width:2.8em; height:2.8em; margin-left:13.5em; margin-top:0.5em; margin-bottom:0.5em; float:left;} 

#no6, #no8 {display:inline; border:0.13em solid #000; width:10em; height:6em; margin-left:13.5em; float:left; background-color:#7095b0; font-size:0.8em;}

#no6-2 {display:inline; border:0.14em solid #000; width:10em; height:6em; margin-left:6em; float:left; background-color:#a3a3a3; font-size:0.8em;}
#no6-3 {display:inline; width:15em; height:6em; border:0.13em solid #000; margin-left:2.5em; background-color:#7095b0; font-size:0.8em; float:left;}

#no9 {display:inline; border:0.13em solid #000; width:14em; height:6em; margin-left:10em; float:left; background-color:#7095b0; font-size:0.8em;}
#line-plus {display:inline; background-image:url(../grafiken/plus.jpg); width:2.1em; height:2em; margin-left:1em; margin-top:1em; margin-bottom:0.5em; float:left;}
#no10 {display:inline; border:0.13em solid #000; width:14em; height:6em; margin-left:1em; float:left; background-color:#7095b0; font-size:0.8em;}

.clear {clear:both; font-size:0.01em; line-height:0.01em; color:#676767;}