/* CSS Document */
html, body{
	width:100%;	height:100%;
	margin:0; padding:0;
}

body{	
	background-color:#EEE;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

h1{
	font-size:16px;
	margin:0 0 0 0;
}

a img{
	border:0;
}

#all{
	width:990px;
	background:url(../gfx/shadow_body.gif) repeat-y;
	padding:0;
	margin:auto;
}

#top{
	background:url(../gfx/shadow_head.gif) top left no-repeat;
}

#pageContainer{
	width:970px;
	padding:0; margin:auto;
}


#page{
	padding:0;
	margin:0;
	border-top:0;
	text-align:left;
	min-height:560px !important;
	height:auto !important;  /* für moderne Browser */
	height:560px;  /*für den IE */
	background-color:#fff;
}

#head{
	position:absolute;
	width:970px;
	z-index:100;
}

#menuGroup{
	position:absolute;
	margin-top:90px;
	z-index:1;
}

#logo{
	float:left;
	margin:10px 0 10px 10px;
}

#lang{
	text-align:right;
	float:right;
	padding:0;
	margin:15px 15px 0 0; 
	color:#36509b;
}

#lang a{
	color:#36509b;
	text-decoration:none;
	/* font-weight:bold; */
}
	
#lang a:hover{
	text-decoration:underline;
}

#lang img{
	border:1px solid #333;
}

#menu1{
	position:relative;
	float:left;
	width:241px;
}

#menu2{
	position:relative;
	float:left;
	padding:0 0 0 2px;
	width:242px;
}

#menu3{
	position:relative;
	float:left;
	padding:0 0 0 2px;
	width:239px;
}

#menu4{
	position:relative;
	float:left;
	padding:0 0 0 2px;
	width:242px;
}

#menu1 ul, #menu2 ul, #menu3 ul, #menu4 ul{margin:0; padding:0; list-style:none;}

#menu1 li, #menu2 li, #menu3 li, #menu4 li{margin:0; padding:0; border-bottom:1px solid #EFF;}
#menu1 li a, #menu2 li a, #menu3 li a, #menu4 li a{
	display:block;
	padding:3px;
	color:#000;
	text-decoration:none;
	font-weight:bold;
}

*html #menu1 li, *html #menu2 li, *html #menu3 li, *html #menu4 li{
	height:1em;
}

*html #menu1 li a, *html #menu2 li a, *html #menu3 li a, *html #menu4 li a{
	height:1em;
}


#menu1 li {
	margin:0;
	background-color:#e0a9a9;
}

#menu1 ul li li, #menu2 ul li li, #menu3 ul li li, #menu4 ul li li{background-color:#EAEAEA;}

#menu1 li li a, #menu2 li li a, #menu3 li li a, #menu4 li li a{font-weight:normal;}

#menu1 li li a:hover{ background-color:#e6c4c4;}
#menu2 li {background-color:#7a9bf9;}
#menu2 li li a:hover{background-color:#a4bbfb;}
#menu3 li {	background-color:#badcab;}
#menu3 li li a:hover{background-color:#d7eecc;}
#menu4 li { background-color:#f0bd74;}
#menu4 li li a:hover{background-color:#ffdca9;}


/* ---------------------------------------- ROLLOVER begin ---------------------------------------- */
/*#menu1 li ul, #menu2 li ul, #menu3 li ul, #menu4 li ul{display:none;}*/
div#menu1 ul ul,
div#menu1 ul li:hover ul ul,

div#menu2 ul ul,
div#menu2 ul li:hover ul,

div#menu3 ul ul,
div#menu3 ul li:hover ul,

div#menu4 ul ul,
div#menu4 ul li:hover ul{
	display:none;
}


div#menu1 ul li:hover ul,
div#menu1 ul ul li:hover ul,

div#menu2 ul li:hover ul,
div#menu2 ul ul li:hover ul,

div#menu3 ul li:hover ul,
div#menu3 ul ul li:hover ul,

div#menu4 ul li:hover ul,
div#menu4 ul ul li:hover ul{
	display:block;
}

/* ---------------------------------------- ROLLOVER end ------------------------------------------ */

#welcome{
	position:absolute;
	margin:360px 0 0 50px;
}

#logo2{
	position:absolute;
	margin:360px 0 0 660px;
}

#footer{
	width:990px;
	height:97px;
	margin-top:10px;
	background:url(../gfx/startseite/footer.gif) top left no-repeat;
	background-color:#EEE;
}

#film{
	/* background:url(../gfx/startseite/film.gif) top left no-repeat; */
	position:absolute;
	margin:52px 0 0 937px;
	height:26px;
	width:37px;
}


#content{
	float:left;
	width:558px;
	padding:0;
	margin:0 10px 0 10px;
	background-color:#FFF;
	min-height:400px !important;
	height:auto !important;  /* für moderne Browser */
	height:400px;  /*für den IE */
	line-height:1.5;
}