/********************************
halitic.css

author Jari Kärkkäinen / Seitix
web http://www.seitix.com
email seitix@seitix.com

Stylesheet for Halitic-webpage at
http://www.halitic.fi
*********************************/
/**********************
Global settings
**********************/

body{
	background-image: url("../kuvat/taus1.jpg");
	background-repeat: repeat-x;
	background-color: #ffffff;
	margin: 0;
	padding: 0;
	font-size: 82%;
}

h1, h2{
	font-variant: small-caps;
	font-weight: bold;
	text-align: left;
	margin-left: 5%;
}
h1{
	font-size: 115%;
}
h2{
	font-size: 110%;
}

p{
	margin-left: 5%;
	margin-right: 1%;
}

/**********************
Main container
**********************/

#d1{
	background-image: url("../kuvat/1suat6.jpg");
	background-repeat: repeat-x;
	background-position: bottom left;
	background-color: #ffffff;
	width: 55em;
	height: 85ex;
	margin-left: auto;
	margin-right: auto;
	margin-top: 4ex;
	padding: 10px;
}

/*********************
Contents containers
*********************/

/* * * * * * * * * * * * *
Top information section
* * * * * * * * * * * * */
#d11{
	position: absolute;
	width: 55em;
	height: 40ex;
	padding-right: 5%;
}

#vas{
	width: 36em; /*39*/
	height: 32ex;
	padding-bottom: 2ex;
	line-height: 1;
	text-align: justify;
}
	
#oik{
	float: right;
	margin-right: 2%;
	width: 16em; /*13*/
	height: 32ex;
}

#oik img{
	max-width: 92%;
	min-width: 92%;
}


/* * * * * * * * * * * * *
Menu in the middle
* * * * * * * * * * * * */
#d12{
	background-image: url("../kuvat/logoXi.gif");
	background-position: 5%;
	background-repeat: no-repeat;
	position: absolute;
	top: 46ex;
	background-color: #080808;
	color: #ffffff;
	height: 7ex;
	width: 55em;
	text-align: center;
	z-index: 1;
	border-bottom-style: solid;
	border-top-style: solid;
	border-color: #ffffff;
}

#d12 a{
	margin-right: 1em;
	text-decoration: none;
	color: #ffffff;
	background-color: inherit;
	vertical-align: -20%;
	font-size: 105%;
	font-variant: small-caps;
	font-weight: bold;
	display: inline;
}
#d12 a.sub{
	font-size: 95%;
}
/* * * * * * * * * * * * *
Lower information section
* * * * * * * * * * * * */
#d13{
	position: absolute;
	top: 52ex;
	height: 40ex;
	width: 55em;
	padding-top: 4ex;
	text-align: center;
}
#d13 img{
	max-width: 30%;
	min-width: 30%;
}

/*************************
Contact section at the bottom
**************************/
#contact{
	position: absolute;
	top: 85ex;
	width: 55em;
	text-align: center;
	color: #ababab;
	height: 3ex;
	background-image: url("../kuvat/whiteball.gif");
	background-position: 100% 50%;
	background-repeat: no-repeat;
}

#contact a{
	color: #ababab;
	background-color: transparent;
}

#line{
	position: absolute;
	top: 86ex;
	width: 54.5em;
	height: 0.8ex;
	color: #ffffff;
	background-color: #ffffff;
	
	
}
/********************
Misc content settings
********************/

dt{
	font-weight: bold;
}
textarea, input{
	width: 100%;
}
table{
	margin-left: 5%;
}
.left{
	width: 20em;
	float: left;
	margin: 1%;
}

.ac, .print{
	display: none;
}
.mobihr{
	display: none;
}
#d13 img, #oik img{
	display: inline;
}