/*
dark grey #5E6A71
gold #FDC82F
navy #1A2155

*/
body {
	/* background-image:url("/css/images/bg_body_ref.gif"); RD22 */
}
footer {
	background-color: rgba(116,126,135,1);
}
footer a {
	color:#fff;
	background-image: url("/css/images/linkarrow_white.gif");
}
footer a:hover {
	color:#f5f5f5;
	background-image: url("/css/images/linkarrow_white_hi.gif");
}
/* Headlines */
h1 {
	font-family: "Roboto Condensed","Arial Narrow", sans-serif !important; 
	font-size:32px !important;
	line-height:34px !important;
	font-weight:400;
	color:#5E6A71;
}

/* ========= startpage ======== */
.contentfluid {
	padding-top: 0;
	padding-bottom: 40px;
}
a.readmorebtn {
	font-family: "Roboto Condensed","Arial Narrow", sans-serif !important; 
	background-color: #FDC82F;
	padding:10px 20px;
	font-size:20px;
	background-image: none;
	text-decoration: none;
	border-radius: 6px;
	display: inline-block;
}


/* +++ Top bar +++ */
.topbar {
	height:36px;
	background-color: #1A2155;

}
.topbar .toptwitter {
	display: inline-block;
}
.topbar .toplinkedin {
	display: inline-block;
}
.topbar .topphone {
	display: inline-block;
	font-size:15px;
	margin-top:9px;
	margin-left:10px;
	color: #fff;
}
.topbar .topphone a {
	color:#fff;
	text-decoration:none;
}
.topbar .topphone a:hover {
	color:#FDC82F;
}
.topbar .toplogin {
	float:right;
}
.topbar .toplogin a.clogin {
	display: inline-block;
	font-size:15px;
	margin-top:10px;
	color: #fff;
	margin-right:20px;
	text-decoration: none;
}
.topbar .toplogin a.plogin {
	display: inline-block;
	font-size:15px;
	margin-top:10px;
	color: #fff;
	text-decoration: none;
}
.topbar .toplogin a.clogin:hover,
.topbar .toplogin a.plogin:hover {
	color:#FDC82F;
}

/* from app.css */
.topbar .toplogin a.cnsite {
	display: inline-block;
	font-size:15px;
	margin-top:10px;
	margin-left:20px;
	color: #fff;
	text-decoration: none;
}
.topbar .toplogin a.cnsite:hover {
	color:#FDC82F;
}
/* end from app.css */

/* +++ searchfield header +++ */
.inner-icon {
	position: relative;
	margin-top:10px;
}
.inner-icon .glyphicon {
	position: absolute;
	padding: 10px;
	pointer-events: none;
	right: 0px;
}
.searchsubmit {
	position: absolute;
	right: 0px;
	top: 0;
	width: 36px;
	height: 36px;
	background: none;
	border: none;
}
@media (max-width: 767px) {
	header .logo img {
		height: 50px;
		margin-top:8px;
	}
}


/* !!!!! form.css remove line 84 to 100, 135 to 155 !!!! */



/* +++ Cycle 2 slider +++ */
.startslider {
	width: 100%;
	margin-bottom: 0;
	margin-top:196px; /* RD22 */
}
@media (max-width: 768px) { /* RD22 */
	.startslider {
		margin-top:172px; /* RD22 */
	}
}


.cycle-slideshow, .cycle-slideshow * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.cycle-slideshow { width: 100%; min-width: 200px; margin: auto; padding: 0; height:400px }
.cycle-slideshow img { opacity: 1; filter:alpha(opacity=1); height:100% }

/* anchors */
.cycle-slideshow > a { 
	position: absolute; top: 0; left: 0;
	width: 100%; 
	padding: 0; 
	background-color: #222;
	display: block;
}

/* images */
.cycle-slideshow > a > img { 

	position: static;
	display: block;
}

/* divs */
.cycle-slideshow > div { 
	position: absolute; top: 0; left: 0;
	width: 100%; padding: 0;
}

