*,* { margin: 0; padding: 0; }

html {
min-height: 101%;
}


body {
width: 100%;
background-color: #FFFFFF;
text-align:center;
}

#site_body {
width: 835px;
margin: 0px auto 0px auto;
}

#site_body_start {
width: 900px;
margin: 0px auto 0px auto;
}

	#site_body_start #top {
	position: relative;
	text-align: center;
	width: 835px;
	height: 100px;
	}

#top {
position: relative;
text-align: center;
width: 100%;
height: 100px;
}

#top #logo {
position: absolute;
left:0;
top: 25px;

}
#top #top_menu {
position: absolute;
left: 200px;
top: 37px;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #00A486;
}

#top #top_menu a {
color: #000000;
text-decoration: none;
padding: 0px 5px 0px 5px;
}

#top #top_menu a:hover {
text-decoration: underline;
}

#top #top_menu a img {
border: 0;
}

#top #linje {
position: absolute;
left: 0;
top: 80px;
color: #00A486;
size: 1px;
width: 100%;
}

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


#content {
position: relative;
border-width: 0px;
/*width: 100%;*/
background-color: #FFFFFF;
}

.content_left_td {
background-color: #e0f6f3;
}

#content_left {
width: 165px;
/*position: relative;
height: 100%;*/
}
	
	#content_left #menu {
	/*width: 150px;*/
	margin: 15px 0px 15px 15px;
	}
	
	#content_left #menu ul {
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
	
	#content_left #menu ul li {
	margin: 0px 0px 10px 0px;
	}
	
	#content_left #menu ul li a {
	text-decoration: none;
	color: #000000;
	}
	
	#content_left #menu ul li a:hover {
	text-decoration: underline;
	}
	
	#content_left #menu ul li ul {
	font-size: 10px;
	list-style: none;
	margin: 5px 0px 0px 10px;
	}
	
	#content_left #menu ul li ul li {
	margin: 0px 0px 5px 0px;
	}
	
	#content_left #menu ul li ul li a {
	text-decoration: none;
	color: #000000;
	}
	
	#content_left #menu ul li ul li a:hover {
	text-decoration: underline;	
	}
	

#content_site {
float: left;
width: 435px;
height: 100%;
margin: 0px 20px 0px 20px;
/*background-color: #FFFFFF;*/
}

	#content_site h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #000000;
	font-weight: bold;
	margin: 0px 0px 20px 0px;
	clear:both;
	}
	
	#content_site h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00A486;
	font-weight: bold;
	margin: 0px;
	clear:both;
	}
	
	#content_site p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 20px;
	margin: 0px 0px 15px 0px;
	clear:both;
	width: 435px;
	}
	
	#content_site p a {
	color: #718cb9;
	text-decoration: none;
	}
	
	#content_site p a:hover {
	text-decoration: underline;
	}
	
	strong {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #000000;
	line-height: 20px;
	}
	
	/*#content_site p .img_wide {
	margin: 0px 0px 0px 0px;
	}*/
	
	#content_site .img_wide {
	margin: 0px;
	float: none;
	}
	
	#content_site .img_left {
	margin: 5px 10px 5px 0px;
	float: left;
	clear:both;
	}
	
	#content_site table {
	margin-bottom: 15px;
	}
	
	#content_site table tr td img {
	border: 0;
	}
	
	#content_site table a {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #718cb9;
	}
	
	#content_site table tr td{
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	}
	
	#content_site table tr td a:hover {
	text-decoration: underline;
	}
	
	#content_site p table {
	margin-bottom: 15px;
	}
	
	#content_site p table img {
	border: 0;
	}
	
	#content_site p table a {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #718cb9;
	}
	
	#content_site p table tr td{
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	}
	
	#content_site p table a:hover {
	text-decoration: underline;
	color: #718cb9;
	}

#content_right {
float: left;
width: 180px;
height: 100%;
}
	#content_right img {
	position: relative;
	margin: 0px 0px 0px 0px;
	width: 100%;
	}
	
	#content_right .webtrainingcenter {
	position: relative;
	margin: 15px 15px 0px 15px;
	width: 127px;
	}
	
	#content_right h5 {
	width: 100%;
	position: relative;
	margin: 15px 15px 0px 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #718cb9;
	}
	
	#content_right h6 {
	width: 100%;
	position: relative;
	margin: 15px 15px 0px 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #F9B200;
	}
	
	#content_right .news {
	position: relative;
	margin: 15px 15px 0px 15px;
	width: 150px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#000000
	}
	
	#content_right .news h4 {
	font-size: 10px;
	font-weight:normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #87888A;
	}
	
	#content_right .news h4 a {
	color: #87888A;
	text-decoration: none;
	}
	
	#content_right .news h4 a:hover {
	color: #87888A;
	text-decoration: underline;
	}

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

