/*-------------------------------------------------------------------------------------------------*/
/*---------------------------------------------- reset--------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
li {
	list-style:none;
}
caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
	font-variant:normal;
}
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
input, textarea, select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
input, textarea, select {
font-size:100%;
}

/*-------------------------------------------------------------------------------------------------*/
/*----------------------------------------------- base--------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/
html {
	color:#000;
	background:#f6f6f6;
}
body {
	color:#6b6b6b;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	
	
}
h2 {
	margin:27px 0 20px;
}
h3 {
	color:#336699;
	font-size:1.5em;	
	margin-bottom:0.2em;
}
span h3 {
padding:0;
margin:0;
font-weight:normal;color:#6b6b6b;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
}
a {
	color:#666666;
	/*color:#3D71A4;*/
	text-decoration:none;
}
a:visited {
	color:#3D71A4;
	/*color:#3D71A4;*/
	text-decoration:none;
}
a:hover {
	color:#E41C4D;
	/*color:#3D71A4;*/
	text-decoration:none;
}
/* linken in de content */
#content a {
	color:#e41c25;
	/*color:#3D71A4;*/
	/*text-decoration:underline;*/
	text-decoration:underline;
}
#content a:visited {
	color: #f15158;
	/*color:#265A8D;*/
	text-decoration:underline;
}
#content a:hover {
	color: #E41C4D;
	/*color:#265A8D;*/
	text-decoration:underline;
}
.box p,.box2 p{
	line-height:1.5em;
}
/* ------------------- */
.do-not-print {
	display:block;
}
.print {
	display:none;
}
strong {
	font-weight:bold;
}
/*-------------------------------------------------------------------------------------------------*/
/*---------------------------------------------- skelet-------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/
.inner-content {
	position:relative;
	left:50%;	
	margin-left:-450px;
	width:900px;
}
#billboard2 .inner-content {margin-left:-500px;}
#billboard .inner-content {margin-left:-450px;}
#wrapper {
	width:auto;
	min-width:900px;
	text-align:left;
}
#header {
	height:75px;
	overflow:hidden;
	background:transparent url(../images/schaduw.jpg) repeat-x;
}
#header h1 {
	margin:0;
	padding:0;
}
#header h1 a {
	position:relative;
	width:124px;
	float:left;
	height:53px;
	margin-top:11px;
	width:124px;
	display: block;
	text-indent: -10000px;
	background:transparent url(../images/logo.gif) no-repeat;
}
#header ul {
	float:right;
	margin-top:52px;
	margin-right:-10px;
}
#header ul li {
	float:left;
	font-size:100%;
	padding:0 12px 0 9px;
	line-height:12px;
	background:url(../images/border.gif) no-repeat;
	background-position:right;
}
#header ul li.last {
	background:none;
}
#header ul li a {
	color:#666666;
}
#header ul li a:hover {
	color: #e41c25;
}
#header ul li.selected a {
	color:#e41c25;
	font-weight:bold;
}
#billboard {
	height:346px;
	overflow:hidden;
	background:#000;
	color:#fff;
	background:url(../images/bg_banner1.gif) repeat-x;
	background-position:bottom left;
}
#billboard #billboard-slogan {
	left:50%;
	margin-left:-94px;
	position:relative;
	text-align:right;
	top:-170px;
	width:469px;
}
#billboard #billboard-slogan.blog-post {
	top:-188px;
}
#billboard #billboard-slogan h2 {
	color:#FFFFFF;
	display:block;
	font-size:3em;	
	margin-bottom:0pt;
	margin-top:0pt;
}
#billboard #billboard-slogan p {
	color:#777;
}
#billboard #billboard-slogan h3 {
	color:#9c9889;
	font-size:2em;
}
#content {
	overflow:hidden;
	background-color:#f4f4f4;
	padding-bottom:27px
}
#content #col1, #content #col2, #content #col3 {
	float:left;
	
}
#content.overview #col1 {
	width:500px;
	margin-right:40px;
	margin-top:20px;
	vertical-align:top;
}

#colDisclaimer {margin-right:40px;
	margin-top:20px;
	vertical-align:top;}
#content.overview #col1 h2, h1 {
	text-indent:-10000px;
	margin:0px;
	padding:0px;
	font-size:12px;
	
}
#content.overview #col2 {
	width:360px;
	margin:0px;
	margin-top:20px;
	vertical-align:top;
	
}
#content.overview #col2 h2 {
	
	margin:0px;
	padding:0px;
	font-size:12px;		
	text-indent:-10000px;
	
}
/* kolom 3 over ons NEWSLETTER */
 
