@charset "iso-8859-1";
/*
Theme Name: Innochain
Theme URI: http://www.innochain.be
Version: 1.0
Author: Britt Mesdagh
Author URI: http://www.mixette.com/

*/



/* Begin Typography & Colors */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Trebuchet MS', Trebuchet, Verdana, Arial, Sans-Serif;
	color: #fff;
	text-align: center;
	margin: 0px;
	padding: 0px;
	background: #57595c;
}
	
	
a:hover {
	color: #F5823B;;
	text-decoration: underline;
	}


#wrapper {	width: 965px;
            margin: 0px auto 0px auto;
	padding: 0px;}

#header {width: 965px;
           margin: 0px;
	       padding: 0px;
		   height: 161px;
		   	background: url('images/header.gif') no-repeat top left;}

#headerlogo h1 {visibility:hidden;}

#footer {
clear: both;
width: 965px;
height: 70px;
margin: 0px;
border: none;
color: #fff;
	}

#topnav {
width: 965px;
margin: 0px;
padding: 0px;
height: 101px;
background: url('images/innochain_menubalk.gif') no-repeat top left;
}
		
.topnavlist {
	width: 965px;	  
	height: 101px;
	margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 10px;}

.topnavlist li {
    float: left;
	padding: 10px 15px 5px 15px;
	list-style-type: none;
	height: 101px;
	 
	margin: 0px;
	text-align: left;}
	
.topnavlist li a:hover, .topnavlist li a {color: #fff;text-decoration: none;}
.topnavlist li a:visited{color: #cc;text-decoration: none;}

.topnavlist li a:active {color: #8a1616;text-decoration: none;}
.mainmenubig {
	color: #fff;
	text-align: left;
	
font-size: 1.7em;}
	
.mainmenusmall {	
font-size: 1.1em; 
text-align: left;
margin: 0px;
padding: 0px;
display: inline;
text-align: left;
width: 105px;
color: #57595c;}
	
	
#blogwrapper {
width: 965px;
margin: 30px 0px 10px 0px;
padding: 0px;}


#pagewrapper {width: 965px;
margin: 30px 0px 10px 0px;
padding: 0px;}


#pagecontentheader {	
width: 965px;
height: 49px;
background-image:url(images/page_wit_header_empty.gif);
background-repeat: no-repeat;
margin: 0px;
padding: 0px;}

#pagecontentheaderlarge {	
width: 965px;
height: 49px;
background-image:url(images/page_wit_header_large.gif);
background-repeat: no-repeat;
margin: 0px;
padding: 0px;}

#pagecontentheaderlargest {	
width: 965px;
height: 49px;
background-image:url(images/page_wit_header_largest.gif);
background-repeat: no-repeat;
margin: 0px;
padding: 0px;}

#pagecontentheadersmall {	
width: 965px;
height: 49px;
background-image:url(images/page_wit_header_small.gif);
background-repeat: no-repeat;
margin: 0px;
padding: 0px;}

#pagecontentheader h2, #pagecontentheadersmall h2, #pagecontentheaderlarge h2, #pagecontentheaderlargest h2{	
font-size: 2.4em;
font-weight: normal;
margin: 0px;
padding: 10px  0px  10px  25px;
}

html>body #pagecontentheader h2, html>body #pagecontentheadersmall h2, html>body #pagecontentheaderlarge h2, html>body #pagecontentheaderlargest h2, {		
font-size: 2.4em;
font-weight: normal;
margin: 5px 10px 15px 20px;
padding: 7px  0px 0px  5px;
}


#pagecontent {	
font-size: 1.2em;
	float: left;
	width: 965px;
	height: 100%;
	margin: 0px;
	padding: 20px 0px 0px 0px;
	color: #57595c;
	background-image:url(images/page_bg.gif);
	background-repeat: repeat-y;}


#blogcontent {
	font-size: 1.2em;
	float: left;
	width: 690px;
	height: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float: left;
	color: #57595c;
	background-image:url(images/blog-pagebg.gif);
	background-repeat: repeat-y;}
	
#blogcontentheader {	
background-image:url(images/blog-pageheader-empty.gif);
	background-repeat: no-repeat;
	width: 690px;
	height: 49px;
	margin: 0px;
	padding: 0px;}
	
#blogcontentheader h2 {	
color: #fff;
font-size: 2.2em;
font-weight: normal;
margin: 0px;
padding: 7px  0px  0px  25px;
font-family: 'Trebuchet MS', Trebuchet, Verdana, Arial, Sans-Serif;}

html>body #blogcontentheader h2 {
margin: 0px 10px 15px 20px;
padding: 7px  0px 0px  5px;}

	
#blogcontentbody {	
    background-image: url(images/blog-pagebg.gif);
	background-repeat: repeat-y;
	width: 690px;
	margin: 0px;
	padding: 0px;	}
	
	
	
