/*
	Theme Name: Sambam
	Theme URI: http://www.sambam.nl
	Description: Plainly nice! Version 1.0
	Author: Hjalmar van der Schaaf	
    Author URI: http://www.sambam.nl

*/

/* vanaf hier 18.09.2009 */
#content_page {
    width: 980px;
    height:auto;
    float: left;
    display:inline;
    text-align: justify;
    padding: 0px 0px 0px 0px;
    background-color: #FFFFFF;
    margin: 10px 0px 10px 10px;
    /*border-left: 1px solid #DDDDDD;   
    border-right: 1px solid #DDDDDD; */       
 	z-index:0;
}   
  

#content_page_actie {
    width: 1000px;
    height:auto;
    float: left;
    display:inline;
    text-align: justify;
    padding: 0px 0px 0px 0px;
    background-color: #DDDDDD;
    margin: 6px 0px 10px 0px;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;   
    z-index:0;
}    

#mainfont_actie{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 2.1em; 
	text-decoration:none;
	font-style:bold;  
	color: #FFFFFF; 
	text-align:center;
}



#feed_rss{
    float:top;
   	font-family: Helvetica, Arial, sans-serif; 
	margin:0px 0px 0px 20px;
	letter-spacing:2px;  
	font-size: 0.9em;
	color:#FFFFFF;   
	width:42px;  
	height:15px;
	padding:3px 0px 0px 10px ;
	text-align:right;
	line-height:12px; 
	background:url(../images/feed_icon.png) no-repeat;
	/*background-color:#FFFFFF; */
} 

.linkedin{ 
	position:relative;
	margin-top:0px;
	line-height:10px;
	margin-bottom
	height:12px;
	width:12px;
	border-style:none;
}

#nieuwsbrief{
    float:top;
    font-family: Helvetica, Arial, sans-serif; 
	letter-spacing:2px;  
	font-size: 0.9em;
	color:#000000;   
	width:86px;  
	height:15px;
	padding:3px;
	text-align:right;
	line-height:12px; 
	background:url(../images/email_icon.png) no-repeat;
	/*background-color:#FFFFFF;   */
}


#top_box{
    float:left;
    width:400px; 
    height:600px;
    padding:10px; 
    display:block; 
}   
                
#middle_box{
    clear:both;
    width:900px; 
    height:600px;
    padding:0px; 
   	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999999;
}                           

#boven_blok_rechts{
	float:left;   
	margin-top:0px;
	margin-left:0px;
	padding:0px;
	margin-bottom:10px;
    height:270px;
	width:500px; 
	background:url(../images/right_bg7.png) no-repeat; 
	background-color:#FFFFFF;
}

#boven_blok_links{
	float:left;
	margin-top:0px;
	margin-left:0px;
	height:240px;
	width:480px; 
	
}          
#kolom_titel{
	padding:20px;
	margin:0px 0px 0px 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 2.1em; 
	text-decoration:none;
	font-style:bold;  
	color: #e55315; 
	text-align:center;
} 
#kolom_titel_l{
	padding:20px 0px 0px 0px;
	margin:0px 0px 0px 180px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 2.1em; 
	text-decoration:none;
	font-style:bold;  
	color: #e55315; 
	text-align:left;
}

#kolom_titeltje{
	padding:5px;
	margin:0px 0px 0px 5px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1em;
	font-style:bold;  
   	line-height:5px;
	color: #e55315; 
	text-align:center;
}	    

#kolom_titeltje_l{
	padding:5px;
	margin:0px 0px 0px 175px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.1em;
	font-style:bold;  
   	line-height:5px;
	color: #e55315; 
	text-align:left;
}	    

#intro_picture{
    float:left;
    height:238px;
    width:383px;
    padding:8px;
    margin-right:0px;
}

div.forum_text{    
    width:900px;
    margin-left:45px;	
}   
div.forum_box{    
	margin:0px 0px 0px 0px; 
	float:left; 
	display:block; 
	width:500px;	
}

.intro_image{
	background-image: url('images/sambal_trans2.png');
	margin:30px 20px 30px 20px  ;
	width:200;
}

div.intro_text p {
	font-size:17px;
	margin:20px 0px 0px 0px;
}

