/* Tilausajokuljettajat ry / Kalevi Ristilä */
/* 2008.09.23 */

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}

body { text-align: center; }

#kokosivu {	
	/* Koko sivun sisältö on tässä kehyksessä */
	position: relative;
	min-height: 100%;
	/* seuraavat kaksi riviä vanhemmille selaimille, säilytä järjestys */
	height: auto !important;
	height: 100%;
	/* annetaan leveys niin että mahtuu 1024x768 näytölle */
	width: 900px;
	/* sisällön keskittäminen */
	margin-right: auto; 
	margin-left: auto;
	text-align: left;	
	border: 1px solid #EAEAEA;
	background-color: #EAEAEA;
}

#ylatunniste {
	/* Ylatunnisteen sisällä,
	/* sivunimi,
	/* kuvakehys */

	width: 100%;	
	background-color: #DDDDDD;
	/* border: 1px solid white; */
}

#banner {
    width: 100%;

/*	background:#ED1C24; */
	float: center;
}

#sivunimi h1 {
	float: left;
	width: 56%;
	height: 60px;
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 1.2em;		
	color : #00008B;
	text-decoration: none;
	padding: 30px 0px 0px 4px;/* ylä, oikea, ala, vasen */
	background: #DDDDDD;	
}

#sivunimi a {
	text-decoration: none;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 1em;		
	color : #00008B;
}

#kuvakehys {
	float: right; 
	max-height: 91px;	
	 margin-right : 1px; 
	background:#DDDDDD;
}

#wrapper {
	/* Asettelua varten oleva kehys, ei sisöltöä */
	float: right;
	width: 100%;
	margin-left: -204px;
}

#sisalto {
	/* tyhjää tilaa navigoinnille */
	margin-left: 204px;
	/*overflow: auto;  height:600px;*/ /* scroll sivulle */
	font-family: "Helvetica Neue",helvetica,"microsoft sans serif",arial,sans-serif;
	font-size: .8em; /* tekstin koko */
	/*text-align: justify;*/ /* teksti tasataan molempiin reunoihin */
	background:#EAEAEA;	
	border-left : 1px dotted #cccccc; /* reunus erottamaan navi tästä kehyksestä */
	padding: 10px 10px 10px 5px;/* ylä, oikea, ala, vasen */	
}

#sisalto h1 {
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 1.5em;
	color: #560000;
}

#sisalto h2, h3 {
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 1.2em;
	color: #560000;
}

#sisalto img {
	float: left;
	padding: 4px 10px 10px 0px; /* ylä, oikea, ala, vasen */
}

#k_taulu {
	font-family: Verdana, Geneva, Arial, sans-serif;
	text-align: left;
	font-size: 90%;
}


#apua_matkalla_taulu {
	font-family: Verdana, Geneva, Arial, sans-serif;
	text-align: left;
	font-size: 80%;
}



#navigointi {
	/* #navigointi vasempaan reunaan */
	float: left;	
	width: 200px;	
	/* padding-top ominaisuudella muutetaan tarvittaessa 
	yläreunan etäisyyttä #ylatunnisteesta */
	padding-top: 20px;	
	margin: 0;	
}

#navigointi ul {
  /*background: #FFF8DC; /* navipalkin taustaväri */
  color: #000;
  list-style-type: none;
 /* font-family: Verdana, Geneva, Arial, sans-serif;*/
  font-size: 1em;
  white-space: nowrap;
  margin: 0;
  padding: 0;   
}

#navigointi ul li h1 {
	/*font-family: Verdana, Geneva, Arial, sans-serif;*/
	font-size: .75em;
	margin-left: 4px;	
}

#navigointi ul li a {	
	display: block;
	
	margin: 0;	
	height: 18px;
	padding: 4px 0px 0px 4px; /* ylä, oikea, ala, vasen */	
	/*font-family: Verdana, Geneva, Arial, sans-serif;*/
	font-family: Arial,sans-serif;
	font-size: .75em;	
	font-weight: 900;
	color: #000099;
	text-decoration: none;	
	/* nappuloiden taustan väri */
	background: #EAEAEA; /*#ddd;*/ 
}

#navigointi ul li a:hover, #navigointi ul li.highlight a {	
	background: #ccc;
	/*font-family: Verdana, Geneva, Arial, sans-serif;*/
	color: #8B0000;
}

#navigointi img {
	/* Navigointivalikon kuva oikeaan reunaan */
	float: right;
	margin-top : 14px;
	margin-right : 4px;
	margin-bottom : 4px;
}

#extra {
	/* koska #navigointi ja #wrapper kellutettiin, ei #kokosivulla 
	ole korkeutta, näitä seuraavan #extran 'clear: both' lisää elementin 
	niiden alapuolelle ja antaa #kokosivulle korkeuden */ 
	clear: both; 
	/* tehdään samalla tyhjää tilaa vähintään #alatunnisteen korkeuden 
	verran ettei #alatunniste tule #sisallön tai #navigoinnin päälle */
	height: 50px; 
}

#alatunniste {
	position: absolute;
	bottom: 0;
	width: 881px; /* absolute vie leveyden */
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: .55em;
	padding: 4px 10px 4px 10px;/* ylä, oikea, ala, vasen */	
	background:#DDDDDD;
	clear: both;
}

#alatunniste img {
	/* mikäli alatunnisteeseen sijoitetaan kuva, niin se laitetaan oikeaan reunaa */
	float: right;	
	margin-top : 4px;
	margin-right : 4px;
	margin-bottom : 4px;
}

#alatunniste h1 {
	font-size: .8em;
	color: #666666;
}