#bottom {
margin: 10px 0px 0px 0px;
clear: both;
position: relative;
}

#bottom img {

}

#bottom_text {
position: absolute;
left: 0;
top: 60px;
width: 100%;
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
color: #000000;
text-align: center;
}

#bottom_text a {
text-decoration: none;
color: #000000;
}

#bottom_text a:hover {
text-decoration: underline;
}

#bottom_text em {
color:#999999;
text-decoration:none;
font-style:normal;
}

#bottom_text em a {
color:#999999;
text-decoration:none;
}

#bottom_text em a:hover {
text-decoration: underline;
}

/******** ADMIN ********/

.admin_menu a {
}

.admin_menu a:hover {
}

.admin_menu a img {
border: 0;
}

#admin_back {
display: none;
position:absolute;
top: 0;
left: 0;
height: 200%;
width: 100%;
background:#000000;
opacity:0.5;
filter:alpha(opacity=50);
z-index: 1;
}

#admin {
display: none;
position:absolute;
top: 50px;
left: 0;
height: 100%;
width: 100%;
background: transparent;
z-index: 2;
}

#ruta {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
margin: 2px 0px 2px 0px;
border-color: #333333;
border-width: 0px;
}

#ruta table tr td {
vertical-align: top;
text-align: left;
line-height: 20px;
}


#ruta h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:#000000;
margin: 5px 0px 10px 0px;
}

#ruta h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#000000;
margin: 0px 0px 5px 0px;
}

#ruta a {
color:#000000;
margin: 0px 0px 5px 0px;
text-decoration:none;
background-color:#FFFFFF;
}

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

#ruta input {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
width: 400px;
color: #000000;
border-width: 1px;
border-color: #333333;
border-style: solid;
margin: 0px 0px 10px 0px;
}

#ruta input.check {
width: 12px;
color: #000000;
border-width: 1px;
border-color: #333333;
border-style: solid;
margin: 0px 0px 0px 0px;
text-align:left;
}

#ruta select {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
width: 400px;
color: #000000;
border-width: 1px;
border-color: #333333;
border-style: solid;
margin: 0px 0px 10px 0px;
}

#ruta textarea {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
width: 400px;
height: 400px;
color: #000000;
border-width: 1px;
border-color: #333333;
border-style: solid;
margin: 0px 0px 10px 0px;
}

#ruta .button {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
width: 80px;
margin: 10px 0px 0px 0px;
padding: 0px 5px 0px 5px;
}

#ruta #scroll {
height: 500px;
width: 450px;
overflow:auto;
}

.admin_site {
margin: 0px 0px 20px 0px;
clear: both;
float: none;
position:relative;
}

.admin_site a {
}

.admin_site a:hover {
}

.admin_site a img {
border: 0;
}


#login {
}

	#login h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #000000;
	font-weight: bold;
	margin: 0px 0px 20px 0px;
	}
	
	#login h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00A486;
	font-weight: bold;
	margin: 0px;
	}
	
	#login p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 20px;
	margin: 0px 0px 20px 0px;
	}
	
	#login .pub {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #cccccc;
	line-height: 20px;
	margin: 0px 0px 20px 0px;
	}
	#login .disc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;

	margin: 0px 0px 20px 0px;
	}
	
#fading img {
	border:0;
}

#lucaspic {
	position:absolute;
	right:-10px;
	bottom:135px;
}

#thelucaschest {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#00A486;
	text-align:left;
}

#prestartpicflash {
	
}

#startpicflash {
	position:static;
}

#startpicflash span {
	z-index:1;
	top:0;
	position:absolute;
}

#startpicflash object {
	z-index:1;
	top:0;
	position:absolute;
}

#startpicflash #startpicflashtext {
	position:absolute;
	top:0;
	height:280px;
	width:498px;
	z-index:999;
	background:transparent;
	color:#000;
}

#startpicflash #startpicflashtext div {
	position:absolute;
	bottom:0;
	width:458px;
	z-index:2;
	background:url(http://www.jolife.se/images/start_2010/start_text_over_bg.png);
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
	line-height:normal;
	padding: 10px 20px 10px 20px;
	text-align:left;
}