body {
background:url(images/bg.jpg) no-repeat top center #97cae4;
background-size: 100%;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #3b5564;
}

p{
margin:0px;
padding:0 5px 5px 0;
line-height:17px;
text-align:justify;
}

p.pat{
color: #3b5564;
text-align:left;
}

h1{
color:#184c76;
font-size:16pt;
font-weight:bold;
margin:0px;
padding:5px 0 5px 0;
}

#main_container{
width:900px;
height:auto;
margin:auto;
background-color:#FFFFFF;
box-shadow: 0 0 60px black;
}

.header{
position:relative;
width:900px;
padding: 0px 0px 0px 0px;
}

#lang-menu{
height:31px;
position:absolute;
top:0px;
left:704px;
}

#lang-menu ul{
list-style:none;
padding:0px;
margin:0px;
display:block;
font-weight:bold;
}

#lang-menu ul li{
list-style:none;
display:inline;
width:98px;
height:31px;
line-height:31px;
font-size:13px;
}

#lang-menu ul li a{
width:98px;
height:31px;
float:left;
text-decoration:none;
text-align:center;
background:url(images/lang_menu_bt.gif) no-repeat center;
}

#lang-menu ul li a:hover{
color:white;
}

/*----------------------menu-------------------------*/
#menu{
position:absolute;
top:198px;
height:37px;
}
#menu ul{
list-style:none;
padding:0px;
margin:0px;
display:block;
font-weight:bold;
}

#menu ul li{
list-style:none;
display:inline;
float:left;
width:110px;
height:37px;
padding:0px;
line-height:37px;
font-size:13px;
margin:0;
}

#menu ul li a{
height:37px;
width:110px;
text-decoration:none;
color:#6c7b83;
float:right;
text-align:center;
background:url(images/menu_bt_up.gif) no-repeat center;
position:relative;
}

#menu ul li a span {
height:37px;
width:110px;
text-decoration:none;
color:black;
float:right;
text-align:center;
background:url(images/menu_bt_low.gif) no-repeat center;
position:absolute;
top:0px;
left:0px;
}

/*----------------------banner-------------------------*/
#menu-slider{
background: url(images/banner_bg.gif) no-repeat 0 0;
margin: 10px 10px 10px 10px;
height: 240px;
width: 880px;
}
#list-images {
height: 230px; 
width: 460px; 
}
#list-images {
float: right; 
overflow: hidden;
}
#list-images li {
position: relative;
}
#list-images li img {
background: #fff; 
position: absolute; 
top: 0px; 
left: 0px;
}

/* Links */
#list-links {
height: 230px; 
width: 400px; 
}
#list-links tr td {
border-bottom: 1px solid #ccc;
}
#list-links tr td a{
text-decoration:none;
font: normal 14px Arial, sans-serif; 
color: #7c92a9;
padding: 0px 0px 0px 5px; 
font-weight: bold; 
font-size: 14px; 
}
#list-links tr .hover {
opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */
background: url(images/tab_current.png) no-repeat 100% center;
}
#list-links tr .hover a, #list-links tr .hover a:hover {
opacity:1;
filter:alpha(opacity=100);
color: black;
background: none;
}
#list-links tr .last {
border-bottom: none;
}

#main_content{
width: auto;
padding: 5px 10px 5px 15px;
margin: auto;
}
#main_content tr {
width: auto;
}

#main_content tr td{
width: 430px;
padding: 0px 10px 10px 10px;
vertical-align:top;
font-size:12pt;
}

.pattern_bg{
margin-top:-5px;
padding:0px;
width:900px;
background-color:#dee5ea;
box-shadow:0 0 3px #184c76 inset;
}
.pattern_box{
width:400px;
float:left;
padding:15px 0px 0 18px;
}
.pattern_box_icon{
float:left;
padding:5px;
}
.pattern_content{
width:400px;
float:left;
padding:0 0 0 10px;
}
/*----------------------------------------------------------------------------------*/
.pattern_content a{
color:#184c76;
}

.pattern_content ul{
font-size:12pt;
color:#184c76;
font-weight:400;
}

.pattern_content li{
padding-bottom:5px;
color:#184c76;
}

.list_head{
padding-left:23px;
padding-top:5px;
font-size:12pt;
color:#184c76;
background:url(images/silver_arrows.png) no-repeat left;
}

/*-----------------projects---------------------------*/
.project_bg{
margin-top: -5px;
width:900px;
height:auto;
background-color:#dee5ea;
box-shadow: 0 0 3px #184c76 inset;
}

.project_box{
width:800px;
float:left;
margin-left:50px;
margin-bottom:30px;
color:#184c76;
}

.project_title{
margin:auto;
font-weight:bold;
text-align:center;
color:#184c76;
font-size:16pt;
font-weight:bold;
margin-top:20px;
margin-bottom:20px;
}

.project_content{
font-size:12pt;
color:#184c76;
height:auto;
float:left;
text-align:justify;
}

.project_content ul{
font-size:12pt;
color:#184c76;
font-weight:400;
}

.project_content li{
padding-bottom:5px;
color:#184c76;
}

.project_content p{
padding-left:40px;
}