#content #col3 {
	width:260px;
	padding-left:60px;
	margin:0px;
	margin-top:20px;
	vertical-align:top;
}
#content #col3 h2 {
	text-indent:-10000px;
	margin:0px;
	padding:0px;
	font-size:12px;
}
/* ----------------------*/

#col1 .h2 {
	width:200px;
	height:32px;
	background:transparent url(http://indiegroup.caladan.indiegroup.be/images/col1-h2.png);
	margin:27px 0px 20px 0px;
	text-indent:-9999px;
}
#col1 .h2.blog-posts {
	background-position:0px 0px
}
#col1 .h2.recent-news {
	background-position:0px -32px
}
.overview .item {
	float:left;
	border-bottom:1px solid #ccc;
	overflow:hidden;
	padding:12px 0;
	width:100%
}
.overview .item.first {
	padding:0 0 12px 0
}
.overview .item.last {
	border-bottom:none;
	padding:12px 0 0 0
}
.sidebar .h2 {
	width:152px;
	height:20px;
	background:transparent url(http://indiegroup.caladan.indiegroup.be/images/sidebar-h2.gif);
	margin:27px 0px 31px 0px;
	text-indent:-9999px;
}
.sidebar .h2.popular-posts {
	background-position:0px 0px
}
.sidebar .h2.jobs {
	background-position:0px -20px
}
.sidebar .h2.photo-stream {
	background-position:0px -40px
}
.sidebar .h2.categories {
	background-position:0px -60px
}
.sidebar .h2.recent-comments {
	background-position:0px -80px
}
.sidebar .widget {
	overflow:hidden
}
.sidebar .widget ul li {
	border-bottom:1px solid #ccc;
	overflow:hidden;
	padding:6px 0 6px 3px
}
.sidebar .widget ul li.first {
	padding:0 0 6px 0
}
.sidebar .widget ul li.last {
	border-bottom:none;
	padding:6px 0 0 0
}
/*.sidebar .widget ul li.active {
	background-color:#fff
}*/
.date {
	float:left;
	width:88px;
	height:34px;
	color:#bbb
}
.date .left {
	float:left;
	border-right:solid 1px #bbb;
	width:29px;
	padding-right:4px
}
.date .left span {
	width:24px;
	float:left;
	text-align:right;
	line-height:14px;
}
.date .right {
	float:left;
	font-size:290%;
	font-weight:200;
	margin-left:5px;
	padding-top:6px;
	height:34px
}
/*#recent_blog_entries.overview .item {
	float:left;
	height:168px;
	margin:3px 5px 3px 0;
	padding:0;
	width:auto;
	border:3px solid #FFFFFF
}
#recent_blog_entries.overview .item .wrapper {
	position:relative;
	width:255px;
	height:168px;
	overflow:hidden;
	float:left;
	background:#e7e7e7;
}
#recent_blog_entries.overview .item .wrapper .description {
	position:absolute;
	bottom:0;
	left:0;
	background:transparent url(http://indiegroup.caladan.indiegroup.be/images/news-item-description-bg.png);
	width:255px;
	overflow:hidden
}
#recent_blog_entries.overview .item .wrapper .description p {
	float:left;
	padding:3px;
	color:#fff;
	cursor:pointer
}
#recent_blog_entries.overview .item .wrapper .description p a {
	color:#323232;
	font-weight:800
}
#recent_blog_entries.overview .item .wrapper .description p .title {
}
#recent_blog_entries.overview .item .wrapper .description p .author {
	font-style:italic;
	font-size:80%;
	color:#323232;
}
#recent_blog_entries.overview .item .wrapper .description p .author a {
	color:#6b6b6b;
}*/
#blog.overview .item .title {
	float:left;
	width:435px;
	text-decoration:none
}
#blog.overview .item .more {
	float:left;
	width:535px;
}
#blog.overview .item .more a {
	float:right;
	padding-bottom:2px;
	background:transparent url(http://indiegroup.caladan.indiegroup.be/images/arrow-red.gif) center left no-repeat;
	text-indent:8px
}
#flickr.widget {
	border:solid 1px #ccc;
	overflow:hidden;
	width:189px;
}
#flickr.widget li {
	float:left;
	height:61px
}
#flickr.widget li img {
	margin-bottom:1px;
	margin-right:1px
}
#flickr.widget ul {
	float:left;
	margin:3px 2px 3px 3px;
	width:184px;
}
#flickr.widget ul li {
	border:none;
	padding:0
}
/*-------------------------------------------------------------------------------------------------*/
/*-----------------------------------------Billboard --------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/
#billboard h2 {
	display:none;
}
#billboard-image {
	position:relative;
	width:100%;
	height:271px;
	overflow:hidden;
}
#billboard-image .wrapper {
	position:absolute;
	width:100%;
	overflow:hidden;
}
#billboard-image .wrapper .image {
	float:left;
	width:100%;
	height:271px;
}
#billboard-image .wrapper .image img, #billboard-details .inner {
	position:relative;
	width:900px;
	left:50%;
	margin-left:-450px;
}
#billboard-image a:hover h2 {
	color:#336699;
}
#billboard-details {
	overflow:hidden;
	height:76px;
	background:#e4e4e4 url(http://indiegroup.caladan.indiegroup.be/images/billboard-details-bg.png) repeat-x;
	border-bottom:1px solid #FFFFFF;
}
#billboard-details .inner {
	overflow:hidden;
	height:76px;
}
#billboard-details ul {
	position:absolute;
}
#billboard-details ul li {
	height:71px;
	padding-top:5px;
}
#billboard-details ul li a {
	border:solid 3px #fff;
	float:left;
	margin-right:3px;
	height:60px;
}
/*-----------image padding top 20 bottom 23px ------ */
.paddingImage {
	padding:20px 0 23px 0;
}
/*  --------------projects Home -------------*/

