body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.0em;
	word-spacing: 0.1em;
	letter-spacing: 0.1em;
	overflow:hidden;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border-width: 0 0 0 0;

}
div {
	position:absolute;
	width: 16.25%;
	height: 32.5%;
	margin-left: 0 0 0 0;
	padding: 0 0 0 0;
	border-width: 0 0 0 0;
}
p{
	margin-left: 8px; 
	margin-top: 8px;
}
img{
	border: 0;
}
div.Fenster{
	position:absolute;
	left:9%;/*ABSTAND LINKS*/
	width:80%;/*FENSTERBREITE*/
	top:15%;/*ABSTAND OBEN*/
	height:80%;
	min-width: 840px;

}
div.logo{
	top:0%; 
	left:00%
}
div.LogoElement, 
div.LogoElement_HellBlau, 
div.LogoElement_HellRot, 
div.LogoElement_HellGruen, 
div.LogoElement_HellGelb, 
div.LogoElement_Gruen, 
div.LogoElement_Rot, 
div.LogoElement_Gelb, 
div.LogoElement_Blau{
	position:absolute;
	width:23.5%;
	height:23.5%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border-width: 0 0 0 0;
}
div.LogoElement_HellBlau{background-color:#DAE6FF;}
div.LogoElement_Blau{background-color:#6699FF;}
div.LogoElement_HellRot{background-color:#FEDADC;} 
div.LogoElement_Rot{background-color:#FF666E;} 
div.LogoElement_HellGruen{background-color:#CCE6D9;} 
div.LogoElement_Gruen{background-color:#339966;} 
div.LogoElement_HellGelb{background-color:#FFF3C1;} 
div.LogoElement_Gelb{background-color:#FFCC00;} 
div.kompetenz{
	background-color:#339966;
	border-right-style:solid;
	border-right-color:#339966;
}
div.software{
	background-color:#ffcc00;
	border-right-style:solid;
	border-right-color:#ffcc00;
	border-bottom-color: #ffcc00;
	border-bottom-style:solid;
	}
div.impressum{
	background-color :silver;
	border-right-style:solid;
	border-right-color:silver;	
}
div.dienstleistung{
	background-color :#6699ff;
	border-right-style:solid;
	border-right-color:#6699ff;
	border-bottom-color: #6699ff;
	border-bottom-style:solid;
}
div.kontakt{
	background-color :gray;
	border-right-style:solid;
	border-right-color:gray;	
}
div.web{
	background-color :#ff666e;
	border-right-style:solid;
	border-right-color:#ff666e;	
}
div.backgroundimage{
	position:absolute;
	left:0;
	width:100%;
	top:0;
	height: 100%;
	overflow:hidden;
    z-index: -1;
}
img.backgroundimage 
{
    margin: 0px;
    padding: 0px;
    position:absolute;
    top:0;
    left:0;
}
div#FensterTitel{
	top:0%;
	height:15%;
	font-size:2em;
	text-align: left; 
	color: #FFFFFF;
	opacity: 0.6;
}
div#FensterNavi{
	top: 100%;
	height:24px;
	background-image: url('../image/toolbar.png');
	background-repeat:repeat-x;
	background-attachment: scroll;
	background-position:top left;
	opacity: 0.6;
}
div#Fenster01{
	color:#363636
}

/*LOGO 1.ZEILE */.LogoElement_HellBlau#logo_z1s1,.LogoElement_HellBlau#logo_z1s2,.LogoElement_HellBlau#logo_z1s3,.LogoElement_HellRot#logo_z1s4{top:0%;}
/*LOGO 2.ZEILE*/.LogoElement_HellGruen#logo_z2s1,.LogoElement_Gruen#logo_z2s2,.LogoElement_Blau#logo_z2s3,.LogoElement_HellRot#logo_z2s4{top:25.5%;}
/*LOGO 3.ZEILE*/.LogoElement_HellGruen#logo_z3s1,.LogoElement_Gelb#logo_z3s2,.LogoElement_Rot#logo_z3s3,.LogoElement_HellRot#logo_z3s4{top:51%;}
/*LOGO 4.ZEILE*/.LogoElement_HellGruen#logo_z4s1,.LogoElement_HellGelb#logo_z4s2,.LogoElement_HellGelb#logo_z4s3,.LogoElement_HellGelb#logo_z4s4{top:76.5%;}
/*LOGO 1.SPALTE*/.LogoElement_HellBlau#logo_z1s1,.LogoElement_HellGruen#logo_z2s1,.LogoElement_HellGruen#logo_z3s1,.LogoElement_HellGruen#logo_z4s1{left:0%;}
/*LOGO 2.SPALTE*/.LogoElement_HellBlau#logo_z1s2,.LogoElement_Gruen#logo_z2s2,.LogoElement_Gelb#logo_z3s2,.LogoElement_HellGelb#logo_z4s2{left:25.5%;}
/*LOGO 3.SPALTE*/.LogoElement_HellBlau#logo_z1s3,.LogoElement_Blau#logo_z2s3,.LogoElement_Rot#logo_z3s3,.LogoElement_HellGelb#logo_z4s3{left:51%;}
/*LOGO 4.SPALTE*/.LogoElement_HellRot#logo_z1s4,.LogoElement_HellRot#logo_z2s4,.LogoElement_HellRot#logo_z3s4,.LogoElement_HellGelb#logo_z4s4{left:76.5%;}

/*HAUPTFENSTER 1.ZEILE*/.Logo#z1s1,.kompetenz#z1s2,.kompetenz#z1s3,.kompetenz#z1s4,.software#z1s5,.software#z1s6{
	top: 0%;
	
	}
/*HAUPTFENSTER 2.ZEILE*/.impressum#z2s1,.impressum#z2s2,.dienstleistung#z2s3,.dienstleistung#z2s4,.software#z2s5,.software#z2s6{top: 33.7%;}
/*HAUPTFENSTER 3.ZEILE*/.kontakt#z3s1,.kontakt#z3s2,.dienstleistung#z3s3,.dienstleistung#z3s4,.web#z3s5,.web#z3s6{top: 67%;}

/*HAUPTFENSTER 1.SPALTE*/.Logo#z1s1,.impressum#z2s1,.kontakt#z3s1{left: 0%}
/*HAUPTFENSTER 2.SPALTE*/.kompetenz#z1s2,.impressum#z2s2,.kontakt#z3s2{left: 16.75%}
/*HAUPTFENSTER 3.SPALTE*/.kompetenz#z1s3,.dienstleistung#z2s3,.dienstleistung#z3s3{left: 33.5%;}
/*HAUPTFENSTER 4.SPALTE*/.kompetenz#z1s4,.dienstleistung#z2s4,.dienstleistung#z3s4{left: 50.25%}
/*HAUPTFENSTER 5.SPALTE*/.software#z1s5,.software#z2s5,.web#z3s5{left: 67%}
/*HAUPTFENSTER 6.SPALTE*/.software#z1s6,.software#z2s6,.web#z3s6{left: 83.75%}

/*HAUPTFENSTER Transparenz*/.logo,.kompetenz,.software,.impressum,.dienstleistung,.kontakt,.web{opacity: 0.5;}

.infoFrame{
	position:absolute;
	z-index: 100;
	top:200px;
	left:0;
	opacity: 0;
	border-width: 0px;
	visibility: hidden;
}
img.FensterNavi{
	opacity: 0.5;
}
a.FensterNavi{
	text-decoration: none;
	border: 0;
}
.div_fun{
	position: absolute; 
	top: 0; 
	height: 100%; 
	width:600px;  
	overflow: hidden; 
	visibility: hidden;
}
.div_fun#div_fun_giraffe{
	right: 130px;
	z-index: 201;
}
.div_fun#div_fun_baum{
	right: 0;   
	margin-top: 0px; 
	z-index: 200;  
}
.img_Fun{
	margin: 0 0 0 0; 
	padding: 0 0 0 0; 
	overflow: hidden; 
	height: 100%;	
}