body {
background-color: #007bb4;
width: 100%;
height: 100%;
background-image: url('images/bg.gif');
background-repeat: repeat-x;
background-position: left top;
padding:0;
margin:0;
}

#tausta

{

	position:absolute;

	left: 50%;		

	width: 100%;

   height: 601px;

   top: 0px;	

	margin-left: -50%;	
	background-image: url(images/bg2.jpg);
	background-repeat: no-repeat;
	 background-position: center top;

}

#logo {

	position: absolute;

	left: 50%;

	width: 894px;

	height: 150px;

	margin-left: -447px;

	

	top: 0px;

	

}

#navi1 {

position:absolute;

left: 50%;

width: 95px;

height: 35px;

margin-left: -430px; 

border-style: solid;

border-width: thin;

 background-color: White;

 text-align: center;

  top: 167px;

  font-family:  Verdana,Arial,Helvetica,sans-serif;

  font-size: 12px;

}



#navi2 {

position:absolute;

left: 50%;

width: 95px;

height: 35px;

margin-left: -330px; 

border-style: solid;

border-width: thin;

 background-color: White;

 text-align: center;

  top: 167px;

 font-family:  Verdana,Arial,Helvetica,sans-serif;

   font-size: 12px;

}

#navi3 {

position:absolute;

left: 50%;

width: 95px;

height: 35px;

margin-left: -230px; 

border-style: solid;

border-width: thin;

 background-color: White;

 text-align: center;

  top: 167px;

  font-family:  Verdana,Arial,Helvetica,sans-serif;

    font-size: 12px;

 

}

#navi4 {

position:absolute;

left: 50%;

width: 95px;

height: 35px;

margin-left: -30px; 

border-style: solid;

border-width: thin;

 background-color: White;

 text-align: center;

  top: 167px;

 font-family:  Verdana,Arial,Helvetica,sans-serif;

   font-size: 12px;

}

#navi5 {
position:absolute;
left: 50%;
width: 95px;
height: 35px;
margin-left: -130px;
border-style: solid;
border-width: thin;
background-color: White;
text-align: center;
top: 167px;
font-family:  Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
}



#paaosa {

position:absolute;

left: 50%;

top: 150px;

width: 894px;

margin-left: -447px; 


 background-color: White;

 text-align: center;

 height: 500px;

 font-family:  Verdana,Arial,Helvetica,sans-serif;

}

#sisalto {

position:absolute;

left: 50%;

top: 217px;

width: 890px;

margin-left: -445px;

  text-align: center;

 height: 400px;

 overflow: auto;

font-family:  Verdana,Arial,Helvetica,sans-serif;

 font-size: 11px;

 text-align: left;

}

#infolinkit {

 position:absolute;

 left: 50%;

 top: 10px;

 width: 200px;

 margin-left: -430px;

 overflow: auto;

 

}

#infolinkit a

{

	font-family:  Verdana,Arial,Helvetica,sans-serif;

 	font-size: 12px;

 	text-align: left;

	color: black;	

}

#infolinkit a:hover

{

	font-family:  Verdana,Arial,Helvetica,sans-serif;

 	font-size: 12px;

 	text-align: left;

	font-weight: bold;

	

}

#info_otsikko

{

	 font-family: Verdana,Arial,Helvetica,sans-serif;

 	font-size: 12px;

 	text-align: left;

	font-weight: bold;

}

#info_teksti

{

	font-family:  Verdana,Arial,Helvetica,sans-serif;

	font-size: 11px;

	text-align: left;

	line-height: 16px;



}

#infosisalto 

{

 position:absolute;

 left: 50%;

 top: 10px;

 width: 650px;

 margin-left: -220px;

 text-align: center;

 height: 390px;

 overflow: auto;

 font-family:  Verdana,Arial,Helvetica,sans-serif;

 font-size: 11px;

 text-align: left;



}

#info_kuva

{

	font-family:  Verdana,Arial,Helvetica,sans-serif;

	font-size: 11px;

	text-align: left;

	line-height: 16px;



}



#harmaaraita

{

	position: absolute;

	width: 860px;

	height: 10px;

   background-color: #E2DFD0;

	left: 50%;

	margin-left: -430px;

	top: 624px;

}









