body {
	background: #4b4b4b; 
	padding: 0;
	text-align: center }

* {
	margin: 0;
	padding: 0;
	color: #444;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px }

form {
	margin: 0;
	padding: 0 }

img {
	border: 0 }

div {
	position: relative;
	background: white }

.contentarea {
	background: white;
	width: 1024px;
	height: auto;
	text-align: left;
	margin: 0px auto }

.mmc {
	margin: 23px 0 0 66px;
	float: left }
	html.* .mmc {
		margin-left: 66px }
.mmc_ag {
	position: absolute;
	right: 39px;
	top: 57px }
	html.* .mmc_ag{
		display: block;
		position: static;
		float: right;
		margin-right: 39px;
		margin-top: 56px }

.sideband {
	margin: 14px 0 33px 0 }
	html.* .sideband {
		margin: 11px 0 30px 0 }

a {
	text-decoration: underline }

a:hover, a:active {
	font-weight: bold }

a.menu {
	text-decoration: none;
	background: url("/img/m_line.gif") no-repeat 6 15px;
	text-transform: uppercase;
	display: block;
	float: left;
	width: 120px;
	margin-bottom: 36px;
	padding-left: 25px }

html.* a.menu {
	margin-bottom: 35px }

a.menu#begin {
	margin-right: 20px;
	margin-left: 275px;
	width: 105px; }
	html.* a.menu#begin {
	margin-right: 20px;
	margin-left: 275px;
	width: 105px; }

a.menu#team {
	margin-right: 20px;
	width: 40px; }
	html.* a.menu#team {
		margin-right: 20px;
		width: 40px; }
a.menu#power {
	margin-right: 20px;
	width: 80px; }
	html.* a.menu#power {
		margin-right: 20px;
		width: 80px; }
a.menu#competence {
	margin-right: 20px;
	width: 75px; }
	html.* a.menu#competence {
		margin-right: 20px;
		width: 75px; }
a.menu#cases {
	margin-right: 20px;
width: 100px; }
	html.* a.menu#cases {
		margin-right: 20px; width: 100px; }
a.menu#international{
	margin-right: 20px;
	width: 75px; }
	html.* a.menu#international{
		margin-right: 20px;
		width: 75px; }
a.menu#kontakt {
	margin-right: 20px 
	width: 75px;}
	html.* a.menu#kontakt {
		margin-right: 20px;
		width: 75px; }
a.menu#end {
	margin-right: 1px }



h1 {
	clear: left;
	font-weight: bold;
	display: block;
	background: url("/img/red4.gif") no-repeat 0 4px;
	margin: 0 0 4px 282px;
	padding: 0 0 0 18px }

/* IE 5.5-IE6 */
html.* h1 {
	margin: 0 0 -4px 282px;
	background-position: 0 5px }
 
h2 {
	font-size: 12px;
	text-transform: uppercase;
	line-height: 18px;
	font-weight: bold }

.left {
	border-top: #e3dddd 1px solid;
	float: left;
	width: 215px;
	padding-top: 50px;
	padding-bottom: 50px;
	margin-left: 66px }
	html.* .left {
		margin-top: 9px;
		padding-bottom: 50px;
		margin-left: 66px }

.left ul li {
	color: #aaa;
	margin-bottom: 24px;
	margin-left: 16px;
	list-style-image: url("/img/white4.gif") }
	html.* .left ul li {
		margin-top: 9px;
		margin-left: 0px }

.left ul li:active,
.left ul li:hover {
	color: #444; 
	list-style-image: url("/img/red4.gif") }

.left ul li a {
	text-decoration: none }

html.* .left ul li a {
	text-decoration: none;
	color: #999;
	display: inline;
	margin-bottom: 20px;
	padding-left: 16px;
	background: url("/img/white4.gif") no-repeat 0 2px }
	html.* .left ul li a:hover {
		color: #444; 
		background: url("/img/red4.gif") no-repeat 0 2px }

