/* CSS tiedostoista ne osat, jotka vaikuttavat rakenteeseen */


/* basic */

.logobkg {
	background:#FFFFFF url(../images/top_right.jpg) no-repeat top right;
	height:115px;
	font-family:Arial, Arial, Geneva, sans-serif;
	font-size:32px;
	font-weight:bold;
	color:#0063A4;
	/*
    border: solid thin red;
	border-width: 1pt 1pt 1pt 1pt;  */
	}



.navbar {
	position:relative;
	width:999px;
	height:20px;
	background:#008EE0;
	padding: 0px 0px 0px 0px;
    /*
    border: solid thin black;
	border-width: 1pt 1pt 1pt 1pt; */
}




/*#######################################################################################*/





/* additional_1 */

html,body {
	height: 90%;
}

/* centering trick */
body {text-align: center; }

.wrapper {
	position:relative;
	width:1003px;
		/*3px ero riittää, jos wrapper2:ssä eli sisemmässä kehyksessä 1px border ? */
		/*1008px jos molemmissa wrappereissa 1px border*/

    /* centering trick */
	margin: 0 auto;
    text-align: left;

	background:#FFFFFF;
/*	border: solid thin turquoise;
	border-width: 1pt 1pt 1pt 1pt; */
	}

.wrapper2 {
	position:relative;
	width:1000px;
	background:#FFFFFF;
	border: 1px solid #008EE0;
/*	border: solid thin blue;
	border-width: 1pt 1pt 1pt 1pt; */
	}

.leftcolumn
	{
	position:relative;
	float:left;
	width: 200px;
	margin-left: 0px;
	margin-top: 0px;
	padding: 10px 0px 0px 3px;
	background:#ffffff;
	border-right: 1px dashed  #008EE0;
/*	border-width: 1pt 1pt 1pt 1pt; */
}

.middlecolumn
	{
	float: left;
	width:1px;
	background:#999999;
	visibility: hidden;
/*	border: solid thin blue;
	border-width: 1pt 1pt 1pt 1pt; */

}




/*#######################################################################################*/




/* centercolumn_and_rightcolumn */

/* right_col mukaan sopiva sopiva rightcolumn JA centercolumn ?
   pitäisi jakaa file alkaen tästä... */

.centercolumn
	{
	position:relative;
	float: left;
	width:570px;  /*leveässä versiossa 570 + 165 = 735 */
	margin-top: 10px;
	margin-right:10px;
	margin-left:20px;
	margin-bottom: 0px; /*tämä vaikuttaa alareunan asettumiseen tönimällä footeria, oli 10px, lisäksi joku muu tönii*/
	padding-left:10px;
/*	border: solid thin blue;
	border-width: 1pt 1pt 1pt 1pt;  */
}

.rightcolumn {
	position:relative;
	float:right;
/*	height:80.7%;*//*tätä ei parane käyttää? div ei tällä veny sisällön mukaan*/
	margin-top: 0px;
	margin-right: 0px;
	width:165px;  /* width:165px; tämän voisi tehdä myös jakamalla tämä css-tiedosto kolmeen osaan ja tilanteen mukaan includena ottaa includena sopiva rightcolumn JA centercolumn */
/*	visibility: hidden;   tässä versiossa piiloon, NOT */
/*	height:400px;*/
/*	height:100%;*/ /*voidaanko rightcolumn määritellä sisällön mukaan??*/
						/*sivun korkeussäätö näyttäisi toimivan jos korkeutta ei*/
						/*itse aseteta...edes prosentteina*/
	background:#ffffff;
	border-left: 1px dashed #008EE0;
	padding:12px 3px 0px 7px; /*tämä kolmas arvo vaikuttaa alareunan asettumiseen tönimällä footeria?

	border: solid thin red;
	border-width: 1pt 1pt 1pt 1pt;  */
	}

/* ...päättyen tähän */
/* nimet saisi säilyä, javascriptejä varten, leveys ja näkyvyys vaihtuisi */




/*#######################################################################################*/




/* centercolumn_wide__rightcolumn_zero.css */
/* ...on sama kuin edellinen, paitsi mitat muuttuu... */
/* olisiko hyvä erillisenä, vai yksi file/muutospaikka vain?
   aiemmin nämä haettiin asetuksen right_col -mukaan
    'näytetäänkö oikea palsta vai ei
    'right_col=false
    'right_col=true
*/



/*#######################################################################################*/




/* additional_2 */

/* footer oli jo kahdessa paikassa!! */
/* ...jätetään tämä viimeksi latautunut... */
.footer {
	position:relative;
	width:999px;
	height:20px;
	background:#008EE0 url(../image/footer_bg.gif);
	clear:both;
/*	visibility: hidden;*/
}



/*#######################################################################################*/




/* lisäksi aiempia rakenteita näissä: */

/* useradmin default.asp */
.clearer {
	clear: both;
	font-size: 1px;
}
.center_full {
	width:100%;
	height:450px;
	min-height:450px;
	margin:0px 40px 0px 40px;
	padding:0px 0px 0px 0px;
}



/*#######################################################################################*/




.projektinhallinta_login {

    position: relative;
    width: 150mm;

    margin: 0 auto;
    text-align: left; /* the centering trick */

    border: solid thin blue;
    border-width: 1pt 1pt 1pt 1pt;

}