body {
	background-color: white;
	letter-spacing: 0.15em;
	font-size: 10px;
	color: #000;
	line-height: 13px;
	margin: 0 0;
}


/* Alle Abstände auf 0*/
ul, li, h1, h2, h3, p, h4, h5 {
	margin:0;
	padding:0;
}

h1 {
	display: none;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/*Seitengerüst*/

#navi{
left: 50%;
margin-left:-320px;
padding: 0 8px 9px 0;
position: fixed;
top: 18px;
width: 670px;
z-index: 1000;
font-family: "JBSchulbuchFriendlyRegular", Helvetica, Arial; 
	letter-spacing: 0.15em;
	font-size: 1em;
	text-transform: uppercase;
	line-height: 13px;
}

#navi li {
	list-style: none;
	margin: 0 0 0 14px;
		float: left;
		
}


.arrow_top  {
	padding-top:3px;
		
} 


#container {
margin: 80px 0 100px 0;
	position: relative;
	background-color: ;
	clear: both;
	padding: 0 0 150px 30px;
}

#project {
display:inline-block;
margin: 0 10px;
position: relative;
vertical-align: top;
background-color: ;
}


#box2{position: relative;}

#box2 div{display:none;}

#box2:hover div{
display:block;
position:absolute;
top: 23px;
left: 23px;
width: 250px;
background: white;
z-index:100;
}

#box2 p {
padding: 12px 11px 0px 15px;
}

 .eins {
	background-color: ;
	margin: 4% 2% 5% 1%;
	}
	
.zwei {
	background-color: ;
	margin: 3% 2% 5% 4%;
	}
	
.drei {
	background-color: ;
	margin: 2% 5% 0 3%;
	}


#wrapper {
position: absolute;
text-align: center;
width: 100%;
} 

#container img{
padding-bottom:2px;
padding-right:1px;
}

#foot {
color: #000;
font-family: courier;
font-size: 11px;
letter-spacing: 0.02px;
line-height:13px;
margin: 0 auto;
padding: 0 0 300px;
position: relative;
text-align: center;
width:900px;
  }

#left{
margin-top: 20px;
}

.headline {
color: #000;
font-size:70px;
font-weight: normal;
font-family: JB Heureka1,JB Schulbuch Friendly, arial; 
letter-spacing: 0.15em;
text-transform: none;
  }
  
#foot li {
	list-style:none;
	float:right;
	margin-left: 8px;
}

  
/*Submenu*/


div#submenu li {
list-style-type: none;
border-bottom: 1px solid grey;
font-size:11px;
/*line-height:18px;*/
}
  

  
  /*Schrift*/


p {
margin-bottom: 15px;
font-family: courier; 
	letter-spacing: 0.02px;
	font-size: 11px;
	color: #000;
	line-height: 14px;
	text-transform: none;
}

p a, a:visited {
	text-transform: none;
	text-decoration: underlined;
}

h1 {
color: #009EE0;
font-size:15px;
font-weight: normal;
  }

h2 {
color: #009EE0;
font-size:13px;
font-weight: normal;
margin-bottom: 15px;
  }

h3 {
color: #000;
font-size:70px;
line-height: 75px;
font-weight: normal;
letter-spacing: 0.18em;
font-family: "JBSchulbuchFriendlyRegular", Helvetica, Arial; 

}




/*Links*/

a img { color: black; border: none; text-decoration: none;}

#content a, a:visited; a:hover {color: black;text-decoration: none;border-bottom: 1px dotted black;padding-bottom: 1px;}

#navi a {
	color: black;
	text-decoration: none;
	font-weight: normal;
}
#navi a:hover {
	text-decoration: none;border-bottom: 1px dotted black;padding-bottom: 1px;	font-weight: normal;

}

#navi a.aktiv_kat {
	color: grey;
	cursor: default;
}
#navi a.aktiv_kat:hover {
text-decoration: none;
}

#footer a, a:visited {
	color: #000;
	text-decoration: none;
}
#footer a:hover {
	color: #000;
	text-decoration: underline;
}



#submenu a { 
text-decoration: none; 
color:red;
display:block;
padding: 5px 6px 5px 6px;
}
#submenu a.aktiv { 
text-decoration: none; 
color:blue;
}

#submenu a.aktiv:hover { text-decoration: none;}

div#submenu li {
list-style-type: none;
background-color: grey;
border-bottom: 1px solid white;
font-size:11px;
}





@font-face {
    font-family: 'JBSchulbuchFriendlyRegular';
    src: url('schulbuchfriendly-10-webfont.eot');
    src: url('schulbuchfriendly-10-webfont.eot?#iefix') format('embedded-opentype'),
         url('schulbuchfriendly-10-webfont.woff') format('woff'),
         url('schulbuchfriendly-10-webfont.ttf') format('truetype'),
         url('schulbuchfriendly-10-webfont.svg#JBSchulbuchFriendlyRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}