/*--------  rakenne  ---------- */

body {
	background: #4e443e url(graf/bodybg.gif) repeat;
	text-align:center;
	font-family: "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
	font-size:100%;
	color:#3d3834;
	margin:0;
	padding:0;
}

#container {
	margin:0 auto;
	width:800px;
	color:inherit;
	background: #f0deb8;
}

#header {
	border-top:solid 2px #3d3834;
	border-bottom:solid 1px #3d3834;
	background: #3d3834 url(graf/topbg.jpg) no-repeat;
	color:inherit;
	text-align: left;
	margin:0; 
	padding:0;
	height:226px;
}

#content {
	background: #f0deb8;
	padding-bottom:15px;
	text-align:left;
	position: relative;
	top: 0px;
	border-top:solid 1px #3d3834;
	color:inherit;
	padding-left: 20px;
}

/*--------  menu  ---------- */

#menucontainer {
font-family: "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
font-size:0.75em;
border-top:solid 3px #f0deb8;
border-bottom:solid 3px #f0deb8;
background: #81442e;
color:inherit;
padding-top:6px;
padding-bottom:6px;
}

#menucontainer a, #menucontainer a:visited {
	text-decoration:none;
	color:#FFF;
	padding-left:10px;
	padding-right:10px;
	background:inherit;
}

#menucontainer a:hover {
	text-decoration:none;
	background:#f0deb8;
	color:#3d3834;
	border-top:solid 1px #3d3834;
	border-bottom:solid 1px #3d3834;
}

#menucontainer #currentpage {
	color:#bb8f7f!important;
	background:inherit;
}

/*--------  sivustonavigaatio  ---------- */

#navigation {
	position: absolute;
	right: 20px;
	margin-top:20px;
	font-size:0.7em;
	font-family:Verdana, Helvetica, sans-serif;
	z-index: 3;
}

* html #navigation {
	padding-top: 18px;
	margin-top:0;
}

#navigation p {
	margin-top: 0px!important;
	margin-bottom: 5px;
}


#navigation a, #navigation a:link, #navigation a:visited{
	text-decoration:none!important;
	color:#81442e!important;
	background:transparent;
}

#navigation a:hover {
	text-decoration:underline!important;
	color:#81442E!important;
	background:transparent;
}

#navigation .tokarivioikea {
	text-align: right;
}


/*--------  alaosa ---------- */

#menubottom {
	font: 0.7em Verdana, Helvetica, sans-serif;
	color:#3d3834;
	background:#ecd6a6;
	border-top:solid 1px #827057;
	border-bottom:solid 1px #3d3834;
	clear: both;
	margin-top: 10px;
}

#footer {
	font: 0.65em Verdana, Helvetica, sans-serif;
 	color:#ecd6a6;
	background:#81442e;
	border-bottom:solid 2px #f0deb8;
	
}

#menubottom p, #footer p{
	margin:0;
	padding-top:8px;
	padding-bottom:8px;
}



#footer a{
	background:inherit;
	text-decoration:none;
	color:#ce9a53;
}

#footer a:hover{
	background:inherit;
	text-decoration:underline;
	color:#ce9a53;
}

#menubottom a{
	background:inherit;
	text-decoration:none;
	color:#3d3834;
}

#menubottom a:hover{
	background:inherit;
	text-decoration:underline;
	color:#81442E;
}

/*--------  h1 ---------- */

#content h1 {
	margin-top:15px;
	color: #f0deb8;
	text-align: left;
	margin-bottom: 10px;
	margin-left:-1px;
}

#content h1 img {visibility:hidden;}

#welcome, #news, #ourdogs, #coowned, #specialguests, #aboutus, #litters, #puppies, #photos, #links, #inmemoriam, #guestbook, #contact, #info {
  height: 36px;
  position: relative;
  width: 502px;
  z-index:2;
}

#welcome span, #news span, #ourdogs span, #coowned span, #specialguests span, #aboutus span, #litters span, #puppies span, #photos span, #links span, #inmemoriam span, #guestbook span, #contact span, #info span {
  height: 100%;
  position: absolute;
  width: 100%;
}

