/* Annemieke Altena; */

body {
  width: 980px; 
  text-align: left;
  font-family: Arial; Verdana, Helvetica, sans-serif; 
      font-size: 13px; 
	    color: #036; 
  background-image: url(knoppen/steek.gif) ;
      background-repeat: repeat;
	scrollbar-arrow-color:#036;
  scrollbar-track-color:#eeeeee;
  scrollbar-face-color:#b5cede;
  scrollbar-highlight-color:white;
  scrollbar-3dlight-color:#369;
  scrollbar-darkshadow-color:#369;
  scrollbar-shadow-color:#036;
  }

#container {
  margin : auto;
  width : 980px;
  }

#kop {
  width: 980px;
  height: 150px;
  background-image: url(knoppen/banner.gif) ;
  font-family: Arial; 
  	  font-weight: bold; 
  	  font-size: 24px;
      text-align: left;
  	  color: #369;
  }

#titel {
  top: 170px;
	width: 980px;
  font-family: Arial;
	    font-weight: bold; 
      font-size: 36px;
      text-align: center;
      color: white;
	background-color: #369;
	margin-top: 10px;
	margin-bottom: 10px;
  }
	
#menu {
  float: left;
  width: 180px;
  font-family: Arial, verdana, Helvetica, sans-serif;
      font-size: 12px;
      font-weight: bold;
	margin-top: 10px;
  }
	
#patroon {
  float: left;
  width: 600px;
  margin-top: 10px;
  margin-right: 20px;
  }


#algemeen {
  float: left;
  width: 500px;
	line-height: 140%;
  margin-bottom: 10px;
	margin-left: 50px;
	margin-right: 50px;
	margin-top: 10px;
  }

#foto {
  float: left;
  width: 800px;
  margin-top: 10px;
  margin-right: 0px;
	text-align: center;
  }
		
#afbeelding {
  text-align: center;
  width: 500px;
  }
	
#rechts {
	float: left;
	top: 230px;
  width: 160px;
	margin-top: 10px;
  font-family: Arial; 
      font-size: 12px; 
	    color: #036; 
	    text-align: center;
	background-color: #e7eff7;
	border: solid 1px;
	padding: 5px;
  }

#rechts2 {
	float: left;
	top: 280px;
  width: 180px;
	margin-top: 10px;
  font-family: Arial; 
      font-size: 12px; 
	    color: #036; 
	    text-align: left;
	background-color: #e7eff7;
	border: solid 1px;
	padding: 5px;
  }
	
#menu ul {
        margin-left: 0;
        padding-left: 0;
        list-style-type: none;
        font-family: Arial, Helvetica, sans-serif;
        }
      
      #menu a {
        display: block;
        padding: 3px;
        width: 160px;
        background-color: #b5cede;
        border-bottom: 1px solid #eee;
        }
      
      #menu a:link, #menu a:visited {
        color: #036;
        text-decoration: none;
        }
      
      #menu a:hover {
        background-color: #369;
        color: #fff;
        }

table.pat  /* tabel met patronen */ {
        width: 600px; 
        font-family: Arial; 
            font-size: 13px; 
        	  color: #036; 
        border: solid 1px ;
				    border-left-color: #C0C0C0;
            border-right-color: #036;
            border-top-color: #C0C0C0;
            border-bottom-color: #036;
 				}
							
td.p1  /* cel links in patroontabel */ {
        width: 160px; 
        vertical-align: top;
        text-align: center; 
        border: solid 1px ;
        	  border-left-color: #036;
        	  border-right-color: #C0C0C0;
        	  border-top-color: #036;
        	  border-bottom-color: #C0C0C0;
        padding: 5 px;
				}
        
td.p2  /* cel midden in patroontabel */ {
        width: 280px; 
        vertical-align: top;
        text-align: right; 
        border: solid 1px ;
        	  border-left-color: #036;
        	  border-right-color: #C0C0C0;
        	  border-top-color: #036;
        	  border-bottom-color: #C0C0C0;
        padding-bottom: 0px;
        padding-left: 5px;
        padding-right: 5 px;
        padding-top: 5 px;
				}
        
