@import url("reset.css");
@import url("kleuren.css");

html, body {
	height: 100%;
}

/* Standaardelementen */
body
{
    font-family:Arial;
    font-size:9pt;
    line-height:14pt;
	background-image:url(../images/bg_all.jpg);
	background-position:top center;
	background-repeat:repeat-x;	    
	text-align:justify;
}



#container
{
    width:995px;
    margin:auto;
    margin-top:20px;
}

#logo {
	float:left;
	width:200px;
	margin-top:20px;
	margin-left:20px;
}

.arrow 
{
	position:relative;
	bottom:-10px; 
	left:-20px;
}

#telefoon{
	float:right;
	padding-left:30px;
	text-align:left;
	line-height:12pt;
	color:#666666;
	font-size:0.9em;
}

#adres{
	float:right;
	text-align:right;
	line-height:12pt;
	color:#000;
	font-size:0.9em;
	background: url('../images/bg_adres.png') no-repeat;
	width:600px;
	height:25px;
	padding-top:10px;
	margin-top:44px;
}

#twitter ul.tweet_list
{
    background:#fff;
}

ul.tweet_list .tweet_even
{
    background:#fff;
}

#twitLine
{
    height:10px;
    border-bottom:1px solid #d9d9d9;
    width:297px;
}

#mainmenu
{
    height:50px;
	width:970px;
	padding:5px 20px 0px 10px;
    margin:5px 0px 0px 0px;
    float:left;
    font-size:0.9em;
	background-image:url(../images/backmenu.png);
}

#mainmenu form input
{
	float:right;
	font-size:0.9em;
	color:#333333;
	width:170px;
}

#banner 
{
	padding-left:2px;
	float:left;
	width:988px;
	height:217px;
}

#tempBanner 
{
	padding-left:2px;
	float:left;
	width:995px;
	height:251px;
	background:url(../images/banners/koop-de-vries.jpg) no-repeat;
	margin:-5px 0 0 0px;
}

#home_banner 
{
    float:left;
    width:100%;
    margin:1px 0 0 0;
}

#home_banner img {
	position:relative;
}

.banner
{
	width:985px;
	height:255px;
	float:left;	
}

.bannerInfo
{
    width:460px;
    height:190px;
    background: url('../images/bg_banner_info.png') no-repeat;
    position:absolute;
    z-index:999;
    left:-50px;
    top:25px;
}

.bannerCorner,
#submenuCorner
{
    width:17px;
    height:8px;
    background: url('../images/banner_corner.png') no-repeat;
    position:absolute;
    z-index:21;
    left:-16px;
    top:49px;
}

.bannerCorner{
	left:-19px;
}

#submenuCorner
{
    top:280px;
}

.contentInfo{

	width:340px;
	margin: 40px 0 0 62px;
	height:120px;
}

a#webapplicaties{
	float:left;
	width:240px;
	height:100px;
	background:url('../images/icons/webapplicaties.png') no-repeat;
	border:1px solid #e2f3fa;
	border-left:0;
}

#text ul li {

	color:#000;
	font-family:trebuchet MS;
	font-size:11px;
	line-height:19px;
	margin-bottom:15px;

}

#text ul li strong{

	color:#20a0d6;

}

#text ul{
	
	width:405px;
	margin: 10px 0 40px 22px;
}


a#websites{
	float:left;
	width:210px;
	height:100px;
	background:url('../images/icons/websites.png') no-repeat 75px 0;
	border-top:1px solid #e2f3fa;
	border-bottom:1px solid #e2f3fa;

}

a#webapplicaties span{
	
	font-size:18px;
	display:block;
	margin:40px 0 0 105px;
}

a#webapplicaties span strong{	
	color:#000;
}

a#websites span{	
	font-size:18px;
	display:block;
	margin:40px 0 0 20px;
}

a#websites span strong{	
	color:#000;
}

.bannerInfo p
{
    width:340px;
    color:#fff;
    line-height:19px;    
}

.bannerInfo h4
{
    color:#fff;
    line-height:19px;    
}

