@CHARSET "ISO-8859-1";

.menu {
	display: block;
	width: 568px;
	height: 120px;
	border: 1px solid #FF000;
	position: fixed;
	left: 500px;
	top: 126px;
	z-index: 20;
	text-transform: uppercase;
	font-size: 10px;
}
.menuAngebot {
	color: #3e7900;
	display: block;
	width: 112px;
	height: 19px;
	background-image: url( ../images/menuAngebot.png );
	float: left;
	margin-right: 2px;
	text-align: center;
	padding-top: 90px;
}
.menuAngebot:hover {
	background-image: url( ../images/menuAngebot_hover.png );
}

.menuReferenzen {
	color: #0061ac;
	display: block;
	width: 112px;
	height: 19px;
	background-image: url( ../images/menuReferenzen.png );	
	float: left;
	margin-right: 2px;
	text-align: center;
	padding-top: 90px;	
}
.menuReferenzen:hover {
	background-image: url( ../images/menuReferenzen_hover.png );
}

.menuAboutUs {
	color: #ffae00;
	display: block;
	width: 112px;
	height: 19px;
	background-image: url( ../images/menuAboutUs.png );	
	float: left;
	margin-right: 2px;
	text-align: center;
	padding-top: 90px;	
}
.menuAboutUs:hover {
	background-image: url( ../images/menuAboutUs_hover.png );
}

.menuKontakt {
	color: #c00000;
	display: block;
	width: 112px;
	height: 19px;
	background-image: url( ../images/menuKontakt.png );	
	float: left;
	margin-right: 2px;
	text-align: center;
	vertical-align: bottom;
	padding-top: 90px;	
}
.menuKontakt:hover {
	background-image: url( ../images/menuKontakt_hover.png );
}
.menuExtranet {
	color: #828282;
	display: block;
	width: 112px;
	height: 19px;
	background-image: url( ../images/menuExtranet.png );
	float: left;	
	text-align: center;
	padding-top: 90px;	
}
.menuExtranet:hover {
	background-image: url( ../images/menuExtranet_hover.png );
}
#subMenu {
	display: block;
	width: 600px;
	position: absolute;
	top: 120px;
	height: 120px;
}

.produkte {
	display: block;
	width: 100px;
	height: 20px;
	border: 1px solid #95cb2a;
	position: absolute;	
	padding-top: 5px;
	padding-left: 10px;
	background-color: #fff;
	* left: -569px;
}
.produkte:hover {
	color: #c00000;
	border-color: #c00000;	
}
.portfolio {
	display: block;
	width: 100px;
	height: 20px;
	border: 1px solid #95cb2a;
	position: absolute;	
	top: 30px;
	padding-top: 5px;
	padding-left: 10px;
	background-color: #fff;
	* left: -569px;
}
.portfolio:hover {
	color: #c00000;
	border-color: #c00000;	
}

.softwareentwicklung {
	display: block;
	width: 100px;
	height: 20px;
	border: 1px solid #95cb2a;
	position: absolute;	
	top: 60px;
	padding-top: 5px;
	padding-left: 10px;
	background-color: #fff;
	* left: -569px;
}
.softwareentwicklung:hover {
	color: #c00000;
	border-color: #c00000;	
}
.knowhow {
	display: block;
	width: 100px;
	height: 20px;
	border: 1px solid #95cb2a;
	position: absolute;	
	top: 90px;
	padding-top: 5px;
	padding-left: 10px;
	background-color: #fff;
	* left: -569px;
}
.knowhow:hover {
	color: #c00000;
	border-color: #c00000;	
}

.referenzstories {
	display: block;
	width: 120px;
	height: 20px;
	left: 115px;
	* left: -454px;
	border: 1px solid #58a7db;
	position: absolute;	
	padding-top: 5px;
	padding-left: 10px;
	background-color: #fff;
	color: #58a7db;
}
.referenzstories:hover {
	color: #c00000;
	border-color: #c00000;	
}

.partner {
	display: block;
	width: 120px;
	height: 20px;
	left: 115px;
	* left: -454px;
	border: 1px solid #58a7db;
	position: absolute;	
	top: 30px;
	padding-top: 5px;
	padding-left: 10px;
	background-color: #fff;
	color: #58a7db;
}
.partner:hover {
	color: #c00000;
	border-color: #c00000;	
}

