/* Logo colors: */
/* LightB: 5787bc */
/* DarkB:  003b7f */
/* R:      a3122f */

/* Fading background image fades from 003b7f to 2c609d */

/* frontpage thumbs: 86x64, 15% rounded */
/* 150px images: 770x150 20% rounded */
/* 100px images: 770x100 15% rounded */

/* Images from www.sxc.hu (www.sxc.hu/photo/<photo-id> */

* {
	font-family : Arial, Helvetica, sans-serif;
}


body {
	
	background-color : #eaedf4;
	background-image : url(../images/css/tausta.gif); 
	background-position: top;
	background-repeat : repeat-x;
	
	text-align : center;
	margin : 0px;
	padding : 0px;
	height : 100%;
	font-size : 0.8em;
}

/* NOTICE: Currently IE7 is in beta stage. It has a lot of features */
/* fixed. One thing that affects us is that in IE7 height now works */
/* as it does in other browsers (in IE6 it worked like min-height). */
/* Also, currently min-height does not work in IE7 but according */
/* to it's developers, they're working on it and it should work */
/* in the final release. Therefore, no hack has been used to make */
/* the page layout to display correctly in IE7. */

/* Set HTML height to 100%. Along with body height 100%, this */
/* allows also Mozilla and Safari to display divs with 100% height */
html {
	height : 100%;
}

/* basic links */
a:link, a:visited {
	color : #003b7f;
	text-decoration : none;
}

a:hover {
	color : #a3122f;
	text-decoration : underline;
}

a.newsitemlink
{
	font-size: 90%;	
}

/* This is also related to getting the background image to display the */
/* whole screen and also to continue if all contents do not fit on screen */
html>body div.frame { 
	height : auto; 
	min-height : 100%;
}

/* Main content frame */
div.frame {
	width : 800px;
	background-color: transparent; /* see div.padding -> background-color */

	/* If not using fading background image in body, use this image */
	/* as content section border. It looks better than a simple line, */
	/* but because it fades, it does not work with the fading background */
	/* If you use this, do not use the border set below */
	/* background-image : url(../images/css/tausta.gif); */ 
	border : 0px solid #003b7f;
	background-repeat : repeat-y;
	margin : auto;
	
	padding-top: 2em;
	padding-bottom: 200px; 
/*
		border: 1px dashed green;
*/	
	
	text-align : left;
	height : 100%;
}

/* Padding-frame inside main content, used since padding works */
/* differently in different browsers */
div.padding {
	padding-left : 0px;
	padding-right : 0px;
	padding-top : 0px;
	padding-bottom : 20px;
	background-color : #ffffff;
	min-height: 600px;
}


/* Logo 
div.logo {
	padding-left : 35px;
}

div.logo a, img {
	border : none;
}
*/

/* language selection section */
div.lang {
	float : right;
	font-size : 0.8em;
	color : #555555;
	/* to be somewhat in line with extranet link */
	margin-right : 6px;
	font-style: oblique;
}

div.lang a:link, div.lang a:visited {
	color : #aaaaaa;
	text-decoration : none;
}

div.lang a:hover {
	color : #555555;
	text-decoration : none;
}

/* top menu */
div.topmenu {
	background-color : #ffffff;
	background-image : url(../images/css/navi_tausta.gif);
	background-repeat : repeat-x;
	vertical-align : middle;
	height : 27px;
	/* width = 770px (bg image) - 30px (left padding) */
	width : 795px;
	padding-left : 5px;
	padding-top : 6px;
	margin-top : 0px;
	margin-bottom: 1.2em;
}
div.topmenu * {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: normal;
}

div.topmenu a:link, div.topmenu a:visited {
	padding-left : 10px;
	padding-right : 10px;
	color : #ffffff;
	text-decoration : none;
}

div.topmenu a:hover {
	padding-left : 10px;
	padding-right : 10px;
	color : #ffffff;
	background-color : #5787bc;
}

div.topmenu a.selected:link, div.topmenu a.selected:visited, div.topmenu a.selected:hover {
	color : #d0e6ff;
}

div.topmenu div.extranet {
	float : right;
}

/* contact-section on the bottom of the page */
div.contact {
	/*
	background-color : #ffffff;
	background-image : url(../images/css/navi_tausta.gif);
	background-repeat : repeat-x;
	*/
	background-color: transparent;
	background-image: url(../images/css/footer.png);
	background-repeat: no-repeat;
	
	vertical-align : middle;
	height : 24px;
	width : 800px;
	color : #ffffff;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	font-weight: lighter;
	text-align : left;
	margin: 0 0 0 0;
	padding: 0.5em 0 0 0px;
	
}
TD#contact_left
{	
	text-align: center;
	width: 210px;
	vertical-align : middle;
}
TD#contact_right
{
	text-align: center;
	width: 590px;
	vertical-align : middle;
}
div.contact *
{ 
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: lighter;
}

/* front page content layout-table */
table.frontpagecells {
	width : 770px;
	border : 12px;
	margin-left: 1.2em;
}

/* short intro and news headlines on frontpage */
table.frontpagecells td {
	padding-left : 5px;
	padding-right : 5px;
	vertical-align : top;
	width : 285px;
	border-right : 1px dotted #a3122f;	
}

/* right cell of the frontpage with downloads */
table.frontpagecells td.downloads {
	width : 200px;
	border-right : none;
}