.bannerInfo a
{
    color:#fff;
}

.banner_button
{
	position:relative;
	top:-23px;
	left:660px;
}

#submenu p
{
	margin:5px 0px -4px 0px;
	color:#666666;
	font-size:0.9em;
}

#content_top
{
	float:left;
	width:1000px;
	height:10px;
	background-repeat:no-repeat;
	background-position:bottom;
	background-image:url(../images/back_top.png);
}

#content
{
 	background-repeat:repeat-y;
	background-image:url(../images/backmain.png);
    float:left;
    width:995px;
	padding:0px 1px 0px 2px;	
	-moz-box-shadow: 0 0 12px #2476ac;
    -webkit-box-shadow: 0 0 12px #2476ac;
    box-shadow: 0 0 12px #2476ac;
    position:relative;
}


#content_bottom
{
	float:left;
	width:1000px;


}

#left, #right {
	float:left;
}

#left {
	width:730px;

}

#right {
	width:260px;
}

#text	
{
    position:relative;
	height:460px;
    width:454px; 
    float:left;
    border-left:1px solid #20a0d6;
    background:#fff url('../images/bg_text.jpg') no-repeat bottom right;
}

#text span
{
  font-family:Trebuchet MS;
  color:#0093d0;  
  font-size:22px;
  display:block;
  margin:20px 0 20px 20px;
  height:30px;
}

#text p
{
    display:block;
    width:400px;
    margin: 20px 0 20px 20px;
    line-height:23px;
    color:#000;
    font-family:Trebuchet MS;  
    font-size:11px;
}

#textShadow,
#twitterShadow,
#pageShadow
{
    position:absolute;
    width:25px;
    height:500px;
    background: url('../images/bg_shadow.png') no-repeat;
    z-index:9;
    top:2px;
    left:430px;
}

#twitterShadow
{
    left:-30px;
}

#pageShadow
{
    left:740px;
    top:253px;
}

#twitterTop
{
    width:240px;
    height:35px;
    background: url('../images/twitter_top.jpg') no-repeat;
    margin:17px 0 0 18px;
}



#text h1
{
    font-family:Trebuchet MS;
    color:#80c9e8;
   
}

#twitter
{   
    position:relative;
    width:302px;
    float:left;  
   
}


#twitterHolder
{   
    position:relative;
    width:302px;
    float:left; 


}


ul.tweet_list li
{
    display:block;
    width:235px;
    margin: 0 0 0 20px;
}

ul.tweet_list li a.tweet_avatar
{
    float:left;
    height:100px;
}

ul.tweet_list li span
{
    font-size:11px;
    font-family:Trebuchet MS;    
}

ul.tweet_list li span.tweet_text
{
    font-size:11px;
    font-family:Trebuchet MS;    
}

#daagOnsUit
{
    position:relative;
    width:237px;
    float:left;
    border-right:1px solid #20a0d6; 
    height:460px;  
}

ul.submenu
{
    margin-bottom:30px;
}

#bannerShadow,
#bannerShadowPage
{
 
    position:absolute;
    z-index:15px;
    height:25px;
    width:625px;
    background: url('../images/shadow_banner.png') no-repeat;
    top:2px;
    left:-388px;    
}

#bannerShadowPage
{
    left:373px;
    top:252px;
}

#daagOnsUit h4,
#contactPage h4
{
    display:block;
    font-family:Trebuchet MS;
    font-size:19px;
    color:#0093d0;
    margin:18px 0 0 20px;
    padding:7px 0 0 38px;
    background: url('../images/bg_daag_ons_uit.jpg') no-repeat;
    width:180px;
    height:30px;
}


#daagOnsUit form,
#contactPage form
{
    display:block;
    width:140px;
    margin-left:20px;
}

#daagOnsUit form label
{
    clear:both;

}

#daagOnsUit p,
#contactPage p
{
    width:200px;
    margin:6px 0 10px 20px;
    font-size:11px;
    line-height:17px;
    color:#000;

}

