/************************************************************/
/*															*/
/*	BGH  Microsite-styles									*/
/*															*/
/*	lombego systems 2008 => www.lombego.de					*/
/*															*/
/*	| rgb(200,0,135) 	| #C80087 | pink					*/
/*	| rgb(199,203,206) 	| #C7CBCE | grey light				*/
/*	| rgb(155,150,160) 	| #9B96A0 | grey 					*/
/*	| 				 	| #331A87 | purple 					*/
/*															*/
/************************************************************/

html{
	height: 100%;
}


body{
	z-index: 1;
}

.micro_bg_wrapper{

	position: relative;
	z-index: 2;

	margin-left: auto;
	margin-right: auto;
	min-height: 100%;
	width: 920px;
	padding: 0px 40px;
	text-align: left;
	background-image: none;
	/* png support for ie pc */
	filter:
	progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../frontend/bghstahl/img/micro_site_bg.png',
	sizingMethod='scale');
}
html>body .micro_bg_wrapper { /* Child Selector css hack -> excludes IE and NS4  */
   	background: transparent url('../img/micro_site_bg.png') repeat-y top left;
}

.micro_logo{
	background: transparent url('../img/kopf-anwendungen-trans.png') no-repeat bottom left;
	height: 110px;
	width: 920px;
}

.micro_logo a{
	display: block;
	float: left;
	height: 110px;
	width: 220px;
}

.micro_mc_wrap{
	width: 920;
	padding: 0px 0px 30px 0px;
	background: transparent url('../img/fuss-anwendungen.png') repeat-x bottom left;
}

.micro_img{
	float: left;
	width: 520px;
	height: 520px;
}

.micro_img img{
	float:left;
	width: 520px!important;
}

.micro_content{
	float: left;
	width: 360px;
	padding: 20px;
	position: relative;
	line-height: 22px;
}

.page_counter{ 
	font-weight: bold;
	position: absolute;
	top: 20px;
	right: 20px;
	font-size: 12px;
}

/* Navigation */

.micro_nav_wrap{
	float: left;
	width: 360px;
	padding: 30px 0px 30px 0px;
}

.micro_nav_element{
	float: left;
	background: #EFF0F1 url('../img/verlauf-button.png') repeat-x bottom left;
	height: 25px;
	line-height:25px;
	color: #9B96A0;
	font-weight: bold;
	height: 25px; 
	width: 95px;
	text-align: center;
}
.micro_nav_element a:link{display: block; float:left; height:25px; width: 95px;}
.micro_nav_element a:visited{display: block; float:left; height:25px; width: 95px;}

.micro_nav_home{
	float: left;
	width: 146px;
	background: #EFF0F1 url('../img/verlauf-button.png') repeat-x bottom left;
	height: 25px;
	line-height:25px;
	margin: 0px 12px;
	text-align: center;
}
.micro_nav_home a:link{display: block; float:left; height:25px; width: 146px;}
.micro_nav_home a:visited{display: block; float:left; height:25px; width: 146px;}

/* Content */

.micro_box{
	background: #EFF0F1 url('../img/verlauf-box.png') repeat-x bottom left;
	width: 360px;
	float:left;	
	margin: 0px 0px 20px 0px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.micro_box_content{
	padding: 10px;
}