/* CSS Document */
html, body{
	background-color:#969696;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	height: 100%;
	overflow: hidden;	
}

#brokk{
	position:absolute;
	width:300px;
	height:404px;
	z-index:400;
	right:25px;
	top:100px;
	display: block;
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='uploadpics/BROKK.png');*/
	filter:Alpha(opacity=80); /*für IE */
	-moz-opacity:0.8; /*für FF */
}
#brokkclose{
	position:absolute;
	left:140px;
	top:25px;
	width:41px;
	height:10px;
	background-image:url(uploadpics/brokkclose.gif);
	background-repeat:no-repeat;
	cursor:pointer;
}
#brokkopen{
	position:absolute;
	left:30px;
	top:200px;
	width:100px;
	height:150px;
	cursor:pointer;
}
.verlauf{
	position:absolute;
	background-image:url(layoutimages/1.jpg);
	background-repeat:repeat-x;
	width:100%;
	height:300px;
}
.scroll{
	position:absolute;
	width:100%;
	height:100%;
	overflow:auto;
}
.center{
	position:absolute;
	left: 50%;
	margin-left: -401px;
}
.space{
	width:100%;
	height:10px;
}
.space1{
	width:100%;
	height:1px;
}
.clear{
	clear:both;
}
/*--CONTENT-----------------------------------------*/
.contentmiddle{
	width:802px;
	height:auto;
}
.content{
	position:relative;
	top:30px;
	width:800px;
	height:auto;
	background-color:#efefef;
	padding:10px;
}
/*--LEFT-----------------------------------------*/
.leftcont{
	position:relative;
	float:left;
}
.logo{
	background-image:url(layoutimages/2.jpg);
	width:272px;
	height:343px;
}

/*--MAIN-----------------------------------------*/
.maincont{
	position:relative;
	float:left;
}
.main01{
	background-image:url(layoutimages/3.jpg);
	width:528px;
	height:78px;
}
.main02{
	background-image:url(layoutimages/4.jpg);
	width:528px;
	height:42px;
}
.headlinecont{
	width:390px;
	height:50px;
	margin-left:100px;
}
.subheadcont{
	width:390px;
	height:25px;
	margin-left:100px;
}
.main03{
	background-image:url(layoutimages/6.jpg);
	width:510px;
	height:auto;
}
.main04{
	position:absolute;
	background-image:url(layoutimages/5.jpg);
	left:0px;
	width:50px;
	height:37px;
}
.main{
	width:480px;
	height:auto;
	margin-left:10px;
}
.main05{
	background-image:url(layoutimages/9.jpg);
	width:510px;
	height:10px;
}
.main06{
	width:480px;
	height:auto;
	margin-left:10px;
}
/*--BOTTOM-----------------------------------------*/
.bottom{
	width:800px;
	height:40px;
}
/*--LOGIN-----------------------------------------*/
.login{
	position:absolute;
	top:60px;
	left: 50%;
	margin-left: 250px;
	width:100px;
	height:100px;
	z-index:400;
}

input.button, a.button, .button {
	background-color: #DEDEDE;
	background-image:url(layoutimages/button_verlauf.jpg);
	background-repeat:repeat-x;
	color: #666;
	margin: 0px 0px 3px;
	padding: 2px;
	text-decoration: none;
}
input.eingabe {
	color:#dedede;
	background-color: #000;
	border-top:solid 1px #555;
	border-right:solid 1px #999;
	border-bottom:solid 1px #999;
	border-left:solid 1px #555;
	margin: 0px 3px 3px 0px;

}