/* *** MG 2009-01-09: Neue Styles für die Zwischenüberschriften im linken Menü! */
.left ul li.submenu_title {
	color: #aaa;
	margin-left: 16px;
	font-weight: bold;
	list-style: none }
li.submenu_title:active,
li.submenu_title:hover {
	list-style: none }
li.submenu_title ul.submenu li {
	margin: 0;
	margin-top: 6px }
html.* li.submenu_title ul.submenu li {
	margin-left: -16px }
/* *** Ende */

/* *** MG 2011-02-14: Neue Styles für die 3. Menüeben links! */
ul.level_3 {
	margin-left: 16px }
/* *** Ende */

.content {
	display: block;
	border-top: #e3dddd 1px solid;
	float: left;
	width: 425px;
	padding-bottom: 50px;
	padding-left: 20px;
	padding-top: 14px }
	html.* .content {
		margin-top: 9px;
		padding-top: 12px;
		width: 445px }

.content p {
	margin-bottom: 13px }

.content ul {
	margin-bottom: 13px }

.content ul li {
	margin-left: 14px;
	list-style-image: url("/img/red_ul.gif") }
	html.* .content ul li {
		margin-left: 17px;
		list-style-image: url("/img/red_ul_ie.gif") }

.right {
	display: block;
	float: left;
	width: 250px;
	padding-left: 20px;
	padding-bottom: 50px }
	html.* .right {
		padding-left: 20px;
		padding-top: 9px }

.right .newsflash {
	background: #666 url("/img/right/newsflash.jpg") repeat-y 0 0;
	width: 216px;
	padding: 10px }
	html.* .right .newsflash {
		width: 220px }

.right .newsflash a:hover {
	font-weight: normal;
	color: #111111 }

.right .newsflash div {
	background: #fff;
	padding: 8px;
	width: 200px; }
	html.* .right .newsflash div {
		width: 200px }

.right .newsflash_image {
	width: 200px;
	padding: 0 10px 10px 10px }
	html.* .right .newsflash_image {
		width: 200px }

.right .newsflash_image div {
	width: 159px }

.right .newsflash p,
.right .newsflash_image p {
	padding-right: 0 }

.right p {
font-size: 9pt;
	margin-bottom: 16px;
	padding-right: 20px }
	html.* .right .kontakt {
		padding-left: 0px;
		width: 159px;
		padding-right: 0;
		margin-right: 0 }

html.* .right .kontakt h2 {
	padding-left: 0px }

.right .newsflash h2,
.right .newsflash_image h2{
	font-weight: normal;
	margin-bottom: 13px }

.right b {
	font-weight: bold }

.kontakt form {
	margin-top: -22px;
	padding-left: 9px }

.left .kontakt h2 {
	font-weight: bold;
	margin-bottom: 25px }

.kontakt input.text {
	width: 160px;
	height: 22px;
	border: #e5e5e5 1px solid;
	padding-left: 2px }

.kontakt textarea{
	padding-left: 2px;
	border: #e5e5e5 1px solid;
	width: 160px;
	height: 160px }
	html.* .kontakt textarea {
		height: 140px }

.kontakt label {
	display: block;
	margin-top: 2px;
	margin-bottom: 4px }

.footer {
	clear: both;
	height: 22px;
	width: 1024px;	
	display: table;
	background: #e5e5e5;
	padding: 8px 0 0 0 }
	html.* .footer {
		height: 30px;
		width: 1024px }

html:first-child>b\ody .footer{
	margin: 0px auto }

.footer a {
	text-align: left;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 9px;
	width: 100px;
	display: table-cell;
	padding-bottom: 4px }
	html.* .footer a {
		width: 100px }

.footer a#impressum {
	padding-left: 298px }
	html.* .footer a#impressum {
		width: 416px }

.footer a#copyright {
	text-align: right;
	width: 270px;
	padding-right: 26px;
	text-transform: none }
	html.* .footer a#copyright {
		width: 290px;
		padding-right: 23px;
		margin-left: 0px }

.footer a#copyright:hover {
	font-weight: normal }