/* start Print CSS Fysiotherapeuten Maatschap Woerden */
/* copyright 2009 Jop Berkhout | design_stuff   */

* {
  margin: 0;
  padding: 0;
}

body {
  background: #ffffff;
  width: 100%;
}

#top, #menu, #visual, p.tape {
  display: none;
}


/* Fonts */
h1 {
  font-family: "Trebuchet MS", Arial, sans-serif;
  font-size: 14pt;
  font-weight: normal;
  color: #434343;
  margin: 10px 0px 10px 0px; 
}

h2 {
  font-family: Arial, "Trebuchet MS", sans-serif;
  font-size: 10pt;
  font-weight: bold;
  color: #232323;
  margin: 10px 0px 6px 0px;   
}

h3 {
  font-family: Arial, "Trebuchet MS", sans-serif;
  font-size: 12pt;
  font-weight: bold;
  color: #434343;
  margin: 10px 0px 6px 0px;   
}

p {
  font-family: Arial, "Trebuchet MS", sans-serif;
  font-size: 10pt;
  line-height: 20px;
  color: #232323;
  margin: 0px 0px 6px 0px;
}
  
  p.intro {
    font-family: Arial, "Trebuchet MS", sans-serif;
    font-size: 9pt;
    line-height: 22px;
    font-style: italic;
    color: #616161;
    margin: 0px 0px 10px 0px; 
    padding-left: 20px;
    border-left: 5px solid #bdbdbd; 
  }
  
  p.small {
    font-size: 8pt;
    float: left;
    line-height: normal;
  }
  
  p.error {
    font-family: Arial, "Trebuchet MS", sans-serif;
    font-size: 9pt;
    color: #d13030;
    margin: 10px 0px; 
    padding: 5px 10px;
    border: 1px dotted #d13030; 
  }

/* Links */
a {
	font-family: Arial, "Trebuchet MS", sans-serif;
	color: #0085c9; 
	text-decoration: none;
}

	a:active, a:hover, a.active {
		color: #3caef1;
	}


/* Button */
a.button {
  background: transparent url(../images/layout/button-right.gif) no-repeat scroll top right; 
  display: block;
  float: left;
  height: 30px; /* height image */
  margin: 0px 6px 10px 0px;
  padding-right: 14px; /* width right image */
  text-decoration: none;
  font-size: 9pt;
  font-weight: bold;
}
  
  a.button span {
    background: transparent url(../images/layout/button-left.gif) no-repeat; 
    display: block;
    line-height: 20px; /* height button */
    padding: 5px 0 5px 14px;
  } 
  
  a.button:hover span{
    text-decoration:underline;
  }


#content {
  width: auto;
  margin-left: 2%;
}

  #main-shade {
    float: none;
  }

    #main {
      width: auto;
      padding-bottom: 10px;
      background: #ffffff;
    }

      #main a {
        font-weight: bold;
      }

  
      #main p a:link:after, #main p a:visited:after, #main h2 a:link:after, #main h2 a:visited:after, #main h3 a:link:after, #main h3 a:visited:after {
        content: " (" attr(href) ") ";
        text-decoration: none;
        font-style: italic; 
      }
      
      #main p a, #main h2 a, #main h3 a[href^="/"]:after {
        content: " (http://www.jopberkhout.nl" attr(href) ") ";
      }


      #main ul, #main ol {
        padding: 0px 0px 0px 25px;
        margin: 10px 0px;
        font-family: Arial, "Trebuchet MS", sans-serif;
    		font-size: 10pt;
    		line-height: 20px;
      }

      #main ul {
  			list-style: url(../images/layout/icon-crumb.gif);
  		}

    #main #crumbs {
      border-bottom: 1px solid #e7e7e7;
      padding: 10px 0px 10px 0px;
    }
    
      #main #crumbs ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
        font-family: Arial, "Trebuchet MS", sans-serif;
        font-size: 8pt;
        line-height: normal;
      }
      
        #main #crumbs ul li {
          display: inline;
          margin-left: 6px;
        }
        
          #main #crumbs ul li a {
            padding: 0px 9px 0px 0px;
            background: transparent url(../images/layout/icon-crumb.gif) center right no-repeat;
          }
          
            #main #crumbs ul li a.currentcrumb {
              padding: 0px 9px 0px 0px;
              background: none;
              color: #3caef1;
            }         


    #main .team {
    	list-style: none;
    	margin-left:-25px;
    }

      #main .team h2 {
        margin-top: 0px;
      }

	  #main .team li {
	  	/*border-bottom:1px solid #E7E7E7;*/
		  padding-top:0px;	  	
	  }

	  #main .team li h2.member {
	  	float:none;
	  	padding-right:20px;
	  	width:250px;
	  	font-size: 10pt;
	  }	  


