/**
 * File: style.css
 * Author: Keesweb
 * Date: 27-09-2006
 * Project: Fire Retard.com
 **************************************************************
 * Purpose:
 *
 * Contains the CSS style used for the site
 **************************************************************
 */
 
 body, html {
 	font-family: arial, helvetica, serif;
 	font-size: 8pt;
 	color: #000;
	margin: 0;
	padding: 0;
	overflow: hidden;
 	height: 100%;
 }
 
 a {
   color: #D90000;
 }
 a:hover {
   color: #FFB000;
 }

 /* Site container */
 #container {
       	width: 1024px;  
 	height: 100%;
 	//top: -15px;
 	/* center horizontally */
 	margin-left: auto;
 	margin-right: auto;
 }
 
 /* Header */
 #header {
 	width: 1024px;
 	height: 150px;
 }
 
 #topheader {
        height: 115px;
        background-image: url('../images/kop.jpg');
 }
 
 #topheader #trail {
         padding-right: 25px;
         padding-top: 10px;
	 float: right;
	 color: #FFF;
 }
 
 ul#trailnav {
 }
 
 #trailnav li {
	display: inline;
	list-style-type: none;
 }
 
 #trailnav li a {
 	color: #FFF;
 }
 
 #bottomheader {
 	height: 35px;
 	background-image: url('../images/bgMenu.jpg');
 	top: auto;
 }
 
 #topmenu {
 	padding-left: 145px;
 	height: 35px;
 	color: #D90000;
 }
 
 ul#topmenulist {
 	margin: 0px;
 	padding: 0px;
	line-height: 35px;
	white-space: nowrap;
 }
 
 #topmenulist li {
 	display: inline;
 	list-style-type: none;
 	
 }
 
 #topmenulist li a {
	color: #FFF;
	text-decoration: none;
	padding: 11px 5px;
	font-weight: bold;	
 }
 #topmenulist li a:hover {
 	color: #FF3A00;
 	background: url('../images/bgMenuItem.gif');
 }
 
 #topmenulist li a.active {
 	color: #FF3A00;
 	background: url('../images/bgMenuItem.gif');
 }
 
 
 /* Textholder, contains the main page texts in an iframe 
  * Textholder includes text, which basically fakes an Iframe 
  * by using overflow: auto
  */
 #leftmenu {
 	width: 145px;
 	height: 768px;
 	float: left;
 	position: relative;
 	overflow: hidden;
 	background-image: url('../images/bgLeftMenu.jpg');
 	scrollbar-arrow-color:#CCCCCC; 
	scrollbar-track-color:#FFFFFF; 
	scrollbar-face-color:#CCCCCC; 
	scrollbar-highlight-color:#FFFFFF; 
	scrollbar-3dlight-color:#FFFFFF; 
	scrollbar-darkshadow-color:#FFFFFF; 
	scrollbar-shadow-color:#FFFFFF; 
 }
 
 ul#leftmenulist {
 	list-style-type: none;
 	padding: 0;
 	margin-left: 15px;
 	margin-right: 2px;
 	margin-top: 10px;
 }
 
 #leftmenulist li {
	margin-bottom: 4px;
 }
 
 #leftmenulist li a {
 	color: #D90000;
 	background-image: url('../images/bullit.jpg');
	background-repeat: no-repeat;
	height: 35px;
	display: block;
	padding-left: 20px;
 }

 #leftmenulist li a:hover {
 	color: #FFB000; 
 	background-image: url('../images/bullitActive.jpg');
 }
 
 #leftmenulist li a.active {
 	color: #FFB000; 
 	background-image: url('../images/bullitActive.jpg'); 
 }
 
 #leftmenulist li a.sublink {
 	color: #C96;
 	background: none;
 	padding-left: 20px;
 	font-size: 7pt;
 	height: auto;
 }
 
 #leftmenulist li a.sublink:hover {
 	background: none;
 	color: #900;
 }

 #leftmenulist li a.sublinkActive, #leftmenulist li a.sublinkActive:hover {
 	color: #F60;
 	background: none;
 	padding-left: 20px;
 	font-size: 7pt;
 	height: auto;
 }
 
 #leftmenulist li a:hover {
 	color: #FFB000; 
 	background-image: url('../images/bullitActive.jpg');
 }
 
 #search {
 	
 	background-image: url('../images/bgSearch.jpg');
 	background-repeat: no-repeat;
 	height: 80px;
 	padding-left: 20px;
 	position: fixed;
 	bottom: 0;
 	width: 125px;
 	visibility: hidden;
  }
 
 #search table {
 	padding-top: 0px;
 }
 
 #search a {
   color: black;
   font-size: 9pt;
 }
 
 #search a:hover {
   color: #666;
 }
 
 .searchButton {
 	color: black;
 	border: 2px outset #FFB000;
 	background-color: #FAF192;
 	
 }
 .searchTextField {
  	height: 18px;
  	width: 100px; 	
 }
 
 /* Picholder, container for pics or downloadables */
 #content {
 	float: right;

 	position: relative;
 	background-color: #EDF9B3; 	
 	z-index: 0;
 	overflow-y: auto;
        overflow-x: hidden;
	scrollbar-arrow-color:#CCCCCC; 
	scrollbar-track-color:#FFFFFF; 
	scrollbar-face-color:#CCCCCC; 
	scrollbar-highlight-color:#FFFFFF; 
	scrollbar-3dlight-color:#FFFFFF; 
	scrollbar-darkshadow-color:#FFFFFF; 
	scrollbar-shadow-color:#FFFFFF; 
	 	width: 879px;
 	height: 400px;
}

