@charset "iso-8859-2";
/* tags */
body {
	width: 814px;
	background-image:url(images/bg.png);
	background-position: center;
	background-repeat: repeat-y;
	background-color: #3c3c3c;
	margin: 0 auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
 
span.kuvateksti {
	font-size: 10px;
	margin: 0 0 10px 0;
	color: #868686;	
	display: block;
	font-weight: bold;
}
span.kuvateksti img {
	display:block;
}
span.spacer {
	width: 50px;
	display: block;
	float: left;
}

/* header */
div#header {
	background-image:url(images/header.png);
	background-repeat:no-repeat;
	height: 106px;
}

/* login */
div#login {
	padding: 26px 0 0 24px;
	font-family: Arial, Helvetica, sans-serif;
}
div#login form {
	margin:0;
	padding:0;
}
div#login p {
	margin: 0;
	clear:both;
}
div#login span {
	width: 64px;
	display: block;
	float: left;
	height: 16px;
	padding: 4px 0 0 0;
}
div#login input {
	width: 169px;
	height: 12px;
	border: solid 1px #9b9b9b;
	padding:2px;
	font-size: 10px;
}
div#login button {
	margin: 0 0 0 189px;
}

/* language */
div#language {
	position: absolute;
	top: 0px;
	width: 813px;
	height: 21px;
	z-index: 100;
}
div#language ul {
	list-style: none;
	margin: 0 0 0 682px;
	padding: 0;
}
div#language li {
	float: left;
	margin: 0;
	padding: 0;
}
div#language a {
	display: block;
	width: 29px;
	height: 17px;
	padding: 0 1px 0 0;
	background-image:url(images/blank.gif);
}

/* headerimage */
div#headerimage {
	background-image: url(images/header_image.png);
	background-repeat: no-repeat;
	height:100px;
}

/* navi */
div#navi {
	background-image: url(images/navi.png);
	background-repeat:repeat-x;
	height: 36px;
	padding: 0 0 0 10px;
}
div#navi ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
div#navi li {
	padding: 0;
	margin: 0;
	float: left;
}
div#navi a {
	display: block;
	padding: 6px 8px;
	color: #d0d0d0;
	text-decoration: none;
}
div#navi a:hover {
	color: #FFFFFF;
}
div#navi a.open {
	background-color: #00baff;
	color:#c2eeff;
}

/* content */
div#content {
	background-color: #FFFFFF;
	padding: 0 10px;
}

/* news */
div#news {
	width: 515px;
	padding: 0 0 0 10px;
	display: block;
	float: left;
}
div#news h1 {
	background-image: url(images/headline.png);
	background-repeat: no-repeat;
	width: 505px;
	height:22px;
	display: block;
	font-weight: normal;
	font-size: 17px;
	padding: 0 0 0 10px;
	color: #454545;
	margin: 0 0 8px 0;
}
div#news h2 {
	background-image: url(images/headline2.png);
	background-repeat: repeat-x;
	height: 17px;
	font-size: 12px;
	margin: 0 0 5px 0;	
}
div#news h2 span.date {
	color: #6c6c6c;
}
div#news p {
	margin: 0 0 10px 0;
	color: #595959;
float:left;
}


div#news img {
	margin: 0 0 0px 15px;
	color: #595959;

}

div#news a {
	color: #03a0da;
	text-decoration: none;
}




/* main */
div#main {
	width: 340px;
	padding: 0 0 0 10px;
	display: block;
	float: left;
}
div#main h1 {
	background-image: url(images/headline3.png);
	background-repeat: no-repeat;
	width: 330px;
	height:22px;
	display: block;
	font-weight: normal;
	font-size: 17px;
	padding: 0 0 0 10px;
	color: #454545;
	margin: 0 0 10px 0;
}
div#main h2 {
	font-size: 12px;
	margin: 0;	
	color: #595959;
	clear:both;
}
div#main h2 span.date {
	color: #6c6c6c;
}
div#main p {
	margin: 0 0 10px 0;
	color: #595959;
}



div#main h4 {
	font-size: 12px;
	margin: 10px 0px 8px 0px;	
	color: #787878;
	clear:both;
border-bottom:1px solid #cecece;
}

div#main h3 {
	font-size: 14px;
	margin: 10px 0px 8px 0px;	
	color: #787878;
	clear:both;
}


div#main img {
	margin: 0;
	border: solid 1px #dfdfdf;
	padding:2px;
}


div#main img.noborder {
	margin: 0px;
	border: 0px;
	padding:0px;
}


div#main img.center {
	margin: 0 0 5px 0;
}

div#main ul, div#main li {
	margin: 9px 0 10px 22px;
	padding: 0;
}

div#main ol, div#main li {
	margin: 0 0 10px 32px;
	padding: 0;
	color: #595959;
}
div#main li {
	margin: 0;
	padding:0;
}
div#main a {
	color: #03a0da;
	text-decoration: none;
}

