/* Stylesheet "L1NDA" :: v2 (2010-04-14) */
/* Design & Code by Toopia (www.toopia.com) */
/* You may learn from this CSS and use its techniques in your own projects, but the unique combination of images, colors, sizes, typography, and positioning ("the design") is copyright (c) 2010 "L1NDA" and may not be used by anyone but us. */ 

/*
  Style Index
  ---------------------

  - Site Structure Styles
    - General Styles
    - Main Layout Styles

  - Content Styles
    - General Content Styles
    - Heading Styles
    - Paragraph Styles
    - Link Styles

  - List Styles
    - General Lists
    - Main Navigation
    - Content Lists
		
*/ 







/*** Site Structure Styles ***/

    /* General Styles */

    	* {
        margin:           0;
        padding:          0;
    	}
				
    /************************/

    /* Main Layout Styles */
	
      body {
 	      background:       url(../images/bg_body.png) repeat top left;
        color:            #5b5d60;
        font-family:      "Helvetica Neue",Arial,Verdana,sans-serif;
        font-size:        13px;
        line-height:      20px;
        text-shadow:      0 1px #faf9f9; 
    	}          
 			
      #header {
 				background:       url(../images/bg_header_home.jpg) repeat-x top center #33363a;
				height:           100px;
 				overflow:         hidden;      
        text-shadow:      0 1px #000; 
      }     

			.inner {         
				margin:           0 auto;
        width:            940px;
			}

			#body_home #header {
				height:           611px;
			}
               
			#main {                     
        background:       url(../images/bg_main.png) repeat top left;
				margin:           0 auto;
				overflow:         hidden;
 				padding:          70px 0;
	 			position:         relative;
 			}
                  
			#primary {                      
				float:            left;
				width:            222px;
			}                                 
			
			#body_home #primary {
				width:            460px;
			}
			
			#secondary {
				float:            right;
				width:            620px;
			}   

            #aanmelden {
                margin:           auto;
                width:            620px;
            }                     
			
			#body_home #secondary {
				width:            380px;
			} 
			
			.hentry {
				margin:           0 0 60px 0;
			}
			
      #intro {
				color:            #8f8c82;  
				float:            left;       
				width:            360px;
			}    
			
			.contact_info {
				float:            left;
				margin:           0 0 0 3em;
			} 
			
			.map {
				float:            left;
				background:       #fff;
				padding:          10px;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
				border:           1px solid #cccbcb;
				width:            340px;
				box-shadow:       -10px -10px 0px #000;
				-moz-box-shadow:  2px 2px 6px #555;  
				-webkit-box-shadow:2px 2px 6px #555;  
			}
                 
      #footer {
 	        font-size:        12px;
  			padding:          20px 0;
        overflow:         hidden;
        text-shadow:      0 1px #eee; 
      }     

			.hidden {
				display:          none; 
			}
			
    /************************/