#blogcontentfooter {
	background-image: url(images/blog-pagebottom.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	width: 690px;
	height: 11px;
	background-position: bottom;
}
	
#pagebody {
     margin: 0px 0px 10px 0px;
	padding: 0px 10px 10px 30px;
	width: 630px;
	float: left;
	text-align: left;}	
	
#pagebodylarge {
     margin: 0px 0px 10px 0px;
	padding: 0px 60px 10px 30px;
	width: 800px;
	float: left;
	text-align: left;}	
.pagepost {
     margin: 0px;
	padding: 0px;
	width: 630px;
	float: left;}	
.largepagepost { 
 margin: 10px;
	padding: 0px 50px 0px 10px;
	width: 800px;
	float: left;
	}

.pagepost h3 {
color: #57595c;
margin: 15px 10px 10px 0px;
padding: 0px 5px 0px 0px;
font-size: 1.4em;
letter-spacing: .04em;}

.pagepost h2 a{
color: #57595c;
margin: 5px 10px 0px 0px;
padding: 0px 5px 0px 0px;
font-size: 1.4em;
letter-spacing: .04em;}

.pagepost p { margin: 5px 5px 5px 0px;}

.pageentry h2,.largepageentry h2 {
	margin: 20px 20px 15px 0px;
	padding: 0px 0px 3px 0px;
	font-size: 1.9em;
	color: #57595c;

	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #57595c;
}

.archivetitle {
margin: 20px 50px 15px 30px;
	padding: 10px 0px 5px 0px;
	font-size: 1.9em;
	color: #57595c;

	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #57595c;
}

.pageentry h3, .largepageentry h3 {
	margin: 20px 20px 15px 0px;
	padding: 0px 0px 3px 0px;
	font-size: 1.6em;
	color: #f18444;
	text-align: left;

}

.pageentry p a, .pageentry p a:active, .pageentry p a:visited, .largepageentry p a, .largepageentry p a:active, .largepageentry p a:visited   {
color: #f18444;
text-decoration: none; }

.pageentry p a:hover, .largepageentry p a:hover  {
color: #f18444;
text-decoration: underline; }

.pageentry ul li, .largepageentry ul li {	
padding: 5px 0px 5px 0px;
margin: 0px;}



#sidebar
{	font-family: 'Trebuchet MS', Trebuchet, Verdana, Arial, Sans-Serif;
font-size: 1.2 em; 
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	width: 275px; }

#sidebarpage
{	font-family: 'Trebuchet MS', Trebuchet, Verdana, Arial, Sans-Serif;
font-size: 1.2 em; 
	float: left;
	margin:  0px;
	padding: 0px 0px 0px 0px;
	width: 249px; }

	
#sidebar form {
	margin: 0;
	}
/* End Sidebar */


.alt {
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}

small {
		font-family: 'Trebuchet MS', Trebuchet, Verdana, Arial, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}

h1, h2, h3 {
	font-family: 'Trebuchet MS', Trebuchet, Verdana, Arial, Sans-Serif;
	text-align: left;}

h2.pagetitle {
	font-size: 1.5em;
	text-align: left;
	color: #FFF;
	margin-top: 30px;
	text-align: center;}






h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}


 h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #ccc;
	}

 h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
	text-decoration: none;
	}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em;
	}

.commentlist li {
	font-weight: bold;
	}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	
	}

.commentmetadata {
	font-weight: normal;
	}


	   
/* Sidebarblocks voor pagina's */

.sidebarpageblok {
width: 249px;
margin: 10px 10px 0px 10px;

padding: 0px;}

.sidebarpagebloktop {   
background-image: url(images/page_submenu_top.gif);
background-repeat: no-repeat;
width: 249px;
height: 48px;
margin: 0px;
padding: 0px 0px 0px 0px;
	}
	
	
.sidebarpagebloktop h2{
margin: 0px 0px 0px 0px;
padding: 15px 10px 15px 20px;
text-align: left;
	font-family: 'Trebuchet MS', Trebuchet, Verdana, Arial, Sans-Serif;
	font-size: 1.4em;
	font-weight: normal;
color: #fff;
}

.sidebarpageblokbottom {
	background-image: url(images/page_submenu_bottom.gif);
	background-repeat: no-repeat;
	width: 249px;
	height: 15px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	background-position: center bottom;
}

.sidebarpageblokmiddle{
background-image: url(images/page_submenu_bg.gif);
background-repeat: repeat-y;
width: 249px;
margin: 0px;
padding: 0px;
text-align: left;
color: #fff;
}

