/*************************************************************
  Name:             cim_style.css
  Description:		stylesheet that contains definitions for the entire
 					site for screen (EXCEPT THE FONT (SIZE) SETTINGS):
 					1. The style-redefinition of HTML elements 
 					2. main layout table of the site (positioning)
 
  Notes:			-
 *************************************************************
   Project:         Cimsolutions Web Site
   Css by:          Nicky Kusters
   Creation Date:   2006 - 04 - 10
   Last Edit:	    2006 - 04 - 25
 *************************************************************
   Current site   : www.cimsolutions.nl
 *************************************************************/

@media screen 
{
/**********************************************
 *
 * HTML ELEMENT STYLES (FOR ENTIRE SITE)
 * 
 **********************************************/

#mydiv{ 
border:0; 
width:100%; 
height:100%; 
} 
 
html, body
{		
	font-family: Helvetica, Arial, Verdana, sans-serif;
	text-align : justify;
	font-size: small;
	vertical-align:top;
	width:100%;
	height:100%;
}
body 
{
	margin: 0px;
	padding: 0px;
}
img
{
	border-style:none ;
}
h1
{
	font-size : 18px;	
	font-weight:bold;
	color: #000000;
	background-color:Transparent;
}
h2
{
	font-size : 16px;
	font-weight:bold;
	color: #A7C855;
	background-color:Transparent;
	page-break-after:avoid;
}
/**********************************************
 *
 * HYPERLINK STYLES
 * 
 **********************************************/
a, a:visited, a:active  
{
  color: #000000;  
  font-family: Helvetica, Arial, Verdana, sans-serif;
}
a:hover  
{
  color: #8F8F8F;  
  text-decoration: none;
  font-family: Helvetica, Arial, Verdana, sans-serif;
}
#h2_link
{
	font-size : 16px;
	color: #A7C855;
	background-color:Transparent;
	page-break-after:avoid;
	font-weight: bold;
	text-decoration: none;
	font-family: Helvetica, Arial, Verdana, sans-serif;
}
/**********************************************
 *
 * MAIN LAYOUT STYLES
 *
 **********************************************/
#container
{
	width:1050px; /* width needs to be 1024, due to the scrollbar in IE & FF which width is 21px the width of the container is 1024-21*/
	height:100%;
	background: url(../gfx/container_background.gif);
}

#header
{
    font-size: 12px;
    background: #FFFFFF url(../gfx/header.gif) no-repeat bottom left;
    height: 86px;
}
#left, #main
{
	min-height:718px;
	float:left;
}
#left 
{
    width: 237px;
	height: 100%;
    background: #FFFFFF url(../gfx/logo_left_home.gif) no-repeat top right;
    
}
#main 
{
    width: 736px;
	padding : 15px;
    background: #FFFFFF url(../gfx/logo_right.gif) no-repeat;
}
#footer
{
    clear:both;
}
/**********************************************
 *
 * MENU LAYOUT
 *
 **********************************************/
.topAnchor
{
    left: 0px;
    width: 268px;
    position: absolute;
    top: 0px;
    height: 83px;
}
.menu_layout
{
	border:0px;
}
.menu_spacer
{
	width:2px;
	background-image: url('../gfx/spacer.gif');
	background-repeat:repeat;
}
.contentheader
{
	width:100%;
}
.contentheaderleft
{
	text-align:left;
}
.contentheaderright
{
	text-align:right;
}
.contentheaderleftwithcenter
{
	text-align:left;
	width:300px;
}
.contentheadercenter
{
	text-align:center;
}
.contentheaderrightwithcenter
{
	text-align:right;
	width:150px;
}
.iconAlign
{
	vertical-align:middle;
}
/**********************************************
 *
 * XHTML PAGE SPECIFIC CLASSES
 *
 **********************************************/
 
 /*******************Flyers**********************/
 .fleyer_content
 {
	width:100%;
 }
.fleyer_content_left
{
	width:365px;
	vertical-align:top;
}
.fleyer_content_right
{
	width:365px;
	vertical-align:top;
}
.fleyer_contenttablecpacer
{
	background-image: url('../gfx/spacer.gif');
	background-repeat:repeat;
}
 /*******************Flyer Footer**********************/
.fleyer_footer
 {
	width:100%;
 }
.fleyer_footer_row
 {
	width:100%;
	text-align:right;
 }
.fleyer_footer_links
 {
	width:50%;
	text-align: left;
	vertical-align:top;
 }
.fleyer_footer_rechts
 {
	width:50%;
	text-align: right;
	vertical-align:top;
 }
.fleyer_pic
 {
	width: 400px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	text-align: justify;
	font-size: x-small;
	vertical-align:top;
 }
.fleyer_pic_title
 {
	width: 100%;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	text-align: justify;
	font-size: x-small;
	vertical-align:top;
 }
/******************* HOME *********************/
.home_contenttable
{
	width:100%;
	vertical-align:top;
	min-height: 100%;
}
.home_contenttablecell
{
	width:345px;
	vertical-align:top;
}
.home_contenttablecell ul
{
	text-align:left;
	vertical-align: middle;
	line-height:20px;
    padding-bottom:4px;
	list-style:square;
	color:#A7C855; 
}
.home_contenttablecell ul a
{
	color:#000000;
}
.home_contenttablecpacer
{
	background-image: url('../gfx/spacer.gif');
	background-repeat:repeat;
}
/****************** CONTACT *******************/
.contact_contenttable
{
	width:100%;
}
.contact_contenttablecpacer
{
	background-image: url('../gfx/spacer.gif');
	background-repeat:repeat;
}
/****************** ROUTE *******************/
.route_contenttable
{
	width:100%;
}
.route_footer_row
 {
	width:100%;
	text-align:right;
 }