.projectHome {
	width:500px;
	padding-bottom:15px;
	margin-bottom:15px;
	text-align:left;
	float:left;	
	background:url(../images/grijzePixel.gif) repeat-x;
	background-position:left bottom;
}
.projectHome p {
	display:block;
	float:left;
}


p.paddingRight {
	width:150px;
	padding-right:20px;
}
p.tekst {
	width:330px;
}
/* -------------------------*/

/*  ------------------------- over ons ---------------------------*/
#content.overview #col1About {
	width:329px;
	margin-right:51px;
	margin-top:20px;
	vertical-align:top;
	float:left;
}
#content.overview #col1About h2 {
	text-indent:-10000px;
	margin:0px;
	padding:0px;
	font-size:12px;
}
#content.overview #col2About {
	width:197px;
	margin-top:63px;
	vertical-align:top;
	float:left;
}
#content.overview #col2About h2 {
	text-indent:-10000px;
	margin:0px;
	padding:0px;
	font-size:12px;
}
/* kolom 3 over ons NEWSLETTER */
 
#content #col3About {
	width:260px;
	padding-left:60px;
	margin:0px;
	margin-top:20px;
	vertical-align:top;
	float:left;
}
#content #col3About h2 {
	text-indent:-10000px;
	margin:0px;
	padding:0px;
	font-size:12px;
}
/*  ---------------bilboard  200px hoog ipv 346---------------------------------*/

#billboard2 {
	height:200px;
	overflow:hidden;
	background:#000;
	color:#fff;
	background:url(../images/bg_banner.gif) repeat-x;
	background-position:bottom left;
}

