* html body p {
font-size : 85%; 
}
/*------------------------------------- body*/
body {
margin : 0; 
padding : 0; 
background : #e8eeed url(background.gif) repeat; 
font:  tahoma, verdana, sans-serif; 
color : #333331; 
text-align : center; 
}

/*---------------------------- table */ 
table {
	margin:0 auto;
	/*background: url(principal.gif);*/
	margin-top:0;
	background-color: #fff;
}

/*----------------------------------- container*/
#container {
position : relative;
float:inherit; 
text-align : left;
margin : 0 auto; 
width : 700px;
background : #fff url(principal.gif) repeat-y ;
border:0px solid #000000;
}

/*---------------------------- intro */ 
#intro {
	width : 700px;
	background-color:#FFFFFF;
	height : 65px;
	margin:0;
	padding:0;
}

/*---------------------------- pageHeader */ 
#pageHeader {
	width : 700px;
	height : 65px;
	background-color:#FFFFFF;
	background : #FFF url(../images/header.gif) no-repeat;
	margin:0;
	padding:0;
	border-bottom:1px solid #000000;
	background-position: right;
} 

#pageHeader h1 , #pageHeader h2 {
display : none; 
} 

#pageHeader img { 
	float:left;
	margin: 5px 0 0 5px;
}

/*---------------------------------- logotype --*/
#logotype {
	width : 294px;
	height:124px;
	/*background: #798AA9 url(../images/log.gif) no-repeat; fondo azul */
	background: #FFF url(../images/log.gif) no-repeat;
	background-position:center;
	position:relative;
	left:0;
	top:0;
	float:left;
} 

/*---------------------------------- preamble*/
#preamble {
	width : 700px;
	height:286px;
	background: #798AA9 url(../images/bg_all.jpg) no-repeat;
	margin:0;
	padding:0;
} 

#preamble h4{
/*background : transparent url(bienvenidos.gif) no-repeat; */
border-style: dashed;
border-color: gray;
border-width: 2px 0px;
padding: 5px;
color:#CC0B19
} 

/*---------------------------- quickSummary */
#quickSummary { 
position:relative;
top:500;
left:0;
width : 700px;
height:1px;
background-color:green;
clear:both; 
} 
#quickSummary p.p2 {
text-indent : 0; 
font : 10px/16px tahoma, verdana, sans-serif; 
color : #efece3; 
padding : 5px 17px; 
margin : 25px 0 0; 
background : #bd4d0d url(list-bg.jpg) repeat; 
border-top : 1px solid #923b09; 
} 
#quickSummary p.p2 a {
color : #efece3; 
border : medium none inherit; 
font-weight : bold; 
} 
#quickSummary p.p2 a:hover {
color : #ec9; 
} 
#quickSummary p.p1 {
display : none; 
} 

/*----------------------------------- supportingText*/
#supportingText {
width : 700px; 
margin :0; 
padding:0;
background:#FFF url(../images/bg_all2.jpg) no-repeat;
}

/*---------------------------------- explanation*/
#explanation {
margin-left : 0px;
margin-bottom: 0px; 
width : 321px;
background-color:#FFF;
float:left;
padding: 0px 0 10px 0px;
color: #A1A099;
background:#FFF url(../images/bg_all3.gif) no-repeat;
}

#explanation a {
color:#E65C66;
}

#explanation p {
margin:10px; 
/*width : 274px;*/
/*background-color:#C1CBDA;*/
padding:0 0 20px 0px;
}
#explanation p.p1 {
clear: both;
}
#explanation h4 {
background-color : #FFF; 
margin:0 0 0 0;
color:#000;
width : 274px;
font : small/1.5em tahoma, verdana, sans-serif;
padding:10px;
} 

#explanation h3 {
background: #FFF url(../images/tit_valkomna.gif) no-repeat; 
margin:0 0 0 0;
width : 274px;
font : small/1.5em tahoma, verdana, sans-serif;
padding:10px;
} 

#explanation h3.sub2 {
background-color : #674E5C; 
margin:0 0 0 0;
color:#FFFFFF;
padding:0px;
width : 274px;
font : small/1.5em tahoma, verdana, sans-serif;
padding:10px;
} 