/****************** SERVICES *******************/
.services_contenttable
{
	text-align:left;
	vertical-align: middle;
	line-height:20px;
    padding-bottom:4px;
	list-style:square;
	color:#A7C855; 
}
.services_contenttable li span
{
	color:#000000;
}
/****************** EXPERTISE *******************/
.expertise_contenttable
{
	text-align:left;
	vertical-align: middle;
	line-height:20px;
    padding-bottom:4px;
	list-style:square;
	color:#A7C855; 
}
.expertise_contenttable li span
{
	color:#000000;
}
/****************** ORGANISATION *******************/
.organisation_contenttable
{
	width:100%;
}
.organisation_leftbottom
{
	width:365px;
	text-align:left;
}
.organisation_leftbottom ul
{
	text-align:left;
	vertical-align: middle;
	line-height:20px;
    padding-bottom:4px;
	list-style:square;
	color:#A7C855; 
}
.organisation_leftbottom ul span
{
	color:#000000;
}
.organisation_rightbottom
{
	width:365px;
	text-align:left;
}
.organisation_rightbottom ul
{
	text-align:left;
	vertical-align: middle;
	line-height:20px;
    padding-bottom:4px;
	list-style:square;
	color:#A7C855; 
}
.organisation_rightbottom ul span
{
	color:#000000;
}
.organisation_contenttablecpacer
{
	background-image: url('../gfx/spacer.gif');
	background-repeat:repeat;
}
/****************** MISSION *******************/
.mission_contenttable
{
	width:100%;
}
.mission_leftbottom
{
	width:365px;
	vertical-align:top;
}
.mission_rightbottom
{
	width:100%;
	vertical-align:top;
}
.mission_contenttablecpacer
{
	background-image: url('../gfx/spacer.gif');
	background-repeat:repeat;
}
/******************* COMPETENCES *********************/
.competences_contenttable
{
	width:100%;
}
.competences_contenttable ul
{
	text-align:left;
	vertical-align: middle;
	line-height:20px;
    padding-bottom:4px;
	list-style:square;
	color:#A7C855; 
}
.competences_contenttable ul span
{
	color:#000000;
}
/******************* ADDVALUE *********************/
.addvalue_contenttable
{
	width:100%;
}
.addvalue_contenttable ul
{
	text-align:left;
	vertical-align: middle;
	line-height:20px;
    padding-bottom:4px;
	list-style:square;
	color:#A7C855; 
}
.addvalue_contenttable ul ul
{
	text-align:left;
	vertical-align: middle;
	line-height:18px;
	list-style:disc;
	color:#A7C855; 
}
.addvalue_contenttable ul span
{
	color:#000000;
}
.addvalue_left
{
	width:100%;
}
.addvalue_contenttablecpacer
{
	background-image: url('../gfx/spacer.gif');
	background-repeat:repeat;
}
.addvalue_center
{
	padding-left:30px;
}
/******************* NEWS *********************/
.news_layoutTable
{
	width:100%;
	height:100%;
	text-align:center;
}
.news_layoutTableRow
{}
.news_layoutTableCell
{}
.news_contenttable
{
	/*width:673px;*/
	width:100%;
}
.news_contentHeaderCell
{
	height:62px;
	background-image: url('../gfx/news_header.gif');
	/*background-attachment:fixed;*/ /* else the news header gif is not visible in firefox */
	background-repeat:no-repeat;
	background-position:center top;
	background-color: #A7C855;
}
.news_contentHeaderCell_uk
{
	height:62px;
	background-image: url('../gfx/news_header_uk.gif');
	/*background-attachment:fixed;*/ /* else the news header gif is not visible in firefox */
	background-repeat:no-repeat;
	background-position:center top;
	background-color: #A7C855;
}
.news_horizontalSpacer
{
	height:2px;
	background-image: url('../gfx/spacer.gif');
	background-repeat:repeat;
}
.news_verticalSpacer
{
	width:2px;
	background-image: url('../gfx/spacer.gif');
	background-repeat:repeat;
}
.news_contentRightCell
{
    width:165px;
	background-color: #A7C855;
	vertical-align:top;
}
.news_contentLeftCell
{
	/*width:506px;*/
	width:80%;
}
.news_line
{
    color: #A7C855;
}
/****************** MISSION *******************/
.mission_leftside
{
    background-image: url('../gfx/logo_left_mission.gif');
}

/******************* JOIN *********************/
.join_leftside
{
    background-image: url('../gfx/logo_left_join.gif');
}
.join_picturetable
{
    width:100%;
}
.join_picturecell
{
	padding:5px 0px 5px 0px;
	text-align: left;
	width:159px;
}
.join_contenttable
{
	width:100%;
}
.join_contenttablecell
{
	width:50%;
	text-align:left;
	vertical-align: top;
}
.join_contenttablecell ul
{
	text-align:left;
	vertical-align: middle;
	line-height:20px;
	list-style:square;
	color:#A7C855;
}
.join_contenttablecpacer
{
	background-image: url('../gfx/spacer.gif');
	background-repeat:repeat;
}
/**********************************************
 *
 * PRINTER/SCREEN DEPENDEND CLASSES
 * 
 **********************************************/
.printHeader
{
	width:100%;
}
.printHeaderLeft
{
	width:33%;
	text-align:left;
}
.printHeaderCenter
{
	width:33%;
	text-align:center;
}
.printHeaderRight
{
	width:33%;
	text-align:right;
	
}
.noPrint 
{ 
/* nothing! */
}
.printOnly
{ 
    display:none;
}
}