/* CSS Document */
.eyecatcherWrap {
	height: 221px;
	width: 400px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	overflow: hidden;
	float: left;
	background-color: #5f5f5f;
	margin: 0px;
	padding: 0px;
}
.eyecatcherWrapIE {
	height: 221px;
	width: 400px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	overflow: hidden;
	
	background-color: #5f5f5f;
	margin: 0px;
	padding: 0px;
}
.searchArea {
	text-align: center;
	vertical-align: middle;
	height: 32px;
	width: 205px;
	position: relative;
	background-color: #ADADAD;
	float: left;
	padding-top: 9px;
	top: -221px;
	z-index: 99;
	visibility: hidden;
	filter:alpha(opacity=95);
        overflow:hidden;
	-moz-opacity:0.95;
	opacity:0.95;
	background-image: url(../images/searchAreaBack.png);
	background-repeat: no-repeat;
	background-position: left top;
	left: 0px;

}
.searchField {
	background-color: #FFFFFF;
	text-align: left;
	vertical-align: top;
	border: 1px solid #5f5f5f;
	float: left;
	height: 18px;
	width: 143px;
	font-size: 1em;

}
.littleContentArea {
	float: left;
	width: 100px;
	position: relative;
	top: 0px;
	text-align: left;
	vertical-align: top;
	height: 221px;
	margin: 0px;
	padding: 0px;
	right: 0px;
        overflow:hidden;
}
.searchOff {
	float: left;
	margin-left: 5px;
	margin-right: 5px;

}
.searchGo {
	float: right;
	margin-right: 5px;

}
.searchButtonCollapse {
	background-image: url(../images/searchOffButton.png);
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	height: 25px;
	width: 23px;
	margin-right: 40px;
}
.introUcd {
	height: 73px;
	width: 100px;
	background-image: url(../images/flip-usercentereddesign.png);
	background-repeat: no-repeat;
	background-position: left top;
	float:left;

	
}
.ieUCD, .introUcd:hover {
	height: 73px;
	width: 100px;
	background-image: url(../images/flip-usercentereddesign.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	float: left;
	
	background-position: 0px -73px;

	
}
.introMarketing {
	height: 73px;
	width: 100px;
	background-image: url(../images/flip-internetmarketing.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	float: left;
}
.ieMarketing, .introMarketing:hover {
	height: 73px;
	width: 100px;
	background-image: url(../images/flip-internetmarketing.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	float: left;
	background-position: 0px -73px;
	
}
.introEntwicklung {
	height: 73px;
	width: 100px;
	background-image: url(../images/flip-softwareentwicklung.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	float: left;
}
.ieEntwicklung, .introEntwicklung:hover {
	height: 73px;
	width: 100px;
	background-image: url(../images/flip-softwareentwicklung.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	float: left;
	background-position: 0px -73px;
	
}
.infoContent {
	background-color: #FFFFFF;
	text-align: left;
	vertical-align: top;
	padding: 10px;
	width: 400px;
	clear: both;
	float: left;
	display: block;
}
.splitHorizontal {
	text-align: left;
	vertical-align: top;
	float: left;
}
.overlap {
	height: 221px;
	width: 400px;
	position: absolute;
	
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	float: left;
}
.overlapIE {
	height: 221px;
	width: 400px;
	position: absolute;
	top: 0px;
	
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	float: left;
}
.Section1 {
	height: 98px;
	width:400px;
	position: absolute;
	top: 10px;
	
}
.Section2 {
	background-image: url(../images/shadow-left-side.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 221px;
	width:400px;
	position: absolute;
	top: 108px;
	padding-left: 6px;
	overflow: hidden;