/* CSS Document */
/* ############### tales.be css framework v0.3 (by kvd) ###############  */


/* ############### SITESPECIFIC CSS - KVD ############### */
/* ############### SITEWIDE RULES - SITESPECIFIC ############### */
html, body{
	background-color: #ededed;
	}

p{}
table td{
	padding: 2px;
	text-align: right;
}

#beeldband{
	display: block;
	width: 659px;
	/*height: 76px;*/
	height: 71px;
	background-image: url(../gfx/basics/beeldbanddummie.jpg);
	background-repeat: no-repeat;
	/*margin: -34px 0 30px -40px;*/
	margin: -34px 0 30px -26px;
	
}
#IE6 #beeldband{
	
}
.internallinklist{
	
}
/*.internallinklist */ul li{
	list-style-image: url(../gfx/basics/arrow.internallinklist.gif);
	
}
/*.internallinklist */li a:link{
	text-decoration: none;
	color: #93032e;
}
/*.internallinklist */li a:visited{
	text-decoration: none;
	color: #727272 !important;
}
/*.internallinklist */li a:active, /*.internallinklist */li a:hover{
	text-decoration: none;
	color: #575757;
}

ol{
	margin-left: 40px;
}

ol li{
	list-style: decimal;
}


.highlight{
	background-color: #b3b3b3;
	/*color: #fff;*/
	color: #646464;
	padding: 5px;
}


.highlight p, .highlight ul li, .highlight ol li{	
	/*color: #fff;*/
	color: #646464;
}


.readmore{
	display: block;
	background-image: url(../gfx/basics/button.leftandstretch.gif);
	background-repeat: no-repeat;
	height: 20px;
	padding-left: 10px;
	width: 100px;
}
/*#IE6 .readmore{
	width: 80px;
	overflow: hidden;
}*/
.readmore a{
	display: block;
	width: 100px;
	height: 20px;
	padding-right: 20px;
	background-image: url(../gfx/basics/button.right.gif);
	background-position: right;
	background-repeat: no-repeat;
	text-decoration: none;
}
/*#IE6 .readmore a{
	margin-left: 1px;
	overflow: visible;
	}*/
.ourvision, .ourvision a{
	width: 120px !important;
}

.readmore a:link, .readmore a:visited{
	color: #93032e !important;
}

.readmore a:hover, .readmore a:active{
	background-image: url(../gfx/basics/button.right.gif);
	color: #575757 !important;
}

img{
	border: 1px solid #A2A2A2;
}
.imgright{
	margin: 3px 0 5px 5px;
}

.imgleft{
	margin: 3px 5px 5px 0;
}
.imgfloatleft{
	float: left;
	margin: 3px 5px 5px 0;
}

/* ############### CRUMBPATH ADDONS ############### */
#crumbpath{
	color: #93032e !important; /* crumbpathdividers color */
}
#crumbpath a:link, #crumbpath a:visited{
	text-decoration: none !important;
	color: #93032e;}
#crumbpath a:hover, #crumbpath a:active{	color: #575757 !important; background-color: transparent !important;}

/* ############### FOOTER ############### */
#footer p{
	display: block;
	width: 100%;
	text-align: center;
}
#footer a{
	text-decoration: none	
}

#referentie{
	margin-top: 20px;
}
#referentie p, #referentie a:link, #referentie a:visited{
	color: #a2a2a2;
}
#referentie a:active, #referentie a:hover{
	color: #93032E;
}
/* ############### HEADER ADDONS ############### */
#logo, #header .col2 img{
	border: 0px;
}


/* ############### ZOEKFORM ############### */
#zoekform{
	display: block;
	margin: 24px 0 0 13px;
}
#zoekform .zoekveld{
	color: #93032E;
	border: 1px solid #6d6d6d;
	width: 200px;
	height: 19px;
	font-size: 1.1em;
}
#zoekform .zoekbutton{
	background-color: #b3b3b3;
	border: 1px solid #fff;
	color: #434343;
	width: 60px;
	height: 20px;
	/*font-size: 0.9em;*/
}
#zoekform .zoekbutton:hover{
	background-color: #93032E;
	color: #fff;
}


/* EXPERIENCE DETAIL */
.markup{
	display: block;
	border: 1px solid #a0a0a0;
	color: #a0a0a0;
	padding: 5px;
	margin: 40px 0 40px 0;
	background-color: #f6f6f6;
}

.acrobat{
	background-image: url(../gfx/ico/ico.acrobat.big.gif);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	padding-left: 55px;
}