#textfield {
	margin-left: 20px;
	margin-top: 20px;
	width: 600px;
	height: 400px;
	float: left;
	overflow: auto;
	overflow-y: auto;
	overflow-x: hidden;
	font-size: 9pt;
}

#more {
 	height: 20px;
 	padding-left: 40px;
 	position: absolute;
 	left: 0;
 	width: 420px;
 	visibility: hidden;
}

#more a {
 	color: #D90000;
 	background-image: url('../images/bullit.jpg');
	background-repeat: no-repeat;
	height: 35px;
	display: block;
	padding-left: 20px;
}

#more a:hover {
 	color: #FFB000; 
 	background-image: url('../images/bullitActive.jpg');
 
}
 
/* content styles standards */


#textfield h2 {
	color: #DB100B;
	font-size: 14pt;
	margin-bottom: 10px;
	margin-top: 0px;
}

.style1 {
	color: #DB100B;
	font-size: 14pt;
	margin-bottom: 10px;
	margin-top: 0px;
}
.style2 {
	color: #DB100B;
	font-size: 11pt;
	margin-bottom: 0px;
}

#textfield h3 {
	color: #DB100B;
	font-size: 11pt;
	margin-bottom: 0px;
}

#pictures {
	width: 200px;
	float: right;
	margin-top: 20px;
	overflow-y: auto;
	overflow-x: hidden;
}

#pictures img {
	padding-bottom: 10px;
}

#cases {
  clear: both;
}

#casecountry {
  width: 95%;
  background-color: #EA5C1A;
  color: white;
  font-size: 11pt;
  padding-left: 5px;
  height: 20px;
  font-weight: bold;
}

#case {
  float: left;
  width: 250px;
  padding: 5px;
}

#caseproject {
  color: #333;
  font-size: 10pt;
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 5px;
}

#caselink a {
  color: #D90000;
  font-size: 8pt;
}
#caselink a:hover {
  color: #FFB000;
}

#casethumb {
  width: 150px;
  height: 100px;
  margin-bottom: 5px;
}

#casetitle {
  background-color: #EA5C1A;
  color: white;
  font-size: 11pt;
  padding: 2px;
  font-weight: bold;
  margin-bottom: 10px;
} 

#casetitleProject {
  font-weight: normal;
}

#casepic {
	width: 200px;
	height: 140px;
}

#casestudies td {
  color: #333;
}

hr {
  color: #EA5C1A;
  background-color: #EA5C1A;
  height: 5px;
}

td#caseTableLeft {
  font-weight: bold;
}

/*FAQ*/
h5.faqcat {
  margin: 0;
  padding: 0;
  font-size: 9pt;
  color: #333;
}
h4.faqcat {
  margin-bottom: 10px;
  font-size: 12pt;
  color: #600;
  padding-left: 50px;
  
}

div#faq_question {
  width: 600px;
  margin-left: auto;
  margin-right: auto;
  clear:both;
}

hr.faq_question {
  color: #EA5C1A;
  background-color: #EA5C1A;
  height: 1px;
  width: 80%;
  margin-bottom: 5px;
}

hr.faq_question_last {
  color: #EA5C1A;
  background-color: #EA5C1A;
  height: 3px;
  width: 80%;
  margin-bottom: 5px;
}

/*SITEMAP*/


.nav a {
  color: black;
  text-decoration: none;
  
}

.nav a:hover {
  color: #666;
}

.nav {
  margin-left: auto;
  margin-right: auto;
  width: 450px;
}

.nav ul {
  list-style: none;
}

.nav ul a {
	background-color: #FE6;
	width: 300px;
	padding: 4px;
	display: block;
	font-size: 9pt;
	font-weight: bold;
	border: 1px solid #000;
	margin-bottom: 5px;
}

.nav ul ul a {
	width: 260px;
	font-size: 9pt;
	font-weight: normal;
	border: 1px solid #000;
	
}

.nav ul ul ul a {
	font-size: 9pt;
	width: 220px;
	font-weight: normal;
	border: 1px solid #000;
}