/*** Content Styles ***/

    /* General Content Styles */

      a:link, a:visited, a:active {
        color:            #000;
        outline:          none;
      }       



      a:hover {
        color:            #a7d9fa;
        outline:          none;
      }
		
	
		@font-face {
			font-family: 'Pictos';
			src: url('../fonts/pictos/pictos-web.eot');
			src: local('☺'), url('../fonts/pictos/pictos-web.woff') format('woff'), url('../fonts/pictos/pictos-web.ttf') format('truetype'), url('../fonts/pictos/pictos-web.svg#webfontIyfZbseF') format('svg');
			font-weight: normal;
			font-style: normal;
		}	
    /************************/

    /* Heading Styles */

      h1 a, h1.l1nda_title {
        background:       url(../images/logo.png) no-repeat top center;  
  			display:          block;
				float:            left;
        height:           38px; 
				margin:           30px 0 0 0;
        text-indent:      -4000px; 
				width:            220px;
      }


		h1 {
			font-size:21px;
			text-align:center;
		}

			h1, h2, h3, h4, h5, h6 {
				color:            #36393d;
			}
        
			#header h2 {
				color:            #fff;    
				font-size:        22px;
				font-weight:      normal;   
				line-height:      30px;  
				margin:           100px 0 10px 0;
	      text-shadow:      0 1px #333;  
  		}
  
    	h3 {                         
        font-size:        20px;
        font-weight:      bold; 
				margin:           0 0 30px 0;           
      }             
                
			#benefits h4 {
				padding:          0 0 0 24px;
			}

			h4#benefit_ease_of_use {
        background:       url(../images/icon_ease_of_use.png) no-repeat center left;  
			}

			h4#benefit_business {
        background:       url(../images/icon_business.png) no-repeat center left;  
			}

			h4#benefit_service {
        background:       url(../images/icon_service.png) no-repeat center left;  
			}

			#footer h3 {
				font-size:        18px;
				font-weight:      normal;
				margin:           0 0 10px 0;
			}
    /************************/

    /* Paragraph Styles */		

      p {
        margin:           0 0 20px 0;
      }               
                  
			#intro p {               
				color:            #a0a0a0;
                font-size:        13px;
			}                      

			#footer #twitter p {
				font-style:       italic;
			}  

			#footer #twitter p span {   
				color:            #757677;
				font-style:       normal;  
				font-size:        11px;
			}  
			
			

    /************************/

    /* Link Styles */        
                                 
			#header a:link, #header a:visited {
				color:            #a9a9a9;    
                font-weight:      bold;   
 				text-decoration:  none;
			}   

                                
			#header #navigation li.aanmelden a:link, #header #navigation li.aanmelden a:visited {
				color:            #c2da8a;
			}  

			#header #navigation li.current a:link, #header #navigation li.current a:visited {
				color:            #fff;
			}          
			        
			#subnavigation li a:link, #subnavigation li a:visited {                 
				color:            #a1a3a6;                 
				display:          block;
        font-weight:      bold;   
				padding:          0 0 0 20px;
 				text-decoration:  none;
 			}  
			
			#subnavigation li.current li a:link, #subnavigation li.current li a:visited {        
				color:            #a1a3a6;                 
			}

			#subnavigation li.current li a:hover, #subnavigation li.current li a:active {        
				color:            #36393D;                 
			}

			#subnavigation li.current a:link, #subnavigation li.current li.current a:link, #subnavigation li.current a:visited, #subnavigation li.current li.current a:visited, #subnavigation li a:hover, #subnavigation li a:active, #subnavigation li li a:hover, #subnavigation li li a:active {
				color:            #36393D;
			} 
			
			img a, img {
				border:           none;
			}    
			           
			#header #intro a:link, #header #intro a:visited {
        background:       url(../images/bg_cta_button.png) no-repeat top left;
 				color:            #fff; 
				display:          block;
				font-size:        16px;       
				height:           53px;        
				margin:           0 0 0 -3px;  
				padding:          10px 0 0 0;
				text-align:       center;
	      text-shadow:      0 1px #7ca135;  
        text-transform:   uppercase;
				width:            275px;  
			}    

			#header #intro a:hover {
        background:       url(../images/bg_cta_button.png) no-repeat 0 -63px;
			}    

  		#header #intro a:active {
        background:       url(../images/bg_cta_button.png) no-repeat 0 -126px;
 				height:           52px;        
 				padding:          11px 0 0 0;
 			}    
 
			#intro a span, #header #intro a:active span, #primary #cta_button span {           
				color:            #edf3e2; 
				display:          block;
				font-size:        13px;
        text-transform:   none;
 		}  
			
            #header #intro a.demo{
                color:            #F1F0F0;
                background:       none;
                text-shadow:      none;
                text-transform:   none;
                font-size:        18px;
            }
            
            #header #intro a.demo:hover{
                text-decoration:  underline;
                color:            #ED008C
            }
            
			#primary #cta_button:link span, #primary #cta_button:visited span {           
	      background:       url(../images/bg_sidebar_cta_button.png) no-repeat bottom left;
  			color:            #708b2f; 
				font-size:        12px;    
				padding:          0 0 15px 0;
			}

			#primary #cta_button:link, #primary #cta_button:visited{
        background:       url(../images/bg_sidebar_cta_button.png) no-repeat top left;
 				color:            #597120; 
				display:          block;
				font-size:        14px; 
				font-weight:      bold;      
				padding:          15px 0 0 0;  
				text-align:       center;          
				text-decoration:  none;
	      text-shadow:      0 1px #e9f3d3;  
				width:            222px;  
			}    

			#primary #cta_button:hover, #primary #cta_button:active, #primary #cta_button:hover span, #primary #cta_button:active span{
 				color:            #36393D; 
			}    
			
      #content li a.download:link, #content li a.download:visited {
        background:       url(../images/button_download.png) no-repeat top left;
				bottom:           0;
        display:          block;                                                  
				height:           77px;   
	 			right:            30px;
	 			position:         absolute;
        text-indent:      -10000px;
				top :             6px;
	      width:            220px;
      }      

      #content li a.download:hover, #content li a.download:active {
        background:       url(../images/button_download.png) no-repeat 0 -77px;
      }      



      h3 a {
        display:          block;
        line-height:      20px;
        padding:          278px 0 0 0;
        text-align:       center;
        width:            420px;
      }      

			#main a:link, #main a:visited {
				color:            #aa0050;
			}
			
			#main p a:hover, #main p a:active {
        color:            #000;
	      text-decoration:  underline;
   		}  


			#main a#nice_form_button:link, #main a#nice_form_button:visited {
        background:       url(../images/bg_form_button_left.png) no-repeat top left;
 				color:            #fff; 
				float:            left;
				font-size:        14px; 
				font-weight:      bold;      
				height:           40px; 
				line-height:      38px;       
				margin:           0 0 0 -2px;  
				padding:          0 0 0 16px;
				text-align:       center;
	      text-decoration:  none;
	      text-shadow:      0 1px #7ca135;  
			}    

			#main a#nice_form_button:link span, #main a#nice_form_button:visited span {
        background:       url(../images/bg_form_button_right.png) no-repeat top right;
 				display:          block;
				height:           40px;        
 				padding:          0 26px 0 10px;
			}    

			#main a#nice_form_button:hover {
        background:       url(../images/bg_form_button_left.png) no-repeat 0 -40px;
			}    

  		#main a#nice_form_button:active {
        background:       url(../images/bg_form_button_left.png) no-repeat 0 -80px;
				line-height:      39px;       
 			}    

			#main a#nice_form_button:hover span {
        background:       url(../images/bg_form_button_right.png) no-repeat right -40px;
			}    

  		#main a#nice_form_button:active span {
        background:       url(../images/bg_form_button_right.png) no-repeat right -80px;
 			}    
                           

			#footer a:link, #footer a:visited {
				color:            #5f6267;
	      text-decoration:  none;
			}
			
			#footer a:hover, #footer a:active {
        color:            #36393d;
	      text-decoration:  underline;
   		}                                  

    /************************/







