@charset "utf-8";
/* CSS Document */

body {
	background:#FFF;
	margin:0 ;
	padding:0;
	font:normal 12px  Tahoma,Verdana, Arial;
	line-height:22px;
	color:#333;
	
	}
.navi-border1 {
	background:url(../images/menu-bg.gif) top center repeat-x;
	height:31px;
	margin:0;
	padding:0;
	width:989px;
}
/* menu */
.handcursor{
cursor:hand;
cursor:pointer;

}
.blue-bar {
	background:url(../images/bg-menu3.gif)  no-repeat;
	height:1px;
	
}
a:link, a:visited {
	color: #333;
	text-decoration: none;
}
a:hover, a:active {
	color: #3277a7;
	text-decoration: none;
}

a.menu:link, a.menu:visited {
	color: #333;
	font-size:14px;
	text-decoration: none;
}
a.menu:hover, a.menu:active {
	color: blue;
	font-size:14px;
	text-decoration: none;
}

ul.listing{
padding:0;
margin:0;
padding-top:5px;
padding-left:48px;
}

ul.listing li{ 
padding:0;
margin:0;
list-style: disc;
padding-left:10px;
line-height:15px;
padding-bottom:5px;

}


ul.listing2{
padding:0;
margin:0;
padding-top:5px;
padding-left:20px;
}

ul.listing2 li{ 
padding:0;
margin:0;
list-style: circle;
padding-left:12px;
line-height:15px;
padding-bottom:5px;

}


.txt-title {
	font:14px Arial, Helvetica, sans-serif;
}

.txt-title-blue {
	color:#0066CC; 
	font-size:14px;
}

.txt-companyname {
	color:#0066CC; 
	font-size:24px;
	line-height:24px;
}
.txt-blue {
	color:#039; 
	font-size:12px;
}



.txt-10 {
	font:10px Arial, Helvetica, sans-serif;
}

.menu2{
width: 100%;
}

.menu2 ul{
	  	margin: 0; padding: 0;
	    float: left;}
		
.menu2 ul li{
	    display: inline;}
	 
.menu2 ul li a, .menu2 ul li a:visited{
	    float: left; 
		text-decoration: none;
	    color: #1a120a;
    	padding: 3px 10px 3px 10px;
		border:#fff 1px solid;
		
	/*	border-right :#333 1px solid;*/
		
    }
 

.menu2 ul li a:hover, .menu2 ul li .current{
	    color:#1a120a;
    	background-color:#e6e6e6;
		border:#929aa1 1px solid;
		
	}
	
.img-ad {
	border:#eee 1px solid;
}
	
	
.news
{
background-image:url(images/abc_logo.gif);
width : 167px; height : 59px;
margin:0 auto;
}
.news:hover
{
background: url(../images/abc_logo_hover.gif) no-repeat;
width : 167px; height : 59px;
margin:0 auto;
}



/* menu overview*/
.horizontalcssmenu ul{
margin: 0;
padding: 0;
list-style-type: none;

}

/*Top level list items*/
.horizontalcssmenu ul li{
position: relative;
display: inline;
float: left;

}

/*Top level menu link items style*/
.horizontalcssmenu ul li a{
display: block;
width:auto; /*Width of top level menu link items*/
padding:8px 7px 0px 7px;
border-right: 1px solid #b3b3b3;
border-left-width: 0;
text-decoration: none;
background: url(../images/menu-bg2.gif) center center repeat-x;
color:#424242;
font: 12px Tahoma;
height:24px;

}

.horizontalcssmenu ul li a.no-border{
display: block;
width:auto; /*Width of top level menu link items*/
padding:8px 7px 0px 7px;
border-right:none;
text-decoration: none;
background: url(../images/menu-bg2.gif) center center repeat-x;
color:#424242;
font: 12px Tahoma;
height:24px;

}
	
/*Sub level menu*/
.horizontalcssmenu ul li ul{
left: 0;
top: 0;
border-top: 1px solid #202020;
position: absolute;
display: block;
visibility: hidden;
z-index: 100;
}

/*Sub level menu list items*/
.horizontalcssmenu ul li ul li{
display: inline;
float: none;
}


