html {
	height:100%;
	margin-bottom:1px;
}

body {
	font-family: "Arial", "Lucida Grande", "Trebuchet MS", "Helvetica", sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #767676;
	margin-left: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(../images/background.png);
	background-repeat: repeat-x;

}

html>body  {
	font-family: "Arial", "Lucida Grande", "Trebuchet MS", "Helvetica", sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #808080;
	margin-left: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(../images/background.png);
	background-repeat: repeat-x;

}
.toTheLeft {
	float: left;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
.toTheRight {
	float: right;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
.headerWrap {
	background-image: url(../images/oben-back.png);
	background-repeat: repeat-x;
	height: 73px;
	width: 979px;
}
.headerLogoArea {
	background-image: url(../images/oben-rechts.png);
	background-repeat: no-repeat;
	background-position: right top;
	float: right;
	padding-right: 29px;
	height: 73px;
}
.logo {
	float: left;
	height: 73px;
	width: 83px;
	margin-right: 30px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
.menuWrap {
	background-image: url(../images/menu-back.png);
	background-repeat: repeat-x;
	height: 25px;
	width: 979px;
}
.mainMenuArea {
	background-image: url(../images/menu-links.png);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 25px;
	padding-left: 29px;
	text-align: left;
	vertical-align: middle;
}
.iconArea {
	background-image: url(../images/menu-shadow-rechts.png);
	background-repeat: no-repeat;
	background-position: right top;
	float: right;
	height: 25px;
	padding-right: 6px;
}
.contentWrap {
	background-image: url(../images/content-back.png);
	width: 979px;
	background-repeat: repeat-y;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	
}
.contentWrapInsideLeft {
	background-image: url(../images/shadow-left-side.jpg);
	background-repeat: no-repeat;
	background-position: left -221px;
	width: 6px;
	height: 255px;
	float: left;

}

.contentWrapInsideRight {
	background-image: url(../images/shadow-right-side.jpg);
	background-repeat: no-repeat;
	background-position: right -221px;
	width: 6px;
	float: right;
	height: 255px;
}
.contentArea {
	float: left;
	width: 947px;
	text-align: left;
	vertical-align: top;
	padding: 10px;
}


.shadowWrap {
	background-image: url(../images/shadow-back.png);
	background-repeat: repeat-x;
	height: 34px;
	width: 979px;
}
.shadowLeftArea {
	background-image: url(../images/shadow-links.png);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 34px;
	padding-left: 29px;
}
.shadowRightArea {
	background-image: url(../images/shadow-rechts.png);
	background-repeat: no-repeat;
	background-position: right top;
	float: right;
	height: 34px;
	padding-right: 29px;
}

.footerWrap {
	background-image: url(../images/unten-back.png);
	height: 30px;
	width: 979px;
	background-repeat: repeat-x;
	background-position: left top;
	clear: both;
}
.footerLeftArea {
	background-image: url(../images/unten-links.png);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 30px;
	padding-left: 29px;
	clear: both;
}
.footerLegalsArea {
	background-image: url(../images/unten-rechts.png);
	background-repeat: no-repeat;
	background-position: right top;
	height: 30px;
	padding-right: 29px;
	color: #CCCCCC;
	text-align: right;
	
}






.headerMenuArea {
	background-image: url(../images/oben-links.png);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 73px;
	padding-left: 29px;
}

.clearDiv{
	clear: both;
	position:relative;
	height: 0px;
	width: 0px;
}


h1{
	font-family: "Lucida Grande",  "Trebuchet MS", "Helvetica", "Arial",  sans-serif;
	font-size: 20px;
	color: #333333;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	line-height: 120%;
	margin-bottom: 10px;
	padding-top: 0px;
	margin-top: 0px;
}


h2{
	font-family: "Lucida Grande",  "Trebuchet MS", "Helvetica", "Arial",  sans-serif;
	font-size: 16px;
	color: #333333;
	font-weight: bold;
	margin:0px 0px 8px 0px;
}
h3{
	font-family: "Lucida Grande",  "Trebuchet MS", "Helvetica", "Arial",  sans-serif;
	font-size: 14px;
	color: #333333;
	font-weight: bold;
}
img {
border: 0px;
}
p {
line-height:130%;
margin:0px 0px 0px 0px;
}
br {
line-height:100%;
margin:0px 0px 0px 0px;
}
a{
	color: #3C64EE;
	text-decoration: none;
}a:hover {
	color: #000000;
	text-decoration: underline;
}

.fett {
font-weight:bold;
}
.unternehmen {
	height: 20px;
	width: 84px;
	background-image: url(../images/flip-unternehmen.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 28px;
	float: left;
}
.ieUnternehmen, .unternehmen#aktiv, .unternehmen:hover {
	height: 20px;
	width: 84px;
	background-image: url(../images/flip-unternehmen.png);
	background-repeat: no-repeat;
	background-position: 0px -20px;
	margin-top: 28px;
	float: left;
}

.ucd {
	height: 20px;
	width: 132px;
	background-image: url(../images/flip-ucd.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 28px;
	float: left;
}
.ieMenuUCD, .ucd#aktiv, .ucd:hover {

	height: 20px;
	width: 132px;
	background-image: url(../images/flip-ucd.png);
	background-repeat: no-repeat;
	background-position: 0px -20px;
	margin-top: 28px;
	float: left;
}

.internetmarketing {
	height: 20px;
	width: 112px;
	background-image: url(../images/flip-marketing.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 28px;
	float: left;
}
.ieInternetmarketing, .internetmarketing#aktiv, .internetmarketing:hover {

	height: 20px;
	width: 112px;
	background-image: url(../images/flip-marketing.png);
	background-repeat: no-repeat;
	background-position: 0px -20px;
	margin-top: 28px;
	float: left;
}

.softwareentwicklung {
	height: 20px;
	width: 131px;
	background-image: url(../images/flip-entwicklung.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 28px;
	float: left;
}
.ieSoftwareentwicklung, .softwareentwicklung#aktiv, .softwareentwicklung:hover {

	height: 20px;
	width: 131px;
	background-image: url(../images/flip-entwicklung.png);
	background-repeat: no-repeat;
	background-position: 0px -20px;
	margin-top: 28px;
	float: left;
}
.referenzen {
	height: 20px;
	width: 68px;
	background-image: url(../images/flip-referenzen.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 28px;
	float: left;
}
.ieReferenzen, .referenzen#aktiv, .referenzenaktiv, .referenzen:hover {

	height: 20px;
	width: 68px;
	background-image: url(../images/flip-referenzen.png);
	background-repeat: no-repeat;
	background-position: 0px -20px;
	margin-top: 28px;
	float: left;
}
.activeMain {
	background-image: url(../images/Pfeil.png);
	background-position: center bottom;
	height: 73px;
	background-repeat: no-repeat;
	float: left;
}
.menuSpace {
	float: left;
	height: 73px;
	width: 20px;
}
.home {
	background-image: url(../images/flip-home.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 25px;
	width: 26px;
	float: left;
}
.ieHome, .home:hover {
	background-image: url(../images/flip-home.png);
	background-repeat: no-repeat;
	background-position: left -25px;
	height: 25px;
	width: 26px;
	float: left;
}
.kontakt {
	background-image: url(../images/flip-mail.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 25px;
	width: 29px;
	float: left;
}
.ieKontakt, .kontakt:hover {
	background-image: url(../images/flip-mail.png);
	background-repeat: no-repeat;
	background-position: left -25px;
	height: 25px;
	width: 29px;
	float: left;
}
.sitemap {
	background-image: url(../images/flip-sitemap.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 25px;
	width: 30px;
	float: left;
}
.ieSitemap, .sitemap:hover {
	background-image: url(../images/flip-sitemap.png);
	background-repeat: no-repeat;
	background-position: left -25px;
	height: 25px;
	width: 30px;
	float: left;
}
.suchen {
	background-image: url(../images/flip-search.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 25px;
	width: 23px;
	float: left;
	margin-right: 40px;
}
.ieSuchen, .suchen:hover {
	background-image: url(../images/flip-search.png);
	background-repeat: no-repeat;
	background-position: left -25px;
	height: 25px;
	width: 23px;
	float: left;
	margin-right: 40px;
}
.eyecatcherWrap {
	height: 221px;
	width: 967px;
	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: 762px;
	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: 205px;
	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: 205px;
	background-image: url(../images/flip-usercentereddesign.png);
	background-repeat: no-repeat;
	background-position: left top;
	float:left;

	
}
.ieUCD, .introUcd:hover {
	height: 73px;
	width: 205px;
	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: 205px;
	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: 205px;
	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: 205px;
	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: 205px;
	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: 947px;
	clear: both;
	float: left;
	display: block;
}
.splitHorizontal {
	text-align: left;
	vertical-align: top;
	float: left;
}
.overlap {
	height: 221px;
	width: 762px;
	position: absolute;
	top: 0px;
	left: 7px;
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	float: left;
}
.overlapIE {
	height: 221px;
	width: 762px;
	position: absolute;
	top: 0px;
	
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	float: left;
}
.Section1 {
	height: 98px;
	width: 979px;
	position: absolute;
	top: 10px;
	
}
.Section2 {
	background-image: url(../images/shadow-left-side.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 221px;
	width: 973px;
	position: absolute;
	top: 108px;
	padding-left: 6px;
	overflow: hidden;
}
.Section3 {
	width: 979px;
	position: absolute;
	top: 329px;
	background-image: url(../images/content-back.png);
	background-repeat: repeat-y;
	background-position: left top;
}
.littleShadowRight {
	background-image: url(../images/shadow-right-side.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 221px;
	width: 6px;
	float: right;
}
.mainWrap {
	position: relative;
	width: 979px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	vertical-align: top;
}
a.mainlevel, a.mainlevel:visited {
	position: relative;
	text-align: left;
	vertical-align: top;
	font-size: 14px;
	color: #DDDDDD;
	text-decoration: none;
	font-weight: normal;
	display: block;
	float: left;
	padding-right: 15px;
	height: 23px;
	padding-top: 2px;
	border-top-color: 0;
	border-right-color: 0;
	border-bottom-color: 0;
	border-left-color: 0;
	font-family: "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
}
a.mainlevel#active_menu {
	color: #f8cc4f;

}
a.mainlevel:hover {
	color: #000000;
	text-decoration: none;
}
.splitterPic {
	float: left;
	height: 25px;
	width: 50px;
	padding-right: 15px;
}
.moduletable {
	float: left;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
.half_Content {
	font-size: 12px;
	color: #333333;
	float: left;
	width: 450px;
	overflow: hidden;

	text-align: left;
	vertical-align: top;
	display: block;

}
.half_Content_Right {
	font-size: 12px;
	color: #333333;
	float: right;
	width: 450px;
	overflow: hidden;	
	vertical-align: top;
	display: block;
}
.introUcdIE6 {
	background-image: url(../images/flip-usercentereddesign.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height:73px;
	float:left;
}
.introMarketingIE6 {
	background-image: url(../images/flip-internetmarketing.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;

	float:left;
}
.introEntwicklungIE6 {
	background-image: url(../images/flip-softwareentwicklung.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;

	float:left;
}
.searchAreaIE {
	text-align: center;
	vertical-align: middle;
	height: 32px;
	width: 205px;
	position: relative;
	background-color: #ADADAD;
	left: 0px;
	padding-top: 9px;
	top: -221px;
	z-index: 99;
	visibility: hidden;
	filter:alpha(opacity=95);
	background-image: url(../images/searchAreaBack.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.introUcdIE6Hover {
	background-image: url(../images/flip-usercentereddesign.png);
	background-repeat: no-repeat;
	background-position: 0px -73px;
	top: 0px;
	height:73px;
	float:left;
}
.introMarketingIE6Hover {
	background-image: url(../images/flip-internetmarketing.png);
	background-repeat: no-repeat;
	background-position: 0px -73px;
	top: 0px;
	float:left;
}
.introEntwicklungIE6Hover {
	background-image: url(../images/flip-softwareentwicklung.png);
	background-repeat: no-repeat;
	background-position: 0px -73px;
	top: 0px;
	float:left;
}
.Section2IE6 {
	background-image: url(../images/shadow-left-side.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 221px;
	width: 979px;
	position: absolute;
	top: 108px;
	padding-left: 0px;
	overflow: hidden;
}
.fuckIE
{
	margin: 0px;
	padding: 0px;
	float: left;
	border: 0px;
	text-align: left;
	vertical-align: top;
	overflow: hidden;
}
a.footer, a.mainlevelfooterLegals{
	color: #ffffff;
	text-decoration: none;
	font-size: 11px;
	display: block;
	padding-top: 4px;
		
}
a.footer:hover, a.mainlevelfooterLegals:hover {
	color: #f8cc4f;
	text-decoration: none;
}
a.footer:active, a.mainlevelfooterLegals:active {
	color: #f8cc4f;
	text-decoration: none;
	font-style: normal;
}
.moduletable-footerLegalsArea {
	float: right;

}
.contents p {
	line-height:130%;
	margin:0px 0px 0px 0px;
	font-size: 12px;
	letter-spacing: normal;
	word-spacing: normal;
	display: block;
}
.spot{
	display: block;
	margin: 0px;
	padding: 0px;
	height: 160px;
	width: 302px;
	clear: both;
	overflow: hidden;
	float: left;
}