/*
Blauw hoofdmenu : #314877
Grijs submenu   : #8a8a8a
Main Content	: #646464
Tekst NieuwsBr. : #999999;

Menu Groen		: #006600;
Menu Blauw		: #000099;
Menu Paars		: #660066;
Menu Rood		: #cc0000;
Menu Geel		: #ffcc00;
Menu Grijs		: #cccccc;
*/

/**********************
Standaard HTML tags
**********************/
body {
	margin: auto;
	background-image: url("../images/body_bg.gif");
	background-repeat: repeat-x;
	background-position: top;
	background-color: #FFFFFF;
	overflow: -moz-scrollbars-vertical;
}

body, td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #646464;
}

a {

}

h1, h2, h3 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	letter-spacing: -.05em;
	margin: 0;
	padding: 0;
	line-height: 1em;
}

h1 {
	color: #646464;
	font-size: 26px;
	margin: 0px;
	padding: 0px;
}

h2 {
	color: #646464;
	font-size: 20px;
	margin: 0px;
	padding: 0px;
}

h3 {
	color: #646464;
	font-size: 18px;
	margin: 0px;
	padding: 0px;
}

h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 10px;
	color: #314877;
	margin: 0px;
	padding: 0px;
}

    h4 a {
        color: #314877 !important;
        text-decoration: none !important;
    }


img {
	border: none;
}

p {
	margin-top: 0px;
}

form {
	padding: 0px;
	margin: 0px;
}

.clearer {
	clear: both;
	font-size: 1px;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

/**********************
Layout DIVjes
**********************/

#mainContainer {
	width: 770px;
	margin: auto;
	text-align: left;
	color: #000000;
}

#header {
	height: 64px;
	padding-top: 20px;
}

#header a img {
	margin-left: 14px;
	border: none;
	float: left;
}

#header #topMenu {
	display: block;
	float: right;
	padding: 0px;
	margin-top: 45px;
	margin-right: 15px;
}

#header ul li {
	list-style: none;
	padding-right: 10px;
	float: left;
}

#header ul li a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999999;
	text-decoration: none;
}

#header ul li a:hover {
	text-decoration: underline;
}

#header_image {
	width: 770px;
	height: 161px;
	padding: 0px;
	background-position: left top;
	background-repeat: no-repeat;
}

#header_image div {
	background-color: #FFFFFF;
	float: left;
}

#header_image div table {
	border-spacing: 0;
	border-collapse: collapse;
	border: none;
	width: 770px;

}

#vlak1,
#vlak3 {
	border-right: 1px solid #FFFFFF;
}

#vlak1 img {
	width: 226px;
	height: 154px;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

#vlak2 img {
	width: 544px;
	height: 154px;
	filter: alpha(opacity=45);
	-moz-opacity: .45;
	opacity: .45;
}

#vlak3 img {
	width: 226px;
	height: 7px;
	filter: alpha(opacity=80);
	-moz-opacity: .80;
	opacity: .80;
}

#vlak4 img {
	width: 544px;
	height: 7px;
	filter: alpha(opacity=80);
	-moz-opacity: .80;
	opacity: .80;
}

#contentContainer {
	background-image: url("../images/main_bg.gif");
	background-repeat: repeat-y;
	background-color: #FFFFFF;
	width: 770px;
}

/* het hoofdmenu aan de linkerkant van de site */
#mainMenu {
	width: 226px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 10px;
	letter-spacing: 0,5px;
	line-height: 18px;
	padding-top: 18px;
	padding-bottom: 50px;
}

#mainMenu a {
	text-decoration: none;
}

/* De hoofdmenuitems */
#mainMenu ul {
	margin: 0px;
	padding: 0px;
}

#mainMenu ul li {
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0;
}

#mainMenu ul a {
	color: #314877;
	display: block;
	margin: 1px 0 0 0;
	padding: 4px 0px 4px 8px;
	border-left: 16px solid;
}

/* De submenuitems die onder de hoofdmenuitems vallen */
#mainMenu ul ul {
	margin: 0px;
	padding: 0px;
	display: none;
}

#mainMenu ul ul li {
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0;
	line-height: 16px;
}

#mainMenu ul ul a {
	color: #8a8a8a;
	display: block;
	margin: 0;
	padding: 0 0 0 16px;
}

#mainMenu ul ul a:active,
#mainMenu ul ul a:hover {
	color: #314877;
}

/* elk hoofdmenuitem heeft een eigen border-kleur */
#mainMenu #menu1 a { border-color: #006600;}
#mainMenu #menu2 a { border-color: #000099;}
#mainMenu #menu3 a { border-color: #660066;}
#mainMenu #menu4 a { border-color: #cc0000;}
#mainMenu #menu5 a { border-color: #ffcc00;}
#mainMenu #menu6 a { border-color: #cccccc;}


/* Div met zoekbox */
#searchBlock {
	font-weight: normal;
	text-transform: none;
	letter-spacing: normal;
	width: 180px;
	margin: auto;
	margin-top: 20px;
	color: #999999;
	border: 1px solid #FFF;
	padding: 10px;
}

#searchBlock a {
	color: #999999;
}