td.p3  /* cel rechts in patroontabel */ {
        width: 160px; 
        text-align: center; 
        vertical-align: top;
        border: solid 1px ;
        	  border-left-color: #003366;
        	  border-right-color: #C0C0C0;
        	  border-top-color: #003366;
        	  border-bottom-color: #C0C0C0;
        padding-left: 5px;
        padding-right: 5 px;
        padding-top: 5 px;
        }
					
td.p4  /* cel laatst bijgewerkt */ {
        width: 600px; 
        text-align: center; 
				font-family: Arial; 
            font-size: 10px; 
					  font-style: italic;
        	  color: #036;
        padding-bottom: 0px;
        padding-top: 5 px;
				}

table.inhoud  /* inhoudstabel */ {
        width: 780px; 
        font-family: Arial; 
            font-size: 13px; 
        	  color: #036; 
	 			border: solid 1px ;
				    border-color: #C0C0C0;
	
        }
		
td.p5  /* cel patroon in inhoudstabel */ {
        width: 200px; 
        vertical-align: center;
        text-align: left; 
        border: solid 1px ;
        	  border-color: #C0C0C0;
				}				

td.p5b  /* cel patroon bold in inhoudstabel */ {
        width: 200px; 
        vertical-align: center;
        text-align: left; 
				    color: #036; 
        font-weight: bold;
				border: solid 1px ;
        	  border-color: #C0C0C0;
        padding: 5 px;
				background-color: #b5cede;
				}				
								
td.p6  /* cel afmetingen inhoudstabel */ {
        width: 50px; 
        vertical-align: center;
        text-align: left; 
        border: solid 1px ;
        	  border-color: #C0C0C0;
				}				

td.p6b  /* cel afmetingen bold inhoudstabel */ {
        width: 45px; 
        vertical-align: center;
        text-align: left; 
        font-weight: bold;
        border: solid 1px ;
        	  border-color: #C0C0C0;
        padding: 5 px;
				background-color: #b5cede;
				}				
				
td.p7  /* rubriek inhoudstabel */ {
        width: 600px; 
        vertical-align: center;
        text-align: left;
				    color: white;
        font-weight: bold;
        border: solid 1px ;
            border-color: #C0C0C0;
						background-color: #369;
						padding-top: 5 px;
						padding-bottom: 5px;
				}				

td.p7f  /* rubriek fototabel */ {
        width: 800px; 
        vertical-align: center;
        text-align: center;
				    color: white;
        font-weight: bold;
        border: solid 1px ;
            border-color: #C0C0C0;
						background-color: #369;
						padding-top: 5 px;
						padding-bottom: 5px;
				}				
	
td.p8  /* cel bestelnummer inhoudstabel */ {
        width: 60px; 
        vertical-align: center;
        text-align: left; 
        border: solid 1px ;
        	  border-color: #C0C0C0;
				}				

td.p8b  /* cel bestelnummer bold inhoudstabel */ {
        width: 60px; 
        vertical-align: center;
        text-align: left; 
        font-weight: bold;
        border: solid 1px ;
        	  border-color: #C0C0C0;
				background-color: #b5cede;
        padding: 5 px;
				}

td.p9  /* cel afbeelding in tabel Nieuw */ {
        width: 110px; 
        vertical-align: center;
        text-align: center; 
        border: solid 1px ;
        	  border-color: #C0C0C0;
				}				
				
td.p10  /* cel opmerking inhoudstabel */ {
  width: 250px; 
  vertical-align: center;
  text-align: left; 
  border: solid 1px ;
  border-color: #C0C0C0;
				}				

td.p10b  /* cel opmerking bold inhoudstabel */ {
  width: 250px; 
  vertical-align: center;
  text-align: left; 
  font-weight: bold;
  border: solid 1px ;
      border-color: #C0C0C0;
	background-color: #b5cede;
  padding: 5 px;
				}