/*---------------------------------- participation*/
#participation {
background: #FFF url(../images/bg_all2.jpg) no-repeat;
margin:0; 
width : 377px;
float:left;
color: #A1A099;
border-left: 1px solid #C6D673;
}
#participation h3 { 
margin:0;
padding: 0px 0 10px 0px;
width : 38px;
font : small/1.5em tahoma, verdana, sans-serif;
background-color:#FFF;
} 
#participation p {
margin:10px; 
width : 205px;
background-color:#FFF;
padding:0 0 20px 0px;
clear:both;
}
#participation a {
color:#E65C66;
}
/*----------------------------- footer*/
#footer {
margin : 3em 0 0; 
font : bold 12px/3em tahoma, verdana, sans-serif; 
text-transform : uppercase; 
letter-spacing : 1px; 
padding-bottom : 2em; 
background-color:#C6D673;
width:700px;
text-align:center;
clear:both;
color:#FFF;
} 
#footer a {
background : #C6D673; 
padding : 2px 5px; 
color : #FFF; 
border : medium none inherit; 
margin : 0; 
} 
#footer a:hover { 
color : #999933;
border : medium none inherit; 
} 

/*---------------------------- img.. */
.img_small {
border:0;
float:left;
margin: 0 10px 0 0px; 
}

/*---------------------------- a */ 
a {
color : #ff0000; 
text-decoration : none; 
font-size:85%;
/*border-bottom : 1px solid #dca;*/ 
} 
a:visited {
color : #ff0000; 
border : medium none inherit; 
} 
a:hover {
color : #4E555E; 
/*border-bottom : 1px solid #333331; */
}
/*---------------------------- acronym */ 
acronym {
cursor : help; 
font-style : normal; 
border : medium none inherit; 
} 

/*---------------------------- h.. , hr */
h1 {
display : none; 
} 
h2 {
font-size : 2em; 
font-weight : normal; 
color : #922; 
margin : 0 0 0.7em; 
padding : 0; 
} 
h3 { 
height : 20px;
padding:0; 
/*margin : 1.2em 0 0.8em;*/
/*margin : 0 0 0.8em;*/
} 
h3 span {
display : none; 
visibility : hidden;
}

h4 { 
height : 20px;
padding:0; 
/*margin : 1.2em 0 0.8em;*/
/*margin : 0 0 0.8em;*/
} 
h4 span {
display : none; 
visibility : hidden;
}

hr
{
color:#ccc;
height: 1px;
}

.subtitulos{
font-size : 1em; 
color : #CC0B19;
font-weight:bold;
text-align:left;
}
/*---------------------------- p.. */ 
p {
/*text-indent : 1.5em; */
font-size : 80%; 
/*margin : 0 0 0.6em; */
} 

/*----------------------------- select*/
h3.select {
background : transparent url(lselect_sub.jpg) no-repeat; 
} 

/*----------------------------- resources*/
h3.resources {
background : transparent url(resources_sub.jpg) no-repeat; 
} 

/*----------------------------- archives*/
h3.archives {
background : transparent url(archives_sub.jpg) no-repeat; 
} 

/*----------------------------- favorites*/
h3.favorites {
background : transparent url(h3-favorites.gif) no-repeat; 
} 

/*---------------------------------- benefits*/
#benefits {
position:absolute;
top:65px;
left:0px;
background: #FFF url(../images/bg_familjen.jpg) no-repeat;
margin-left : 0px;
margin-bottom: 10px; 
width : 700px;
}
#benefits h3 {
background : url(../images/familjen.gif) no-repeat; 
} 

#benefits p {
background:#FFF;
}

#benefits p.p1 {
width:550px; 
}
/*---------------------------------- requirements*/
#requirements {
top:0px;
left:0px;
width:250px; 
margin : 100px 0 0.7em 120px; 
} 

#requirements h3 {
background: url(../images/omoss.gif) no-repeat;
height : 30px;  
} 

#requirements h4 {
background: url(../images/aktiviteter.gif) no-repeat;
height : 30px;  
}

#requirements p.p1 {
width:250px; 
}
/*--------------------------------------------- erfarenhet*/
#erfarenhet {
position:absolute;
top:65px;
left:0px;
background: #FFF url(../images/bg_erfarenhet.gif) no-repeat;
margin-left : 0px;
margin-bottom: 10px; 
width : 700px;
}
#erfarenhet h3 {
background : url(../images/kompetens.gif) no-repeat; 
} 

#erfarenhet p {
background:#FFF;
}

#erfarenhet p.p1 {
width:550px; 
}
/*--------------------------------------------- erf_content*/
#erf_content {
top:0px;
left:0px;
width:250px; 
margin : 100px 0 0.7em 280px; 
} 