/* Form */
#main form {
  font-family: Arial, "Trebuchet MS", sans-serif;
  font-size: 10pt;
  color: #232323;
}

  #main fieldset {
  	margin: 25px 0px 10px 0px;
  	border: 1px solid #bdbdbd;
  }
  
  	#main fieldset div {
  		margin: 0px 0px 15px 0px;
  		display: block;
  	}
  
  		#main fieldset div input, #main fieldset div textarea {
  			font-family: Arial, "Trebuchet MS", sans-serif;
  			font-size: 10pt;
        width: 390px;
  			border: 1px solid #bdbdbd;
  			padding: 4px;
  			color: #333333;
  		}
  		
    		#main fieldset div input.error, #main fieldset div textarea.error {
          background: #f6c0c0;
    			border: 1px dotted #d13030; 
    		}
  		
    		#main fieldset div input.send {
    			width: auto;
    			border: none;
    			margin: 0px 15px 0px 0px;
          padding: 0px;
    			float: none;
    		}
  
  #main legend {
  	margin: 0px 0px 18px 20px;
  	padding: 4px 7px;
  	background-color: #d4dfed;
  	border: 1px solid #d4dfed;
  	font-weight: bold;
  }
  
  #main label {
  	float: none;
  	width: 124px;
  	padding: 0px 15px 0px 0px;
  	text-align: right;
  	font-weight: bold;
  	line-height: 21px;
  }
  
  #main #verzenden {
  	margin: 15px 22px 0px 0px;
  	width: 100px;
  	text-align: right;
  }
  
  	#main #verzenden input {
  		margin-left: 5px;
  		padding: 3px;
  		background: #8cbc00;
  		border: 1px solid #346702;
  		color: #ffffff;
  		font-weight: bold;
  	}
  	
  input:focus, textarea:focus {
  	background: #eef3f8;
  	color: #990033;
  	font-style: italic;
  }

  #extra {
    width: auto;
    float: none;
    padding-left: 5px;
  }
  
    #extra .trigger {
      background: transparent url(../images/layout/hr-double.gif) bottom left repeat-x;
      padding-bottom: 12px;
    }
    
      #extra .trigger p {
        font-family: Arial, "Trebuchet MS", sans-serif;
        font-size: 9pt;
        line-height: 18px;
        color: #000000;
      }
      
      #extra .trigger img {
        margin: 5px 0px 4px 0px;
      }
      
      #extra .trigger #news {
        font-family: Arial, "Trebuchet MS", sans-serif;
        font-size: 9pt;
        list-style: none;
      }
      
        #extra .trigger #news li {
          background: transparent url(../images/layout/hr-double.gif) top left repeat-x;
          padding: 8px 0px 8px 0px;
        }
        
          #extra .trigger #news li span {
            display: block;
            font-size: 8pt;
            padding-left: 22px;
            margin-bottom: 6px;
          }
          
          #extra .trigger #news li a {
            background: transparent url(../images/layout/icon-news.gif) top left no-repeat;
            padding-left: 23px;
            font-weight: bold;
            display: block;
          }


/* Images */
img {
  border: none;
}

	img.float-left-border {
		margin: 5px 20px 13px 0px;
		padding: 5px;
		border: 1px solid #bdbdbd;
		float: none;
		background-color: #ffffff;
	}
	  
	img.float-right-border {
		margin: 5px 0px 13px 20px;
		padding: 5px;
		border: 1px solid #bdbdbd;
		float: right;
		background-color: #ffffff;
	}


/* Tables */

.tidy {
  font-family: Arial, "Trebuchet MS", sans-serif;
	font-size: 12pt;
	background: #fff;
	margin: 0px 0px 27px 0px;
	width: 100%;
	border-collapse: collapse;
	text-align: left;
}

  .tidy th {
  	font-size: 12pt;
  	font-weight: bold;
  	padding: 5px 8px 10px 8px;
  	border-bottom: 1px solid #dddddd;
  }
  
  .tidy td {
    font-size: 10pt;
  	border-bottom: 1px solid #dddddd;
  	padding: 9px 8px;
  }
  
  .tidy td.bold {
    font-size: 10pt;
    font-weight: bold;
  	border-bottom: 1px solid #dddddd;
  	padding: 9px 8px;
  }
  
  .tidy tbody tr:hover td {
  	color: #000000;
  	background: #f9f9f9;
  }
  

/* Footer */
#footer {
  margin-left: 2%;
  font-family: Arial, "Trebuchet MS", sans-serif;
  font-size: 9pt;
  color: #616161;
}

  #footer img {
    vertical-align: middle; 
  }

  #footer ul {
    padding-bottom: 8px;
    background: transparent url(../images/layout/hr-double.gif) bottom left repeat-x;
  }
  
    #footer li {
      display: inline;
      padding: 0px 8px 0px 1px;
    }
    
      #footer li.last-child {
        padding: 0px;
      }
      
      #footer li a {
        text-decoration: underline;
      }

.clear {
  clear: both;
  height: 1px;
  overflow: hidden;
}

/* end Print CSS Fysiotherapeuten Maatschap Woerden */