.project_challenge_title{
margin:auto;
text-align:left;
color:#184c76;
font-size:12pt;
font-weight:bold;
margin-top:20px;
margin-bottom:10px;
}

.project_challenge p{
padding:0 0 5px 0;
}

.project_text p{
padding:0 0 5px 0;
}

.current_selection{
color:LightBlue;
text-height:18pt;
}

/*----------------------------service------------------*/
.service_bg{
width:900px;
height:auto;
clear:both;
margin:auto;
border-top:solid;
border-top-color:gray;
}

.service_box{
width:800px;
float:left;
margin-left:50px;
border-top:solid;
padding-top:30px;
border-top-width:1px;
border-top-color:#d0d0d0;
}

.service_text p{
padding:0 0 10px 0;
font-size:12pt;
}

.service_text_combo img{
float:right;
padding:0 0 10px 0;
}

.service_text_combo ul{
float:left;
}

.service_text_combo li{
padding-bottom:5px;
font-size:12pt;
}

.service_title{
width:850px;
height:40px;
font-weight:bold;
text-align:left;
color:#44627a;
font-size:16pt;
font-weight:bold;
padding-left:50px;
padding-top:30px;
background:url(images/title_bg.jpg);
}

.service_subtitle{
font-weight:bold;
text-align:left;
color:#44627a;
font-size:12pt;
font-weight:bold;
padding-bottom:10px;
}

.link{
font-size:10pt;
}
.service_text a{
color:#6c7b83;
}
.service_text a:hover{
color: #68C2EF;
}

.service_text a.nolink:hover{
color: #6c7b83;
}

.service_text a.current{
color: #68C2EF;
}


.address_box{
width:400px;
float:left;
margin-left:50px;
padding-top:10px;
}

.address_box b{
font-weight:bold;
text-decoration:underline;
}
.address_bg{
width:900px;
height:auto;
clear:both;
margin:auto;
background:url(images/pattern_bg.jpg) repeat center;
}

.address_bg h1{
width:900px;
padding-top:30px;
padding-left:60px;
}

.address_content{
width:400px;
float:left;
padding:0px 0px 0px 10px;
}

#table_content {
margin-left: auto;
margin-right: auto;
margin-top: 5px;
margin-bottom: 0px;
font-size: 12pt;
}

#table_content .box_title{
	background-color:#60768d;
    border: 1px solid #7c92a9;
	border-radius: 4px;
    box-shadow: 0 0 5px #FFFFFF inset;
    color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
    padding: 15px 50px 15px 15px;
    width: 375px;
    outline: none;
}

#table_content .box_title_address{
	background: url('images/email_icon.gif') no-repeat scroll left center #60768d;
    border: 1px solid #7c92a9;
	border-radius: 4px;
    box-shadow: 0 0 5px #FFFFFF inset;
    color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
    padding: 15px 50px 15px 50px;
    width: 185px;
    outline: none;
}
#table_content  .box_title_person {
	background: url('images/contact_person_icon.png') no-repeat scroll left center #60768d;
    border: 1px solid #7c92a9;
	border-radius: 4px;
    box-shadow: 0 0 5px #FFFFFF inset;
    color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
    padding: 15px 50px 15px 50px;
    width: 185px;
    outline: none
}
#table_content  .box_title_telefon {
	background: url('images/contact_icon.gif') no-repeat scroll left center #60768d;
    border: 1px solid #7c92a9;
	border-radius: 4px;
    box-shadow: 0 0 5px #FFFFFF inset;
    color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
    padding: 15px 50px 15px 50px;
    width: 185px;
    outline: none
}
#table_content tr td{
	vertical-align:top;
	width: 185px;
}
#table_content .box_text_content{
	padding:20px 20px 20px 20px;
	border-style:outset;
	border-width:3px;
	border-color:#eff8ff;
	height: 280px;
	border-radius: 4px;
	background-color:#dee5ea;
	box-shadow: 0 0 5px #30628a inset;
}



/*---------------------main_content------------------*/

.clear{
clear:both;
}
.box_content{
width:267px;
height:auto;
float:left;
}
.box_content2{
width:350px;
height:auto;
float:left;
background:url(images/box_bg2.jpg) no-repeat top center;
}
.box_title{
padding:10px 0 10px 0;
}
.title_icon{
float:left;
padding:0 5px 0 10px;
}

.box_icon{
float:left;
padding:0 5px 0 0 ;
}
.box_text{
width:190px;
float:left;
text-align:justify;
padding:0 0 0 10px;
}
a.details{
float:right;
padding:5px 15px 0 0;
text-decoration:none;
font-weight:bold;
color:#f8851f;
}
/*-----------------------------footer------------------*/
#footer{
width:900px;
height:35px;
color:#508aa1;
background-color:#e8eff2;
}
.center_footer{
color:#c3ced4;
font-size:12px;
font-weight:bold;
width:900px;
padding:10px;
text-align:center;
}

/*----------------------------scada--------------------*/
#sevice_menu a{
text-decoration:none;
color:#6c7b83;
}
#sevice_menu a:hover{
text-decoration:none;
color: #68C2EF;
}
#sevice_menu a.current{
text-decoration:none;
color: #68C2EF;
}