/* Bretonigalleria, CSS  07-may-2009 
div {border: 1px dotted black; padding: 0em;}*/

/* layout
--------------------------------------------- */


body {
	width: 100%;
	padding: 0;
	margin: 0 0 0 -0.6em;
	background: url(img/tausta_content.gif) repeat-y 50% 0%;
  	background-color: #2E2618;
	
	color: #51523E;
	font: 80% "Century Schoolbook",serif; /*12px*/

	/*font-family: normal 11px tahoma;		
	line-height: 1.8;
	text-align: left;*/
}

#container {
	width: 884px;
	background-color: #FFFFFF; 
	margin: 0px auto 0px auto;
	position: relative;
	text-align: left;
	padding: 0em;
	
	min-height: 550px;/* set here min height  */
	height: auto !important;/* overwrite the height */
	height: 550px;/* this is also the min height for IE */
}

#content {
	min-height: 390px;/* set here min height  */
	height: auto !important;/* overwrite the height */
	height: 390px;/* this is also the min height for IE */
	padding: 2em;
	text-align: left;
	line-height: 150%;
}

#header {
	width: 884px;
	height: 297px;
	padding: 0;
	margin: 0;
}

#header_narrow {
	width: 884px;
	height: 145px;
	padding: 0;
	margin: 0;
}

#footer { /*tarkista*/
	width: 884px;
	height: 53px;
	margin: 0;
	padding: 0;
	border: 0px;
	text-align: center;
}

.clear {
	clear: both;
}
	
/* header
--------------------------------------------- */

#header .header_top, #header_narrow .header_top {
	background: url(img/yla.gif) repeat-x 0 0;
	height: 104px;
}

#header_middle {
	height: 214px;
}

	#header_middle .header_valikko {
		background: url(img/tausta_valikko.gif) no-repeat left;
		width: 230px;
		height: 193px;
		float: left;
	}

	#valikko {
		padding: 20px 0 0 43px;
		font: bold 85% "Century Schoolbook", georgia,"Times News Roman", serif; /*12px*/;
		letter-spacing: 0.8px;
		color:#A26D20;
		
	}


#header_middle_narrow {
	height: 44px;
}	
	
		#header_middle_narrow .header_valikko {
		background: url(img/tausta_valikko2.jpg) no-repeat left;
		width: 884px;
		height: 44px;
		float: left;
	}
	
	#valikko_narrow {
		padding: 0px 0 0 43px;
		font: bold 85% "Century Schoolbook", georgia,"Times News Roman", serif; /*12px*/;
		letter-spacing: 0.8px;
		color:#A26D20;
	}

	#valikko a, #valikko_narrow a{
		color:#51523E;
		text-decoration: underline; 
	}
	
	#valikko a:hover, #valikko_narrow a:hover{
		color:#51523E;
		text-decoration: none; 
	}
	
#header .header_kuva {
	width: 654px;
	height: 193px;
	float: left;
	display: block;
}

		
/* haku
--------------------------------------------- */
form {
	margin: 0;
}

#haku {
	position: absolute;
	left: 685px;
	color: #ffffff;	
	padding-top: 20px;
	text-align: right;
}

input {
	margin: 1px;
	vertical-align: middle;
}

input.nappi{
	padding: 7px 0 0 0;
}

input.input {
	background: url(img/input.png);
	border: 1px solid #B9BAA8;
	color: #B0B0B0;
}


/* yleiset
--------------------------------------------- */

.pieni { /* ? */
	font: 85% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; /*12px*/,serif; /*12px*/
}

	#copy { /* ? */
		position: absolute;
		left: 450px;	
		letter-spacing: 0px;
		color: #C0C0C0;
	} 
		#uudet_paivitykset, #infolaatikko {
			border: 1px solid #E0E0E0;
			background: #F5F5F5;
			margin: 0px;
			padding: 10px;
			margin-bottom: 30px;
			width: 300px;
		}

		#kuva img, #uusimmatKuvat img, #koiranKuvat img, #vasen img { 
			border: 1px solid #D8D5D1;
			background: white;
			padding:1px;
		}

#lyhenne { /* ? */
	font-weight: bold; 
	display: inline;
}

.en { /* ? */
	color: #AD9477;
	}

p { 
	padding: 0px;
	}	