#headline {
	float:left; 
	position:relative; 
	width:800px;
}

.news_bar label {
	margin:0px 0px 0px 0px;
	float:left;
}

.headline {
	font-size:18px;
}

#main_box {  
	clear:both;
	width:900px; 
	height:300px;
	margin-left:0px;
	margin-top:0px;

}

#box_left {
    float:left;
	/*background-image:url(images/afspraak.png); */
	width:330px; 
	height:170px; 
	padding:0px;

}

.box_left p {
	margin:0px 0px 0px 0px; 
	float:left; 
	display:block; 
	width:190px;
}

.box_left div {
	height:103px; 
	margin:15px
}

#box_middle {
	float:left;
	background-image:url('images/right_panel.png'); 
	width:586px; 
	height:170px; 
    padding-top:8px;
}

.box_middle label {
	width:80px; 
	float:left; 
	display:block; 
	margin: 0px;
}

.box_middle_inner {
	margin:20px;
}

.row1 {
	height:25px; margin:10px 0px 0px 0px;
}

.row2 {
	height:25px;
}

#ran1,#ran2,#ran3,#ran4,#ran5, #ran6{
	float:left;
	display:none;
	width:600px;
	color:#000000;
	text-align:center;
	font-family: Times, sans-serif;
	font-size:1.6em;
	letter-spacing: 3px;
	margin:56px 0px 0px -13px;
   
}     

#box_right {
	/*background-image:url(../images/small_panel4.png);*/ 
	float:left;
	width:290px; 
	height:183px; 
	margin-left:640px;
	margin-top:-190px;
	padding-top:-2px;
}

.box_right p {
	margin:10px 0px 0px 0px;
}

.box_right div {
	margin:20px;
}

#footer {
	clear: both;
	text-align: left;
	height: 100px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	width: 100%;
    padding:10px 0px 0px 10px;
    margin-top: 10px; 
    margin-left: 10px;
}

#footer p{
	padding:10px;
	margin:0px;
}    

#kolom_l{          
    clear:both;   
	float:left;
    display:inline;  
	margin:0px 0px 20px 30px;
    width:280px;
	height:210px;
	text-align:center; 
	background-image:url('../images/bg_products.png');
	/* 
	border: 1px solid #999999;                               
      */
    padding-top:30px; 
}                     

#kolom_l_sw{          
    clear:both;   
	float:left;
    display:inline;  
	margin:20px 0px 20px 30px;
    width:280px;
	height:210px;
	text-align:center; 
	background-image:url('../images/software_products.png');
	/* 
	border: 1px solid #999999;                               
      */
    padding-top:30px;
   }         

#kolom_r{          
	float:left;      
	display:inline;
    margin:0px 0px 20px 40px;
	width:280px;
	height:210px;     
	text-align:center; 
	background-image:url('../images/bg_products.png');
    padding-top:30px;  

}   
#kolom_r_2{          
	float:left;      
	display:inline;
    margin:0px 0px 20px 15px;
	width:280px;
	height:210px;     
	text-align:center; 
	background-image:url('../images/bg_products.png');
    padding-top:30px;  

}   

#kolom_r_sw{          
	float:left;      
	display:inline;
    margin:0px 0px 0px 15px;
	width:320px;
	height:210px;     
	text-align:center; 
    background-image:url('../images/software_products3.png');     
    padding-top:30px;  

}   

#kolom_small_r{          
	float:left;      
	display:inline;
    margin:4px 0px 20px 10px;
	width:100px;
	height:75px;     
	text-align:center; 
    background-image:url('../images/bg_sw_small4.png');     
    padding-top:30px;  

}
#kolom_small_l{          
	float:left;      
	display:inline;
    margin:4px 0px 20px 0px;
	width:100px;
	height:75px;     
	text-align:center; 
    background-image:url('../images/bg_sw_small4.png');     
    padding-top:30px;  
}
#kolom_small_l2{          
	clear:both;
	float:left;      
	display:inline;
    margin:11px 0px 20px 30px;
	width:106px;
	height:85px;     
	text-align:center; 
    background-image:url('../images/bg_sw_small2.png');     
    padding-top:30px;  
}