/* Sub level menu links style */
.horizontalcssmenu ul li ul li a{
width: 160px; /*width of sub menu levels*/
font-weight: normal;
padding: 2px 5px;
background: #666;
border-width: 0 1px 1px 1px;
}

.horizontalcssmenu ul li a:hover{
background: url(../images/menu-bg2-hover.gif) center center repeat-x;

}

.horizontalcssmenu ul li ul li a:hover{
background: #666;
}

.horizontalcssmenu .arrowdiv{
position: absolute;
right: 0;
background: transparent url(menuarrow.gif) no-repeat center left;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .horizontalcssmenu ul li { float: left; height: 1%; }
* html .horizontalcssmenu ul li a { height: 1%; }
/* End */



/*--- overview ---*/

.img-company-logo {
	border:#d7d7d7 1px solid;
}

.overview-bg {
	background:url(../images/overview-bg.gif) repeat-y;
	width:1024px;
	height:auto;
}

.overview-title {
	background:#f1f1f1;
	border:#c0c0c0 1px solid;
	/*width:736px;*/
	color:#424242;
	height:30px;
	padding-left:10px;
	font-size:14px;
	vertical-align:middle;
}

.overview-detail {
	background:none;
	/*border-bottom:#c0c0c0 1px solid;*/
	padding-left:10px;
	height:30px;
}


.overview-detail tr:hover{
	background: #CCC;
	border-bottom:#c0c0c0 1px solid;
	padding-left:10px;
	height:30px;
}
	
	
.overview-detail-expand {
	background:none;
	border-bottom:#c0c0c0 1px solid;
	padding-left:0px;
	height:30px;
}


/*tooltip*/
#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid #c0a562;
/*border:none;*/
padding: 5px;
background-color: #f3edd4;
visibility: hidden;
z-index: 1000;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
color:#333;
line-height:18px;
font-size:11px;
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 1001;
visibility: hidden;
}

.txt-blue-title {
	color:#006;
	font:18px Arial, Tahoma, Helvetica;
}

#content {	padding:10px 15px 0px 15px; font-size:14px; }


#footer {font-size:11px;}

.msg_list {
	margin: 0px;
	padding: 0px;
	width:100%;
}
.msg_head {
	cursor: pointer;
	position: relative;
	
}
.msg_body {
	padding: 5px 0px 15px;	
	font-size:12px;
}

.group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .group { height: 1%; }
*:first-child+html .group { min-height: 1px; }
@font-face {
    font-family: 'AdelleBasicBold';
    src: url('../fonts/adellebasic_bold-webfont.eot?') format('eot'),
         url('../fonts/adellebasic_bold-webfont.woff') format('woff'),
         url('../fonts/adellebasic_bold-webfont.ttf') format('truetype'),
         url('../fonts/adellebasic_bold-webfont.svg#webfontll9eFuSn') format('svg');
    font-weight: normal;
    font-style: normal;

}

h1, h2, h3, p { color: #333; margin-bottom: 20px; }
h1, h2 { font-family:Arial, Helvetica, sans-serif;}
h1.title { font-size: 68px; letter-spacing: -3px; font-weight: bold; text-align: center; margin: 100px 0 50px; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6); }

h1.title span { font-size: 38px; line-height: 48px; display: block; letter-spacing: -1px; color: rgba(51, 51, 51, 0.5); }


/*
Stacks CSS ----------------------------------------------------------------------------------------------------------- */

/* Layout */
.stack { float: left; width: 100%; margin: 0 4% 4% 0; position: relative; z-index: 10; }

