body
{ 
        background: #555555 url(pattern-ajbk.png) repeat;
        font-family: gill, helvetica, sans-serif;
}


p
{
        margin-left: 1em;
        margin-right: 2em;
}

.tulossa
{
        position: relative;
        top: -90px;
        left: 0px;
        width: 10em;
        color: white;
        background-color: #fe5e00;
        padding: 10px;
        border: 3px solid #fe5e00;
        box-shadow: 5px 5px 8px 0px rgba(0,0,0,0.3);
}

.musta
{
        background: #000;
        padding: 3px 8px 3px 8px;
}

.aktiivinen
{
        background: #fe5e00; /*#ff7900;*/
        padding: 3px 8px 3px 8px;
}

.musta:hover
{
        background: transparent;
}

#container
{
	margin: 0 auto;
	margin-bottom: 2em;
	max-width: 50em;
        background: #fff url(tausta.jpg) no-repeat right bottom;
        box-shadow: 5px 5px 8px 0px rgba(0,0,0,0.3);
}

#header
{
	padding: 120px 20px 30px 20px;
        background: url(ylapalkki.jpg) no-repeat right top;
        background-size: contain;
}

#headerpalvelut
{
	padding: 120px 20px 30px 20px;
        background: url(ylapalkkip.jpg) no-repeat right top;
        background-size: contain;
}

#headeryhteystiedot
{
	padding: 120px 20px 30px 20px;
        background: url(ylapalkkiy.jpg) no-repeat right top;
        background-size: contain;
}

#header h1 { margin: 0; }

#navigation
{
	float: left;
	width: 100%;
}

#navigation ul
{
        background: #676767;
        padding: 20px;
	border: none; /*border: solid 3px #000; */
	margin: 0;
	position: relative;
	/*left: 20px;*/
        /*  box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.3); /*#888;*/
}

#navigation ul li
{
	list-style-type: none;
	display: inline;
}

#navigation li a
{
	display: block;
	float: right;
	padding-top: 25px;
	padding-bottom: 20px;
	color: #fff;
	font-size: 130%;
	background: #fe5e00;
	text-decoration: none;
	border: none; /* border: 3px solid #000; */
	margin-right: 20px;
	position: relative;
        box-shadow: -4px 0px 6px 0px rgba(0,0,0,0.3);
	top: -32px;
}



/*#navigation li a:hover
{
        color: #ff7900;
}*/

#content
{
	clear: left;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}

#content h2
{
	color: #000;
	font-size: 160%;
	margin: 0 0 .5em;
}

#content h3
{
	color: #aa4700;
	font-size: 100%;
	margin-bottom: 0.3em;
}

#content ul
{
         margin: 0;
}

#content img
{
         float: right;
         margin: 0px 20px 20px 20px;
         border: none; /* border: 3px solid #d96700; */
         box-shadow: 4px 4px 7px 0px rgba(0,0,0,0.3);
}
#tablecontent
{
	clear: left;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}

#tablecontent h2
{
	color: #000;
	/*font-size: 160%;*/
	margin: 0 0 .5em;
}

#tablecontent h3
{
	color: #aa4700;
	/*font-size: 100%;*/
	margin-bottom: 0.3em;
}

#tablecontent ul
{
         margin: 0;
}

#tablecontent img
{
         float: left;
         margin: 0em 0em 0em 0em;
         border: none; /* border: 3px solid #d96700; */
         box-shadow: 4px 4px 7px 0px rgba(0,0,0,0.3);
}

#tablecontent td
{
         padding: 5px;
}

#footer
{
        background: #fff;
	border-top: solid 3px #fe5e00;
	text-align: center;
	color: #000;
	padding: 20px;
}
#yht td
{
}
#yht th
{
        text-align: right;
        padding-right: 0.5em;
}
#oranssi
{
        background-color: #ffe5d0;
        color: #000;
        border: none; /*border: 3px solid #d96700;*/
}
#tummaoranssi
{
        background-color: #fe5e00;
        color: #fff;
        border: none; /*border: 3px solid #a24d00;*/
}
#valkoinen
{
        background-color: #fff;
        color: #000;
        border: none; /*border: 3px solid #a24d00;*/
}

@media only screen and (max-device-width: 480px){ 
  body { font-size: 2em; }
  #tablecontent td { font-size: 2.5em; }
  #tablecontent th { font-size: 2.5em; }
  #container { max-width:100%; min-width: 100%}
  img { width: 400px; }
}