#uloskirjaus a

{

	position: absolute;

	left: 50%;

	margin-left: 350px; 

	font-family:  Verdana,Arial,Helvetica,sans-serif;

	font-size: 11px;

	top: 40px;

	color: #444;
	
	text-decoration: none;
	
	font-size:11px;

}



#virheilmoitus

{

	position: absolute;

	z-index: 1;

	background-color:  #FFB2B2;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 14px;

	width: 300px;

	height: 200px;

	left: 50%;

	margin-left: -150px;

	border: 2px;

	border-style: solid;

	padding: 5px;

}

#kalenterinakyma

{

	position: absolute;

	z-index: 1;

	background-color: #d0ffef;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 12px;

	width: 290px;

	height: 380px;

	left: 50%;

	margin-left: 120px;

	top: 5px;

	border: 2px;

	border-style: solid;

	padding: 5px;

}

#kloajat

{

	font-size: 11px;

}

#varattu

{

	background-color: aqua;

}

#varattu_jo

{

	background-color: red;

}

#debug

{

	position: absolute;

	z-index: 1;

	background-color:  #FFB2B2;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 14px;

	width: 300px;

	height: 200px;

	left: 0px;

	

	border: 2px;

	border-style: solid;

	padding: 5px;

}

#varauspohja 

{
	margin-left:17px;
	
	width: 350px;

	height: 350px;

}

#tarjoilujentilaus

{

	visibility: hidden;

	position: absolute;

	width: 390px;

	height: 180px;

	overflow: auto;

   border: groove;

	font-family:  Verdana,Arial,Helvetica,sans-serif;

}

#neukkarikuva

{

	visibility:visible;

	width:390px;

	height: 180px;	

}

#okoylogo {
	margin-top:10px;
}

#hallintasisalto {
 margin-left:17px;
 position:relative;
}

#varausvahvistus{
	margin-left:17px;
}

#varausvahvistus textarea{
	width:300px;
	height:100px;
}

#napit{
	width:350px;
	border: 1px solid black;
	padding:5px;
}

.yritystieto {
    padding: 0 2em;
}

.yritystieto p{
    margin: 0 0 0.5em 0;
}

.rightIndent{
    text-align: right;
}

input.nappi{
    margin-right: 1em;
}



table.yritykset{
    font-size: 13px;
    width: 100%;
    border-collapse: collapse;
}

table.yritykset * {
    margin: 0;
    padding: 0;
    vertical-align: top;
}

table.yritykset td{
    padding: 0.2em 0.2em 0.5em 0.2em;
}

.aakkoset a{
    font-size: 13px;
    text-decoration: none;
    margin-right: 0.5em;
    
}

a.aakkonen {
   
}

a.aakkonenCurrent {
  
}

tr.odd {
    background-color: #e0ebfa;
}

tr.even {
    background-color: #f2f6fa;
}

.messageSuccess {
    padding: 1em;
    background-color: #B2FEE1;
    border: 1px solid green;
}

.messageNeutral {
    padding: 1em;
    background-color: #FFFFCC;
    border: 1px solid #FFCC00;
}

.messageFail {
    padding: 1em;
    background-color: #FFCCE0;
    border: 1px solid red;
}



table.yrityslomake {
    font-size: 13px;
    width: 100%;
}

table.yrityslomake td.label{
    vertical-align: top;
    width: 10em;
}

table.yrityslomake td.input {
    vertical-align: top;   
}

.teksti { width: 25em; }

.nappi { width: 5em; }

.paivays { width: 8em ;}

.valikko { height: 1.8em; width: 30em; font-size: 11px; }

.kapea { width: 8em;}

.inputError{
    border: 1px solid red;
}
/*   */
.historyDiv{ display:none; position:absolute; left:200px; top:100px; border-style: solid; background-color: white; padding: 5px; }

.historia{ font-size: 80%; text-decoration: none; color: gray; }
a.historia:hover{ color: black; }

table.historia { width: 40em; font-size: 80%; border-collapse: collapse;}
table.historia th {background-color: #E0E0E0 ;}
table.historia td {padding: 0.5em; vertical-align: top;}