/* ==[ CSS - FILE ]===================================================================
*	INFO:		Modifizierung fuer Template - 2de_homepage_1c_020.htms
*	PFAD:		/strato-monitor/_assets_de/css/tmpl_mod/homepage_1c_020.css	
*
* ===[ CSS - INDEX ]================================================================= 
*
* _belt		[  ]
* _main		[  ]
*
================================================================================================================= */


/* _belt  [ grafische Anpassung des Template-Layoutes ]
================================================================================================================= */
#belt_center, #belt_shade1, #belt_shade2 {
	background: transparent url("/new/_assets_de/image/main/bg_orangebar_l_homepage.png") 0 0 repeat-x;
} 

#belt_center {
	height: 150px;
	background-position: 0 -9px;
	top: 70px;
}

#belt_shade1 {
	background-position: 0 0;
	top: 63px;
	height: 7px;
}

#belt_shade2 {
	background-position: 0 100%;
	top: 216px;
}
#content {
	width: 990px;
	float: none;
	margin: 0;
}

#belt_text{
	
float:left;
width: 100 px;
}

#belt_img{
	float:right;
	width: 200 px;
	height:150 px;
	
}

#belt_content {
	height: 150px;
	width:700px;
	color: #222;
	line-height: 16px;
	position: relative;
	z-index: 4;
}

	#belt_content > div + div {
		background: transparent url("/new/_assets_de/image/main/separator_orangebar_l.png") 14px 0 no-repeat;
	}


	#belt_content h2 {  
		color: #FFFFFF; 
		height: 40px;
		line-height: 40px;
		font-size: 20px;
		margin-bottom: 3px;
	}
	#belt_content h2 a { color: #FFFFFF; } 
    
		#belt_content h2.twoline { 
			line-height: 20px;
		}

	#belt_content p {
		line-height: 16px;
	}

	#belt_content ul li{
		padding-left: 8px;
		background: transparent url("/new/_assets_de/image/element/bullet.png") 0 7px no-repeat;
	}

	#belt_content .top {
		padding-left: 55px;
		padding-top: 12px;
		height: 100px;
	}

	#belt_content .bottom {
		text-align: right;
	}

	img.teaser {
	position: absolute;
	right: -13px;
	top: -13px;
	z-index: 10;
	}

	#belt_content .button_lblue {
		position: absolute;
		bottom: -10px;
		right: -3px;
	}
	
	
/* _main  [  ]	
================================================================================================================= */
#keyvisual {
	height: 345px;
	position: relative;
	overflow: hidden;
}

.boxwrapper > div {
	position: relative;
}

	.boxwrapper > div > a.envelop {
		z-index: 100;
		display: block;
		height: 167px;
		width: 220px;
		position: absolute;
		cursor:pointer;
	}

.boxwrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.boxwrapper > div {
	float: left;
	width:225px;
	height: /*185px;*/ 450px;
}

.boxwrapper > div + div {
	padding-left: 30px;
	background: transparent url("/new/_assets_de/image/main/separator_helpers.png") 14px 0 no-repeat;
}


#contentrow h2 {
	margin: 30px 0  5px;
}

#contentrow img {
	float: left;
	margin-right: 5px;
	margin-top: 5px;
}

#contentrow p{
	margin-bottom: 6px;
}