#daagOnsUit form input[type=text],
#contactPage form input[type=text]
{
    width:190px;
    
}


#daagOnsUit form textarea,
#contactPage form textarea
{
    width:190px;
    height:70px;
}

#contactPage form input[type=submit],
#daagOnsUit form input[type=submit]
{
	border:1px solid #ff9907;
	background:#ff9517;
	margin-right:24px;
	cursor:pointer;	
	color:#fff;
}

#breadcrumb 
{
	height:20px;
	font-size:0.9em;
	float:left;
	padding:17px 0px 0px 27px;
	margin: -4px 0 0 247px;
	border-bottom:1px solid #cccccc;
    width:489px;
    background: url('../images/bg_breadcrumb.jpg') no-repeat top right;
}

#breadcrumb a
{
	margin-left:3px;
}


#recentCases, #recenteOplossingen
{
	padding:10px 10px 0px 10px;
	float:left;
	width:274px;
	background-color:#ececec;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
}

#recentCases img, #recenteOplossingen img {
	float:left; 
	margin:2px 5px; 
	background:#fff; 
	padding:2px; 
	border:1px solid #eee;
}

#recentCases td, #recenteOplossingen td {
	vertical-align:top;
}

#news, #team {
	padding:10px;
	float:left;
	width:240px;
}

#contactgegevens
{
    float:right;
}

.menutab
{
    float:left;
    padding-left:10px;
    padding-right:10px;
    border-right:1px solid #cccccc;
}

#pagetext h1,
#contacttext h1
{
    margin-top:25px;
    font-size:19px;
    line-height:21px;
    font-family:Trebuchet MS;
    
}

#pagetext p
{
    line-height:19px;
}

#submenu {
	margin-left:10px;
	padding:5px;
	padding-left:35px;
	float:left;
	width:231px;
	margin-top:-30px;
	background:#0093d0;
	position:absolute;
	top:319px;
	left:-28px;
	z-index:24;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=87)";
	filter: alpha(opacity=87);
    -moz-opacity: 0.87;
    -khtml-opacity: 0.87;
    opacity: 0.87;
	color:#fff;
}

#submenu h2 
{
	color:#FFFFFF;	
	font-weight:bold;
	margin-top:32px;
}

#submenu li
{
	margin-bottom:5px;	
}

#submenu a
{
	font-size:1.0em;
	padding-bottom:10px;
	color:#fff;
	font-weight:bold;

}

.lijntje 
{
	background-image:url(../images/lijntje.png);
	background-repeat:repeat-x;
	height:1px;
}

#full 
{
	float:left;
	padding:10px;
    width:900px;
}

#textvervolg
{
	padding:10px;
    width:714px;
    float:left; 
    margin-left:270px;  
}

#pagetext
{
    width:440px;
    float:left;
}

#contactPage
{
    width:230px;
    float:left;
    padding:0;

    margin: 0 0 0 40px;

}


#textvervolg ul 
{
	margin:0px 5px 0px 5px;
}

#textvervolg td
{
   vertical-align:top;
}

.divider 
{
	width:40px;
}

#cleverdesk h2, #recenteOplossingen h2 { margin-top:20px; }
#textvervolg h2{	margin-bottom:5px;}

#recenteOplossingen h2 
{
	margin-bottom:0px;
}

#textvervolg li, #text  li
{
	list-style-image:url(../images/bullet.png);
	padding-left:5px;
	margin-left:15px;
}

#oplossing, #case 
{
	float:left;
	width:460px;
}

.nutshell 
{
	margin-left:20px;
	float:right;
	width:200px;
}

.contactsmall 
{
	float:left;
	width:200px;
	text-align:left;
	margin-top:10px;
}

#neemContactOp {
	float:right;
	width:120px;
}

#contactform td 
{
	padding:3px;
	margin:2px;
}
	

#footercontent a {
	color:#666;
	text-decoration:none;
}

