/****************************************************************************************************
* Arabianhevonen.net default tyylitiedosto.
****************************************************************************************************/
html { height:100%; }
body {
	height:100%;
	margin: 0;
	padding: 0;
	font-family:Verdana, Arial, Serif; 
	font-size:12px;
	background-color: #f2c000;
	/*background:url(siluetti.gif) no-repeat #3b8dcd bottom left;*/
}

h1, h2, h3 { color:#276230;	font-family: Georgia, Arial, sans-serif; }

h1 { font-size:16px; }

h2{	font-size:14px; }

h3 {
 font-size:12pt;
 font-weight: bold;
 margin: 5pt 2pt 4pt 2pt;
 text-align:left;
}

a {color:#276230;} 
a:hover {color:#3e8e4b; text-decoration:none;} 
a:active {color:#276230;} 
a:visited {color:#276230;} 
a:visited:hover {color:#3e8e4b;
}

ul {
	padding:0;
	margin:0;
	list-style:none;
	height:30px;
}

li {
	float:left;
	position:relative;
	width: auto;
	padding-right: 10px;
	text-align:left;
	background-color:transparent;
}

li a { text-decoration:none; }

li ul {
	display:none;
	position:absolute;
	top:15px;
	left:0;
	width:100px;
	padding:0.5em 0 1em 0;
	/*border:1px solid #000066;*/
	border-top:0;
}

li>ul { top:auto; left:auto; }

li:hover ul, li.over ul { display: block; }

#content {
/* määritellään pääkehykset sivuille, tämä sisältää kaiken sivuilla olevan tiedon */
	position: relative;
	margin:auto;
	width: 874px;
	min-height: 100%;
	background-image:url("body_bg.gif");
	background-repeat: repeat-y;
	background-color: #FFFFFF;
	border-bottom: 1px solid #000000;
}


#main{
	width: 784px;
	margin: 0;
	padding: 20px 45px 30px 45px;
}
#footer{
/* sivun alaosan muotoilu, tämä osa pysyy aina sivun alimmaisena. Koska content määriteltiin olemaan koko sivun korkuinen,
täytyy footeria nostaa korkeutensa verran ylöspäin, jotta se näkyy sivuilla oikeassa paikassa. Footer korkeus on 80px, tämän
verran täytyy jättää paddingia pääsisällön alareunaan (#main). */
	position: relative;
	/*margin-top: 80px;*/
	height: 20px;
	text-align:center;
	width: 784px;
	padding: 20px 45px 30px 45px;
	font-size: 10px;
	color: #999999;
	line-height: normal;
}

#footer a { color: #999999; }

#links {
	position: absolute;
	top: 160px;
	left:215px;
	width: 500px;
	height: 30px;
	padding: 3px 10px 3px 10px;
	text-decoration:none;
	list-style:none;
	color:#FEEBDC;
	background-color:#ffffff;
	font-size: 10px;
	line-height: normal;
}

#pikahaku {
	position: absolute;
	top: 125px;
	right: 130px;
}

#kielet{
	position: absolute;
	top: 160px;
	right: 60px;
	z-index: 500;
}

.frontimage { vertical-align:middle; border:1px solid #000000; margin:10px 3px; }

.nostoboxi{
	color:#000000;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	padding-left: 20px;
	margin: 5px 0;
	background-color:#ceb487;
}
.infotext { font-size:10px; }

div.mietelma { font-size:14px; padding:10px 0 10px 20px; background-image:url("quote.gif"); 
background-repeat: no-repeat; width:300px; font-style:italic; }

span.author { display:block; text-align:right; font-size:10px; }

.clear {
	clear: right;
}

.current {
	font-weight: bold;
	text-decoration:underline;
}

/* Sukusivuilla käytetyt tyylit*/
.lomake {
	border:1px solid #000066;
	background-color:#FFFFFF;
	height:100pt;
	width:400pt;
	font-size:10pt;
}

.sukutaulu {
	border:1px solid #000066;
	background-color:#FFFFFF;
	width: 500pt;
	font-size: 12px;
}

.kuvat {
	text-align:center;
	border:1px solid #000066;
	background-color:#FFFFFF;
	height:100pt;
	width:400pt;
	font-size:10pt;;
}

.naytakuva{
	height:100pt;
	width:400pt;
	font-size:10pt;;
}

.button { border:0; background-color:none; background-image:url("button.gif"); 
background-repeat: no-repeat; font-size:10px; font-weight:bold; height:23px; width:62px; }

* html #content {
height: 100%;
}