/* 
Oktober 2009
Door : Koen Haarbosch  |  Bit Squad
*/

/* --------------------------------------------- // -------- Site Algemeen */

* {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	padding: 0; 
	margin: 0;
	border: 0;	
}

/* IE6 png fix */
#logo img, #logo { behavior: url(_scripts/iepngfix.htc) }


a:link { color: #000000; text-decoration: underline; }
a:hover  { color: #000000; text-decoration: none;}

body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 100%; /* font-size wordt op 100% van de browser instellingen van de gebruiker gezet, deze grootte wordt dus overgenomen */
  	background: #302f34 url(../_images/bg_body.gif) repeat-x left top;
}
.clear {
	clear: both;
	height: 1px;
	font-size: 1px;
	border: none;
	margin: 0; 
	padding: 0;
	background: transparent;
}
#wrapper {
	width: 1280px;
	margin-left: auto; 
	margin-right: auto;
	padding: 0;
	text-align: left;
}
/* --------------------------------------------- // -------- Instellen Fontsize */
#logo, #breadcrumb, #content,  #mainContent, .col { font-size: 0.8em; }
#content h1 { font-size: 1.4em; }
/* --------------------------------------------- // -------- Header */
#header {
	float: left;
	width: 100%;
	height: 462px;
	
	border-bottom: solid 1px #fff;
}

.visual01 { background: #bbb url(../_images/visuals_nl/visual.jpg) no-repeat left top;  } /* home */
.visual02 { background: #bbb url(../_images/visuals_nl/visual3.jpg) no-repeat left top; } /* virtus */
.visual03 { background: #bbb url(../_images/visuals_nl/visual4.jpg) no-repeat left top; } /* diensten */
.visual04 { background: #bbb url(../_images/visuals_nl/visual5.jpg) no-repeat left top; } /* referenties */
/* referentie subs */
    
    .visual08 { background: #bbb url(../_images/visuals_nl/visual8.jpg) no-repeat left top; }
    .visual09 { background: #bbb url(../_images/visuals_nl/visual9.jpg) no-repeat left top; }
    .visual10 { background: #bbb url(../_images/visuals_nl/visual10.jpg) no-repeat left top; }
    .visual11 { background: #bbb url(../_images/visuals_nl/visual11.jpg) no-repeat left top; }
    .visual12 { background: #bbb url(../_images/visuals_nl/visual12.jpg) no-repeat left top; }
    .visual13 { background: #bbb url(../_images/visuals_nl/visual13.jpg) no-repeat left top; }
    .visual14 { background: #bbb url(../_images/visuals_nl/visual14.jpg) no-repeat left top; }
    .visual15 { background: #bbb url(../_images/visuals_nl/visual15.jpg) no-repeat left top; }

.visual05 { background: #bbb url(../_images/visuals_nl/visual6.jpg) no-repeat left top; } /* expertise */
.visual06 { background: #bbb url(../_images/visuals_nl/visual7.jpg) no-repeat left top; } /* vacatures */


/* --------------------------------------------- // -------- Logo */


#logo {
	position: absolute;
	z-index: 999;
	width: 151px;
	height: 448px;
	background: url(../_images/transp_bg.png) repeat left top;
	color: #666;
	padding: 7px;
	margin: 0 0 0 15px;
}
#logo img {
	margin: 0 0 10px 0;
}

#logo p {
	color: #323232;	
}

#logo p a {
	color: #3399cc;		
}

/* --------------------------------------------- // -------- Breadcrumb  */

#contentContainer {
	float: right;
	width: 540px;
	height: 462px;
	background: #bbb;
	padding: 0 0 0 20px;
}

#breadcrumb {
	float: left;
	width: 540px;
	height: 36px;
	padding: 20px 0 0 0;
	background: #bbb;
}

#breadcrumb a {
	color: #2f2f2f;	
	padding: 0 0 0 12px;
	margin: 0 23px 0 0;
	background: url(../_images/arrow_orange.gif) no-repeat 0 5px;
}

/* --------------------------------------------- // -------- Content */
#content {
	float: left;
	width: 500px;
	
	background: #bbb;
	color: #666;
	padding: 0 30px 0 0;
}


#content h1 {
	color: #F88017;
	border-bottom: solid 1px #888;
	padding: 0 0 15px 0;
	margin: 0 0 15px 0;
}
#content p {
	margin-bottom: 10px;
}
/* --------------------------------------------- // -------- Menu */
#menu {
	float: left;
	width: 100%;
	height: 23px;
}

#language {
	float: right;	
}

.lang_nederlands {
	float: left;
	width: 24px;
	height: 14px;
	margin: 3px 5px 0 0;
	background: url(../_images/vlag_Nederland.gif) no-repeat 0 0;
}

.lang_english {
	float: left;
	width: 24px;
	height: 14px;
	margin: 3px 15px 0 0;
	background: url(../_images/vlag_England.gif) no-repeat 0 0;
}

/* --------------------------------------------- // -------- Main Content */
#mainContent {
	float: left;
	width: 550px;
	margin-top: 37px;
	padding-left: 110px;	
	color: #fff;
}

#mainContent h2 {

	margin-bottom: 10px;
}

/* --------------------------------------------- // -------- Columns Bottom */

#colContainer {
	float: left;
	
}

.col {
	float: left;
	color: #fff;
	margin-top: 37px;
	margin-right: 30px;
	margin-bottom: 30px;
}

.col h2 {
	color: #fff;	
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 1.4em;
}


.col a {
	color: #F88017;	
}

.col a:hover {
	color: #fff;	
}

.col dl dt {
	font-weight: bold;	
}

#col01 {
	width: 700px;
	padding-left: 10px;	
}

#col02 {
	width: 520px;
	margin-right: 0;
}

#col02 p {
	margin-bottom: 20px;	
}
#col02 dl {
	margin-bottom: 20px;
}
 

#col03 {

	width: 420px;
	padding-left: 110px;	
}

#col03 dl {
	margin-bottom: 20px;
}

/* ----- Peter toegevoegd ----- */

#mainContent p 
{
	margin-bottom:10px;
}

#mainContent ul li
{
		margin:0px 0px 0px 20px;
}

.contact { background: #bbb url(../_images/visuals_nl/contact.jpg) no-repeat left top; }

#content ol {margin:0px 0px 0px 5px;}
#content ol li {margin:0px 0px 0px 20px;}

a.link:link, a.link:active, a.link:visited {float:right;color:#000000;}
a.link:hover {float:right;color:#302f34;}

a.link_en:link, a.link_en:active, a.link_en:visited {color:#000000;}
a.link_en:hover {color:#302f34;}

a.link_contact:link, a.link_contact:active, a.link_contact:visited {font-size: 1.0em;color:#000000;}
a.link_contact:hover {font-size: 1.0em;color:#000000;}



ul.contact_text 
{
	font-size: 0.9em;
}

td.expertise_table
{
	width:110px;
	vertical-align:top;
	font-weight:bold;
}