/* Image styles */
.group .item.portal .stack img, .stack img { width: 220px; height: 140px; vertical-align: bottom; border: 10px solid #fff; border-radius: 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}
.group .item.portal .stack:last-of-type, .stack:last-of-type { margin-right: 0; }

/* Stacks creted by the use of generated content */
.group .item.portal .stack:before, .group .item.portal .stack:after, .stack:before, .stack:after { content: ""; border-radius: 3px; width: 225px; height: 140px; position: absolute; border: 10px solid #fff; left: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	-webkit-transition: 0.3s all ease-out;
	-moz-transition: 0.3s all ease-out;
	transition: 0.3s all ease-out;
}
.group .item.portal .stack:before, .stack:before { top: 4px; z-index: -10; } /* 1st element in stack (behind image) */	
.group .item.portal .stack:after,.stack:after { top: 8px; z-index: -20; } /* 2nd element in stack (behind image) */

/* Second stack example (rotated to the right from the bottom left) */
.group .item.portal .stack.rotated:before, .stack.rotated:before { 
	-webkit-transform-origin: bottom left;
	-moz-transform-origin: bottom left;
	transform-origin: bottom left;
	-webkit-transform: rotate(2deg);
	-moz-transform: rotate(2deg);
	transform: rotate(2deg);
}
.group .item.portal .stack.rotated:after,.stack.rotated:after { 
	-webkit-transform-origin: bottom left;
	-moz-transform-origin: bottom left;
	transform-origin: bottom left;
	-webkit-transform: rotate(4deg);
	-moz-transform: rotate(4deg);
	transform: rotate(4deg);
}	

/* Third stack example (One stack element rotated in the opposite direction) */
.group .item.portal .stack.twisted:before,.stack.twisted:before {
	-webkit-transform: rotate(4deg);
	-moz-transform: rotate(4deg);
	transform: rotate(4deg);
}	
.group .item.portal .stack.twisted:after,.stack.twisted:after {
	-webkit-transform: rotate(-4deg);
	-moz-transform: rotate(-4deg);
	transform: rotate(-4deg);
}	

/* Fourth stack example (Similar to the second but rotated left) */
.group .item.portal .stack.rotated-left:before,.stack.rotated-left:before {
	-webkit-transform-origin: bottom left;
	-moz-transform-origin: bottom left;
	transform-origin: bottom left;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	transform: rotate(-3deg);
}
.group .item.portal .stack.rotated-left:after, .stack.rotated-left:after {
	-webkit-transform-origin: bottom left;
	-moz-transform-origin: bottom left;
	transform-origin: bottom left;
	-webkit-transform: rotate(-6deg);
	-moz-transform: rotate(-6deg);
	transform: rotate(-6deg);
}

/* Reset all rotations on hover */
.group .item.portal .stack:hover:before, .stack:hover:after, .stack:hover:before, .stack:hover:after {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	transform: rotate(0deg);
}

/*
iPhone and mobile widths --------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (min-width: 320px) and (max-width: 480px) {

.group .item.portal .stack, .stack { float: none; width: auto; margin-bottom: 35px; }
	h1.title { margin: 15px 0; }
}
.group .item{
	display:block;
	height:255px;
	color:#949494;
	font-weight:normal;
	border-radius:5px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

@media only screen and (min-width: 0px){
.group .item{
		margin:10px;
		width:250px;
		float:left
	}
.group .item.portal{
	padding:10px;
	border:1px solid #ccc
}

.group .item.portal *{
	margin:0
}

.group .item.portal h3,.group .item.portal p.projects{
	text-align:center;
	margin-bottom:5px
}

.group .item.portal h3{
	margin-top:2px;
	font-size:12px;
	min-height:42px
}

.group .item.portal p.projects{
	font-size:12px;
	font-weight:bold;
	color:#636b70
}
#form select{ width:188px; padding:3px;}
ul.them, ul.them ul{ padding:0px; list-style:none;}
ul.them li a{ padding:5px; font-size:9px; color:#666; font-weight:bold;}
ul.them ul li:hover{ background:#CCC; color:#FFF;}
#sddm
{	margin: 0;
	padding: 0;
	z-index: 9999;
	background:#fff;
	border-bottom:none;	
	}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: normal 12px arial
	}

#sddm li a
{	display: block;
	margin: 0 1px 0 1px;
	padding: 5px 19px;
	width: auto;	
	text-align: center;
	text-decoration: none;
	color:#FFF;
	background:#000;
	border-radius:3px;
	
	}

#sddm li a:hover
{	color:#FFF;
	background:#666;
	
	}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background:#2366a9;
	border:#c7c7c7 1px solid;
	z-index: 9999;}

	#sddm li div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 4px 13px;
		width:160px;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #e9e9e9;
		color: #585859;
		font: 12px arial;
		border-radius:unset;
		
		}

	#sddm li div a:hover
	{	background-color:#d0d0d0;
		color: #2365a8;
		padding: 4px 13px;
		}