
* {
   margin:0;
   padding:0;
   font-family:Arial,Helvetica,San-Serif;
	font-size: 10pt;
   color:  #414141;
} 
p,td{
   font-size:12px;
   line-height:21px;
   margin-bottom: 20px;
}
li{
   color:  #414141;
   font-size:12px;
   line-height:21px;
}

img{
   border: 0;
}
a img{
	border: 0;
}
h1,h2,h3{
   /*font-family: 'palatino linotype',palatino;*/
    font-family: Lucida Sans, Tahoma;
}
h1 {
   font-size:2.2em;
   font-style:italic;
   font-weight:normal;
   line-height:3em;

}
h2{
   color: #d12383;
   font-size: 1.4em;
   padding-bottom: 5px;
}

h3{
	color: #d12383;	
	font-size: 12pt;
}

h4{
	color: #585858;
}

a{
	color: #d12383;	
	text-decoration: none;
	border:0;
}
a:hover{
	background: #FBFEEB;
}

/*
================================
Login popup
================================
*/ 
#dialog input{
	border: 1px solid #ddd;
	padding: 6px;
}
#dialog td{
	padding: 4px;
}




/*
================================
General template
================================
*/ 

html, body, #wrap {height: 100%;}

body > #wrap {
   height: auto; 
   min-height: 100%;
}
#wrap{
   background: url('../media/template/contentbg.png') repeat-y;
   background-position: center;
}

#topbackground{
   position: absolute;
   background: url('../media/template//headerbg.png') repeat-x;
   height: 597px;
   width: 100%;
   z-index: -1;
}

#main {
   text-align:center;
   padding-bottom: 174px;/* must be same height as the footer */
}  
#header{
   text-align:center;
   position: absolute;
   height: 144px;
   width: 100%;
   background: url('../media/template//header.png') no-repeat;
   background-position: center;
}

#headercontent{
   text-align: left;
   width: 1000px;
   margin: 0 auto;
   padding-top: 55px;
}
#headertabs{ 
   margin: 0 auto;
   width: 1024px;
   float: right;
   width: 100px;
}
#headercontent img.logo{
   float:left;
   height:85px;
   width:174px;
   display: block;
   margin-left: 20px;
} 
#headertabs a{
  float: right;
  clear:both;
  height: 41px;
  width: 92px;
  border: 0px;
  padding-right: 10px;
  margin-top: 2px;

}
#content{
   text-align: left;
   width: 900px;
   margin: 0 auto;
   padding-top: 145px;
}
.textpage{

}	
.textpage ul,.textpage ol
{
	padding-bottom: 25px;
}
.textpage ul li,.textpage ol li{
	margin-left:30px;
}	



.searchBox{
	float: right;
	width: 250px;
	height: 60px;
	margin-top: 25px;
}

.searchBox input{
	border: 1px solid #CCCBC8; 
	padding: 4px;
}
.searchBox button{
	padding: 4px;
	border: 0px;
	color: #d12383;
	background: none;
}

a.contacttab{
   background: url('../media/template/contact-tab.png') no-repeat;
}
a.logintab{
   background: url('../media/template/login-tab.png') no-repeat;
}
a.hometab{
  background: url('../media/template/home-tab.png') no-repeat;
}

a.englishtab{
  background: url('../media/template/english-tab.png') no-repeat;
}
a.dutchtab{
  background: url('../media/template/dutch-tab.png') no-repeat;
}

.menuHolder{
    clear:both;
    padding-top:20px;
    padding-bottom:5px;
    width:800px;
    height:36px;
    margin:0 auto;
    text-align:center;
}
.TopMenuHolder{
	clear:both;
    padding-top:20px;
    padding-bottom:5px;
    width:600px;
    height:36px;
	margin-left: 35px;
	position: absolute;
	margin-left: 245px;
	margin-top: -110px;
}
.popupmenu{
  display:none;
  position: absolute;
  margin-left:0;
  text-align: left;
  background: url('../media/template/submenu_popup.png') no-repeat;
  width: 215px;
  height: 221px;
  z-index: 100;
/*  margin-top: -110px;*/
/*  margin-left:-100px;*/
}

.popupmenu ul{
  margin: 4px;
  list-style:none;
  padding-left:0px;
  clear:both;
}

#content .popupmenu ul li{
  border-bottom: 1px solid #ddd;
  text-align: left;
  margin:0;
  padding:0;
  text-align:left;

}
.popupmenu ul li a{
  text-decoration: none;
  color: #d12383;
  padding: 4px;
  display: block;
  font-weight: bold;
  /*text-transform: uppercase;*/
  font-size: 9pt;
  background: none;
}
.popupmenu ul li a:hover{
	background: #eee;
}