#kolom_small_l2_sw{          
	clear:both;
	float:left;      
	display:inline;
    margin:11px 0px 20px 30px;
	width:106px;
	height:85px;     
	text-align:center; 
    background-image:url('../images/bg_sw_small3.png');     
    padding:25px 0px 0px 0px;  
} 

                     

#text_quote{
	position:absolute;
	margin-top:80px;
	margin-left:180px;
	height:100px;
	width:250px;
	text-align:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1em;
	font-style:italic;
	
}
#klant_naam{
	position:absolute;
	margin-top:150px;
	margin-left:220px;
	height:100px;
	width:200px;
	text-align:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1em; 
}  
#klant_videos{
  	float:left;      
	display:inline;
	/*background:url(../images/right_bg3.png);*/
	width:424px;
	height:233px;
    margin:25px 0px 10px 25px;
	text-align:left;
	padding:0px;      
	border-width:10px;
    border-style: solid;
    border-color: #DDDDDD; 
	-moz-border-radius: 1em;  
    border-radius:1em;
} 

#videos_home{
    float:left;      
	display:inline;
	/*background:url(../images/right_bg3.png);*/
	width:424px;
	height:240px;
    margin:20px 0px 25px 25px;
	text-align:left;
	padding:0px;      
	border-width:10px;
    border-style: solid;
    border-color: #DDDDDD; 
	-moz-border-radius: 1em;  
    border-radius:1em;
}

#klant_fotos{
	float:left;      
	display:inline;
	background:url('../images/bg_fotos.png') no-repeat;
	width:424px;
	height:240px;
    margin:15px 0px 0px 30px;
	text-align:left;
	padding:0px;      
   /* border-width:10px;
    border-style: solid;
    border-color: #DDDDDD;*/ 
}
     

#klant_cases{
	float:left;      
	display:inline;
	width:424px;
	height:240px;
    margin:5px 0px 0px 15px;  
	text-align:left;
	padding:15px 20px 20px 20px;      
    text-align:left;
	font-family: Helvetica, Arial, sans-serif;
	font-size:1em;  
	/*border-width: 1px;
    border-style: solid;
    border-color: #DDDDDD;
    -moz-border-radius: 1em;  
    border-radius:1em; */
}
#overons_tekst{
	float:left;      
	display:inline;
	width:424px;
	height:100%;
    margin:5px 0px 0px 15px;  
	text-align:left;
	padding:15px 20px 20px 20px;      
    text-align:left;
	font-family: Helvetica, Arial, sans-serif;
	font-size:1em;
	
}                        

#product_omschrijving{
	float:left;      
	display:inline;
	width:700px;
	height:100%;
    margin:0px 0px 0px 25px;  
	text-align:left;
	padding:10px 20px 0px 20px;      
    text-align:left;
	font-family: Helvetica, Arial, sans-serif;
	font-size:1em;  
	/*border-width: 1px;
    border-style: solid;
    border-color: #DDDDDD;
    -moz-border-radius: 1em;  
    border-radius:1em; */
}

#aanbiedingen{
	margin-left:0px;
	height:150px;
	width:920px;
	border:1px;
	border-color:#DDDDDD;
	border-style:solid;
}

#klant_logo_area{
   float:left;    
   margin:20px 0px 10px 35px;
   padding:0px; 
   background-image:url('../images/klantenlijst_zw2.png');
   width:920px;
   height:71px;             
   opacity:0.8;
   text-align:center;   
   z-index:1;
   /*background-color:#eeeeee;*/
}  

#gewone_tekst  {
	
	height:100%;
	width:;
}                   

#lijn{   
	clear:both;
	margin:8px 0px 20px 0px;  
	width:100%;          
	height:4px;
	border-top: 1px solid #999999;  
 
} 
#lijntje{   
	clear:both;
	margin:10px 20px 0px 20px;  
	width:88%;
	border-top: 1px solid #999999;  
    text-align:center;
}

#algemeen_testimonials{
   background-color:#FFFFFF;     
   height:100%;
   width:100%;
}

#testimonials{
	
}       

div.img_duijves{
  margin:-6px 0px 0px -180px;
  height:100px;
  width:auto;
  text-align:center;
}
div.img_tuijnman{
  margin:3px 0px 0px -130px;
  height:100px;
  width:auto;
  text-align:center;
}

