@CHARSET "UTF-8";

/*******************/
/**PNG-Hack for IE**/
/*******************/

img, div {
	behavior: url("iepngfix.htc");
}

/************************************/
/**This is about the page in common**/
/************************************/

html {
	
}

body {
	background: white url("../img/home_background_topright.jpg") no-repeat top right;
	margin: 0px;
	padding: 0;
	height: 500px;
	text-align: center;
}

* html body {
	padding: 1em 0 0 0;
}

div#background {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: url("../img/home_background_bottomleft.jpg") no-repeat bottom left;
	z-index: 1;
}

/****************************/
/**This is about the header**/
/****************************/

h1 {
	position: relative;
	width: 100%;
	min-width: 60em;
	height: 7em;
	margin: 2em 0;
	padding: 0;
	text-align: right;
	vertical-align: middle;
	background: white url("../img/home_box_top.jpg") repeat-y top right;
	font-size: 1em;
	border: 0;
	border-top: 0.1em solid #1b13f8;
	border-bottom: 0.1em solid #1b13f8;
	z-index: 2;
}

h1 span {
	visibility: hidden;
}

h1 img {
	margin: 1em 1em 1em 14em;
	margin-left: 14em;
	padding: 0;
	height: 80%;	
	width: 45%;
	display: inline;
}

* html body h1 img {
	margin: 0px;
	margin-top: 1em;
	padding: 0;
}

img#header_logo {
	float: right;
	width: 11em;
	max-width: 542px;
	height: 10.24em;
	margin: -2.5em 2em 0 2em;
	padding: 0;
}

* html img#header_logo {
	margin: 0;
	height: 7em;
	width: 7.52em;
}

/****************************/
/**This is about the footer**/
/****************************/

div#box_bottom {
	position: absolute;
	bottom: 2em;
	left: 0;
	height: 5em;
	width: 100%;
	margin: 0;
	padding: 1em 0;
	vertical-align: middle;
	text-align: left;
	background: white url("../img/home_box_bottom.jpg") repeat-y top left;
	border: 0;
	border-top: 0.1em solid #1b13f8;
	border-bottom: 0.1em solid #1b13f8;
	z-index: 2;
}

* html div#box_bottom {
	height: 5em;
	padding: 0;
}

div#box_bottom span {
	visibility: hidden;
}

div#box_bottom img#partner {
	height: 2em;
	width: 7.14em;
	margin: 1.5em 0 2.5em 14em;
}

div#box_bottom img {
	height: 4em;
	min-width: 4em;
	margin: 0.5em 0 1.5em 1em;
}

div#box_bottom img#sponsoren {
	height: 80px;
	margin: 0 0 1.2em 1em;;
}

/*********************************************/
/**This is about the link to the popup-video**/
/*********************************************/

div#video {
	position: absolute;
	left: 40%;
	top: 55%;
	width: 20%;
	z-index: 5;
}

div#video img {
	width: 100%;
}

/**************************************/
/**This is about the juggling figures**/
/**************************************/

div#juggle_left {
	position: absolute;
	left: 2em;
	bottom: 0;
	z-index: 3;
}

div#juggle_right {
	position: absolute;
	right: 2em;
	bottom: 0;
	z-index: 3;
}

div#juggle_left img, div#juggle_right img {
	width: 11.3em;
	height: 20em;
	max-width: 194px;
	max-height: 416px;
	
}

/************************************/
/**This is about the juggling-balls**/
/************************************/

div.ball {
	width: 10%;
	max-width: 125px;
	position: absolute;
	z-index: 4;
}

div.ball img {
	width: 8em;
	height: 7.16em;
}

div#ball1 {
	left: 45%;
	top: 27%;
}

img#ball1_textimg {
	position: absolute;
	right: -10%;
	bottom: -5%;
	width: 7.85em;
	height: 1.2em;
}

div#ball1_text {
	position: absolute;
	right: -30%;
	top: 0em;
	visibility: hidden;
}

div#ball2 {
	left: 30%;
	top: 35%; 
}

img#ball2_textimg {
	position: absolute;
	right: -60%;
	bottom: 0;
	width: 7.85em;
	height: 1.2em;
}

div#ball2_text {
	position: absolute;
	right: -60%;
	bottom: 0em;
	visibility: hidden;
}

div#ball3 {
	right: 30%;
	top: 35%;
}

img#ball3_textimg {
	position: absolute;
	left: -50%;
	bottom: 0;
	width: 7.85em;
	height: 1.2em;
}

div#ball3_text {
	position: absolute;
	right: -60%;
	top: 0em;
	visibility: hidden;
}

div#ball4 {
	left: 20%;
	top: 50%;
}

img#ball4_textimg {
	position: absolute;
	right: -60%;
	bottom: 0;
	width: 7.85em;
	height: 1.2em;
}

div#ball4_text {
	position: absolute;
	right: -30%;
	bottom: 0em;
	visibility: hidden;
}

div#ball5 {
	right: 20%;
	top: 50%;
}

img#ball5_textimg {
	position: absolute;
	left: -60%;
	bottom: 0;
	width: 7.85em;
	height: 1.2em;
}

div#ball5_text {
	position: absolute;
	right: -30%;
	top: 0em;
	visibility: hidden;
}