.mission {
	display: block;
	width: 100px;
	height: 20px;
	left: 230px;
	* left: -339px;
	border: 1px solid #ffae00;
	position: absolute;	
	padding-top: 5px;
	padding-left: 10px;
	background-color: #fff;
	color: #ffae00;
}
.mission:hover {
	color: #c00000;
	border-color: #c00000;	
}
.fakten {
	display: block;
	width: 100px;
	height: 20px;
	left: 230px;
	* left: -339px;
	border: 1px solid #ffae00;
	position: absolute;	
	top: 30px;
	padding-top: 5px;
	padding-left: 10px;
	background-color: #fff;
	color: #ffae00;
}
.fakten:hover {
	color: #c00000;
	border-color: #c00000;	
}
.group {
	display: block;
	width: 100px;
	height: 20px;
	left: 230px;
	* left: -339px;
	border: 1px solid #ffae00;
	position: absolute;	
	top: 60px;
	padding-top: 5px;
	padding-left: 10px;
	background-color: #fff;
	color: #ffae00;
}
.group:hover {
	color: #c00000;
	border-color: #c00000;	
}
.centsystems {
	display: block;
	width: 125px;
	height: 20px;
	left: 342px;
	* left: -227px;
	border: 1px solid #e35f5b;
	position: absolute;	
	top: 0px;
	padding-top: 5px;
	padding-left: 10px;
	background-color: #fff;
	color: #e35f5b;
}
.centsystems:hover {
	color: #c00000;
	border-color: #c00000;	
}
.centgroup {
	display: block;
	width: 125px;
	height: 20px;
	left: 342px;
	* left: -227px;
	border: 1px solid #e35f5b;
	position: absolute;	
	top: 30px;
	padding-top: 5px;
	padding-left: 10px;
	background-color: #fff;
	color: #e35f5b;
}
.centgroup:hover {
	color: #c00000;
	border-color: #c00000;	
}
.kontaktformular {
	display: block;
	width: 125px;
	height: 20px;
	left: 342px;
	* left: -227px;
	border: 1px solid #e35f5b;
	position: absolute;	
	top: 60px;
	padding-top: 5px;
	padding-left: 10px;
	background-color: #fff;
	color: #e35f5b;
}
.kontaktformular:hover {
	color: #c00000;
	border-color: #c00000;	
}
.routenplaner {
	display: block;
	width: 125px;
	height: 20px;
	left: 342px;
	* left: -227px;
	border: 1px solid #e35f5b;
	position: absolute;	
	top: 90px;
	padding-top: 5px;
	padding-left: 10px;
	background-color: #fff;
	color: #e35f5b;
}
.routenplaner:hover {
	color: #c00000;
	border-color: #c00000;	
}
.avor {
	display: block;
	width: 100px;
	height: 20px;
	left: 456px;
	* left: -113px;
	border: 1px solid #cccccc;
	position: absolute;	
	padding-top: 5px;
	padding-left: 10px;
	background-color: #fff;
	color: #ccc;
}
.avor:hover {
	color: #c00000;
	border-color: #c00000;	
}

.tagebuch {
	display: block;
	width: 100px;
	height: 20px;
	left: 456px;
	* left: -113px;
	border: 1px solid #cccccc;
	position: absolute;	
	top: 30px;
	padding-top: 5px;
	padding-left: 10px;
	background-color: #fff;
	color: #cccccc;
}
.tagebuch:hover {
	color: #c00000;
	border-color: #c00000;	
}

.reports {
	display: block;
	width: 100px;
	height: 20px;
	left: 456px;
	* left: -113px;
	border: 1px solid #cccccc;
	position: absolute;	
	top: 60px;
	padding-top: 5px;
	padding-left: 10px;
	background-color: #fff;
	color: #cccccc;
}
.reports:hover {
	color: #c00000;
	border-color: #c00000;	
}

.kpt {
	display: block;
	width: 100px;
	height: 20px;
	left: 456px;
	* left: -113px;
	border: 1px solid #cccccc;
	position: absolute;	
	top: 90px;
	padding-top: 5px;
	padding-left: 10px;
	background-color: #fff;
	color: #cccccc;
}
.kpt:hover {
	color: #c00000;
	border-color: #c00000;	
}