#erf_content h3 {
background: url(../images/kompetens.gif) no-repeat;
height : 30px;  
} 

#erf_content h4 {
background: url(../images/placeringar.gif) no-repeat;
height : 30px;  
}

#erf_content p.p1 {
width:250px; 
}
/*--------------------------------------------- boende*/
#boende {
position:absolute;
top:65px;
left:0px;
background: #FFF url(../images/bg_boende.gif) no-repeat;
margin-left : 0px;
margin-bottom: 10px; 
width : 700px;
}
#boende h3 {
background : url(../images/kompetens.gif) no-repeat; 
} 

#boende p {
background:#FFF;
}

#boende p.p1 {
width:550px; 
}
/*--------------------------------------------- boende_content*/
#boende_content {
top:0px;
left:0px;
width:250px; 
margin : 100px 0 0.7em 280px; 
} 

#boende_content h3 {
background: url(../images/kompetens.gif) no-repeat;
height : 30px;  
} 

#boende_content h4 {
background: url(../images/placeringar.gif) no-repeat;
height : 30px;  
}

#boende_content p.p1 {
width:250px; 
}
/*--------------------------------------------- kontakt*/
#kontakt {
position:absolute;
top:65px;
left:0px;
background: #FFF url(../images/bg_kontakt.gif) no-repeat;
margin-left : 0px;
margin-bottom: 10px; 
width : 700px;
}
#kontakt h3 {
background : url(../images/kompetens.gif) no-repeat; 
} 

#kontakt p {
background:#FFF;
}

#kontakt p.p1 {
width:550px; 
}
/*--------------------------------------------- kontakt_content*/
#kontakt_content {
top:0px;
left:0px;
width:300px; 
margin : 100px 0 0.7em 280px; 
} 

#kontakt_content h3 {
background: url(../images/adress.gif) no-repeat;
height : 30px;  
} 

#kontakt_content h4 {
background: url(../images/email.gif) no-repeat;
height : 30px;  
}

#kontakt_content p.p1 {
width:250px; 
}
/*--------------------------------------------- Linklist*/

#linkList {
	position:absolute;
	left:5px;
	width : 163px;
	margin-right : 0px;
	margin-bottom:0px;
	margin-top:0px;
	height: 276px;
	font-size:80%;
} 

#linkList h3 {
background : url(../images/barra_menu.gif) no-repeat;
width : 210px; 
height : 40px; 
margin : 0.5em 0 0; 
padding : 0; 
} 

#linkList p , #linkList li {
font : small/2em tahoma, verdana, sans-serif; 
color : #777462; 
text-indent : 0; 
}
 
#linkList ul {
list-style : none; 
margin : 0; 
padding : 0; 
/*border-top : 1px solid #ffffff; */
/*background : #FFF url(list-bg.jpg) repeat; */
} 

#linkList li {
color : #777462; 
/*border-bottom : 1px solid #923b09; */
line-height : 1.5em; 
padding : 0.4em 25px;
}
 
#linkList li:hover {
background : #FFF; 
} 

/*importante*/
#linkList li a {
display : block; 
border : medium none inherit; 
color : #777462; 
font-weight : bold; 
margin-left : -18px;*/ 
padding-left : 18px;*/ 
background : url(../images/arrows.gif) no-repeat 0 60%; 
} 

#linkList li a:hover {
color : green; 
/*background-position : -300px 60%; */
}
 
#linkList li a.c {
display : inline; 
padding : 0; 
margin : 0; 
background : none repeat; 
color : #000; 
font-weight : normal; 
}
 
#linkList li a.c:hover {
color : #FFF; 
} 

#linkList #larchives li , #linkList #lselect li , #linkList #lresources li , #linkList #lfavorites li {
padding : 0em 0; 
}
 
#linkList #larchives li a , #linkList #lselect li a, #linkList #lfavorites li a {
/*background : transparent url(bullet.gif) no-repeat 5px 60%; */
display : inline; 
padding-left : 25px; 
margin: 20px 0 0 0; 
}
 
#linkList #lresources li a {
background : transparent url(bullet.gif) no-repeat 5px 60%; 
display : inline; 
padding-left : 17px; 
margin : 0;
 
} 

#linkList #larchives li a:hover , #linkList #lselect li a:hover , #linkList #lresources li a:hover , #linkList #lfavorites li a:hover {
/*background-position : -295px 60%;*/ 
} 
