/* reset && general stuff*/
html, body, div, span table, td, th, tr, p, h1, h2, h3, h4, ul, li {
    margin: 0px;
    padding: 0px;
}
.textReplacement {
	display:none;
}
.error {
	color: red;
}


/* body */
html {
	background-color: white;
	font-family: arial;
}

body {
	background: url(images/leftBar.png) repeat-y 40px 0px transparent;
}
div.bg {
	background: url(images/rightBar.png) repeat-y 100% 0px transparent;
	margin-right: 40px;
	min-width: 45em;
}

/* header */
div.header {
}
div.header, #header span.image, #header span.imageRepeat {
    height: 176px;
}
#header span.image {
    width: 1024px;
	max-width: 100%;
    position: absolute;
	background-repeat: no-repeat;
    display:block;
}
#header span.imageRepeat {
    width: 100%;
	background-repeat: repeat-x;
	background-position: 1024px 0px;
    display:block;
	padding-left: 40px;
}
#header span.rightBarOver {
	display:block;
	position:absolute;
	top:4em;
	left: 0px;
	height: 176px;
	margin-left: -40px;
	width: 100%;
	-margin-left: 40px;
}
#header span.rightBarOver span {
	min-width: 45em;
	display:block;
	height: 176px;
	padding-left: 40px;
	background: url(images/rightBar.png) repeat-y 100% 0px transparent;
}
#header span.imageText {
	position:absolute;
	left: 250px;
	font-size: 2em;
	color: white;
	margin-top: 1em;
	width: 10em;
}
#header div.lang {
	font-size: 0.5em;
	height: 64px;
	text-align: right;
	display:block;
}
#header div.lang a {
	text-decoration: none;
	color: black;
	font-weight: bold;
}
#header div.lang li.disabled {
	font-weight: bold;
	color: gray;
}
#header div.lang ul {
	padding-top: 3em;
	list-style:none;
	float:right;
	margin-right: 80px;
}
#header div.lang ul li {
	float:left;
	margin-left: 10px;
	padding-left: 10px;
	border-left: 2px solid #FFAA3D;
}
#header div.lang ul li.first {
	border-left: none;
}

#bg { 
background-image: url(images/header-1.jpg); 
}
#bgRepeat { 
background-image: url(images/header-1-repeat.jpg); 
}


#leftBar {
	width: 150px;
	padding-left: 5px; padding-right: 5px;
	position: absolute;
	top: 64px;
	left: 40px;
	background: url(images/leftBar.png) repeat-y 0px -64px transparent;
	min-height: 400px;
}

/* menu */
#menu {
	width: 150px;
}
#menu ul li.first {
	background: url(images/osuusluotto.png) repeat-y 0px 0px transparent;
	width: 220px;
	height: 95px;
	position:absolute;
	display:block;
	top: -50px;
	left: -27px;
}
#menu ul li.first * {
	display:none !important;
}

#menu ul {
	padding-top: 50px;
	list-style:none;
}
#leftBar span.leftBox1 {
	display:block;
	background: url(images/leftBoxBottom.png) no-repeat 0 100% transparent;
}
#leftBar span.leftBox2 {
	display:block;
	background: url(images/leftBoxTop.png) no-repeat 0 0 transparent;
	padding-top: 5px;
	padding-bottom: 7px;
}
#leftBar span.leftBox3 {
	display:block;
	background: url(images/leftBoxContent.png) repeat-y 0 0 transparent;
}
#menu ul li {
	text-align:center;
	display:block;

}
#apply a img {
	border: none;
	margin-left: 1px;
}
#menu a {
	color: black;
	font-weight: bold;
	text-decoration: none;
	display: block;
}
#menu ul {
	margin-bottom: 2em;
}

#news ul {
	list-style: none;
	width: 150px;
}
ul.news h2 {
	font-size: 1em;
}
#news span.leftBox3 {
	padding-left: 10px;
	padding-right: 15px;
}

#news ul li {
	font-size: 0.8em;
	padding-bottom: 0.5em;
	margin-right: 17px;
}
#news a {
	color: black;
	font-weight: normal;
	text-decoration: none;
}
#news a em {
	font-weight: bold;
}


/* right */
#rightBox
{
	width:230px;
	margin-right: 80px;
	float:right;
}
#rightBox ul {
	list-style: none;
	padding-left: 10px;
}
#rightBox li a img {
	border: none;
}
#rightBox li {
	border-left: 2px solid #fdae4d;
	padding-left: 20px;
	border-top: 2px solid #fdae4d
}
#rightBox li.first {
	border-top:none;
	margin-top:10px;
	padding-top:10px;
}
#rightBox li.last {
	padding-bottom:40px;
}

/* content */
#content {
	min-height: 30em;
	margin-left: 220px;
	margin-right: 3%;
	padding-right: 70px;
	margin-top: 1em;
}
#content p {
	margin-bottom: 0.5em;
}
#content h1, #content h2, #content h3 {
	margin-bottom: 0.5em;
}
#content li {
	margin-left: 1em;
}

#content tr.coming td {
        background-color: #8cbbfd;
    }
    #content table td, #content table th {
        background-color: white;
    }
    #content table tr.hor th {
        border-top: 2px solid #ffbc6e;
        border-bottom: 2px solid #ffbc6e;
    }
    #content table tr.ver th.line, #content table tr.ver td.line {
        border-left: 2px solid #ffbc6e;
    }
    #content table td.topa, #content table th.topa {
        background-color: #ffcf97;
    }

div#keskitetty
{
text-align: center;
}	

div#keskitetty h1
{
font-size: 1.1em;
}	

table.tab1
{
margin-left: auto; 
margin-right: auto;
}

td#w125
{
width: 125px;
}

td#w125 a
{
color: black; 
text-decoration: none;
}

td#w125 img
{
border: none;
float: left;
margin-top: 15px;
}

td#w125 em
{
height: 2em; 
font-weight: bold; 
color: #727471; 
font-size: 1.2em;
}

div#aukiolo
{
margin-left: 10px;
text-align: center;
}

p#smallPrint
{
padding-top: 0.5em;
font-size: 0.7em; 
text-align: justify;
padding-bottom: 1em;
}
	
/* footer */
#footer
{
	font-size: small;
	font-weight: bold;
	margin-top: 2em;
	text-align:center;
}


table.rounded {
	border: none;	
	border-collapse: collapse;
	margin-top: 1em; margin-bottom: 0.5em;
}
table.rounded td, table.rounded th {
	border: none;
	padding-left: 1em; padding-right: 1em;
}
table.rounded tr.first td.middle {
	background: url(images/roundedwhite.png) repeat-x -20px 0px transparent;
}
table.rounded tr.first td.left {
	background: url(images/roundedwhite.png) repeat-x 0px 0px transparent;
}
table.rounded tr.first td.right {
	background: url(images/roundedwhite.png) repeat-x 100% 0px transparent;
}

table.rounded tr.last td.middle {
	background: url(images/roundedwhite.png) repeat-x -20px 100% transparent;
}
table.rounded tr.last td.left {
	background: url(images/roundedwhite.png) repeat-x 0px 100% transparent;
}
table.rounded tr.last td.right {
	background: url(images/roundedwhite.png) repeat-x 100% 100% transparent;
}

div.hsLinkki a
{
position: absolute;
left: 65px;
top: 5px;
display: block;
font-size: 0.7em;
text-decoration: none;
color: #000000;
}