.hasoverlay > div { background: white }
.hasoverlay > div > img { display: block; }
.hasoverlay > div .cycle-overlay {
	/* color: white; background: black; opacity: .6; filter:alpha(opacity=60); */
	position: absolute;
	top: 0;
	width: 100%;
}
.hasoverlay .cycle-img {
	background-repeat:no-repeat;
	background-position: center;
	width:100%;
	height:400px;
	background-size:cover;
}

.msgbox {
	width: 50%;
	margin-top:30px
}
.hasoverlay > div .cycle-overlay .headline {
	font-family: "Roboto Condensed", "Arial Narrow", "PT Sans Narrow", "Archivo Narrow", "Roboto Condensed", sans-serif !important; 
	font-weight: 400;
	color: #fff;
	font-size: 4em;
	line-height:1em;
	margin-bottom:20px;
}
.hasoverlay > div .cycle-overlay .message {
	font-family: "Roboto Condensed", "Arial Narrow", "PT Sans Narrow", "Archivo Narrow", "Roboto Condensed", sans-serif !important; 
	font-weight: 400;
	color: #fff;
	font-size: 1.7em;
	line-height:1.1em;
	letter-spacing:0.5px;
}
.hasoverlay > div .cycle-overlay .readmorebtn { margin-top:30px; }

@media (max-width: 1100px) {
	.msgbox {
		width: 60%;
	}
}

@media (max-width: 767px) {
	.msgbox {
		width: 70%;
	}

}
@media (max-width: 600px) {
	.msgbox {
		width: 80%;
	}
}
@media (max-width: 500px) {
	.msgbox {
		width: 90%;
		margin-top:20px
	}
	.hasoverlay > div .cycle-overlay .headline {
		font-size: 2em;
		line-height:1em;
		margin-bottom:20px;
	}
	.hasoverlay > div .cycle-overlay .message {
		font-size: 1.3em;
		line-height:1.1em;
	}
	.cycle-slideshow {
		height:280px
	}
	.hasoverlay .cycle-img {
		height:280px;
	}
	.bullet-pager {
		margin-top: -80px;
	}
}


