* {
    margin: 0;
    padding: 0;
}
body {
	background-color:#222222;
	background-image:url('../images/24-1.gif');
	background-position:50% 60%;
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
	font-family:Arial, Tahoma;
	font-size:12px;
	overflow:hidden;
}
html, body {
    height:100%;
    width:100%;
    overflow:hidden;
	font-family:Arial, Helvetica;
	font-size:12px;
}


/* background */

/*Supersize Plugin Styles*/
#navigation{
	background: url('images/navbg.gif') no-repeat;
	float: right;
	margin:22px 20px 0 0;
}
#loading {
	position: absolute;
	top: 49.5%; 
	left: 49.5%;
	z-index: 3;
	width: 24px; 
	height: 24px;
	text-indent: -999em;
	background-image: url(images/progress.gif);
}
#supersize{
	position:fixed;
}
#supersize img, #supersize a{
	height:100%;
	width:100%;
	position:absolute;
	z-index: 0;
}
#supersize .prevslide, #supersize .prevslide img{
	z-index: 1;
}
#supersize .activeslide, #supersize .activeslide img{
	z-index: 2;
}

/* navi */

#cont3 {
    position:absolute;
    top:10px;
	width:100%;
    z-index:70;
    height:60px;
    overflow:visible;
}
#ecke {
	clear:both;
	margin-top:-5px;
}
#navi {
	margin: 0 auto;
    width: 820px;
    height:60px;
    text-align:left;
    z-index:70;

}
.heightx {
	height:40px;
	
}
.height {
	height:140px;
}
.button {
	float:left;
	margin-right:3px;
}
.button a {
	display:block;
	width:90px;
	height:16px;
	padding:7px 0px 2px 15px;
	color:#FFFFFF;
	background-color:#000000;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	margin-top:5px;
	outline:none;
}
.button a:hover {
	height:16px;
	margin-top:0px;
	padding-top:12px;
}
a.active {
	height:16px;
	margin-top:0px;
	padding-top:12px;
}
/*content*/

#scrollcont{position:absolute;top:0;left:0;z-index:50;overflow:auto;width:100%;height:100%; color:#FFFFFF;}
.scrollbox{position:absolute;top:75px;left:50%;margin-left:-402px; width:655px;padding-bottom:177px;line-height:18px;text-align:justify;}
.scrollbox .bottom_space {background:#000000;padding:20px 30px}
.scrollbox img {margin-right:15px; margin-bottom:8px; border:3px solid #DDDDDD; padding:2px;}
.scrollbox a{text-decoration:underline}
.news {
	min-height:140px;
	margin-bottom:25px;
}
.news a {
	color:#DDDDDD;
	text-decoration:none;
}
.news a:hover {
	text-decoration:underline;
}
.news2 {
	min-height:140px;
	margin-bottom:25px;
}
.news2 img {
	border:0px;
	padding:0px;
	margin:0px;
}

#scrollcont h2 {
	width:595px;
	padding-bottom:3px;
	border-bottom:1px dotted #444444;
	font-weight:bold;
	font-size:11px;
	font-family:Arial, Verdana;
	margin:0px 0px 12px 0px;
}
#scrollcont h1 {
	width:595px;
	padding-bottom:6px;
	border-bottom:1px dotted #444444;
	font-weight:bold;
	font-size:18px;
	font-family:Arial, Verdana;
	margin:0px 0px 12px 0px;
}

#cont {
    position:absolute;
	opacity:0.8;
	filter:alpha(opacity = 80);
    bottom:20px;
	width:100%;
	height:130px;
    z-index:50;
    overflow:auto;
	background-color:#000000;
}
#cont2 {
    position:absolute;
    bottom:20px;
	width:100%;
	height:130px;
    z-index:70;
    overflow:auto;
}
.box {
    margin: 0 auto;
    width: 820px;
    padding: 20px;
	padding-top:25px;
	color:#FFFFFF;
	text-align:left;
} 
/* wie */
#content {
	position:absolute;
    bottom:95px;
	width:100%;
	height:300px;
    z-index:70;
    overflow:auto;
}
#content h1 {
	width:600px;
	padding-bottom:6px;
	border-bottom:1px dotted #444444;
	font-weight:bold;
	font-size:18px;
	font-family:Arial, Verdana;
	margin:0px 0px 12px 0px;
}
.box2 {
	margin: 0 auto;
	height:250px;
	width:820px;
	
	text-align:left;
}
.box3 {
	background-color:#000000;
	width:600px;
	height:170px;
	padding:30px;
}
.box3s {
	width:600px;
	height:240px;
	padding:0px;
}
.box4 {
	color:#FFFFFF;
	z-index:70;
}
.left  , .right h2 {
	margin:0px;
	margin-bottom:18px;
}
.left {
	float:left;
	padding:0px 30px 0px 0px;
	height:240px;
	width:268px;
	text-align:justify;
	border-right:1px solid #292929;
	line-height:17px;
}
.right {
	float:left;
	padding:0px 0px 0px 30px;
	height:240px;
	width:268px;
	text-align:justify;
	line-height:17px;
}
.right a {
	color:#FFFFFF;
}
/* wie ende */

