body{
heigth: 100px;
}




img {float: left; margin: 4px; width: 250px; }

#langbox {
background-color:;
height: 100%;
max-heigth: 10000px; /* achtung, hier passieren wilde sachen. Aus irgendeinem Grund akzeptiert das Programm die höhe nicht in P, dafür aber in %. Darauf fährt wiederum das javascript voll ab. das Problem scheint vom Float der Bilder verursacht.  */


}


@font-face {
  font-family: "UbuntuTitling-Bold-webfont";
  src: url("../type/UbuntuTitling-Bold-webfont.eot");
  src: local("?"),
    url("../type/UbuntuTitling-Bold-webfont.woff") format("woff"),
    url("../type/UbuntuTitling-Bold-webfont.otf") format("opentype"),
    url("../type/UbuntuTitling-Bold-webfont.svg#UbuntuTitling-Bold-webfont") format("svg");
  }


@font-face {
  font-family: "Ubuntu-L-webfont";
  src: url("type/Ubuntu-L-webfont.eot");
  src: local("?"),
    url("type/Ubuntu-L-webfont.woff") format("woff"),
    url("type/Ubuntu-L-webfont.otf") format("opentype"),
    url("type/Ubuntu-L-webfont.svg#Ubuntu-L-webfont") format("svg");
  }


h3 {
	font-family: "UbuntuTitling-Bold-webfont", "Arial", sans-serif;
	font-size: 40px;
	 font-weight: bold ;
	color:#E06506;
	Padding-bottom: 10px;
	text-align: center;
	white-space:pre-wrap;
}


h2 {
	font-family: "UbuntuTitling-Bold-webfont", Arial, sans-serif;
	font-size: 30px;
	 font-weight: bold;
	color:#E06506;
	text-align: Right;
	white-space:pre-wrap;
}


h1 {
	font-family: "UbuntuTitling-Bold-webfont", Arial, sans-serif;
	font-size: 24px;
	 font-weight: bold;
	color:black;
	text-align: left;
	white-space:pre-wrap;
}


p {
	font-family:  "Ubuntu-L-webfont", arial, sans-serif;
	font-size: 21spx;
	 font-weight: ;
	color:black;
	text-align: justify;
	white-space:pre-wrap;
}