/* regular h2 */
h2 {
	margin : 0px;
	font-size : 1.25em;
	border-bottom : 1px solid #a3122f;
	padding-left : 15px;
	background-image : url(../images/h2bg.png);
	background-repeat : no-repeat;
	background-position : 0px 3px;
}

h3 {
	margin : 0px;
	font-size : 1.1em;
	border-bottom : 1px dotted #a3122f;
	padding-left : 15px;
/*	background-image : url(../images/h2bg.png);	*/
/*	background-repeat : no-repeat;			*/
/*	background-position : 0px 3px;			*/
}


/* front page h2 */
table.frontpagecells h2 {
	margin : 0px;
	font-size : 1em;
	border-bottom : 1px solid #a3122f;
	padding-left : 15px;
	background-image : url(../images/h2bg.png);
	background-repeat : no-repeat;
	background-position : 0px 3px;
}

table.frontpagecells h2.nodot {
	margin : 0px;
	font-size : 1em;
	border-bottom : 1px solid #a3122f;
	padding-left : 15px;
	background-image : none;
}

hr {	
	border-bottom : none;
	border-left : none;
	border-right : none;
	border-top : 1px dotted #a3122f;
	color : #ffffff;
	background-color : #ffffff;
}

/* front page news */
/* date of the news */
p.newsdate {
	margin-bottom : 0px;
	color : #555555;
	font-size : 0.9em;
}

/* news short content or title */
p.newsshort {
	margin-top : 0px;
	margin-left : 10px;
	margin-bottom : 0px;
	font-size : 0.9em;
}


/* frontpage "downloads"-section with images */

table.frontpagecells td.downloads div.item {
	height : 48px;
	/* same as the font size! */
	margin-top : 0.9em;
	font-size : 0.9em;
}

table.frontpagecells td.downloads div.item img {
	float : left;
	margin-right : 10px;
}

table.frontpagecells td.downloads div.item a:link, table.frontpagecells td.downloads div.item a:visited {
	color : #000000;
	text-decoration : none;
}

table.frontpagecells td.downloads div.item a:hover {
	color : #000000;
	text-decoration : underline;
}
	

/* subpages */

div.subpage {
	padding-top : 1em;
	min-height: 300px;
}

div.subpage div.menu {
	margin-left: 1em;
		width : auto;
	float : left; 
	border-left : 1px solid #a3122f;	
}

div.subpage div.menu a:link, div.subpage div.menu a:visited {
	width : 80%;
	background-image : none;
	background-position : 5px 0.3em;
	padding-left : 15px;
	display : block;
	color : #000000;	
	margin-bottom : 0.3em;
	text-decoration : none;
}

div.subpage div.menu a:hover {
	width : 80%;
	background-image : url(../images/h2bg.png);
	background-repeat : no-repeat;
	/* 0.5em would look nicer but it does not work properly with firefox */
	background-position : 5px 0.3em;
	padding-left : 15px;
	display : block;
	margin-bottom : 0.3em;
	text-decoration : none;
	color : #000000;
}

div.subpage div.menu a.mainitem:link, div.subpage div.menu a.mainitem:visited {
	font-weight : bold;
	margin-bottom : 0.3em;
}

div.subpage div.menu a.mainitem:hover {
	display : block;
	font-weight : bold;
	margin-bottom : 0.3em;
}

div.subpage div.menu a.selected:link, div.subpage div.menu a.selected:visited, div.subpage div.menu a.selected:hover {
	background-image : url(../images/h2bg.png);
	background-repeat : no-repeat;
	/* 0.5em would look nicer but it does not work properly with firefox */
	background-position : 5px 0.3em;
}

div.subpage div.content {
	position : relative;
	width : 570px;
	margin-left : 200px;
}

.nobottommargin {
	margin-bottom : 0px;
}

.notopmargin {
	margin-top : 0px;
}

/* contacts-page, layer containing address etc. */
div.contactinformation {
	float : left;
	width : 200px;
}

/* references */
div.reference {
	margin-top : 2em;
}

div.reference img {
	margin : 10px;
	float : right;
}

DIV.reference H3
{
	margin-left: 0px;
	padding-left: 0px;
	font-size: 1.05em;
}

/*
div.reference img.left {
	margin : 10px;
	float : left;
}
*/
DIV.submenulinks
{
	text-align: left;
	padding-right : 15px;
}
DIV.submenulinks A
{
	padding-left: 12px;
}


A.link_selected
{
	color: black;
	font-weight: bold;
}

DIV.osaaminen DL
{
	font-size: 85%;
}
DIV.osaaminen DT
{
}
DIV.osaaminen DD
{
	margin-left: 1em;
}
DIV.contact A
{
	color: white;
}
TABLE.yhteyshenkilot TD.pad
{
	width: 10%;
}
TABLE.yhteyshenkilot TD.titteli
{
	font-weight: bold;
	padding-bottom: 0.8em;
}
TABLE.yhteyshenkilot TD.nimi
{
}
TABLE.yhteyshenkilot TD.gsm
{
}
DIV.referenssi_logot
{
	width: 80%;
	text-align: center;
}

DIV.referenssi_logot IMG
{
	margin: 0.5em 0.5em;
}
SPAN.slogan
{
	font-weight: bold;
	font-size: 1.15em;
	letter-spacing: 0.15em;
	font-variant: small-caps;
	color: #003b80;

}