table.foto  /* tabel met foto's */ {
        width: 800px; 
        font-family: Arial; 
            font-size: 13px; 
        	  color: #036; 
        border: solid 1px ;
				    border-left-color: #C0C0C0;
            border-right-color: #036;
            border-top-color: #C0C0C0;
            border-bottom-color: #036;}

					
td.fotoa1  /* cel foto boven */ {
        width: 160px; 
				text-align: center; 
        vertical-align: top;
        border: solid 1px ;
				   border-bottom-style: none;

        	  border-left-color: #036;
        	  border-right-color: #C0C0C0;
        	  border-top-color: #036;
						padding: 5px;
				}

td.fotob1  /* cel foto onder */ {
        width: 160px; 
        text-align: center; 
				vertical-align: top;
        border: solid 1px ;
				border-top-style: none;
        	  border-left-color: #036;
        	  border-right-color: #C0C0C0;
        	  border-bottom-color: #C0C0C0;
        padding: 5 px;
				}

p				{ text-align: left;
				}

h1 /* kopje */ { 
        font-weight: bold; 
        	  font-size: 20px; 
        	  color: #036; 
        text-align: center;
				}
        			
h2 /* titel patroon */ { 
        font-weight: bold; 
        	  font-size: 13px; 
        text-align: left;
				}
        
		h2.c /* titel patroon gecentreerd */ { 
        font-weight: bold; 
        	  font-size: 13px; 
        text-align: center;
				}
        	
h3 /* toelichting patroon */ {
        font-weight: normal;
        	  font-size: 13px; 
        text-align: left ;
				}
        	
		h3.c /* toelichting patroon gecentreerd */ {
        font-weight: normal;
        	  font-size: 13px; 
        text-align: center ;
				}
        
h4 /* verwijzing fotogalerie */ {
        font-weight: normal;
        	  font-style: italic;
        	  font-size: 13px; 
        text-align: center;
				}
				
h5 /* bestelnummer */ { 
        font-weight: bold;
            color: #660066;
        	  font-style: normal;
        	  font-size: 13px; 
        text-align: left;
				}
        
h6 /* toelichting onder plaatje */ { 
        font-weight: normal;
            font-style: italic;
        	  font-size: 13px; 
        text-align: center;
				}
					   
        a.vet:link { 
        	font-weight: bold; 
        	text-decoration: none; 
        	color: #036;	
        	font-size: 16px; 
					}
					
        a.vet:visited { 
        	font-weight: bold; 
        	text-decoration: none; 
        	color: #036;	
        	font-size: 16px;
					}
					
        a.vet:hover, a:active { 
        	text-decoration: underline; 
        	color: red;
					}
        
        a.vetklein:link { 
        	font-weight: bold;
        	text-decoration: none;
        	color: #036;	
        	font-size: 13px;
					}
					
        a.vetklein:visited { 
        	font-weight: bold; 
        	text-decoration: none;
        	color: #036;	
        	font-size: 13px;
					}
					
        a.vetklein:hover, a:active { 
        	text-decoration: underline; 
        	color: red;
					}

					       
        a.foto:link { 
        	font-weight: bold; 
        	text-decoration: none; 
        	color: #036;	
        	font-size: 13px; 
        	font-style: italic;
					}
					
        a.foto:visited { 
        	font-weight: bold; 
        	text-decoration: none; 
        	color: #036;	
        	font-size: 13px; 
        	font-style: italic;
					}
					
        a.foto:hover, a:active { 
        	text-decoration: underline; 
        	color: red;
					}

.bold {					
        	font-weight: bold; } 
					
.cursief {
				  font-style: italic;} 
					
.geel {
			 		background-color:#ffffcc;
					text-align: center;}

.rose {
			 		background-color:#ffaaaa;
					text-align: center;}

.links {
			 		text-align: left;}
					
.center {
			 		text-align: center;}