/*---{ Imports )-------------------------------------------------------*/

@import "news.css";
@import "cases.css";
@import "tagcloud.css";
@import "landing.css";

/* ---{ algemeen }-------------------------------------------------------*/
.boldOrange {
	color: #ed7000;
	font-weight: bold;
}
#colsWrapper {
	border-top: 4px solid #CCCCCC;
}
#home #colsWrapper {
	border-top: 0px;
}
/* ---{ header }-------------------------------------------------------*/
#hcmeBox {
	position: absolute;
	z-index: 1;
	left: 725px;
	top: 0px;
	margin: 0;
	padding: 0;
	color: #FF6600;
	font-weight: bold;
}
#hcmeBox a {	
	/*color: #FF6600;*/
	color: #FFFFFF;
	text-decoration: none;
}
#logoHitachi {
	position: absolute;
	z-index: 1;
	right: 0px;
	top: 0px;
}
#subHeader {
	height: 30px;
	padding: 0;
	margin: 0;
	position: relative;
	background: #666666;
}
#subHeader .grayBlock {
	width: 170px;
	height: 30px;
	background-color: #333333;
	float: right;
} 
#flashHeader {
	height: 175px;
	width: 810px;
	overflow: hidden;
	padding: 0;
	margin: 0;
	position: relative;
	background-color: #000000;
	border-top: 4px solid #CCCCCC;
	float: left;
}

#flashHeader ul{
	list-style:none;
	padding:0px;
	margin:0px;
}

#flashHeader ul li{
	display:block;
	height: 175px;
	width: 810px;
}

#flashHeader ul li a{
	display:block;
	height: 175px;
	width: 810px;
	background: transparant;
	text-decoration:none;
	position:relative;
}

#flashHeader ul li a h1{
	border:none;
	background:none;
	text-transform:uppercase;
	color:white;
	font-size: 16px;
	letter-spacing: -1px;
	font-weight:bold;
	padding: 30px 0 0 3px;
}

#flashHeader ul li a p{
	padding: 5px 0 0 5px;
	margin:0px;
	font-size: ;
}


#totalExperiences {
	float: right;
	width: 170px;
	height: 175px;
	border-top: 4px solid #CCCCCC;
}
/*---{ searchNav )-------------------------------------------------------*/
#searchNav {
	float: right;
	position: relative;
	right: 168px;
}
#searchOuter {
	margin: 0 0 0 12px;
	display: none;
	/*background: #343436;*/
}
#searchInner {
	border-bottom: 3px solid #000000;
}
#searchInner a {
	color: #E3E4E6;
	text-decoration: none;
}
#searchCountry, #searchProduct, #searchIndustry {
	display: none;
	padding: 12px 0 12px 20px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 9px;
	font-family: Tahoma, Arial, Helvetica, sans-serif
}

.ProductSearchList{
	float: left;
	width: 130px;
	white-space: nowrap;
	text-align:center;
}
.ProductSearchList h3{
	color: #ff6500;
	margin:0px;
	padding:0px;
	text-transform:capitalize;
}

.searchList {
	float: left;
	width: 140px;
	white-space: nowrap;
}

.caseList {
	background: url(../images/img_bg_case_new.gif) left bottom no-repeat;
	width: 268px;
	height: 90px;
	float:left;
	color:#ffffff;
	text-decoration:none;
	font-size: 11px;
	font-weight:bold;
	margin:10px 3px 14px 0;
	padding:0;
}
.caseList.right{
	margin: 10px 0 14px 0;
}
.caseList img{
	margin: 10px 4px 0 4px;
}
.caseList a{
	color:#ffffff;
	text-decoration:none;
	font-size: 11px;
}
.caseList h2{
	color:#ffffff;
	border:none;
	padding:0;
	margin:0 0 0 0;
	font-size: 12px;
	line-height: 26px;
	background:none;
	/* font-size: 15px;
	background: url(../images/arrow.gif) no-repeat 245px 7px; */
}

.caseListHome{
	margin:0 10px 14px 0;
	padding: 5px 10px 0 10px;
	width: 248px;
	height: 120px;
	font-size: 11px;
	line-height: 15px;
	float:left;
	position:relative;
}
.caseListHome a {
	line-height: 15px;
	text-decoration:none;
}

.caseListHomeInfo {
	font-size: 12px;
	font-weight: bold;
	line-height: 12px;
	padding: 0;
	text-decoration:underline;
	margin:0px;
}

.caseListService {
	
}

.caseListHomeService{
		font-weight:bold;
		color: #eeeff0;
}

.caseListHomeImg{
	padding:0;
	margin:0;
	width: 152px;
	height:85px;
	overflow:hidden;
	display:block;
}

.caseListHomeItem{
	position:absolute;
	top: 5px;
	left: 170px;
	font-weight:bold;
}

/*---{ home )-------------------------------------------------------*/
#home #content {
	/*padding-left: 12px;
	width: 557px;*/
	height: 347px;
	overflow: hidden;
	width: 605px;
	padding: 28px 0 20px 0;
	/*background-color:#FF0000*/
}
#home #sidecol, #home #sideBar {
	/*height: 400px;
	background-color: #006600*/
}
/*---{ case )-------------------------------------------------------*/
#case #content {
	
	background: #000000 url(../images/img_bg_case_content.gif) left top repeat-x;
	padding: 12px 0 0 0px;
	width: 605px;
	/* 
		height: 440px; 
		overflow: hidden;
	*/
}
#caseHeader {
	display: none;
}
#case #caseHeader {
	display: block;
	width: 197px;
	height: 87px;
	background: url(../images/img_bg_case_top.gif) left top no-repeat;
	padding: 24px 0 6px 8px;
	font-weight: bold;
	color: #EEEFF0;
	line-height: 16px;
	font-size: 12px;
	overflow: hidden;
}
/*---{ case overzicht )-------------------------------------------------------*/
#overzicht #content {
	overflow: hidden;
	padding: 25px 25px 20px 23px;
	margin:0;
	width: 557px;
}
/*---{ sideBar )-------------------------------------------------------*/
#sideBar {
	float: right;
	width: 170px;
	/*height: 468px; /*bij Home minder hoog*/
	overflow: hidden;
}
/*---{ contentWrapper )-------------------------------------------------------*/
#contentWrapper {
	float: right;
}

.videos h3{
	color: #ffffff;
	background:none;
	font-size: 12px;
	font-weight:bold;
}

.videos .video{
	float:left;
	width: 160px;
	margin: 0 15px 0 0;
	font-size: 10px;
	line-height: 13px;
	position:relative;
}
.videos .video a{
	text-decoration:none;
	color: #ffffff;
}
.videos .video img{
	border: 3px solid #ff6600;
}

.videos .video a.play{
	background: url(../images/btn_play_small.png) no-repeat top left;
	width: 60px;
	height: 60px;
	position:absolute;
	top: 15px;
	left: 50px;
	text-indent: -999999px;
	display:block;
}

.nextPrev{
	clear:both;
	margin-top: 10px;
	text-align:right;
}

.nextPrev a{
	margin: 0 5px;
	text-decoration:none;
}

.landinglinks{
	padding: 6px 0;

}

.landinglinks a{
	text-decoration:none;

}

a.download img{
	width: 180px;
}