/* Perusasetukst sivustolle */

body {
	background: #000;
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
	margin-bottom: 25px;
	text-align: center;
	color: #000;
	padding: 0;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10pt;
}

h1 {
	font-family: Arial;
	font-size: 14pt;
	color: #000040;
}
h2 {
	font-family: Arial;
	font-size: 12pt;
}
/* Perusasetukset tauluille */
table {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10pt;
}

/* Asetukset keskiosaan */
.paa {
	margin-left: auto;
	margin-right: auto;
	width: 700px;
	border: 25px solid #ffffff;
}

/* Muotoilut keskiosaan (=mihin kaikki sisältö tulee) */
.keski {
	background-image: url('kuvat/tausta_ravi.jpg');
	background-repeat: no-repeat;
	background-position: bottom right;
	background-color: #a3cae3;
	width: 700px;
	padding-top: 20px;
	padding-bottom: 20px;
}

/* Asetukset hinnastosivun taulukolle */
.hinnasto  {
	width: 300px;
	border: 1px solid #000;
	margin-left: auto;
	margin-right: auto;
	background: #ffffff;
	border-collapse: collapse;
}
/* Asetukset kuvauskalenterisivun taulukolle */
.kuvauskalenteri  {
	width: 600px;
	border: 1px solid #c0c0c0;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background: #ffffff;
	border-collapse: collapse;
}
.kuvauskalenteri_otsikko {
	background: #efefef;
	font-weight: bold;
}
.kuvauskalenteri_vari1 {
	background: #ffffff;
}
.kuvauskalenteri_vari2 {
	background: #efefef;
}
.kuvauskalenteri td {
	vertical-align: top;
	padding: 2px;
}
/* Asetukset linkkisivun taulukolle */
.linkit  {
	width: 400px;
	margin-left: auto;
	margin-right: auto;
}

/* Asetukset palautesivun laatikolle */
.palaute, .tekstisisalto {
	margin-left: auto; 
	margin-right: auto; 
	text-align: left; 
	width: 800px;
}
.palaute {
	width: 500px;
}
	
/* Sivun otsikkoteksti */
.otsikko {
	font-weight: bold;
	text-decoration: underline;
}

/* Pieni teksti */
.pieni {
	font-family: Verdana, Arial, sans-serif;
	font-size: 8pt;
	color: #ffffff;
	margin-top: 5px;
	margin-bottom: 5px;
}

.pieni a {
	color: #efefef;
}

.pieni a:hover {
	text-decoration: underline;
}

/* Perusasetukset kuville */
img {
	border: 0;
	padding: 0;
	margin: 0;
	margin-left: auto;
	margin-right: auto;	
	}

/* Asetukset www.ravifoto.net kuvalle */
.kuva_www {
	display: block; 
	float: right; 
	margin-top: -20px; 
	margin-right: 15px; 
}

/* Perusasetukset labelille (käytetään palautesivulla) */
label {
	width: 9em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;
}

/* Fonttiasetukset tekstilootaan */
textarea {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10pt;
	margin: 2px;
}

/* Lisätään väliä tekstikenttiin (muuten liian "tiukassa" Firefoxilla) */
input {
	margin: 2px;
}

/* Asetukset linkeille */
a {
	color: #000080;
	text-decoration: none;
}

/* Valikon (=logo, valikkolinkit) asetukset */
#menu {
	text-align:center;
	margin-left: auto;
	margin-right: auto;
	width: 837px;
	vertical-align: bottom;
	height: 100px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 8pt;
	color: #ffffff;
}

/* Valikon asetuksia tästä eteenpäin */

.box_logo {
	position:relative; 
	float:left; 
    vertical-align: bottom;
	margin-right: 6px;
}

.box_linkit {
	position:relative; 
	float:left; 
	top:75px;
    vertical-align: bottom;
}

#menu a, #menu a:visited {
	position:relative; 
	text-decoration:none; 
	background-color:#06a; 
	color:#ffffff; 
	display:block; 
	width:70px; 
	height:15px; 
	padding:5px;
	margin:0 1px;
}

#menu a.lippulinkki, #menu a:visited.lippulinkki  {
	width: 40px;
	background: none;	

	right: 2px;
	bottom: 4px;
}

#menu a.active {
	background: #ffffff;
	color: #000;
}
#menu a:hover.active {
	background: #000;
	color: #ffffff;
}

#menu a .topleft_active, #menu a .topright_active {
	position:absolute; 
	top:0; 
	width:0; 
	height:0; 
	overflow:hidden;
	border-top:10px solid #ffffff;
}

#menu a .topleft_inactive, #menu a .topright_inactive {
	position:absolute; 
	top:0; 
	width:0; 
	height:0; 
	overflow:hidden;
	border-top:10px solid #000;
}

#menu a .topleft_active {
	left:0; 
	border-right:10px solid #ffffff;
}

#menu a .topleft_inactive {
	left:0; 
	border-right:10px solid #06a; 
}

#menu a .topright_active {
	left:70px; 
	border-left:10px solid #ffffff; 
}
#menu a .topright_inactive {
	left:70px; 
	border-left:10px solid #06a; 
}

#menu a:hover {
	background-color:#000; 
}

#menu a:hover .topleft_active, #menu a:hover .topleft_inactive {
	border-right:10px solid #000; 
	border-top:10px solid #000;
}

#menu a:hover .topright_active, #menu a:hover .topright_inactive {
	border-left:10px solid #000; 
	border-top:10px solid #000;
}

p.yllapitopainikkeet {
	position: relative; 
	padding: 0; 
	margin: 0; 
	margin-left: 400px;
	top: 50px; 
}
p.yllapitopainikkeet a {
	color: #efefef;
}
p.yllapitopainikkeet a:hover{
	text-decoration: underline;
}
.virheilmoitus {
	margin-left: auto;
	margin-right: auto;
	width: 500px;
	border: 1px solid #c0c0c0;
	background: #ffffc0;
	padding: 5px;
}
.virheilmoitus p {
	margin-left: 15px;
	color: red;
	font-weight: bold;
	text-align: left;
}

.virheilmoitus li {
	text-align: left;
}

.vieraskirjaviesti {
	width: 575px;
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: 1px solid #efefef;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

.vieraskirjaviesti {
	margin-top: 0;
	margin-bottom: 10px;
}

.vieraskirja_vastaus {
	padding: 0;
	margin: 0;
	margin-left: 15px;
	margin-bottom: 10px;
	color: #000040;
	font-style: italic;
}

/* TAULUKKO */
.taulukon_asetukset {
	width: 650px;
	border: 1px solid #c0c0c0;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background: #ffffff;
	border-collapse: collapse;
}
.alitaulu_otsikko {
	background: #efefef;
	font-weight: bold;
}
.alitaulu_vari1 {
	background: #ffffff;
}
.alitaulu_vari2 {
	background: #efefef;
}
.taulukon_asetukset td {
	vertical-align: top;
	padding: 2px;
}


/* (C) 2008 Antti Lehtonen 
antti.lehtonen@gmail.com */