.sidebarpageblokmiddle p { 
margin: 0px;
padding: 5px 10px 5px 20px;}

   
.sidebarpageblokmiddle ul {
	margin: 0px;
	padding: 0px 10px 5px 10px;
	list-style-type: none;
	text-align: left;
	color: #fff;}


.sidebarpageblokmiddle ul li{ 
    margin: 0px;
	padding: 5px 5px 5px 15px;
	list-style-type: disc;
	text-align: left;

	}
.sidebarpageblokmiddle ul  li a {	
color: #f18444;
list-style-type: none;}
.sidebarpageblokmiddle ul  li a:active {	
color: #f18444;list-style-type: none;}
.sidebarpageblokmiddle ul li a:visited {
color: #ccc;list-style-type: none;}

.sidebarblokmiddle form {
     margin: 0px;
	padding: 5px 5px 5px 25px;}
.sidebarpageblokmiddle form {
     margin: 0px;
	padding: 5px 5px 5px 25px;}
.naam {
padding: 0px;
color: #f18444;
text-align: left;
	font-size: 1.4em;}
.functie {
padding: 0px;
font-size: 1.3em;
color: #fff;
text-align: left;
font-weight:bold;}

.titel{
padding: 0px;
color: #f18444;
text-align: left;
font-size: 1.3em;
font-weight:bold;}

.beschrijving {
padding: 0px;
color: #57595c;
text-align: left;
font-weight:normal;}

small, .nocomments, blockquote, strike {
	color: #fff;
	}

/*** sidepage op de blog ********/
.sidebarblok {
width: 275px;
margin: 5px 0px 0px 0px;
padding: 0px;
}

.sidebarbloktop {
	background-image: url(images/blog_rightcol_header.gif);
	background-repeat: no-repeat;
	width: 275px;
	height: 41px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	background-position: center top;
	}
	
	
.sidebarbloktop h2{
margin: 0px 0px 0px 30px;
padding: 10px 0px 0px 0px;
text-align: left;
	font-family: 'Trebuchet MS', Trebuchet, Verdana, Arial, Sans-Serif;
	font-size: 1.4em;
	font-weight: normal; 
color: #fff;
}

.sidebarblokbottom {background-image: url(images/blog_rightcol_bottom.gif);
background-repeat: no-repeat;
width: 275px;
height: 11px;
margin: 0px;
padding: 0px;
text-align: left;
	background-position: center bottom;}

.sidebarblokmiddle{
background-image: url(images/blog_rightcol_bg.gif);
background-repeat: repeat-y;
width: 275px;
margin: 0px;
padding: 0px;
text-align: left;
font-family: 'Trebuchet MS', Trebuchet, Verdana, Arial, Sans-Serif;
font-size: 1.2em;
color: #57595c;
discplay: inline;
}
.sidebarblokmiddle p {
padding: 5px 10px 5px 30px;}
.sidebarblokmiddle p a,.sidebarblokmiddle p a:visited, .sidebarblokmiddle p a:active {color: #f18444;}
  
.sidebarblokmiddle ul {
  margin: 0px 0px 0px 0px;
  padding: 0px;
list-style-type: none;}


.sidebarblokmiddle ul li{
	margin: 0px 10px 0px 30px;
	padding: 5px 0px 5px 0px;
	list-style-type: disc;
	text-align: left;
list-style-type: none;
	}

.sidebarblokmiddle ul  li a,.sidebarblokmiddle ul  li a:active, .sidebarblokmiddle ul li a:visited  {	list-style-type: none; color: #f18444;}
.sidebarblokmiddle ul li a:hover{
list-style-type: none;
 color: #f18444;
text-decoration: underline;}


.tagcloud {
padding: 5px;
margin: 0px 5px 0px 5px;
display: inline;
overflow:hidden;}

small, blockquote, strike {
	color: #57595c;
	}


/**********************************************************************/

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

a, h2 a, h3 a {
	
	text-decoration: none;
	}



/* Begin Structure */


.post {
width: 600px;
	padding: 10px;
	text-align: left;
margin: 5px 5px 5px 30px;
	color:#57595c;}


.post h2 a{
color: #57595c;
margin: 5px 10px 0px 0px;
padding: 0px 5px 0px 5px;
font-size: 1.2em;
letter-spacing: .04em;}

.post h3 {
color: #57595c;
margin: 15px 10px 10px 0px;
padding: 0px 5px 0px 0px;
font-size: 1.4em;
letter-spacing: .04em;}

.post p {color: #57595c; margin: 5px 5px 5px 0px;}


.postmetadata {
clear:both;
	padding: 10px 10px 10px 10px;
	margin: 20px 40px 10px 0px;
	background-color:#57595c;
	color: #fff;
	font-size: 0.9em;
}

.postmetadata a, .postmetadata a:visited, .postmetadata a:active {color: #fff; }
.post img { margin: 10px 10px 10px 0px;
border:none;}

.post small {
  padding: 0px 0px 0px 0px;
color:#f18444;
margin: 0px 5px 0px 15px;}


.entry p {
		padding: 0px ;
		margin: 5px 5px 10px 15px;}

div.entry p a:visited {	color: #666;
	text-decoration: none;}

div.entry p a, .entry p a:active {
	color: #FF9933;
	text-decoration: none;
}
div.entry p a:hover {color: #FF9933;text-decoration: underline;}

.navigation {width: 500px;
padding: 0px;
margin: 0px;
color:#57595c;}
.clear {
	clear: both;
}


#footer p {
font-size: 1.2em;

	margin: 0;
	padding: 20px 10px 0px 10px;
	text-align: center;
	
	}
#footer p a, #footer p a:active, #footer p a:visited {color: #ccc;}	
	
	
/* End Structure */



.alignright {
	float: right;
	}

.alignleft {
	float: left
	}


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}


/* End Images */










/* Begin Form Elements */
#searchform {
	margin: 0px;
	padding: 5px 3px;
	text-align: center;
	}

 

#sidebar #searchform #s {
	
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: right;
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */


#blogcontentbody.pagetitle {
margin: 0px 0px 0px 0px;
	padding:10px 0px 10px 0px;
	font-size: 1.4em;
	color: #FF6600;
	text-align: left;}


/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 10px 30px 10px 0px;
	padding:3px 0px 10px 35px;
	font-size: 1.4em;
	color: #FF6600;
	font-style:italic;
	background-image:url(images/quote.gif);;
	background-repeat: no-repeat;
	background-position: left top;
}
blockquote p {
	color: #FF6600;
	font-style:italic;

}


.center {
	text-align: center;
	}


.clr {clear: both;}/* End Various Tags & Classes*/

.breadcrumb {width:500px;
float: left;
margin: 5px 0px 5px 0px;
Text-align: left;
font-size: 1.0em;
padding: 20px 20px 20px 30px; }

.breadcrumbblog {width: 500px;
margin: 10px 0px 10px 0px;
Text-align: left;
font-size: 1.0em;
padding: 10px 20px 20px 0px; }

.clientcase {
float: left;
margin: 10px 0px 20px 0px;
Text-align: left;

padding: 0px 0px 0px 10px;}

.clientcase h4 {
font-size: 1.4em;
text-align: left;
color: #f18444;
margin: 10px 0px 10px 0px;
padding: 0px;}

.zoekveld {
margin: 15px 10px 50px 680px;
Text-align: left;
font-size: 1.2em;
padding: 20px 0px 0px 0px;
width: 250px;
Height: 50px;}

img a, img a:hover, img a:active, img a:visited { border: 0px;}


/*suckerfish menu styling */
#navigation {
	width: 965px;
	margin: 0px;
	padding:0px;
height: 90px;
text-align:right;}


.nav1{
list-style-type:none;
background-image: url(images/menu_bg.gif);
background-repeat: no-repeat;
background-position: center top;
padding:0px;
margin:0px;	
width: 965px;
height: 47px;
text-align:right;

}

.nav1 li {
	float: left;
	list-style-type:none;
	padding:12px 15px 0px 15px;
	font-size: 1.4em;
	font-weight: bold;
height: 35px;}

.nav2 li {
	float: left;
	list-style-type:none;
	padding:12px 10px 0px 10px;
	font-size: 1.2em;
	font-weight: bold;
height: 35px;}
.nav1 li a {
text-decoration:none;
color:#fff;
padding: 5px 5px 3px  5px;
}
.nav1 li a:active, .nav1 li a:visited {color:#fff;}
.nav1 ul li a:hover {
	color:#ccc;
	font-size:1em;
	background-color:#336600;
padding: 5px 5px 3px 5px;}



.nav2 {
	width: 965px;
	margin: 0px 0px 0px 0px;
	text-align:center;
	height: 42px;
	background-image: url(images/submenu_bg.gif);
	background-repeat: no-repeat; 

	/*background-color:#FDFBF7;*/
	font-size: 1.2em;
	font-weight: normal;
	list-style-type:none;
	padding:0px 0px 0px 10px;
	background-position: left top;
}

.nav2 li {
float: left;
list-style-type:none;
margin:0px 0px 0 0px;
font-size: 1.2em;
font-weight: normal;}

.nav2 li a {
	color: #8E5733;
}


.nav2 li a:visited {color:#8E5733;}
.nav2 li a:active {color:#8E5733; }
/*Menu for About*/



.nav1 li.current_page_item {
	background-color:#8E5733;
	background-image: url(images/submenu_pointer.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-top: 3px;
	height: 32px;
}