/* 
CSS-file for klant.nl 

Used Colours:

site-background: #d0d4fe
menu-background: #ffffff
body-background: #ffffff
font a clr: #000000
font b clr: #ffffff

*/


/* ======================= MAIN SITE LAYOUT =========================== */

body {
	background-color: #FEFEFE;
  background-image: url('/includes/IMG/back_gradient.jpg');
  background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	line-height: 140%;
	overflow: auto;
	text-align:center;
}

.englishTitle{
  position: absolute;
  float: left;
  left: 0px;
  width: 100%;
  _width: 105%;
  overflow: hidden;

  height: 20px;
  background-color: #774204;
  background-image: url('/includes/IMG/central_back_innercontainer.jpg');
  color: #ffffff;
  font-size: 11px;
  font-weight: bold;
}

.english{
  background-image: url('/includes/IMG/back_gradient.gif');
  background-repeat: repeat-x;	
  _padding-top: 20px;
  margin-top: 20px;
  width: 100%;
  font-family: Tahoma;
  font-size: 11px;
  line-height: 140%;
  background-color: #C4BAB0;
  opacity   : 0.6;
  filter    : alpha(opacity=60);
  color: #000000;
}


.foto{
  border-style: solid;
  border-width: 1px;
  border-color: #000000;
}

.ondertitel{
  font-size: 10px;
  color: #636363;
}

.footer, .footer:link{
  position: absolute;
  font-size: 7pt;
  bottom: 2px;
  right: 5px;
  color: #000000;
  font-weight: bold;
}

.outerContainer{
  width   : 850px;
  height  : 630px;
  position : relative;
  top:  20px;
  overflow  : auto;
  margin-right:auto;
  margin-left:auto;
  color: #000000;

  border-style  : solid;
  border-width  : 0px;
  border-color  : #ffffff;
  text-align:center;
}

.innerContainerLeft{
  position: absolute;
  top: 25px;
  left: 0px;
  width: 25px;
  height: 580px;
  background-image: url('/includes/IMG/leftcontainer.png');
  background-repeat: no-repeat;
  background-position: top right;
  
  /* eek MS IE hack */  
  _background-image:none;   
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='crop', src='/includes/IMG/leftcontainer.png')
  /* eek MS IE hack */  
}

.innerContainerTop{
  position: absolute;
  top: 0px;
  left: 25px;
  width: 800px;
  height: 25px;
  background-image: url('/includes/IMG/topcontainer.png');
  background-repeat: no-repeat;
  background-position: top right;
  
  /* eek MS IE hack */  
  _background-image:none;   
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='crop', src='/includes/IMG/topcontainer.png')
  /* eek MS IE hack */  
}

.innerContainerRight{
  position: absolute;
  top: 25px;
  right: 0px;
  width: 25px;
  height: 580px;
  background-image: url('/includes/IMG/rightcontainer.png');
  background-repeat: no-repeat;
  background-position: top right;
  
  /* eek MS IE hack */  
  _background-image:none;   
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='crop', src='/includes/IMG/rightcontainer.png')
  /* eek MS IE hack */  
}

.innerContainerBottom{
  position: absolute;
  bottom: 0px;
  left: 25px;
  width: 825px;
  height: 25px;
  background-image: url('/includes/IMG/bottomcontainer.png');
  background-repeat: no-repeat;
  background-position: top right;
  
  /* eek MS IE hack */  
  _background-image:none;   
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='none', src='/includes/IMG/bottomcontainer.png')
  /* eek MS IE hack */ 
}

.innerContainer{
  width   : 800px;
  height  : 580px;
  position : absolute;
  top:  25px;
  left: 25px;
  margin-right:auto;
  margin-left: auto;
  padding: 0px;
  overflow  : auto;
  color: #000000;
  background-color: #4f3526;
  background-image: url('/includes/IMG/central_back_innercontainer.jpg');
  background-repeat: no-repeat;
 
  border-style  : solid;
  border-width  : 0px;
  border-color  : #ffffff;
  text-align:left;
}

.logo{
  position: absolute;
  right: 0px;
  top: 0px;
  width: 263px;
  height: 96px;
  background-image: url('/includes/IMG/logo_main.jpg');
  background-repeat: no-repeat;

  /* eek MS IE hack   
  _background-image:none;   
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='crop', src='/includes/IMG/logo_main.png')
  /* eek MS IE hack */  
}

