* { margin: 0; padding: 0; outline:0; }

body {
    font-size: 12px;
    line-height: 20px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    background: url(images/body-bg2.gif) repeat 0 0;
}
a { color: #02528e; text-decoration:none; } 
a:hover { text-decoration: underline; }

input, textarea, select { font-family: Arial, Helvetica, sans-serif; font-size:12px; }
textarea { overflow:auto; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }

#left {width: 375px; height: 250px; float: left; margin-right: 15px;}

#right {width: 350px; float: right; margin-left: 15px; }

#middle {}

#left2 {width: 300px; height: auto; float: left; margin-right: 15px;  }

#right2 {width: 270px; float: right; margin-left: 35px; }

#middle2 {width: 260px; float: right; margin-left: 15px; margin-right: 5px;}

#oli { position: absolute; background: url(images/diag_a.png); height: 200px; width: 302px; top:575px; right: 307px; padding-top:25px; padding-left:27px; }
#uli { position: absolute; background: url(images/diag_6.png); height: 215px; width: 285px; top: 764px; right: 325px; padding-top:25px; padding-left:27px;}
#ur { position:absolute; background: url(images/diag_o.png); height: 215px; width: 285px; right: 25px; top:764px; padding-top:25px; padding-left:27px; }
#or { position:absolute; background:url(images/diag_d.png); height:300px; width:285px; right:25px; top:575px; padding-top:25px; padding-left:27px;}

#step1 { position:absolute; background:none; width:200px; left: 40px;}
#step2 { position:absolute; background:none; width:200px; left: 280px;}
#step3 { position:absolute; background:none; width:200px; right: 265px;}
#step4 { position:absolute; background:none; width:220px; right: 10px;} 

#inle { position:absolute; width: 600px; height:400px;; left: 25px;}
#inri { position:absolute; width: 300px; height:300px; right: 45px; top: 275px;}
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

.build { width: 980px; margin: 0 auto;  }
.border { border: 1px solid #e8e8e8; background: #fff; position: relative; }
.shadow-left  { background: url(images/shadow-l.png) no-repeat 0 0; width: 25px; height: 686px; position: absolute; top:0;left:-25px; }
.shadow-right  { background: url(images/shadow-r.png) no-repeat 0 0; width: 25px; height: 686px; position: absolute; top:0;right:-25px; }
.shadow-bottom  { background: url(images/shadow-b.png) no-repeat 0 0; width: 980px; height: 15px; position: absolute; bottom:-15px;left:0; }

#header { background: repeat-x 0 0; height: 45px; position: relative; }

.social { padding: 0 0 0 20px; }
.social ul { list-style: none; }
.social ul li { display: inline; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 15px; padding: 0 0 0 0; margin: 0 0 0 0; }
.social ul li.last { border:0; margin:0; border-right: 1px #666 dotted; }
.social ul li a { float: left; color: #b9b9b9; height: 16px; padding: 0px 0px 0 20px; }
.social ul li a.fb { background: url(images/soc-fb.gif) no-repeat 0 0; }
.social ul li a.twit { background: url(images/soc-twit.gif) no-repeat 0 0; }

.lang { padding: 20px 20px 0 0; }
.lang ul li { display: inline; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 12px; }
.lang ul li a { float: left; color: #b9b9b9; height: 16px; padding: 0 0 0 20px; }
.lang ul li a.de { background: url(images/ger.gif) no-repeat 0 0; }
.lang ul li a.en { background: url(images/uk.gif) no-repeat 0 0; }

.logo { width: 980px; height: 175px;  position: relative; margin: 15px 0 0 0px; background:url(images/Logo_5.png)}
.logo .item { position: relative; width: 928px; height: 210px; }

#main { width: 932px; padding: 17px 24px 35px 21px; }
#main h3 { font-size: 12px; line-height: 15px; color: #000; text-transform: uppercase; border-bottom: 1px solid #dbdbdb; padding: 0 0 9px 0; }

#imgtxtcoa1 { position:absolute; left: 25px; top: 50px;}
#imgtxtcoa2 { position:absolute; left: 25px; top:150px;}

#content { width: 650px; height:auto; }

.highlight {  }
.highlight b { color: #02528e; }
.highlight img { border: 1px solid #dbdbdb; padding: 2px; }

.image { border: 1px solid #dbdbdb; padding: 2px; }

.projects { padding: 12px 0 0 0; }
.projects h3 { margin: 0 0 17px 0; }
.projects .item { margin: 0 0 28px 0; }
.projects .image { width: 300px; height: 181px; border: 1px solid #dbdbdb; padding: 2px; margin: 0 20px 0 3px; }
.projects .text { width: 175px; }
.projects .text h4 { font-size: 12px; line-height: 15px; color: #000000; text-transform: uppercase; padding: 3px 0 2px 0; }
.projects .text p { padding: 0 0 3px 0; }

#sidebar { width: 250px;  }

.sidebar-nav .image { width: 220px; height: 150px; border: 1px solid #dbdbdb; padding: 2px; margin: 0 20px 0 3px; }
.sidebar-nav { list-style: none; padding: 0 0 18px 0; margin-top: 0px; }
.sidebar-nav ul { list-style: none; }
.sidebar-nav ul li { border-bottom: 1px solid #b5b7b5; font-size: 12px; line-height: 18px; padding: 7px 0; }

.advertisement { padding: 0 0 13px 0; }
.advertisement h3 { margin: 0 0 18px 0; }
.advertisement .ads { padding: 0 15px 0 7px; margin-left: 0px; }
.advertisement .ad { margin: 0 0 0px 0; }

#footer { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; color: #7f7f7f; padding-top: 9px; padding-bottom: 50px;}
#footer a { color: #b5b7b5; text-decoration: none; cursor:pointer; }

.footer-nav {  }
.footer-nav ul { list-style: none; }
.footer-nav ul li { display: inline; padding-right: 5px;  }
.footer-nav ul li.last { border-left: 1px #b5b7b5 dashed; padding-left: 5px; padding-right: 5px; }

.container { width: 900px; margin: 0 auto; } 

h2.acc_trigger { padding: 0; margin: 0 0 5px 0;
	background: url(images/slide2.gif) ;
	height: 35px;	line-height: 35px;
	width: 800px;
	font-size: 16px;
	font-weight: normal;
	float: left;
}
h2.acc_trigger a {
	color: #00548d;
	text-decoration: none;
	display: block;
	padding: 0 0 0 50px;
}
h2.acc_trigger a:hover {
	color: #000;
}
h2.active {background-position: left bottom;}

.acc_container {
	margin: 0 0 0px; padding: 0;
	overflow: hidden;
	width: 798px;
	height: 75px;
	clear: both;
	background: #f0f0f0;
	border: 1px solid #d6d6d6;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px; 
}
.acc_container .block {
	padding: 10px;
}
.acc_container .block p {
	padding: 5px 0;
	margin: 5px 0;
}
.acc_container img {
	float: left;
	margin: 10px 15px 15px 0;
	padding: 5px;
	background: #ddd;
	border: 1px solid #ccc;
}

.container2 {
	width: 100px;
	margin: 0 auto;
} 
h3.acc_trigger2 {
	padding: 0;	margin: 0 0 5px 0;
	background: url(images/slide3.gif) ;
	height: 35px;	line-height: 35px;
	width: 432px;
	font-size: 16px;
	font-weight: normal;
	float: left;
}
h3.acc_trigger2 a {
	color: #00548d;
	text-decoration: none;
	display: block;
	padding: 0 0 0 50px;
}
h3.acc_trigger2 a:hover {
	color: #000;
}
h3.active2 {background-position: left bottom;}

.acc_container2 {
	margin: 0 0 0px; padding: 0;
	overflow: hidden;
	width: 432px;
	height: 150px;
	clear: both;
	background: #f0f0f0;
	border: 1px solid #d6d6d6;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px; 
}
.acc_container2 .block {
	padding: 20px;
}
.acc_container2 .block p {
	padding: 5px 0;
	margin: 5px 0;
}
.acc_container2 img {
	float: left;
	margin: 10px 15px 15px 0;
	padding: 5px;
	background: #ddd;
	border: 1px solid #ccc;
}

ul.incentive {
	width: 400px;
	list-style: none;
	margin: 0 auto;
	padding: 0;
}
ul.incentive li {
	width: 150px;
	float: left;
	display: inline;
	margin: 5px;
	padding: 0;
	position: relative;
}
ul.incentive li:hover {
	z-index: 99;
}
ul.incentive li img {
	position: relative;
	filter: alpha(opacity=50);
	opacity: 0.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
ul.incentive li:hover img {
	z-index: 999;
	filter: alpha(opacity=100);
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
ul.incentive li .info {
	position: absolute;
	left: -10px;
	top: -10px;
	padding: 165px 10px 20px;
	width: 150px;
	display: none;
	background: #fff;
	font-size: 12px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
ul.incentive li:hover .info {
	display: block;
}
ul.incentive li h2 {
	font-size: 1.2em;
	font-weight: normal;
	text-transform: uppercase;
	
}

<!-- Menu -->

.bg {background: url(images/button4.gif);}
.menu {padding:0 0 0 200px; margin:0; float: none; list-style:none; height:40px; background:#fff url(images/button1a.gif) repeat-x; position:relative; font-family: Arial, Helvetica, sans-serif; }
.menu li.top {display:block; float:left; position:relative;}
.menu li.top.active { background:url(images/button4.gif); no-repeat 0 0; } 
.menu li a.top_link {display:block; float:left; height:40px; line-height:33px; color:#fff; text-decoration:none; font-size:13px; font-weight:bold; padding: 0 0 0 15px; cursor:pointer;}
.menu li a.top_link span {float:left; font-weight:bold; display:block; padding:0 24px 0 12px; height:40px;}
.menu li a.top_link:hover {color:#00548d; background: url(images/button4.gif) no-repeat;}
.menu li a.top_link:hover span {background:url(images/button4.gif) no-repeat right top;}
.menu li a.top_link:hover span.down {background:url(images/button4.gif) no-repeat right top;}
.menu li a.top_link.active {color:#00548d; background: url(images/button4.gif) no-repeat;}
.menu li a.top_link.active span {background:url(images/button4.gif) no-repeat right top;}
.menu li a.top_link.active span.down {background:url(images/button4.gif) no-repeat right top;}
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
.menu li:hover {position:relative; z-index:200;}
.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
.menu :hover ul.sub {left:0; top:40px; right:0; background: #fff; padding:3px 0; border:1px solid #999999; white-space:nowrap; width:200px; height:auto;}
.menu :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:250px;}
.menu :hover ul.sub li a {font-weight:normal;display:block; font-size:13px; height:20px; width:192px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
.menu :hover ul.sub li a:hover {background:#efefef; color:#00548d;}

.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:202px; top:-4px; background: #fff; padding:3px 0; border:1px solid #999999; white-space:nowrap; width:auto; z-index:200; padding-right: 2px; height:auto;}