/*** List Styles ***/

    /* General Lists */        

			#header ul#navigation {
				float:            right; 
				margin:           50px auto 0 auto;
			}               
			
			#header #navigation li {         
        float:            left;
				font-size:        14px;
 				margin:           0 0 0 20px;
			}

      ul {                        
        list-style:       none; 
        overflow:         hidden;
      }  

      ul.list {
        list-style:         disc;
        overflow:           visible;
        margin-left:        14px; 
      }  

			#footer li {
 				margin:           0 10px 0 0;
 		}
                              
			#subnavigation {
 				margin:           0 0 20px 0;
				width:            222px;
			}                         
			
			#subnavigation li {                 
        background:       url(../images/bg_subnavigation_li.png) no-repeat top left;
 				display:          block;   
				line-height:      40px;       
			}           
			
			#subnavigation li li {        
				font-size:        12px;
				padding:          0 0 0 30px;
			}

			#subnavigation li.first {                 
        background:       url(../images/bg_subnavigation_li_first.png) no-repeat bottom left;
				line-height:      42px;       
			}  

			#subnavigation li.last {                 
        background:       url(../images/bg_subnavigation_li_last.png) no-repeat bottom left;
				line-height:      42px;       
			}  
                 
			#reviews li {
				padding:          0 0 0 110px;
			}

			#reviews li#review_thom {
				background:       url(../images/referenties/picture_thom.png) no-repeat center left;  
			}

			#reviews li#review_kia {
				background:       url(../images/referenties/picture_kia.png) no-repeat center left;  
			}#reviews li#review_floris {
				background:       url(../images/referenties/picture_CC.png) no-repeat center left;  
			}
			#reviews li#review_jelle {
				background:       url(../images/referenties/picture_jelle.png) no-repeat center left;  
			}
            
            #reviews li#review_wouter {
				background:       url(../images/contacts/picture_wouter.png) no-repeat center left;  
			}
            #reviews li#review_nicolaas {
				background:       url(../images/contacts/picture_nico.png) no-repeat center left;  
			}
            #reviews li#review_annelie {
				background:       url(../images/contacts/picture_annelie.png) no-repeat center left;  
			}
            #reviews li#review_nicolas {
				background:       url(../images/contacts/picture_nicolas.png) no-repeat center left;  
			}

			#content li {                 
				display:          block;
				float:            left;    
				margin:           2px 20px 0 0;
				padding:          5px 0 0 0;
				position:         relative;
				width:            260px;
			}  
			
			#content li.main {
				width:            330px;
			}        
			
			#footer li {
				display:          block;
				float:            left;   
				padding:          0 10px 0 0;
				width:            140px;
			}    
			
			#footer li#twitter {
				width:            220px;
			}  
			
			#footer li#contact_info {
				padding:          0;
 				width:            180px;
 			}
			                        
			
			
	    /*Pricing*/
        #pricing ul {
			margin:0 auto;
			width:410px;
		}
		
		#pricing  li {
			border-top:1px solid #eee;
			padding:10px 20px;
		}
		
		#pricing li:first-child {
			border-top:0;
		}
		
		#pricing li span {
			color:#7fb909;
			float:right;
			font: 20px/1em 'Pictos',sans-serif;
			margin: 0 10px 0 0;
		}
		
		#pricing li span:first-child {
			color:#222;
			float:left;
			text-align:center;
			width:30px;
		}	
			
			
			
			
			
			
			
			
			#loopedSlider {
				float:right;   
				width:540px;
				overflow:hidden;  
				margin:80px 0 0 0; 
			}
			.container { width:540px; height:390px;overflow:hidden; position:relative; cursor:pointer; }
			div.slides { position:absolute; top:0; left:0; }
			ul.slides { position:absolute; top:0; left:0; list-style:none; padding:0; margin:0; }
			div.slides > div,ul.slides li { position:absolute; top:0; width:540px; display:none; padding:0; margin:0; }



			#header ul.pagination {  margin:9px auto; width:125px; }
			#header ul.pagination li { float:left; margin:0 5px; }	
			#header ul.pagination a { display:block; width:19px; padding-top:19px; height:0; overflow:hidden; background:url(../images/bg_slider_a.png) no-repeat top left;}
			#header ul.pagination li.active a {background-position:0 -19px}
			
                                                                   











			/* Forms */

					/* General */

				 
					form {
						margin: 2em 0 0 0;
					}
					form div.column {
						float: left;
						width:280px;
					}  

					form div.column.message {
						float:left; 
						margin: 0 0 0 40px;
					}   
            
                    form div.column.remarks {
						float:left; 
						width:620px;
					}           

					fieldset {
						background:#e4e3e3;   
						border:1px solid #cccbcb;
						-moz-border-radius: 10px;
						-webkit-border-radius: 10px;
						margin:0 0 2em 0; 
						padding: 1em 1.5em 0.5em 1.5em;
					}                        
					
					form div.column.message fieldset {
						padding-bottom:0em;
					}

					input, textarea {
						font-family:      "Helvetica Neue",Arial,Verdana,sans-serif;     
						font-size:1em;
						margin:0 0 1.5em 0;
						padding:0.5em;
						width:240px;   
						*width:228px;
					}     

					form .column textarea {      
						height:280px;
					}  

                    form .column.remarks textarea   {
                        height: 100px;
                        width: 566px;          
                    }

					#main a#nice_form_button:link, #main a#nice_form_button:visited {
						float:right;
		 				*margin:0 19px 0 0;
		 			}
				                      
				
				 	form br {
						clear:both;
					}              
					
					form .group {
						overflow: hidden;
						padding: 12px 0 11px 0;
					}

					form .row {
						clear: both;     
						margin: 0 0 20px 0;
					}

					legend {
						display:none;
					}

					label {
						font-weight: bold;
						display:block;
					}

					label span.optional {
						color:#999;
						font-weight: normal;
						font-size: 0.9em;
					}

					label.radio {
						color:#444;
						float:left;
						font-weight:normal;
						margin: 0 2em 0 0;
					}

					input, textarea {
						border: 1px solid #ccc;  
					}

					textarea {
						height: 238px;
					}

					select {
						font-size:1.0em;
						margin: 0 0 1.5em 0; 
                        width:      254px; 
					}

					input:focus, textarea:focus {
						background:#FFF7C0;
						color:#222;
					}

					input.radio, input.funky_box {
						border:0;
						float:left;
						margin: 0.2em 0.2em 2em 0 ;
						width:auto;
					}

					input.inv {
						display: none;
					}
					#form-filter input {
						width: 200px;
					}

					img#checkImage3 {
						cursor: pointer;
					}

					form img {
						margin: 0.2em 0.2em 2em 0 ;
					}

					button {
						margin:0 0 0 0;
						padding:0 0.5em;
					}



					form span a:link, form span a:visited {
						color: #8F8F8F;
					}
					#container .fieldWithErrors input, #container .fieldWithErrors textarea {
						background:#FFFFCC;
						border:2px solid #F6BB52;
						margin: 0 0 0 0;  
					}

					#container .formError {
						color:#FF0000;
						margin: 0 0 0 0;  
					}

                    /*pricing*/
                    #pricing_badge {
			            background:url(../images/pricing_badge.png) no-repeat;
			            bottom:0;
			            height:175px;
			            left:0;
			            position:absolute;
			            text-indent:-10000px;
			            width:165px;
			            z-index:100;
		            }
		
		
		            #button_sign_up {
			            border:5px solid #e1e5e7;
			            border-radius:100px;
			            bottom:12px;
			            display:block;
			            position:absolute;
			            right:30px;
			            text-decoration:none;
			            width:345px;
		            }
		
		            #button_sign_up span {
			            background-color: #9fcb56;
			            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cae285', endColorstr='#9fcb56'); /* for IE */
			            background-image: -webkit-gradient(linear, 0% 10%, 0% 100%, to(#9fcb56), from(#cae285));
			            background-image: -moz-linear-gradient(center bottom , #9fcb56 10%, #cae285 100%);
			            border:    1px solid #82a446;
			            border-top: 1px solid #a2ba66;
			            box-shadow:       inset 0 1px 0 #e5f1c2;
			            border-radius:100px;
			            color:#678338;
			            display:block;
			            font-size:18px;
			            font-weight:bold;
			            height:50px;
			            line-height:49px;
			            padding:0 20px 0 30px;
			            text-shadow: 0 1px 0 #d1e6a6;
		            }
		
		            #button_sign_up span span.arrow {
			            background:none;
			            border:0;
			            box-shadow:inset 0 0 0;
			            color:#fff;
			            display:inline;
			            font: 26px/1em 'Pictos',sans-serif;
			            padding:0 0 0 20px;
			            text-shadow: 0 1px 2px #a2ba66;
		            }
		
		
		            #button_sign_up:hover span {
			            text-shadow: 0 0 15px #fff;
		            }

		            #button_sign_up:active span {
			            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9fcb56', endColorstr='#cae285'); /* for IE */
			            background-image: -webkit-gradient(linear, 0% 10%, 0% 100%, to(#cae285), from(#9fcb56));
			            background-image: -moz-linear-gradient(center bottom , #cae285 10%, #9fcb56 100%);
			            text-shadow: 0 -1px 0 #d1e6a6;
		            }


		
		            #shadow {
			            background:url(../images/pricing_shadow.png) no-repeat center bottom;
			            bottom:31px;
			            height:30px;
			            margin:0 auto;
			            position:absolute;
			            width:760px;
		            }
		            #pricing {
			            margin:0 auto;
			            padding:20px 0 40px 0;
			            position:relative;
			            width:760px;
		            }
		
		            #pricing .inner {
			            background:#fdfdfd;
			            border:1px solid #e5e4e4;
			            box-shadow:       inset 0 0 1px #fff;
			            padding:35px 0 140px 0;
			            width:600px;
		            }
		
		            #pricing #action {
			            background-color: #eff4f7;
			            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f7f9', endColorstr='#e6edf1'); /* for IE */
			            background-image: -webkit-gradient(linear, 0% 10%, 0% 100%, to(#e6edf1), from(#f4f7f9));
			            background-image: -moz-linear-gradient(center bottom , #e6edf1 10%, #f4f7f9 100%);
			            border-bottom: 1px solid #fff;
			            border-top: 1px solid #dde0e8;
			            bottom:42px;
			            box-shadow:       inset 0 1px 0 #fff;
			            height:90px;
			            left:80px;
			            position:absolute;
			            width:600px;
			            z-index:90;
		            }