/* stijl elementen enzo */
#sambam_algemeen{
	padding:10px 0px 5px 0px;
	margin:15px 20px 0px 40px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-style:bold;  
    color: #000000;    
  	width:90%;
    height:64px;
    text-align:center;	
}            

#sambam_algemeen_oranje
{
	padding:10px 0px 10px 0px;
	margin:15px 20px 0px 40px;
	width:430px;    
	height:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-style:bold;  
    color: #FF6600;  
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999999;
  	text-align:center; 
   	line-height:1.2em;
}                

#sambam_omschrijving
{
	padding:10px;
	margin:0px 0px 0px 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
  	text-align:center;
 	line-height:1.2em;
	width:90%;   	
}         


#algemeen
{
	padding:0px 0px 5px 0px;
	margin:-5px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-style:bold;  
    color: #999999; 
	text-align:center;  
} 

#algemeen_cases
{
	padding:0px;
	margin:2px 0px 6px 0px; 
	width:400px;
	font-family:  Arial, Helvetica,sans-serif;
	font-size: 1.2em;
	font-style:bold;  
    color: #999999; 
	text-align:left; 
	line-height:30px; 
} 

.software_algemeen
{   
	padding:5px;
	margin:0px 0px 0px 175px; 
	width:700px;
	height:100%;
	font-family: Helvetica,Arial,sans-serif;
	font-size: 1em;
	color: #999999; 
	text-align:left;  
	line-height:1.1em;
}   

  
#blok_titel
{   
	
	padding:0px;
	margin:20px 0px 0px 35px;
	font-family:  Helvetica, Arial, sans-serif;
	font-size: 1.1em;
    color: #999999; 
	text-align:left; 
	line-height:20px; 
}

div.img
  {
  margin:15px;
  height:100px;
  width:auto;
  text-align:center; 
  border-style:none; 
  border:0px;
}       

.ikoon{
	border-style:none;
	border:0px;
	height:90px;
	width:90px;
   
} 
.ikoontje{
	border-style:none;
	border:0px;
	margin:10px 0px 0px 3px;
	height:48px;
	width:48px;
   
}

.ikoontje_l2{
	border-style:none;
	border:0px;
	margin:5px 0px 0px 3px;
	height:48px;
	width:48px;
   
}

.algemeen_quickscan{
	padding:0px;
	margin:20px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-style:bold;  
    color: #FF6600; 
	text-align:center;  
}  
	
#actie_meer{ 
		float:left;   
		margin:15px 0px 0px 6px;
	   	padding:0px;
		background-image:url('../images/button6.png');  
	   	height:40px;
		width:142px; 
		z-index:1; 
		text-align:center; 
		bottom:0px;
}                 

#actie_contact{ 
		float:left;   
		margin:15px 0px 0px 0px;
	    background-image:url('../images/button6.png');  
	   	height:40px;
		width:142px; 
		z-index:1; 
		text-align:center; 
		bottom:0px;
}     

.klant_trans_80 {       
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 80px;
	height:60px;
	width:100px;
}   
   
.klant_trans_10 {       
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px -10px;
	height:60px;
	width:100px;
}       
.klant_trans_40 {       
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 40px;
	height:60px;
	width:100px;
}       
.klant_trans_50 {       
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 50px;
	height:60px;
	width:100px;
}       
                
.actie_tekst{         
		font-family: Helvetica, Arial, sans-serif;
		font-size: 1.2em;
		font-style:bold;  
	   	color: #FFFFFF; 
	   	padding:12px 0px 0px 10px; 
		margin:11px 0px 0px 0px; 
		line-height:10px;
	    text-align:center;	
}	

.actie_tekst a{         
		font-family: Helvetica, Arial, sans-serif;
		font-size: 1.0em;
		font-style:bold;  
	   	color: #FFFFFF; 
	   	padding:12px; 
		margin-top:12px; 
		line-height:0px;
	    text-align:center;	
}	
.actie_tekst a:hover{         
		font-family: Helvetica, Arial, sans-serif;
		font-size: 1.0em;
		font-style:bold;  
	   	color: #DDDDDD;  
		text-decoration:none; 
	   	padding:12px; 
		margin-top:12px; 
		line-height:0px;
	    text-align:center;	
}