/* Company overview page */
table.companies {
  border: 1px solid #CCC;
  padding-top: 2px;
  padding-right: 2px;
  padding-left: 2px;
  margin: 0;
  width: 750px;
}

table.companies a {

}

table.companies th {
  color: white;
  background-color: #0077BD;
  text-align: left;
  padding: 2px;
}

table.companies td {
  padding: 2px;
  border-top: 1px solid #CCC;
  border-right: 1px solid #CCC;
  width: 160px;
}
table.companies td.noborder {
  border-right: 0px solid white;
}

h4 {
  padding: 0;
  margin: 0;
}

#profile_left {
  display: inline;
  width: 300px;
  float: left;
  
  
}
#profile_right {
  width: 300px;
  float: right;
}

#profile_spacing {
  margin-bottom: 5px;
}

#profile_box {
  clear: both;
  padding: 2px;
  border: 1px solid #D95C1A;
  margin: 2px;
}

#profile_box td {
  width: 160px;
}

/* PDF box */
iframe {
  width: 98%;
  height: 98%;
}

/* Menu structure */
 ul#nav {
 	list-style: none;
 	padding: 0;
 	margin: 0;
 	padding-left: 0px;
 	z-index: 5;
 	margin-left: auto;
 	margin-right: auto;
 	white-space: nowrap;
  	display:table;
  	margin:0 auto; 
 }
 

 ul#nav li {
 	/*border-right: 1px solid #09F;*/ 
 	height: 20px;
 	_padding-top: 7px;
 	z-index: 5;
 	display:table-cell;
 }
 
 ul#nav li ul li {
 	padding-top: 0px;
 	z-index: 5;
 }
 
 ul#nav li ul {
 	z-index: 5;
 }
 
 ul#trailnav {
  	list-style: none;
  	padding: 0;
  	margin: 0;
  	float: right;
 	z-index: 10;
 	
 }
 
 ul#logintrail {
 
 	padding: 0;
 	margin: 0;
 	float: right;
 	margin-top: 50px;
 	clear: both;

 }
 
 ul#logintrail li {
 	display: inline;
	list-style-type: none;
 }
 
 ul#logintrail a {
 	color: white;
 	text-decoration: none;
 }
 
 ul#logintrail a:hover {
 	text-decoration: underline;
 }
 
 ul#trailnav li, ul#trailnav li ul li, ul#trailnav li ul {
 	z-index: 10;
 }
 
 #nav a {
 	font-weight: bold;
 	color: white;
	text-decoration: none;
 	width: 100%;
 	height: 20px;
 	padding: 0px 6px;
 	z-index: 5;
 }
 
 #nav ul li a {
 	color: black;
 	padding-top: 0;
 	z-index: 5;
 }
 
 #trailnav a {
	text-decoration: none;
 	width: 100%;
        font-size: 8pt;
        font-weight: normal;
        z-index: 10;
 } 
 
 #trailnav a:hover {
 	color: #FFF;
 	text-decoration: underline;
 	z-index: 10;
 }  
 
 
 #nav li li {
   	z-index: 5;
 }
 
 #trailnav li li {
   	z-index: 10;
 }
 
 #nav li {
 	display: inline;
	list-style-type: none; 
	z-index: 5;
 }
 
 
 #nav li li a, #trailnav li li a {
 	display: block;
  	width: 120px;
        background-color: #EF5A18;
 	border-bottom: 1px solid #600;
 	border-left: 1px solid #600;
 	border-right: 1px solid #600;
 	padding: 4px;
 }
 
 #nav li li a {
 	z-index: 5;
 }
 
 #trailnav li li a {
 	font-size: 7pt;
 }
 
 #nav li li a:hover, #trailnav li li a:hover {
	text-decoration: none;
	background-color: #F93;
 }
 
 #nav li li a:hover {
 	z-index: 5;
 }
 
 #nav li, #trailnav li {
 	float: left;
 	position: relative;
 	text-align: left;
 	width: auto;
 	z-index: 5;
 	cursor: default;
 }
 
 #nav li ul, #trailnav li ul {
 	display: none;
 	
 	border-top: 1px solid #600;
 	list-style: none;
 	position: absolute;
 	left: 0;
 	padding: 0;
 	margin: 0;
 	padding-bottom: 8px;
 	padding-top: 0px;
        width: 120px;
 	font-weight: normal; 	
 	z-index: 5;
 }
 
 #nav li>ul, #trailnav li>ul {
 	top: auto;
 	left: auto;
 }
 
 
 #nav li:hover ul, #nav li.over ul, #trailnav li:hover ul, #trailnav li.over ul {
 	display: block;
 }
 
 #searchresult hr {
   color: #EA5C1A;
   background-color: #EA5C1A;
   height: 2px;
   margin-bottom: 5px;
 }
 
 span.highlight {
   background-color: #0F6;
 }