#welcome span {background: #f0deb8 url(graf/h_welcome.gif) no-repeat;}
#news span {background: #f0deb8 url(graf/h_news.gif) no-repeat;}
#ourdogs span {background: #f0deb8 url(graf/h_ourdogs.gif) no-repeat;} 
#aboutus span{background: #f0deb8 url(graf/h_aboutus.gif) no-repeat;} 
#litters span{background: #f0deb8 url(graf/h_litters.gif) no-repeat;} 
#puppies span{background: #f0deb8 url(graf/h_puppies.gif) no-repeat;} 
#photos span{background: #f0deb8 url(graf/h_photos.gif) no-repeat;} 
#links span{background: #f0deb8 url(graf/h_links.gif) no-repeat;} 
#inmemoriam span{background: #f0deb8 url(graf/h_inmemoriam.gif) no-repeat;} 
#guestbook span{background: #f0deb8 url(graf/h_guestbook.gif) no-repeat;} 
#contact span {background: #f0deb8 url(graf/h_contact.gif) no-repeat;}
#coowned span {background: #f0deb8 url(graf/h_coowned.gif) no-repeat;}
#specialguests span {background: #f0deb8 url(graf/h_specialguests.gif) no-repeat;}
#info span {background: #f0deb8 url(graf/h_info.gif) no-repeat;}

/*--------  muut ---------- */

.noborder {border:none!important}

hr.ruler {
   height: 1px;
   margin: 0;
   padding: 0;
   border-top: 0;
   border-bottom: 1px solid #ce9a53;
}

/*--------  sisalto-osa ---------- */

 #sisaltoosa {
	background: #f0deb8;
	text-align:left;
	position: relative;
	color:#000;
	overflow:hidden;
	width: 760px;
	font-family: "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
	font-size:0.75em;
	z-index: 1;
}

#sisaltoosa a {
text-decoration:none;
color:#81442E;
background: url(graf/linkdot.gif) bottom repeat-x;
padding-bottom:3px;	
}

#sisaltoosa a:visited {
text-decoration:none;
color: #896457;
background-color:transparent;
background-image: url(graf/link-v-dot.gif) ;
background-repeat: repeat-x;
background-position: bottom;
}

#sisaltoosa a:hover {
text-decoration:none;
color: #ce9a53;
background-color:#FFF;
background-image: url(graf/link-h-dot.gif);
background-repeat: repeat-x;
background-position: bottom;
}

#sisaltoosa h2 a {
text-decoration:none;
background:none;
font-size:0.9em;
}

#sisaltoosa h2 a:visited {
text-decoration:none;
background:none;
}

#sisaltoosa h2 a:hover {
text-decoration:none;
background:none;
}

#sisaltoosa h2 {
	font-size: 1.3em;
	color: #827057;
	background:#e0cfab;
	padding: 3px 2px;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", sans-serif;
	border-top: 2px solid #827057;
	border-bottom: 2px solid #827057;
}

#sisaltoosa h3 {
	font-size: 1.5em;
	font-weight: bold;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", sans-serif;
	color: #81442E;
	margin-bottom: 0px;
}

#sisaltoosa ul {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-top:20px;
}

* html #sisaltoosa ul li {height:1%;}

#sisaltoosa ul li {
	line-height:2.3em;
	background: url(graf/listelement.gif);
	background-repeat: no-repeat;
	background-position: 0 1em;
	margin-left: 20px;
	padding-left: 15px;
}

#sisaltoosa ul ul {
	margin-top:0;
	list-style: none;
	padding: 0;
	margin: 0;	
}

#sisaltoosa ul li ul li {
	line-height:2em;
	margin-left: -15px;
	background:none;	
	font-size:0.8em;
}
#sisaltoosa #news {
	width: 210px;
	margin-left: 15px;
	padding-left: 15px;
	border-left: solid 1px #ce9a53;
	float: right;
	position: relative;
	margin-top: 15px;
	font-size:0.9em;
	font-family:Verdana, Helvetica, sans-serif;
	height: auto;

}
#sisaltoosa img {
	padding: 2px;
	border: 1px solid #3D3834;
}

#sisaltoosa div.tiedot {
	position:relative;
	float:right;
	border: 1px solid #827057;
	padding:15px 0;
	width:415px;
	background:#ecd6a6;
	color:inherit;
	margin-bottom: 15px;
}

#sisaltoosa div.pentueentiedot {
	border: 1px solid #827057;
	padding:15px 0;
	background:#ecd6a6;
	color:inherit;
	margin-bottom: 15px;
}