/* pager */
.cycle-pager { 
	text-align: center; width: 100%; z-index: 500; position: absolute; top: 10px; overflow: hidden;
}
.cycle-pager span { 
	font-family: arial; font-size: 50px; width: 16px; height: 16px; 
	display: inline-block; color: #fff; cursor: pointer; 
}
.cycle-pager span.cycle-pager-active { color: #FDC82F; }
.cycle-pager > * { cursor: pointer;}

.bullet-pager { text-align: center; position: relative; z-index: 500; margin-top: -40px; overflow: hidden; }
.bullet-pager span { font-size: 50px; width: 16px; padding:5px 10px; height: 16px; display: inline-block; color: #fff; }
.bullet-pager span.cycle-pager-active { color: #FDC82F;}
.bullet-pager > * { cursor: pointer;}

/* +++ statement v3 2-col +++ */
.statement {
	background-color: #ddd;
	/* background-color:rgba(116,126,135,1);*/
	padding: 15px 15px;
	margin-top: 20px;
	min-height:175px;
}
.statement .headline,
.newsbox  .headline {
	font-family: "Roboto Condensed", "Archivo Narrow", "Roboto Condensed", sans-serif !important;
	font-weight:400 !important;
	/*color: #fff;*/
	font-size:24px;
	line-height: 26px;
	margin-bottom:15px;
}
.statement .message {
	/* color: #fff;*/
}

.statement .rmbtn,
.sectionbox .rmbtn {
	display: inline-block;
	position:absolute;
	right:15px;
	bottom:20px;
}

.statement .rmbtn a.readmorebtn,
.sectionbox .rmbtn a.readmorebtn {
	padding:8px 18px;
	font-size:16px;
	font-weight: bold;
	background-image: none;
	text-decoration: none;
	border-radius: 6px;
	display: inline-block;
}
.statement .rmbtn {
	display: block;
}

@media (max-width: 767px) {
	.statement .message {
		margin-bottom:15px;
	}
}



/* +++ 3 newsboxes +++ */
.colnb1 {
	padding-right:10px;
}
.colnb2 {
	padding-left:10px;
	padding-right:10px;
}
.colnb3 {
	padding-left:10px;
}

@media (max-width: 767px) {
	.colnb1 {
		padding-right:15px;
	}
	.colnb2 {
		padding-left:15px;
		padding-right:15px;
	}
	.colnb3 {
		padding-left:15px;
	}
}

/* newsbox v3 2-col */
.newsbox {
	background-color: #ddd;
	/*background-color:rgba(116,126,135,1);*/
	min-height:170px;
}
.newsbox .text {
	/* background-color:#5E6A71;*/
}
.newsbox .text h3 {
	font-family: "Roboto Condensed", "Arial Narrow", sans-serif !important; 
	/*background-color:#FDC82F;*/
	background-color:rgba(254,201,48,1);
	color:#333;
	font-size:24px;
	line-height: 26px;
	padding:5px 10px 0 10px;
	font-weight: 400;
}
.newsbox li {
	background-image: url("/css/images/square.gif");
	background-repeat: no-repeat;
	background-position: 15px 4px;
	padding-left: 30px;
	padding-right:15px;
	overflow:hidden;
}
.newsbox li:hover {
	background-image: url("/css/images/square.gif");
	background-color:#fff;

}
.newsbox li:hover a {
	color:#5E6A71;
}
.newsbox a {
	line-height:25px;
	/* color:#fff;*/
	text-decoration:none;
	white-space: nowrap;
}
.newsbox a:hover {
	color:#fff;
}
.pubnewsbox {
	margin-top: 20px;
}
.pubnewsbox ul {
	margin-bottom: 0;
}


@media (max-width: 991px) {
}

@media (max-width: 767px) {
	.newsbox {
		min-height:auto;
	}
	#pbox .newsbox {
		padding-bottom: 0;
	}
}

@media (max-width: 440px) {
	.newsbox #pimg {
		display:none;
	}
	.pubnewsbox ul {
		padding-bottom:10px;
	}
}

/* +++ 4 sectionboxes +++ */
.sectionbox {
	margin-bottom: 20px;
}
.sectionbox h3 {
	font-family: "Roboto Condensed", "Arial Narrow", "PT Sans Narrow", "Archivo Narrow", "Roboto Condensed", sans-serif !important; 
	font-size:24px;
	line-height: 24px;
	margin-top:15px;
	margin-left:15px;
	font-weight: bold;
}
.sectionbox .shorttext {
	display:inline-block;
	margin-left:15px;
	width:60%;
}


/* +++ blogbox +++ */
.blogbox {
	/* background-color: #f5f5f5; */
}
.bg_blogbox_right {
	background: url(/css/images/bg_blogbox.gif) no-repeat right top;
}
.blogbox .text {
	padding:0 20px 0 15px;
}
.blogbox h3 {
	font-family: "Roboto Condensed", "Arial Narrow", "PT Sans Narrow", "Archivo Narrow", "Roboto Condensed", sans-serif !important; 
	font-size:24px;
	line-height: 24px;
	margin-top:15px;
	font-weight: bold;
}
.blogbox h4 {
	font-family: "Roboto Condensed", "Arial Narrow", "PT Sans Narrow", "Archivo Narrow", "Roboto Condensed", sans-serif !important; 
	background-color: transparent;
	padding:0;
	color:#666;
	font-size:20px;
	line-height: 20px;
	margin-top:15px;
	margin-bottom:15px;

}
.blogbox a {
	text-decoration: none;
	font-weight:700;
}
.blogbox .blognum {
	display:inline-block;
	padding: 5px 3px;
	border: 1px solid #5E6A71;
	background-color:#FDC82F;
	color:#333;
}

.blogbox .blogyear {
	display:inline-block;
	padding: 5px 3px;
	border: 1px solid #5E6A71;
	background-color:#5E6A71;
	color:#fff;
	margin-left:1px;
	margin-right:5px;
}
.blogbox .img {
	height:320px;
}
.blogbox .bloglist {
	font-size: 16px;
	font-weight: bold;
	color:#5E6A71;
	margin-top: 10px;
}
.blogbox .bloglist a {
	font-size: 16px;
	font-weight: bold;
	color:#333;
}
.blogbox .bloglist a:hover {
	color:#000;
}
@media (max-width: 991px) {
	.blogbox .img {
		height:330px;
	}
}
@media (max-width: 767px) {
	.blogbox {
		padding-bottom:20px;
		background-color:#ddd;
	}
	.bg_blogbox_right {
		background: none;
	}
}

/* ========= Knowledge center ======== */
/* +++ choose section +++ */
.selsectionbox {
	background: url(/css/images/bg_kc_selsection.gif) repeat-y top center;
}
.k_engineerbox {
	padding:20px 40px;
}
.k_engineerbox .engineering {
	font-family: "Roboto Condensed", "Arial Narrow", "PT Sans Narrow", "Archivo Narrow", "Roboto Condensed", sans-serif !important; 
	font-size:2em;
	font-weight:700;
	color:#fff;
}
.k_engineerbox .resources {
	font-family: "Roboto Condensed", "Arial Narrow", "PT Sans Narrow", "Archivo Narrow", "Roboto Condensed", sans-serif !important; 
	font-size:1.5em;
	font-weight:700;
	color:#fff;
}
.k_architectbox {
	padding:20px 40px;
}
.k_architectbox .architecture {
	font-family: "Roboto Condensed", "Arial Narrow", "PT Sans Narrow", "Archivo Narrow", "Roboto Condensed", sans-serif !important; 
	font-size:2em;
	font-weight:700;
	color:#fff;
}
.k_architectbox .resources {
	font-family: "Roboto Condensed", "Arial Narrow", "PT Sans Narrow", "Archivo Narrow", "Roboto Condensed", sans-serif !important; 
	font-size:1.5em;
	font-weight:700;
	color:#fff;
}
.selsectionbox a.kcreadmorebtn {
	font-family: "Roboto Condensed", "Arial Narrow", "PT Sans Narrow", "Archivo Narrow", "Roboto Condensed", sans-serif !important; 
	background-color: #fff;
	padding:10px 20px;
	font-size:20px;
	font-weight:700;
	background-image: none;
	text-decoration: none;
	border-radius: 6px;
	display: inline-block;
	margin-top:20px;
}

@media (max-width: 767px) {
	.selsectionbox {
		background: none;
	}
	.k_engineerbox {
		background-color: #FDC82F;
	}
	.k_architectbox {
		background-color: #5E6A71;
	}
}

/* +++ Engineering boxes +++ */

.engineerbox {
	margin-bottom: 20px;
	background-color: #5E6A71;
}
.engineerbox img {
	width:100%;
	height:173px;
}
.engineerbox .text {
	padding:15px;
	min-height:200px;
}
.engineerbox h3 {
	font-family: "Roboto Condensed", "Arial Narrow", "PT Sans Narrow", "Archivo Narrow", "Roboto Condensed", sans-serif !important; 
	font-size:24px;
	font-weight:700;
	line-height: 24px;
	color:#fff;
	margin-top:0;

}
.engineerbox .shorttext {
	margin-bottom:10px;
	color:#fff;

}
.engineerbox .rmbtn {
	position: absolute;
	bottom: 35px;
	right: 30px;
}
.engineerbox .rmbtn a.readmorebtn {
	font-family: "Roboto Condensed", "Arial Narrow", "PT Sans Narrow", "Archivo Narrow", "Roboto Condensed", sans-serif !important; 
	padding:8px 18px;
	font-size:16px;
	font-weight:700;
	background-image: none;
	text-decoration: none;
	border-radius: 6px;
	display: inline-block;
}

@media (max-width: 991px) {
	.engineerbox img {
		height:129px;
	}
}

@media (max-width: 767px) {
	.engineerbox .text {

		min-height:150px;
	}
	.engineerbox img {
		height:auto;
	}
}