.topMenuItem{
	float: left;
	display: block;
}
.mainbutton{
	text-transform: uppercase;
	font-size: 9pt;
	font-weight:bold;
	margin-right: 10px;`
	height:25px;
}

.b_equity{
	color: #94cb00;
}
.b_associaties{
	color: #d12383;
}
.b_mindworld{
	color: #ffbf00;
}
.b_toepassingen{
	color: #007cc3;
}


#footer {
   position: relative;
   margin-top: -174px; /* negative value of footer height */
   clear:both;
   height: 174px; /* .push must be the same height as .footer */
   background:  #fff url('../media/template/footer.png') no-repeat; 
   background-position: center;
   width: 100%;
   text-align: center;

}


#footer .infoText{
   text-align: right;
   width: 700px;
   margin: 0 auto;
   padding-top: 135px;

}

#footer .infoText, #footer .infoText a{
   color: #9D9D9D;
   font-size: 8pt;
   text-decoration: none;
   background: none;
}

.clearBoth{
	clear:both;
}


/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* TEXT PAGE */
.textpage{
  width: 600px;
  margin-left: 35px;
 text-align: justify;
}

/*
================================
Splahs pagina - waar je binnen komt
================================
*/ 
#splashTable{
   margin-left: 35px;
   width:750px;
   height:196px;
}

/*.listenBubble{
   position:absolute;
   margin-top: 210px;
   margin-left: 40px;
}
<span class="listenBubble"></span> */

.speechBubbleLeft{
   position:absolute;
   margin-top: 8px;
   margin-left: 140px;
}
.speechBubbleRight{
   position:absolute;
   margin-top:10px;
   margin-left: 245px;
}
.textpica{
	background: url('../media/template/textmask.png') no-repeat;
	width: 39px;
	height: 23px;
}
.contentbags{
   clear: both;
   margin-left: 135px;
   margin-top:  60px;
   display:none;
}
.contentbags h2{
   font-weight: bold;
   font-size: 10pt;
   padding: 5px;
}
.contentbag{
   padding: 5px;
   float: left;
   margin-right: 120px;
   height: 173px;
   width: 232px;
   background: url('../media/template/contentbag.png') no-repeat;
   text-align: center;
}
   .contentbag ul{
      list-style: none;
      padding-left: 5px;
      text-align: left;
   }
   .contentbag li{  
      font-size: 8pt;
      padding-top:2px;
      padding-bottom:2px;
      border-bottom: 1px solid #fff;
   }
.rssIcon{
   float: right;
   padding-right:10px;
   padding-top:30px;
}


/*
================================
PHOTO GRID
================================
*/ 
.photoGrid
{
    margin:25px 0 0 0;
	overflow:auto;
	padding-bottom: 26px;
}

    .photoGrid .item
    {
		padding: 5px;
		overflow: hidden;
        width:140px;
		height: 50px;	
		float: left;
		background: #fff;
		text-align:center;
		margin: 0 auto;
		border: 4px solid #DDEEFB;
		margin-top: 8px;
		margin-right: 8px;
		font-style: italic;
    }
                
    .photoGrid .item.first
    {
        margin-left:0;
    }    

	.photoGrid .item img
	{
		display:block;
		text-align: center;
		margin: 0 auto;
		height: 50px;

	}

	.photoGrid .item span
	{
		display:block;

	}


/*
================================
Smoelenboek
================================
*/ 
.employeeGallery{
	width: 750px;
	clear:both;
}
.EmployeeCard{
    background: url(../media/template/contact-frame.png) no-repeat;
 	width: 343px;
	height: 169px;
	float: left;
	margin-left: 30px;
	margin-top: 30px;
}
	.EmployeeCard .photo{
		float: left;
		border: 1px solid #E8E8E8;
		margin-top: 15px;
		margin-left: 15px;
	}
	.EmployeeCard .photo img{
		border: 10px solid #fff;		
		height: 75px; 
		width: 70px;
	}
	.contactInfo{
		float: left;
		margin-top: 15px;
		margin-left: 15px;
		width: 200px;
	}
		.contactName{
			font-size: 12pt;
			font-weight: bold;
			clear: both;
		}
		.contactTitle{
			font-style: italic;
			margin-bottom: 8px;
			clear: both;
		}
		.contactEmail{
  			margin-top: 5px;
			font-size: 8pt;
			clear: both;
		}
		.contactPhone{
			font-size: 8pt;
			clear: both;
		}
		.contactDescription{
			margin-top: 5px;
			font-size: 8pt;
			clear: both;
		}


/*
================================
Zoek resultaten
================================
*/ 
.searchresults{
	width: 700px;
}	

/** TWEETS **/
.twitterfeed{
	margin-left: 40px;
	overflow:auto;
	float: left;
}
.tweet{
	overflow: auto;
	background: #fff;
	border: 1px solid #E2E2E2;
	height: 180px;
	width: 350px;
	float: left;

}
.tweet, .query {
  font-family: Georgia, serif;
  color: #085258; 
}

.tweet_text{
	line-height: 12pt;
}

.tweet .tweet_list, .query .tweet_list {
    -webkit-border-radius: .5em;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.tweet .tweet_list .awesome, .tweet .tweet_list .epic, .query .tweet_list .awesome, .query .tweet_list .epic {
      text-transform: uppercase; 
}
.tweet .tweet_list li, .query .tweet_list li {
   overflow-y: auto;
   overflow-x: hidden;
   padding: .5em; 
       border-bottom: 1px solid #E1F9FF;
}
.tweet .tweet_list li a, .query .tweet_list li a {
	color: #0C717A; 
}
.tweet .tweet_list .tweet_even, .query .tweet_list .tweet_even {

}

.tweet .tweet_list .tweet_avatar, .query .tweet_list .tweet_avatar {
   padding-right: .5em;
   float: left; 
}
.tweet .tweet_list .tweet_avatar img, .query .tweet_list .tweet_avatar img {
   vertical-align: middle; 
}

/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