#searchBlock a:hover {
	text-decoration: underline;
}

#searchBlock input {
	border: 1px solid #999999;
	background-color: #FFFFFF;
	font-size: 11px;
	line-height: 18px;
	color: #999999;
	height: 18px;
	float: right;
}

#searchBlock #query {
	width: 172px;
	margin-bottom: 4px;
	padding-left: 4px;
}

#searchBlock #submit {
	width: 30px;
	line-height: 11px;
}

/* zoek resultaten pagina */
#searchResultsHeader,
#searchPages {
	background-color: #f6f6f6;
	padding: 5px 5px 5px 10px;
	border: 1px solid #c0c0c0;
	border-right: none;
	border-left: none;
	margin-bottom: 15px;
}

#searchPages a {
	padding: 0 4px 0 4px;
}

/* het geselecteerde nummertje in de bladerlinks */
#searchPages .current {
	font-weight: bold;
	padding: 0 4px 0 4px;
}

/* Content vak */
#mainContent {
	width: 464px;
	padding: 30px 40px 30px 40px;
	float: left;
	line-height: 20px;
	color: #646464;
}

#mainContent a {
	color: #646464;
	text-decoration: underline;
}

#mainContent a:hover {
	color: #646464;
	text-decoration: underline;
}

#mainContent #contact {
	display: block;
	background-color: #f6f6f6;
	margin: 20px 0 0 0;
	padding: 10px 100px 10px 10px;
	height: 80px;
	background-image: url("../images/pand_helemaal.jpg");
	background-position: right bottom;
	background-repeat: no-repeat;
}

#mainContent sup {
	color: #000099;
}

/* breadcrumb */
#breadcrumb {
	color: #bdbdbd;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 10px;
	display: block;
	margin-bottom: 20px;
}

#breadcrumb a {
	text-decoration: none;
	color: #bdbdbd;
}

#breadcrumb a:hover {
	text-decoration: underline;
	color: #314877;
}

#breadcrumb span a {
	color: #314877;
}

/* newslist */
#newslist {
	margin-top: 15px;
}

#newslist a {
	display: block;
	padding-left: 20px;
	background-image: url("../images/bullet.gif");
	background-position: left center;
	background-repeat: no-repeat;
	text-decoration: none;
}

#newslist br {
	display: none;
}

#newslist a span {
	margin-right: 10px;
	width: 60px;
	height: 20px;
	display: block;
	overflow: hidden;
	float: left;
	cursor: pointer;
}

#newslist a:hover,
#newslist a:hover span {
	background-color: #ccc;
	text-decoration: none;
}

/* itemlist - lijst met items zoals projecten */
#itemlist {
	margin-top: 15px;
}

#itemlist .item {
	/*
	background-color: #f6f6f6;
	padding: 16px;
	*/
	margin: 0 0 15px 0;
}

#itemlist .item a {
	padding-left: 20px;
	background-image: url("../images/bullet.gif");
	background-position: left center;
	background-repeat: no-repeat;
	text-decoration: none;
}

/* Referenties - vakje met logo's van klanten */
#referenties {
	text-align: center;
	width: 100%;
}

#referenties img {
	margin: 0 20px 20px 20px;
	vertical-align: middle;
}

/* Team - lijst met medewerkers */
#team {
	margin-top: 15px;
}

.teamWrap {
    float:left;
    margin: 0 15px 10px 0;
    height: 180px;
    width: 130px;
    overflow: hidden;
}

.teamPhoto {
	border-left: 14px solid #006600;
	padding: 0 1px 0 1px;
    float: left;
}

.teamPhotoList {
    border-left: 14px solid #006600;
    padding: 0 1px 0 1px;
}

.teamDesc {
	background-color: #f6f6f6;
	width: 296px;
	padding: 16px;
    float: left;
}

.teamCV {
	font-size: 11px;
	margin-top: 14px;
}

/* attachments */
.attachments {
	margin: 6px 0 0 0;
}

.attachments img {
	margin: 2px 0 2px 0;
}

/* foutmelding op formulier */
.error {
	display: block;
	color: #cc0000;
	background-image: url("../images/arrow_error.gif");
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 13px;
}

/* nedstat basic / webstats4u teller */
#webstats4u {
	margin: 0 0 0 -1000px; /* negatieve margin om de teller uit het zicht te verwijderen */
}

/****************
	Weblog
****************/

.blogFootline {
	border-top:1px solid #ebebeb;
	margin:10px 0 20px 0;
	color:#929292;
	clear:both;
}

.topReacties {margin:15px 0;}
.blogReactie b {color:#646464; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
.blogReactie span {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#A0A0A0;}

.blogReactie {}
.even {background-color:#F9F9F9; border-bottom:1px solid #ebebeb; border-top:1px solid #ebebeb; padding:10px 10px 0 10px;}
.uneven {padding:10px 10px 0 10px;}

.sideImg {float:left;}

.bulletLink {background:url(../images/bullet_more.jpg) 45px 4px no-repeat; padding:0 20px 0 0; font-weight:bold; text-decoration:none !important; display:block; float:left;
;}

#rss {margin:10px 0 0 0;}


#nieuwsbrief_archive {
    margin-left: -40px;
}