@CHARSET "UTF-8";

body				{
					font-family:Verdana, sans-serif;
					text-align:center;
					font-size:13px;
					background-color:#EFEFEF;
					}
 				
					
h2				{
				margin-bottom:10px;
				}	
h3				{
				margin-bottom:5px;
				}				
h4				{
				margin: 0 0 40px 0;
				}					
a				{
				color:#2F4F4F;
				text-decoration:none;
				}
.ul				{
				text-decoration:underline;
}
.lento			{
				display:inline;
}
				
img.reuna				{border:2px solid black;}			
.titlexd			{
				font-family:arial;
				margin-top:20px;
				magin-bottom:20px;
				}				
.vasuri		{
				text-align:left;

				}														

.ulkoboksi		{

				background-color:#EFEFEF;
				width:1000px;
				margin: 0 auto;
				right:1%;
				left:1%;
				padding: 0 25px 0 25px;
				}
				
.content		{
				background-color:white;
				overflow:hidden;
				padding:0 30px 30px 30px;
				min-height:500px;
				clear:both;
				border-left:1px solid #CCCCCC;
				border-right:1px solid #CCCCCC;
				height:auto;
				}
				
.keski			{
				width:600px;
				margin:50px auto;
				text-align:left;
				}
			
.indexala		{
				padding: 0 100px;
}								
													
.uutisdiv		{
				margin:0 auto;
				margin-top:20px;
				}								
				
				
.logo			{
				float:right;
				height:auto;
				margin-bottom:20px;
				}
				
.logo p			{
				margin:0;
				text-align:right;
				}				
	
#navi 			{
				
				padding-left:15px;
				background-image:inherit;
				background-repeat:repeat-x;		
				}	
							
#navi ul {
				padding:0;
				margin:0;
				list-style:none;
				height:26px;
				margin-bottom:-3px;


				}
#navi a			{
					text-decoration:none;
				color:black;
				font-family:Arial,Verdana,Sans Serif;
				font-size:19px;
				}
						
#navi li 		{
				float:left;	
				
				margin-left:15px;
				position:relative;
				}
				
#navi li ul 	{
				position:absolute;
				width:150px;
				left:-999em;
				text-align:left;
				}	
#navi li li 	{background-color:#EFEFEF;
				width:100px;
				border-right:1px solid #CCCCCC;
				border-bottom:1px solid #CCCCCC;
				border-left:1px solid #CCCCCC;
				text-align:left;
				padding-left:1px;
				padding-bottom:1px;
				}						
	
#navi li:hover ul, #navi li.sfhover ul {
				left:auto;
				margin-left:-12px;
				left:-4px;
				top:22.5px;
}

										
											
#navi a img			{
					display:none;
					}
					
#navi a:hover img	{
					display:inline;
					position:absolute;
					top:6.5px;
					left:-13px;
					}
.etusivu			{
					}													
#vaskulma			{
					float:left;
					border:1px solid #CCCCCC;
					width:25%;
					height:225px;
					font-size:100%;
}
#oikkulma			{
					text-align:left;
					border:1px solid #CCCCCC;
					float:left;
					width:74%;
					font-size:100%;
					
}
.koirakuva1					{
							
							width:105px;
							height:105px;
							float:left;
}
.koirakuva2					{
							
							width:145px;
							height:105px;
							float:right;
}
			
.koirasivu					{
							float:left;
							text-align:left;
							width:225px;
							min-height:450px;
							margin-top:126px;
							overflow:hidden;
							height:auto;
							}
#tyhjasivu					{
							width:225px;
							height:500px;
							float:left;
}							
						
							
							
.kuvatesti					{
							text-align:right;
							}	

#testi:first-child			{
							margin:0;
}


.pennut						{
							text-align:left;
							margin-bottom:25px;
							}							
hr							{
							margin:25px 0 15px 0;
							clear:both;
}
.pentuinfo					{


							}
.pentukuva					{
							float:left;
							width:225px;
							
}
	
p.ylos						{
							
							margin-top:0;
}														

.piilo1						{
							visibility:hidden;
							}																									
					
.yla				{
					display:block;
					}				
.koirateksti		{
					text-align:left;
					margin-bottom:47px;
						
					}			
										
					
img					{
					border:none;
					}

									
				
.clear 			{
				clear:both;
				}	

.etusivukotelo		{
					margin-top:200px;
					}

.vas				{
					text-align:left;
					width:300px;
					float:left;
					}
						
.oik				{
					
					text-align:left;
					float:right;
					}	
  .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
					
.lento				{
					text-decoration:underline;
					clear:both;
}					

.reunakeissi	{
				background-color:#EFEFEF;
				}
/*	
.kulma			{position:relative;}				
.molemmat		{height:15px;width:50%;background-color:white;}			
#rtop			{float:left;}
#rbottom		{float:left;}
#ltop			{float:left;}
#lbottom		{float:left;}

#rtop img		{left:242.5px;}
#ltop img		{left:-242px;}
#rbottom img		{left:242px;}
#lbottom img		{left:-242.4px;top:-1px;}
*/
			
.ylareuna, .alareuna{display:block;} 
.ylareuna *, .alareuna *{display: block; height: 1px; overflow: hidden;border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;background-color:white}
.r1{margin: 0 5px;height:1px;}
.r2{margin: 0 3px;}
.r3{margin: 0 2px;}
.r4{margin: 0 1px; height: 2px;}
.ylareuna .r1 {border-top:1px solid #CCCCCC;}
.alareuna .r1 {border-bottom:1px solid #CCCCCC;}


table.terveys		{
					border-collapse:collapse;
					margin:0 auto;
					text-align:left;
}

table.terveys td	{
					border:1px solid #CCCCCC;
}

table.nayttely		{				
					border-collapse:collapse;
					margin:0 auto;
					font-size:90%;
					}	
					
					
table.nayttely td		{border:1px solid black;
						border-right:0;
						border-bottom:0;
						padding:2px 5px 2px 5px;
						text-align:left;
}
table.nayttely th		{border-left:1px solid black;
						padding:2px;
						
}
table.nayttely td:first-child {border-left:0;}
table.nayttely th:first-child {border-left:0;}

							
table.suku							{
	
									font-family:calibri,Arial;
									font-size:12px;
									border-collapse:collapse;
									border-color:#FFFFFF;
									text-align:left;
									margin-top:3px;
									white-space:no-wrap;
									}		
									
table.suku td						{
									border:1px solid black;
									width:210px;
									}									
									
td.ykkostable						{
									height:52px;	
									padding-left:5px;
									padding-right:5px;
									
									}							
td.kakkostable						{
									padding-left:5px;
									padding-right:5px;
									}
td.kolmostable						{
									
									padding-left:5px;
									padding-right:5px;
									}	
									

table.terveys td					{
									padding:2px;
									}	
									
.ylaboxi							{
									height:150px;
									width:150px;
									padding:5px;
									float:left;
									}
									
.sivuboxi							{
									height:150px;
									width:150px;
									padding:5px;
									}									
									
.ylarivi							{
									float:left;
									height:105px;
									padding:5px;
									}
.ylarivi2							{
									margin:0 auto;
									height:105px;
									padding:5px;
									}									
											
									
.sivurivi							{
									
									clear:left;
									width:105px;
									padding:0 5px 5px 5px;
									text-align:left;
									float:left;
									}
																	
.sivurivi img						{
									margin-bottom:5px;
									}																	
																	
											
.isokuvao								{
										text-align:center;
										}	
.isokuvav								{
										float:left;
										}