#billboard2 #billboard-slogan {
	left:50%;
	margin-left:-94px;
	position:relative;
	text-align:right;
	top:-170px;
	width:469px;
}
/*  ---------------rooie title---------------------------------*/
.rood {
	color: #e41c25;
}
/* ------------------------------------------------------------*/
#projecten {
	margin-top:10px;
}
#projecten p {
	width:55px;
	padding:0 10px 10px 0;
	float:left;
}
/* ----------------------fun----kolom2-------------------------------- */
#content.overview #col1Fun {
	width:580px;
	margin-top:20px;
	vertical-align:top;
	float:left;
}
#content.overview #col1Fun h2 {
	text-indent:-10000px;
	margin:0px;
	padding:0px;
	font-size:12px;
}
/* ---------------NIEUWSBRIEF FORM-----------------------------*/
.inputbox {
	width: 250px;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #888888;
}
.inputveld {
	width: 250px;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #888888;
}
/* ---------------CONTACT PAGINA--------------------------------*/
#content.overview #col1Contact {
	width:189px;
	margin-top:20px;
	vertical-align:top;
	float:left;
}
#content.overview #col1Contact h2 {
	text-indent:-10000px;
	margin:0px;
	padding:0px;
	font-size:12px;
}
/* kol2*/
#content.overview #col2Contact {
	width:380px;
	margin-top:65px;
	vertical-align:top;
	padding-left:27px;
	float:left;
}
#content.overview #col2Contact h2 {
	text-indent:-10000px;
	margin:0px;
	padding:0px;
	font-size:12px;
}
/* kol3 */
#content.overview #col3Contact {
	width:260px;
	margin-top:65px;
	vertical-align:top;
	padding-left:44px;
	float:left;
}
#content.overview #col3Contact h2 {
	text-indent:-10000px;
	margin:0px;
	padding:0px;
	font-size:12px;
}
/* ---------------contact--------------------- */
.googleMaps {
	width:380px;
	height:350px;
	margin:0;
	padding:0;
	border:1px solid white;
	overflow:hidden;
}
/*----------------ONS TEAM---------------------*/
.person {
	width:580px;
	padding-bottom:20px;
	text-align:left;
	float:left;
	overflow:hidden;
}
.person p {
	float:left;
	display:block;
}
.person p.tekst {
	width:440px;
}
.person p.paddingRight {
	padding-right:20px;
	width:120px;
}
/*------------------ lijntje --------------*/
.lijn {
width:100%;
background:url(../images/grijzePixel.gif) repeat-x;
background-position:0 15px;
display:block;
padding-top:5px;
}

.lijn2 {
width:195px;
border-top:1px solid #cccccc;
margin-top:13px;
padding:10px 0 0px 0;
display:block;
}
/* padding images 5 in paragraaf */
.pad5 {
padding-bottom:5px;
}
/*-------parters------------- */
#partners {
position:relative;
float:left;
width:560px;
padding-top:50px;

}
#klanten {
position:relative;
float:left;
width:560px;
padding-top:20px;

}
.partnerBlok {
float:left;
width:180px;
margin-right:20px;
margin-bottom:18px;
text-align:center;
margin-left:-20px;
}
.partnerBlokTekst {
float:left;
width:540px;
display:block;
margin-right:20px;
padding-bottom:18px;
text-align:left;
margin-left:0px;
}
.partnerBlokTekst img {
float:left;
padding:0 10px;
display:block;
}
.partnerBlokTekst h2  {
margin:0;
padding:0;
color:#336699;
font-size:12px;
clear:right;
font-weight:bold;
}
.partnerBlokTekst p  {
float:left;
}
/*  klanten */
.klantenBlok {
float:left;
width:180px;
margin-right:20px;
margin-bottom:0px;
text-align:center;
margin-left:-20px;

}

/*------ footer ---------*/
#footer {
	height:180px;	
	background:transparent url(../images/footer-bg.png) repeat-x;
	padding-bottom:15px;
}

#content-footer {
padding:14px 0 15px 0;
font-size:11px;
color:gray;
}

#content-footer ul {
float:left;
margin-left:0px;
margin-bottom:15px;
}
#content-footer ul.diensten {
margin-left:60px;
}
#content-footer ul.contact {
margin-left:63px;
}
#content-footer ul.contact li a {
background:none;
}
#content-footer ul.contact li a:hover {
color:#E91D25;
}
#content-footer ul.contact li a {
padding-left:0px;
}
#content-footer li a:hover {
color:#333333;
}
#content-footer ul li {
background:url(../images/red-arrow.gif) no-repeat;
background-position:-10px -5px;
line-height:13px;
}
#content-footer a {
font-size:11px;
color:gray;
background:  url(../images/arrow-red2.gif) no-repeat;
background-position:0 4px;
padding-left:7px;
}
/*  fun */
.funFrame {
width:580px;
height:200px;
}
.H20 {
height:20px;
}
.w3c {
float:right;
margin-top:-15px;
display:none;
}
/* ---footer logos */
#logos {
float:right;
margin-top:-15px;
}