/* CASES */
.cases .row1{
	display: block;
	/*background-image: url(../gfx/basics/sidenav.divider.level2.gif) !important;*/
	background-repeat: repeat-x;
	background-position: bottom;
	padding: 5px 0 5px 0;
	
}

.cases .row2{
	display: block;
	background-color: #d6d6d5;
	/*background-image: url(../gfx/basics/sidenav.divider.level2.gif) !important;*/
	background-repeat: repeat-x;
	background-position: bottom;
	padding: 5px 0 5px 0;
}
.news .row1, .news .row2{	
	padding: 5px 0 15px 0;	
}


.cases .title{
	display: block;
	font-weight: bold;
	color: #454545;
}
.cases .description{	
	display: block;
	color: #454545;
}
.cases .date{	
	display: block;
	color: #454545;
	font-style: italic;
}
.cases a:link, .cases a:visited{
	text-decoration: none;
}
.cases  a.row1:hover, .cases  a.row1:active,
.cases  a.row2:hover, .cases  a.row2:active{
	text-decoration: none;
	color: #fff !important;
	background-color: #93032E !important;
}

.cases a:hover .title, .cases a:active .title,
.cases a:hover .description, .cases a:active .description,
.cases a:hover .date, .cases a:active .date,
.cases a:hover p, .cases a:active p
{
	color: #fff !important;
}



/* HOMEPAGE */
.homepage .intro{
	/*background-color: orange;*/
	/*width: 584px;*/
	width: 597px;
	margin-top: -5px;
	/*border-left: 2px solid #93032E;
	padding-left: 5px;*/
	background-color: #D3D3D3;
	padding: 5px;
	border: 1px solid #A2A2A2;
	margin-bottom: -5px;
}
.homepage #IE6 .intro{
	/*width: 581px;*/
	width: 595px;
	}
	
#homeNews h2{
	display: block;
	
}
#homeNews ul{
	margin-left: 0px;	
}

#homeNews li{
	background-image: url(../gfx/basics/sidenav.divider.level1.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	list-style: none;
	list-style-image: none !important;
	margin: -5px 0 0 0;
	
}

#IE6 #homeNews li{
	/*
	fix for IE6 where the background image on the bottom (dividerline)
	gets repeated on pageload.
	The repeated background disappears when scrolling the page.
	Giving the li a height fixes this.
	The amount of the height doesn't matter: the li is scaled by the a-tag inside.
	Don't make the height 100px though cause this will be the minimum height the li takes.
	*/
	height: 1px;
	
}
#homeNews li a{
	display: inline-block;
	/*padding: 7px 5px 15px 5px;*/
	width: 240px;
	/*background-color: orange;*/
}
#IE6 #homeNews li a{
	width: 235px;
}

#homeNews li a p{
	display: block;
	width: 230px;
	padding: 7px 5px 15px 5px;
	/*padding-bottom: 15px;*/
	/*background-color: orange;*/
}
#IE6 #homeNews li a p{
	
	width: 220px;
}
#homeNews #jobsection li a{
	display: block;
	/*padding: 7px 5px 7px 5px;*/
}

#homeNews #jobsection li a p{	
	padding: 7px 5px 7px 5px;
}

#homeNews li a:link, #homeNews li a:visited{
	color: #454 !important;
}
#homeNews li a:hover, #homeNews li a:active{
	background-color: #93032E;
	color: #fff !important;
	cursor: hand;
}

#homeNews li a:hover p, #homeNews li a:active p{
	color: #fff !important;
}

#homeNews li a p{
	margin-bottom: 0;
}

#newspaneltop{
	display: block;
	/*background-image: url(../gfx/homepage/panel.top.gif);
	background-repeat: no-repeat;*/
	background-color: #D3D3D3;
	border: 1px solid #A2A2A2;
	border-bottom: 0px;
	width: 258px;
	height: 12px;
	margin-top: 15px;
}
#IE6 #newspaneltop{
	margin-top: 50px;
	margin-left: 0px;
	width: 258px;
}

#newspanel{	
	width: 258px;
	/*background-image: url(../gfx/homepage/panel.stretcher.gif);
	background-repeat: repeat-y;*/
	background-color: #D3D3D3;
	border: 1px solid #A2A2A2;
	border-top: 0px;
	border-bottom: 0px;
	margin-top: -20px;
	margin-bottom: 0px;
	padding-bottom: 10px;
}
#IE6 #newspanel{
	width: 258px;
}

#IE7 #newspanel{
	margin-top: 0px;
	padding-top: 0px;
}

