/************************************* ASEMA4 *********************************/
/********************************* Janne Gylling ******************************/


/********************************* General styles ******************************/
/*input, select, textarea {
	border: 1px solid #008ce1;
	margin-bottom: 1px;
}
*/

input,textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #595759;
	margin: 4px 0;
	background:transparent url(img/input_bg.jpg) no-repeat 0 0;
	padding: 3px;
	border-top: 0px solid #acacac;
	border-bottom: 1px solid #acacac;
	border-left: 0px solid #acacac;
} 


h1 {
	color: #000000;
}
h2,
h2 a,
h2 a:hover {
	text-decoration: none !important;
	color: #000000 !important;
}
hr {
	height: 1px;
	border: 1px solid #008ce1;
}
#my-body {
	background: #EFEFEF;
}


p, td, tr, a, a:visited  {
	
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color:#000000;
}



/*******************************************************************************/

ul {
 list-style-image: url(img/li.gif);
 }


/************************************ Basic ************************************/
#container {
	width: 100%;
	text-align: left;
}

#header {
	background: #006bac;
	width: 900px;
	height: 100px;
	vertical-align: bottom;
}

#header-title {
	color: white;
	font-size: 450%;
	margin: 0px 0px 5px 5px;
}
#header-subtitle {
	color: white;
	font-size: 200%;
	margin: 0px 0px 5px 5px;
}

.header-left {
	background: #E0E0DF url(img/header-left.gif) right repeat-y;
}
.header-right {
	background: #E0E0DF url(img/header-right.gif) repeat-y;
}

.document-left {
	background: #EFEFEF url(img/document-left.gif) right repeat-y;
}
.document-right {
	background: #EFEFEF url(img/document-right.gif) repeat-y;
}

#header-breadcrumb {
	background: #008ce1;
	height: 22px;
	color: white;
	font-weight: bolder;
	text-align: center;
}

#footer {
	background: url(img/footer.gif) repeat-x;
	height: 22px;
	color: white;
	font-size: 10px;
	padding: 0px 5px 0px 170px;
}
.footer-left {
	background: url(img/footer_left.gif) top right no-repeat;
}
.footer-right {
	background: url(img/footer_right.gif) top left no-repeat;
}

#left-column {
	vertical-align: top;
	background: #dae8f0;
	width: 180px;
}

#document-column {
	vertical-align: top;
	width: 540px;
	text-align: left;
	background: white;
}

#right-column {
	vertical-align: top;
	background: #dae8f0;
	width: 180px;
}

.news_entry {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	background-color:#ffffff;
	border-bottom:dotted #d4d4d4 1px;
	margin-bottom:22px;
	
}


.comment news_date{
	color:#999999;
	font-size:9px;
}


#portlet-search {
	
	height: 22px;
	color: white;

	padding: 30px 30px 0px 0px;
}

/*******************************************************************************/