span h3 {
float:left;
}
.list ol {
padding-left:20px;
padding-bottom:20px;
padding-top:0px;
}
.list li {
margin-left:15px;
list-style-type:decimal;
padding-bottom:10px;
}
/*------test FIR Gilder method--------*/

em  strong {font-style:italic;}
em   {font-style:italic;}

/* ------- taalkeuze ------------*/
#language {	position:absolute; width:37px;left:50%;margin-left:450px;top:10px;}
#language  ul {float:left;}
#language  ul li {float:left;margin-right:5px;}
#language  ul li a {float:left;font-size:11px;display:block;height:13px;width:13px;color:#8E8E8E;}
#language  ul li a:hover {color:#E41C25;font-weight:bold;}
#language  ul li a.selected {color:#E41C25;font-weight:bold;}

/* extra content */
#contentExtra {float:left;width:517px;margin-top:63px;}

/* external link */
.external {background:url(../images/ico-external.gif) no-repeat right 5px;padding-right:15px;}

/* summercamp indeling */
/* 
---------------
sectionLeft 
---------------
*/
#sectionLeft {float:left;width:240px;margin-right:20px;color:#6B6B6B; }
/* 
---------------
section middle 
---------------
*/
#sectionMiddle { float:left;width:390px;padding-left:20px;}
/* 
---------------
section right 
---------------
*/
#sectionRight { float:left;width:240px;margin-left:20px;padding-left:20px;}

/* programma */
.hour {font-size:15px;font-weight:normal;margin-bottom:5px;background:#3DA4CD;color:#fff;padding:3px 5px; margin-right:10px;float:left;position:relative;margin-top:-3px;}

.commentPhoto {font-size:11px;margin-left:135px}

.red {color:#E41C25;}

#sectionLeft h3, #sectionMiddle h3, #sectionRight h3 {margin-bottom:15px;padding-bottom:6px;border-bottom:1px dotted #336699;font}
#programma {margin-bottom:50px;}

.pasfoto {float:left;margin-right:10px;margin-bottom:0px;}

.planBuda {border:1px solid #ccc;margin-top:8px}
a:hover .planBuda {border:1px solid #3DA4CD;margin-top:8px}
.formField {width:250px;line-height:23px;padding:5px 3px;border:1px solid #ccc;margin-bottom:3px;}
#btn_inschrijven {background:url(../images/btn-inschrijven.jpg) no-repeat top left;width:158px;height:42px;border:none;cursor:pointer;float:right;margin-right:65px;}
#inschrijving label {margin-top:3px;}

.redTitle {font-size:18px;color:#E41C25}

.line {border-bottom:1px solid #e7e7e7;padding-bottom:10px;margin-bottom:10px;}

a {
   outline: none;
}
ul.list {margin-left:0px;list-style-type:none;}
ul.list li {padding-left:10px;list-style-type:none;background:url(../images/pijltje-hor.gif) no-repeat 0 5px;padding-bottom:20px;margin-left:0;}
ul.list li ul {margin-left:15px;margin-bottom:0;margin-top:6px;}
ul.list li ul li {margin-bottom:0px;margin-left:0;background:url(../images/bullet.gif) no-repeat 0 5px;padding-bottom:6px;}
.note {display:block;border:1px solid #ccc;background:#e7e7e7;padding:10px;margin-top:10px}

.box {background:white;padding:12px;margin-bottom:15px;border:1px solid #e7e7e7;float:left;width:290px;margin-right:15px;}
.last {margin-right:0;}
#twitter_div {}
.intro {width:890px;margin-bottom:30px;}
.intro p {font-size:20px}
.socialMedia  h3  {margin-bottom:20px;clear:both;}
.box2 {background:white;padding:12px;margin-bottom:15px;border:1px solid #e7e7e7;float:left;width:207px;margin-right:15px;}
.box2.last{margin-right:0px}