#newspanelbottom{
	display: block;
	/*background-image: url(../gfx/homepage/panel.bottom.gif);
	background-repeat: no-repeat;*/
	background-color: #D3D3D3;
	border: 1px solid #A2A2A2;
	border-top: 0px;
	width: 258px;
	height: 12px;
}


#IE6 #newspanelbottom{
	width: 258px;
}


#newspanel ul{
	padding: 0 10px 0 10px;
}
#IE6 #newspanel ul{
	padding: 0 10px 0 10px;
	/*width: 100px;*/
}
#newspanel h2{
	margin-left: 10px;
}
#IE6 #newspanel h2{	
	margin-left: 10px;
	margin-top: 0px
}

#newspanel #newssection .newsdetail{
	display: block;
	margin-top: -20px;
}
#IE7 #newspanel h2#homenewstitle{	
	margin-top: -5px
}

#IE7 #newspanel h2#homejobstitle{	
	margin-top: -6px
}

.grid3{
	/*background-color: fuchsia;*/
	padding-top: 30px;
}

#homehighlightstop{
	display: block;
	background-image: url(../gfx/homepage/panel.hightlights.top.gif);
	background-repeat: no-repeat;
	width: 320px;
	height: 12px;
}
#IE7 #homehighlightstop{
}
#homehighlights{	
	width: 300px;
	background-image: url(../gfx/homepage/panel.hightlights.stretcher.gif);
	background-repeat: repeat-y;
	margin-top: -20px;
	/*margin-bottom: 0px;*/
	padding: 0px 10px 0px 10px;
	/*overflow: hidden;*/
}
#IE6 #homehighlights{
	overflow: hidden;
}
#IE7 #homehighlights{
	margin-top: 0px;
	overflow: hidden;
}

#IE6 #homehighlights h2{
	margin-top: -5px;
}
#IE7 #homehighlights h2{
	margin-top: -5px;
}

#homehighlightsbottom{
	display: block;
	background-image: url(../gfx/homepage/panel.hightlights.bottom.gif);
	background-repeat: no-repeat;
	width: 320px;
	height: 12px;
	margin-top: -12px;
	margin-bottom: 20px;
}

#IE6 #homehighlightsbottom{
	margin-top: -7px;	
}

#IE7 #homehighlightsbottom{
	margin-top: -7px;	
}


#homehighlights img{
	border: 0;
}



/* ICONSTUFF */
h2#homenewstitle{
	background-image: url(../gfx/ico-interface/ico-news-ruby-small.gif);
	background-repeat: no-repeat;
	background-position: 5px 0;
	display: block;
	padding: 0px 0 0 27px;
	height: 25px;
	/*
	padding: 30px 0 0 40px;
	height: 20px;
	*/
	width: 200px;
	color:#93032E;
}

h2#homejobstitle{
	background-image: url(../gfx/ico-interface/ico-jobs-ruby-small.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
	padding: 0px 0 0 27px;
	height: 30px;
	/*
	padding: 28px 0 0 45px;
	height: 20px;
	*/
	width: 200px;
	color:#93032E;
}


/* ###################### STUDIES ###################### */
.studieitem{
	display: block;
	clear: both;
	width: 100%;
	margin-bottom: 20 px;
}

.studieitem img{
	display: block;
	float: left;
	margin-right: 15px;
	border: 1px solid #B4B4B4;
}

.studiedescr{
	display: block;
	float: left;
	width: 476px;
}



/* ############# NEWS ############# */

.news .readmore{
	display: block;
	background-image: url(../gfx/basics/button.leftandstretch.gif);
	background-repeat: no-repeat;
	height: 20px;
	padding-left: 10px;
	width: 100px;
}

.news .readmore span{
	display: block;
	width: 100px;
	height: 20px;
	padding-right: 20px;
	background-image: url(../gfx/basics/button.right.gif);
	background-position: right;
	background-repeat: no-repeat;
	text-decoration: none;
}


.news  a.row1:hover .readmore span, .news  a.row1:active .readmore span,
.news  a.row2:hover .readmore span, .news  a.row2:active .readmore span{
	text-decoration: none;
	/*color: #93032E !important;*/
}




/* ###################### TRAINING ###################### */
.trainingitem{
	display: block;
	padding-bottom: 0px;
	/*border-bottom: 1px solid #d0d0d0;*/
	
}
.preadmore{
	margin-top: 0.7em;
	display: block;
	width: 200px;
	float: left;
}
.pregister{
	margin-top: 0.7em;
	display: block;
	width: 200px;
	float: left;
}