#sisaltoosa div.tiedot ul, #sisaltoosa div.pentueentiedot ul {margin-top:0!important;}

#sisaltoosa #omienkoirienkuvat {
	border-top: 2px solid #827057;
	border-bottom: 2px solid #827057;
	margin-top: 20px;
	margin-bottom: 10px;
	width:100%;
	padding-top:10px;
	clear: both;
}

#sisaltoosa #omienkoirienkuvat img {
	margin: 0 10px 10px 0;
}


#sisaltoosa #kuvagalleriaotsikko {
	font: 1.5em "Trebuchet MS", "Lucida Sans Unicode", sans-serif;
	color: #827057;
	padding-top: 5px;
	padding-bottom: 10px;
	border-bottom: solid 1px #81442e;
}

#sisaltoosa #kuvagalleria {
	border-collapse: collapse;
	border:none;
}
#sisaltoosa #kuvagalleria td {
	padding: 10px;
}

#sisaltoosa hr {
	background: #827057;
}


img.kuvaoikea {
	position:relative;
	margin: 0 0 5px 12px!important;
	float:right;
}

img.kuvavasen {
	position:relative;
	margin: 0 12px 5px 0!important;
	float:left;
}

img.isokuvaomatkoirat {
	position:relative;
	margin: 0 12px 5px 0!important;
	float:left;
}

.titteli {
	font-weight: bold;
	margin-bottom: -5px;
}

.small {
	font-size:0.8em;
	font-family:Verdana, Helvetica, sans-serif;
	line-height: 15px;
}

.clear {clear:both;}

.valiviiva {
	border: none!important;
	border: none!important;
	margin:0!important;
	padding:0!important;
	clear: both;
}
.punainen {
	color: #81442E;
}
#sisaltoosa table.litters {
	width:100%;
	border-collapse:collapse;
	text-align:center;
	font-size:1em;
}

#sisaltoosa table.litters td {
	padding-right: 10px;
	padding-bottom: 5px;
	text-align:center;
}
#sisaltoosa h4 {
	font: 1.2em "Trebuchet MS", "Lucida Sans Unicode", sans-serif;
	font-weight: bold;
}
#pennut {
	text-align: center;
}
#sisaltoosa .laatikko {
	background: #ECD6A6;
	width: 300px;
	text-align: left;
	font: .85em Verdana, Helvetica, sans-serif!important;
	line-height:17px!important;
	border-top: 2px solid #81442E;
	border-bottom: 2px solid #81442E;
	padding: 15px;
	margin-left: auto;
	margin-right: auto;
}
#sisaltoosa .keskittaja {
	text-align: center;
	width: 100%;
	padding-top: 20px;
}
#sisaltoosa img.ruksi {
	position: relative;
	top: 4px;
	border: none!important;
}

#sisaltoosa #newssivu {
	font-family: "Trebuchet MS", "Lucida Sans Unicode", sans-serif;
}

#sisaltoosa #newssivu h3 {
	font-size: 1.3em;
	color: #81442E;
	padding-bottom:3px;
	border-bottom:solid 1px #81442E;
	padding-top: 20px;
}
#sisaltoosa #news p {
	line-height: 15px;
}

#sisaltoosa .palstavasen, #sisaltoosa .palstaoikea {
	width: 370px;
	position:relative;
	overflow:hidden;
}

#sisaltoosa .palstavasen {
	float: left;
}
#content .palstaoikea {
	float: right;
}
img.marginright {
	margin-right: 10px;
}
.photosinfo {
	font-size: 0.9em;
	color: #666666;
}
div.kuvavasendiv {
	float: left;
	width: auto;
	margin-right: 10px;
}
div.kuvaoikeadiv {
	float: right;
	width: auto;
	margin-left: 10px;
}

div.kuvavasendiv p, div.kuvaoikeadiv p {
	font-size: 0.85em;
	color: #666666;
	padding-top: 0px;
	margin-top: 2px;
	margin-bottom: 2px;
	padding-bottom: 0px;
}
#kuvagalleria p {
	font-size: 0.85em;
	color: #333333;
}
.mailto {
	margin-bottom: -5px;
}

#viekku {
	margin-top: 20px;
	border:0!important!
}