#footercontent {
	font-size:0.9em;
	background:url('../images/bg_footer.jpg') repeat-x;
	width:973px;
	float:left;
	padding:5px 10px 10px 15px;
	height:24px;
	-moz-box-shadow: 0 0 12px #2476ac;
    -webkit-box-shadow: 0 0 12px #2476ac;
    box-shadow: 0 0 12px #2476ac;
    text-align:center;
    color:#fff;
	
}

ul.footermenuList
{
	float:left;
	width:115px;
}

.footermenu li
{
	float:left;
}

.footermenuList
{
	float:left;
	margin-right:20px;
}

.footermenuParent
{
	font-weight:bold;
}

#cleverdesk
{
	float:left;
	padding:10px;
	width:230px;
	height:145px;
	margin-left:7px;
	color:#ffffff;
	}

#cleverdesk button, #textvervolg button{
	margin-top:5px;
	line-height:24px;
	color:#FFFFFF;
	font-size:11px;
	text-align:center;
	cursor:pointer;
	border:none;
}

.button {
	background-image:url(../images/btn.jpg);
	display:block;
	color:#FFFFFF;
	font-size:11px;
	text-decoration:none;
	width:107px;
	height:24px;
	line-height:24px;
	text-align:center;
}

.activeSubItem, .activeMainItem
{
	text-decoration:underline;
}
.keyword
{
	background-color:Yellow;
}
/* Einde test */



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

.hidden 
{
	visibility:hidden;
	display:none;
}

th 
{
	text-align:left;
}

.newstable small
{
	font-size:0.8em;
	color:#999999;
}
.newstable .lijntje
{
	height:5px;
}

small 
{
	font-size:0.8em;
}

.date 
{

	font-size:0.8em;
	color:#999999;
}

.caseitem img
{
	margin:3px;
}

.leesMeer 
{
	float:right;
	font-size:0.9em;
}

.border-bottom 
{
	border-bottom:1px dotted #cccccc;
}

#newsticker
{
	width:995px;
	padding-top:5px;
	float:left;
	height:24px;
	background-color:Black;
}

.news_head 
{
	color:#ccc;
	font-weight:100;
	font-size:0.8em;
	float:left;
	width:70px;
	height:20px;
	float:left;
	margin-right:5px;
}

.news_item 
{
	float:left;
	height:20px;
	width:950px;
	margin-left:17px;
	display:none;
}

#newsticker a 
{
	color:#f3692a;
	font-weight:100;
}

.persoonuitgelicht
{
	margin-top:15px;
	float:left;
	padding-left:20px;
	width:230px;
}

.neemcontactop
{
	text-align:right;
	padding:20px 10px 0px 10px;
}

.news_button 
{
	top:0px;
	width:101px;
	padding-top:7px;
	text-align:center;
	height:21px;
	margin-right:250px;
	position:relative;
	background-image:url('/content/images/news_button.png');
	background-repeat:no-repeat;
	float:right;
	margin-bottom:-30px;
	font-size:0.8em;
	cursor:pointer;
}

/* TWITTER STYLES **/

.tweet,
.query {
	font: 120% Georgia, serif;
	color: #085258;
}

.tweet_list {
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    border-radius: 0.5em;
    list-style: none;
    margin: 0;
    padding: 0;
    overflow-y: hidden;
    background-color: #8ADEE2;
    }
	
.tweet_list .awesome,
.tweet_list .epic {
	text-transform: uppercase;
}
		
.tweet_list li {
	overflow-y: auto;
	overflow-x: hidden;
	padding: 0.5em;
}
		
	.tweet_list li a {
		color: #0C717A;
	}
		
.tweet_list .tweet_even {
	background-color: #91E5E7;
}
		
.tweet_list .tweet_avatar {
	padding-right: .5em; float: left;
}
		
.tweet_list .tweet_avatar img {
	vertical-align: middle;
}
	
#pagetext h1,
#contacttext h1{	
	line-height:27px;	
}

#submenu p
{
    color:#fff; 
    margin-bottom:30px;   
}

#pagetext b
{
    color:#20a0d6;
}