/* caset */
div#caset ul {
	list-style: none;
	margin:0;
	padding:0;
}
div#caset li {
	float: left;
	margin:0;
	padding:0;
}
div#caset a {
	display: block;

	width: 170px;
	height: 119px;
	background-repeat: no-repeat;
	padding: 0 2px 0 0;
}
div#caset a.case1 {
	background-image: url(images/totalcase.png);
}
div#caset a.case2 {
	background-image: url(images/totalcase2.png);
}
div#caset a.case3 {
	background-image: url(images/totalcase3.png);
	padding:0;
}
div#caset a.case4 {
	background-image: url(images/tps.png);
	padding:0;
}
div#caset a.case5 {
	background-image: url(images/blues.png);
}
div#caset a.case6 {
	background-image: url(images/totalcase5.png);
}


/* sidebar */
div#sidebar {
	float: left;
	width: 268px;
	display: block;
}
div#sidebar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
div#sidebar li {
	margin: 0;
	padding: 0 0 5px 0;
}
div#sidebar a {
	display: block;
	background-repeat: no-repeat;
}
div#sidebar a.totalmanagement { background-image: url(images/totalmanagement.png); height: 117px; }
div#sidebar a.totalcoachscout { background-image: url(images/totalcoachscout.png); height: 117px; }
div#sidebar a.totalmanagement_de { background-image: url(images/totalmanagement_de.png); height: 117px; }
div#sidebar a.totalcoachscout_de { background-image: url(images/totalcoachscout_de.png); height: 117px; }
div#sidebar a.totalmanagement_se { background-image: url(images/totalmanagement_se.png); height: 117px; }
div#sidebar a.totalcoachscout_se { background-image: url(images/totalcoachscout_se.png); height: 117px; }
div#sidebar a.totalmanagement_en { background-image: url(images/totalmanagement_en.png); height: 117px; }
div#sidebar a.totalcoachscout_en { background-image: url(images/totalcoachscout_en.png); height: 117px; }
div#sidebar a.EIPbanneri { background-image: url(images/EIP_banneri.jpg); height: 69px; }
div#sidebar a.EIPbanneriEN { background-image: url(images/EIP_banneriEN.jpg); height: 69px; }
div#sidebar a.uutiskirje {

}
div#sidebar li.uutiskirje {
	background-image: url(images/uutiskirje.png);
	height: 69px;
	display:block;
	background-repeat: no-repeat;
}
div#sidebar li.uutiskirje_de {
	background-image: url(images/uutiskirje_de.png);
	height: 69px;
	display:block;
	background-repeat: no-repeat;
}
div#sidebar li.uutiskirje_en {
	background-image: url(images/uutiskirje_en.png);
	height: 69px;
	display:block;
	background-repeat: no-repeat;
}
div#sidebar li.uutiskirje_se {
	background-image: url(images/uutiskirje_se.png);
	height: 69px;
	display:block;
	background-repeat: no-repeat;
}
div#sidebar a.read {
	height: 22px;
	width: 54px;
	display: block;
	float: left;
	margin: 8px 0 0 149px;
}
div#sidebar a.order {
	height: 22px;
	width: 53px;
	display: block;
	float: left;
	margin: 8px 0 0 3px;
}

/* sidenavi */
div#sidenavi {
	float: left;
	width: 170px;
	margin: 0 0 0 5px;
	background-image:url(images/subnavibg.png);
	background-repeat: repeat-y; 
}
div#sidenavi h1 {
	height: 17px;
	line-height: 17px;
	font-size: 17px;
	padding: 2px 0 0 0;
	margin: 0;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	background-image: url(images/subnavih.png);
	background-repeat: no-repeat;
}
div#sidenavi ul {
	list-style: none;
	background-image:url(images/subnavi.png);
	background-repeat:no-repeat;
	background-position: 0 0;
	margin: 0 0;
	padding: 5px 10px 0 10px;
	width: 150px;	
}
div#sidenavi a {
	display:block;
	text-decoration: none;
	color: #4e4d4d;
	padding: 5px 0;
	height: 12px;
	margin:0;
	border-bottom: dotted 1px #6b6b6b;
}
div#sidenavi a.current {
	color: #03a0da;
}
div#sidenavi div.footer {
	background-image: url(images/subnavifooter.png);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	height:13px;
	display: block;
}

/* sivukuva */
div#sivukuva {
	margin: 0 0 0 5px;
	width: 170px;
	float: left;
	height: 330px;
	background-image: url(images/filler.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
}

/* clear */
div#clear {
	clear: both;
}

/* footer */
div#footer {
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(images/footer.png);
	background-repeat: no-repeat;
	height: 20px;
	text-align: center;
	color: #838383;
	padding: 22px 0 0 0;
	
}

div#footer a {
	color: #03a0da;
	text-decoration: none;
}

p#hideMe1, p#hideMe2, p#hideMe3, p#hideMe4 {
	display:none;
}