.pageTitle{

  position: absolute;
  left: 20px;
  top: 63px;
  width: 518px;
  height: 33px;
  
  color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	text-align: left;
	padding: 7px;
  
  background-image: url('/includes/IMG/titleback.jpg');
  background-repeat: no-repeat;

  /* eek MS IE hack 
  _background-image:none;   
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='crop', src='/includes/IMG/titleback.png')
  /* eek MS IE hack */  

}

.content{
  position: absolute;
  top: 105px;
  left: 20px;
  width: 750px;
  height: 445px;
  overflow: auto;
  background-color: #C5C5C5;
  color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	text-align: left;
	padding: 5px;
  background-image: url('/includes/IMG/back_gradient.gif');
  background-repeat: repeat-x;	
}

* html .content {  /* This is the Tan hack */
	width: 760px;  /* for IE 5.x */
	w\idth: 750px; /* for IE 6.0 is in standards doctype mode */ 
	
  height: 455px;  /* for IE 5.x */
	he\ight: 445px; /* for IE 6.0 is in standards doctype mode */ 
}
/* ======================= End: MAIN SITE LAYOUT ====================== */

/* ======================= LINKS =========================== */
a:link{
  text-decoration: none;
  color: #000000;
}

a:visited{
  text-decoration: none;
  color: #000000;
}
a:hover{
  text-decoration: underline;
}
/* ======================= End: LINKS ======================= */

/* ================== DEFAULT TEXT-ITEMS ==================== */
.standard,
.title,
.subtitle {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #000000;	
}

.standard{
	font-size: 10pt;
	font-style: normal;
}

.title{
	font-size: 12pt;
	font-weight: bolder;
	
	font-style: italic;
	color: #563718;
	text-align: center;
	margin-bottom: 15px;
}

.minititle{
  font-weight: bold;
  color: #4E3328;
}

.subtitle{
	font-size: 10pt;
	font-weight: bold;
	font-style: italic;
	color: #563718;	
}

.correct{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #076a15;	
	font-size: 10pt;
	font-weight: bold;
}

.error{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF0000;	
	font-size: 10pt;
	font-weight: bold;
}

.contactRight{
  position: absolute;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9t;
	font-style: normal;
	text-align: right;
	right: 10px;
	top: 10px;
	overflow: visible;
	padding: 3px;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
}
/* ================== End: DEFAULT TEXT-ITEMS ================== */

/* ================== PROJECT ITEMS ============================ */

.projectActive, .projectNormal{
  position: relative;
  margin-top: 10px;
	width: 740;
	padding: 3px;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
}

.projectActive{
	background-color: #C2B8AE;
  cursor:pointer;
}

.projectNormal{
	background-color: #cfcfcf;
	overflow: hidden;
}




/* ================== End: PROJECT ITEMS ======================= */

/* ================== MENU ITEMS =============================== */

.menu {
  position: absolute;
  left: 0px;
  top: 0px;
  color: #ffffff;
  width: 537px;
  height: 34px;
  background-image: url('/includes/IMG/menuback.jpg');
  background-repeat: no-repeat;
  background-position: top left;
  overflow:hidden;
}

* html .menu {  /* This is the Tan hack */
	width: 537px;  /* for IE 5.x */
	w\idth: 537px; /* for IE 6.0 is in standards doctype mode */ 
	
  height: 34px;  /* for IE 5.x */
	he\ight: 34px; /* for IE 6.0 is in standards doctype mode */ 
}

.buttonNormal, .buttonPressed {
  display: block;
  float: left;
  margin : 0 5px 0 0;
  cursor: pointer;
  text-align: center;
  line-height:3em;  /* this is for vertical aligning the text... */
  height: 31px;
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  text-decoration: none;
}

.buttonNormal{
  background-color: #cbc5be;
  background-image: url('/includes/IMG/button_back_normal.jpg');
  background-repeat: none;
  color: #000000;
}

.buttonPressed{
  background-color: #73716f;
  background-image: url('/includes/IMG/button_back_pressed.jpg');
  background-repeat: none;
  color: #ffffff;
}


/* ================== End: MENU ITEMS =========================== */