body
{
	margin: 0;
	padding: 0;
	color: #555555;
	font: normal 10pt "Open Sans",Arial,Helvetica,sans-serif;
	background: #FFFFFF;
	background-image: url('/images/to_kylastuskeskus_back2.png');
	height:100%;
}

h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111111;}
h1 {font-size:1.4em;line-height:1;margin-bottom:0.75em;font-weight:bold;}
h2 {font-size:1.2em;margin-bottom:0.5em;color: #2a93cc;font-weight:bold;}
h3 {font-size:1.1em;line-height:1;margin-bottom:1em;font-weight:bold;}
h4 {font-size:1.1em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}

#page
{	
	width: 100%;
	
}

#line 
{
	height: 8px;
	/*background-color: #333333;*/
}

#heading 
{
	height: 198px;
	/*background-image: url('/images/to_heading1.png');*/
}

#header
{	
	position: absolute;
	width: 960px;
	height: 198px;
	margin: 0 auto;
	left: 0px;
	right: 0px;
	padding: 0;
	/*background-image: url('/images/to_heading_fog6.png');
	background-repeat: no-repeat;*/
}

#logoback
{	
	position: absolute;
	left: -48px;
	top: 53px;
	width: 380px;
	height: 150px;
	background-image: url('/images/to_logoback5.png');
	background-repeat: no-repeat;
}

#langs
{
	position: absolute;
	right: 10px;
	top: 5px;
	width: 500px;
	text-align: right;
	z-index:10;
}

#contents
{
	width: 988px;
	margin: 0px auto;
	padding: 0;
}

#pagecontent
{
	background-color: #FFFFFF;
}

#leftmenu
{
width: 190px;
margin-left: 0px;
margin-right: -190px;
padding-top:15px;
padding-bottom: 15px;
display: block;
word-wrap: break-word;
overflow: visible;
float: left;
}

#rightmenu
{
width: 190px;
display: block;
padding-bottom: 15px;
padding-left:10px;
padding-top:15px;
word-wrap: break-word;
overflow: visible;
float: right;
}

#contentsNarrow
{
width: 520px;
display: block;
padding-left:10px;
padding-top:10px;
border: 0px solid #AAAAAA;
word-wrap: break-word;
overflow: visible;

}

#contentsWide
{
width: 520px;
display: block;
padding-left:10px;
padding-top:10px;
word-wrap: break-word;
overflow: visible;

}

#content
{
    padding: 20px;
}

#footer
{
	padding-top: 10px;
	padding-left:80px;
	font-size: 0.8em;
	text-align: center;
	clear: both;
	border-top: 1px solid #AAAAAA;
	
}

#logo
{
	position: absolute;
	top: 60px;
	left: 20px;
}

#sentences
{
	position: absolute;
	top: 80px;
	left: 450px;
	width: 400px;
	height: 95px;
}

#fontsize
{
	position: absolute;
	top: 230px;
	right: 10px;
	width: 80px;
	height: 20px;
}

#statusbar
{
	position: fixed;
	top: 0px;
	left: 0px;
	height: 25px;
	padding: 1px;
	border-top: 1px solid #AAAAAA;
	background-color: #EFEFEF;
	width: 100%;
	z-index: 99;
}

.topmenu{
	cursor:pointer;
	text-align: center;
	vertical-align: top;
	border-bottom:1px solid #b8b8b8;
}

.small_red
{
font-size: 8pt;
color: red;
}

.small_white
{
font-size: 8pt;
color: #FFFFFF;
}

.sentence 
{
	font-size: 2.2em;
	color: #FFFFFF;
	line-height: 0.4;
	text-shadow: 1px 1px #777777;
}

.adm {margin: 0px; border: 1px solid #AAAAAA; background-color: #FAFAFA; padding: 1px; font: normal 0.8em "Open Sans",Arial,Helvetica,sans-serif;}

.adminTools {z-index: 95;}

.shadow {-webkit-box-shadow: rgb(153, 153, 153) 0px 3px 20px 0px; box-shadow: rgb(153, 153, 153) 0px 3px 20px 0px;}

.ui-datepicker-inline {
    border: 0px solid #333 !important;
	padding: 0px !important;
	width: 100% !important; 
}

@media (max-width:1010px) {
	.fadeline {
		display: none;
	}
	body{
		background-image:none;
	}
	#logoback {
		display: none;
		
	}
	
}