/* was */
#contentx {
	position:absolute;
    bottom:20px;
	width:100%;
	height:490px;
    z-index:99;
    overflow:auto;
}
.box2x {
	margin: 0 auto;
	height:490px;
	width:820px;
	
	text-align:left;
}
.box3x {
	background-color:#000000;
	width:600px;
	height:430px;
	padding:30px;
}
.box4x {
	color:#FFFFFF;
	z-index:70;
}
.left h2, .right h2 {
	margin:0px;
	margin-bottom:18px;
}
.left {
	float:left;
	padding:0px 30px 0px 0px;
	height:240px;
	width:268px;
	text-align:justify;
	border-right:1px solid #292929;
	line-height:17px;
}
.right {
	float:left;
	padding:0px 0px 0px 30px;
	height:240px;
	width:268px;
	text-align:justify;
	line-height:17px;
}
.bottom_space .flip {
	float:left;
	margin-right:2px;
}
.bottom_space .flip a {
	display:block;
	padding:2px;
	width:17px;
	text-align:center;
	color:#FFFFFF;
	background-color:#333333;
	text-decoration:none;
	font-size:10px;
}
.bottom_space .flip a:hover {
	display:block;
	padding:2px;
	width:17px;
	text-align:center;
	color:#000000;
	background-color:#DDDDDD;
	text-decoration:none;
	font-size:10px;
}
#logo {
	position:absolute;
	bottom:38px;
	right:50px;
	width:168px;
	height:94px;
	z-index:999;
}
#language {
	position:absolute;
	top:15px;
	right:50px;
	background-color:#000000;
	height:18px;
	padding-top:5px;
	width:65px;
	z-index:999;
	text-align:center;
}

/* NAVI */

ul.menu {
    list-style-type:none;
    margin:0px;
    margin-top:3px;
    padding:0px;
    position:relative;
}

ul.menu li {
    display:block;
    height: 28px;
	width:105px;
    float:left;
    position:relative;
    margin:0px 5px 0px 0px;
    padding:0px;
	font-size:12px;
	font-weight:bold;
}
ul.bottom_space {
    list-style-type:circle;
}

ul.bottom_space li {
    display:none;

}
ul.menu a {
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	width:90px;
	height:19px;
	padding:7px 0px 0px 15px;
	outline:none;
	background-color:#000000;
}
/*ul.menu li .active:hover {
	margin-top:-6px;
	padding-top:14px;
} */
ul.menu li.sub {
	padding:0px;
	width:105px;
	font-weight:normal;
	line-height:17px;
}
ul.menu .sub a {
	display:block;
	color:#000000;
	background-color:#FAFAFA;
	width:90px;
	height:19px;
	font-size:11px;
	padding:3px 0px 0px 15px;
	margin-bottom:2px;
}
ul.menu .sub a:hover {
	color:#FFFFFF;
	background-color:#000000;
	opacity:1.0;
	filter:alpha(opacity = 100);
}
ul.menu li.drop:hover ul {
    display:block;
    z-index:99999;
    padding-bottom:4px;
}

ul.menu li ul {
    display:none;
    position:absolute;
    width: 105px;
    top:25px;
    left:0;
    list-style-type:none;
    margin:0;
	margin-top:1px;
    padding:8px 0px 0px 0px;
}
ul.menu li ul li {
    float:none;
    height: auto;
    margin:0;
    padding:0;
    border:none;
}

/* onlineformular */
input {
	font-family:Tahoma, Verdana, Arial;
	font-size:11px;
	color:#000000;
	padding:1px;
	margin:1px;
	border:1px solid #000000;
	width:450px;
}
textarea {
	font-family:Tahoma, Verdana, Arial;
	font-size:11px;
	color:#000000;
	padding:2px;
	margin:1px;
	border:1px solid #999999;
	width:448px;
	height:130px;
}

/* projekte quadrate */