/* Fix for ie6/win having issues with the sticky boxes and causing it to reflow below the menu. */
* html .navigation { MARGIN: 0px auto; WIDTH: 194px;line-height: 24px;}
* html .navigation LI A { HEIGHT: 1%; PADDING: 6px 0px 6px 0px; DISPLAY: block; MARGIN: 0px; COLOR: #ffffff; TEXT-DECORATION: none; font-size:11px;line-height: 24px;}
* html .navigation P A { HEIGHT: 1%; PADDING: 6px 0px 6px 0px; DISPLAY: block; MARGIN: 0px; COLOR: #ffffff; TEXT-DECORATION: none; font-size:11px;line-height: 24px;}
* html .navigation LI A:hover { HEIGHT: 1%; PADDING: 6px 0px 6px 0px; DISPLAY: block; MARGIN-LEFT: 13px;  COLOR: #ffffff; TEXT-DECORATION: none; font-size:11px;line-height: 24px;}
* html .navigation P A:hover { HEIGHT: 1%; PADDING: 6px 0px 6px 0px; DISPLAY: block; MARGIN: 0px;  COLOR: #ffffff; TEXT-DECORATION: none; font-size:11px;line-height: 24px;}
* html .navigation LI hover { HEIGHT: 1%; PADDING: 6px 0px 6px 0px; DISPLAY: block; MARGIN: 0px; COLOR: #ffffff; TEXT-DECORATION: none; font-size:11px;line-height: 24px;}
* html li a  {
	height: 100%;
} 



/*********************************** Navigation ********************************/



/**** navigation ***/



.navigation {
	margin: 0px;
	padding: 0px;
	line-height: 24px;
	margin-top:0px;
	padding-top:0px;
}


.level1 {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	line-height: 24px;
	background-image:url(img/level1_off.jpg);
}

.level1current {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	line-height: 24px;
	background-image:url(img/level1_on.jpg);
	background-position:left top;
}
.level1current:hover {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	line-height: 24px;
	background-image:url(img/level1_on.jpg);
	background-position:left top;
}

/* IE6 */

.level1current {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	line-height: 24px;
	background-image:url(img/level1_on.jpg);
	background-position:left top;
}
.level1current:hover {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	line-height: 24px;
	background-image:url(img/level1_on.jpg);
	background-position:left top;
}
.navigation.level1current {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	line-height: 24px;
	background-image:url(img/level1_on.jpg);
	background-position:left top;
}
.navigation.level1current:hover {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	line-height: 24px;
	background-image:url(img/level1_on.jpg);
	background-position:left top;
}

/* IE6 */




.level1:hover {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	line-height: 24px;
	background-image:url(img/level1_over.jpg);
}


.navigation a {
	font-weight: normal;
	line-height: 24px;
	text-decoration: none;
	color: #000000;
	display: block;
	padding: 0px;
	

}
.current a, current a:visited {
	font-weight: bolder;
	color: #F67E03;
	line-height: 12px;
}
.navigation a:hover  {
	color: #F67E03;
	line-height: 24px;
}

.level0 a, level0 a:visited {
	margin: 0px 0px 0px 0px;
	display:none;
	padding-left: 13px;
}
.level0current a,
.level0 a:hover {
	margin-left: 0px;
	font-size: 100%;
	color: #0090E3;
	background: #B5E1F5;
		display:none;
		line-height: 24px;
		padding-left: 13px;
}
.level0 a:hover {
	font-weight: normal;
		display:none;
		line-height: 24px;
}
.level0current a, level0current a:visted {
	font-weight: bolder;
		display:none;
		line-height: 24px;
}

.level1 a, level1 a:visited {
	
	padding-left: 13px;
	margin: 0px 0px 0px 0px;
	font-size: 100%;
	line-height: 24px;
		
}
.level1current a, level1current a:visited {
	
	padding-left: 13px;
	margin: 0px 0px 0px 0px;
	font-size: 100%;
	line-height: 24px;
	color:#FF6600;
		
}
.level2 {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	line-height: 24px;
	background-image:url(img/level2_off.jpg);
}

.level2current {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	line-height: 24px;
	background-image:url(img/level2_on.jpg);
	background-position:left top;
}
.level2current:hover {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
line-height: 24px;
	background-image:url(img/level2_on.jpg);
	background-position:left top;
}

.level2:hover {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	line-height: 24px;
	background-image:url(img/level2_over.jpg);
}

.level2current a, level2current a:visited {
	
	padding-left: 17px;
	margin: 0px 0px 0px 0px;
	font-size: 100%;
	color:#F67E03;
	line-height: 24px;
		
}
.level2 a, level2 a:visited {
	
	padding-left: 17px;
	margin: 0px 0px 0px 0px;
	font-size: 100%;
	color:#4d4d4d;
	line-height: 24px;
		
}


.level3 a, level3 a:visited, level3, level3current a, level3current, {
	line-height: 2px;
	display:none;

}
.level3 a{
	line-height:02px;
	display:none;
}
.level3current a{
	line-height:02px;
	display:none;
}



.level4 a, level4 a:visited, level4, level4current a, level4current,  {
	line-height: 2px;
	display:none;
	
}
.level5 a, level5 a:visited, level5, level5current a, level5current, {
	line-height: 2px;
	display:none;
	
}




/*******************************************************************************/



/*********** Root navigation *************/

/**** root-navigation ***/
.root-navigation {
	margin-right: 15px;
	
	padding: 0px;
	line-height: 16px;
}
#root-navigation {
	list-style-type: none;
	
	padding: 0px;
	display: inline;
	
}
.root-navigation a {
	font-weight: bolder;
	text-decoration: none;
	
	margin-left: 10px; 
	margin-right: 5px;
}
#root-navigation current a {
	font-weight: bolder;
	color: #1f6aae;
	margin-left: 10px;
	margin-right: 5px;
	
}
.root-navigation current a {
	font-weight: bolder;
	color: #1f6aae;
	margin-left: 10px;
	margin-right: 5px;
	
}
.root-navigation a:hover {
	color: gray;
	
	font-weight: bolder;
	
}


/*******************************************/



/************************************ Content **********************************/
#content {
	padding: 10px 20px 20px 10px;
	line-height: 16px;
}
#content h1 {
	margin-top: 5px;
}
#content a {
	text-decoration: underline;
	color: black;
}
#content a:hover {
	text-decoration: underline;
	color: #008ce1;
}

#content {
	height: 400px;
}

/* IE hack for min-height */
#content[id] {
    height: auto;
    min-height: 400px;
}
/*******************************************************************************/


/************************************ Portlets *********************************/
.portlet {
	padding: 0px;
	margin: 0px 0px 15px 0px;
}
.portlet h1 {
	border: none;
	background: #008ce1;
	color: white;
	padding: 2px 5px 2px 5px;
}
.portlet a {
	line-height: 17px;
	display: block;
}
.portlet-content {
	padding: 3px;
}
#portlet-language-switcher a {
	display: inline;
	text-transform: uppercase;
}
/*******************************************************************************/


/******************************** Additional stuff *****************************/
.breadcrumb,
.breadcrumb a {
	color: gray;
}

#info {
	text-align: center;
	color: gray;
	margin-bottom: 5px;
}
#info a {
	text-decoration: none;
	color: gray;
}
/*******************************************************************************/

/************************************* ASEMA4 *********************************/
/********************************* Janne Gylling ******************************/