td { 
	padding: 4px;
	line-height: 150%;
	}	
	
td.otsikko { 
 	background: #DCE6EE;
	vertical-align:top;
	}	
	
td.alaotsikko { 
 	background: #EAF4C4;
	vertical-align:top;
	}	
	
table.tieto { 
 	margin-bottom:20px; 
	border: 1px solid #DADBC7;
	}	
	
td.tieto { 
 	background: #F5F6E1;
	padding: 10px;
	text-align: center;
	}	
	
table.haku { 
 	margin-bottom:20px; 
	border: 1px solid #E4E4E4;
	text-align:center;
	}	

h1 {
	font-weight: bold;
	font-size: 140%;
	text-align: left;
	margin-bottom: 2em;
	padding: 0px;
	margin-top: 0px;
}

h2 {
	font: bold 17px "times new roman", serif;
	margin-top: 15px;
	margin-bottom: 20px;
	padding: 0px;
}

h3 { 
	font-weight: bold;
	font-size: 100%;
	padding: 0px;
	margin-bottom:7px;
	margin-top:20px;
}	


h4 {
	font: italic 16px georgia, "times new roman", serif;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 0px;
}

a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #6B881D;
	text-decoration: underline; 
	}

a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #91AD45; 
	}

 #navi a:hover, a:hover, a:active { 
	text-decoration: none; 
	color: #AFA949; 
	}

#takaisin {
	margin:5px;
	padding:5px;
}


/* br_galleria uusimmat, koiranKuvat
--------------------------------------------- */
#uusimmatKuvat table.uusimmat, #koiranKuvat table.kuvat{ 
	text-align: center;
	}
	
#uusimmatKuvat td.uusimmat, #koiranKuvat td.kuvat{ 
	margin: 0px; 
	padding: 4px;
	text-align: center;
	vertical-align:top;
	}

#uusimmatKuvat p{ 
	margin: 0px; 
	padding: 0px;
	text-align: center;
	line-height:1.3em;
	}
	
/* koira - kuvasuurenna ja selaus
--------------------------------------------- */	

#kuvaSuurena {
	text-align: center;
}

#kuvaSuurena img { 
	border: 1px solid #D8D5D1;
	background: white;
	padding:4px;
	margin-bottom: 10px;
}

#kuvienSelaus {
	text-align: center;
	margin-bottom: 10px;
}

/* koira - tiedot ja muut
--------------------------------------------- */

#koiranTiedot {
	padding: 0px;
	margin: 0px;
}

#koiranTiedot h2 {   /* nimi */
	font: bold italic 140% georgia, "times new roman", serif;
	margin: 0px;
	padding-top: 7px;
	padding-bottom: 10px;
}

#koiranTiedot p {   /* perustiedot */
	margin: 1px 0px;
}

#koiranTiedot p.titteli {  /* titteli */
	font: normal 85% Tahoma, sans-serif; 
	margin-top: 5px;
	padding: 0px;
}

#koiranSisarukset, #koiranJalkelaiset, #koiranKuvat, #koiranSuku, #uusimmatKuvat {
	font: 11px Tahoma, sans-serif; 
	padding: 0px;
	margin: 15px 0px;
}

#koiranSisarukset, #koiranJalkelaiset {
	line-height:1.5em;
}

#koiranKuvat p { 
	text-align: center;
}

/* suku ja HD taulukko */

#koiranSuku p {
padding: 0px;
margin: 0px;
}

table.suku { 
	border: 1px solid #EAEBE1;
	background: #ffffff;
}

td.suku, td.hd { 
	background: #F3F3F3;
}

td.suku1 { 
	background: #EAEBE1;
}

/* linkit
--------------------------------------------- */

#linkkiRyhma {
	font: 11px Tahoma, sans-serif; 
	width: 450px;
	margin: 0px;
	padding: 0px;
}

#linkkiRyhma h4 { 
	font: bold 10pt Tahoma, sans-serif;
	margin-top: 30px;
	padding-top: 0px;
	border-bottom: 1px solid #E5E1CA; 
}
	
#linkkiRyhma ul {
	list-style-type: square;
	padding: 0px;
	margin-left: 15px;
}

li.linkkiSelite {
	list-style-type: none;
	margin: 2px 0px 12px 0px;
	}