/* CSS Document */

*{
margin:0;
padding:0;
}

html,body{
margin:0;
padding:0;
}
body{
font-family:'Lucida Grande',Arial,Sans-serif;
font: 76% arial,sans-serif;
text-align:center;
background-image: url(../images/nahp_bg.gif);
background-position: top left;
background-repeat: repeat-x;
}
p{
margin:0;
}
ul,ol{
margin:0 0 0.85em 0;
padding:0 0 0 1.6em;
}
a{
color:#000;
margin:0;
padding:0;
}
img{
padding:0;
margin:0;
/*display:block;*/
border:none;
}
h1,h2,h3,h4{
margin:0;
padding:0;
font-weight:normal;
}

ul.pdf{
list-style-image:url(../images/pdf_symbol_list.gif);
padding-left:1.6em;
padding-top:0.2em;
}

ul.doc{
list-style-image:url(../images/doc_symbol_list.gif);
padding-left:1.6em;
padding-top:0.2em;
}

li.pdf{
list-style-image:url(../images/pdf_symbol_list.gif);
}

li.doc{
list-style-image:url(../images/doc_symbol_list.gif);
}


/* HEADER
_______________________ */

div#header{
width:798px;
/*height:5.7em;*/
/*height:70px;*/
height:77px;
margin:0;
background:#ffffff;
/*background:#67AE8B;*/
}
div#header img{
display:block;
}
.logo{
float:left;
margin:0.85em 0 0 0.85em;
/*margin:10px 0 0 10px;*/
}
.se_film{
/*float:left;*/
padding:0.86em 0 0 0;
/*padding:11px 0 0 10px;*/
margin-left:0;
/*margin-left:200px;*/
}
.banners{
float:left;
margin:0 0 0 0;
/*padding:11px 0 0 10px;*/
margin-left:0;
/*margin-left:200px;*/
/*background:#ffffff;*/
width:36.5em;
background:#67AD8B;
/*background:#67AE8B;*/
}
#flashheader{
width:36.5em;
}
.anmal_dig{
float:left;
padding:0.86em 0 0 0;
/*padding:11px 0 0 10px;*/
}
.sthlm_logo{
float:left;
padding:1.1em 0 0 0;
/*padding:13px 0 0 10px;*/
margin-left:0;
/*margin-left:30px;*/
}
img .elev{
display: block;
width: 100%;
margin: 0;
}


/* CONTAINER
_____________________ */

div#container{
text-align:left;
/*width:798px;*/
width:812px;
/*width:64em;*/
/*width:780em;*/
margin:0 auto;
background-color:#ffffff;
/*padding:0 7px 0 7px;*/
}

div#marg{
width:100%;
margin:0 7px 0 7px;
}


/* CONTENT
______________________ */

div#wrapper{
float:left;
width:798px;
background:#ffffff;
}
div#content{
margin: 0 0 0 60px;
/*margin: 0 195px;*/
/*padding-right:2.5em;*/
/*padding-right:30px;*/
padding-bottom:1.7em;
/*padding-bottom:20px;*/
background:#ffffff;
}
#sefilm #content{
background:#ffffff;
margin:0 0 0 16.5em;
}

div#content p{
line-height:1.4;
margin-bottom:0.85em;
width:30em;
/*background:#ccc;*/
}
div#content .ingress{
line-height:1.4;
margin-bottom:0.85em;
font-size:120%;
width:26em;
}
div#content ul,ol{
line-height:1.4;
width:30em;
}
div#content h2,h3,h4{
width:25em;
}
div#content h1{
font-size:180%;
line-height:1.3;
color:#929000;
padding-top:2em;
padding-bottom:0.8em;
width:17em;
}
div#content h2{
font-size:120%;
line-height:1.3;
color:#929000;
padding-bottom:0.1em;
}
div#content h3{
font-size:100%;
line-height:1.3;
color:#000000;
font-weight:bold;
padding-bottom:0.1em;
}
div#content h4{
font-size:100%;
line-height:1.3;
color:#000;
padding-bottom:0.1em;
}
div#content li{
padding-bottom:0.2em;
}
div#content table{
font-size:100%;
}
div#content td{
padding:2px 10px 2px 0;
}
div#content tr{
border-bottom:1px dotted #000;
}




/* EXTRA
________________________ */

div#extra{
/*background:#FF8539;*/
float:left;
width:250px;
/*width:185px;*/
margin-left:-250px;
/*margin-left:-185px;*/
margin-top:1px;
}
div#extra h3{
font-size:110%;

}
div#extra .ruta{
width:100%;
margin:0.15em 0 0.15em 0;
}
div#extra .pufftext{
padding:1.2em;
/*padding:15px;*/
color:#FFFFFF;
font-size:120%;
}
div#extra h2.top{
font-size:120%;
line-height:1.3;
color:#929000;
padding-bottom:0.1em;
margin-top:80px;
}

div#extra h2{
font-size:120%;
line-height:1.3;
color:#929000;
padding-bottom:0.1em;
}

div#extra p{
margin-bottom:10px;
}
.green{
background:#A1BFA7;
}
.yellow{
background:#EBDF98;
}
.blue{
background:#91BDCA;
}
.pink{
background:#E0CAC8;
}
.citat_namn{
text-align:right;
padding-top:-2.5em;
margin-top:-2.5em;
}
div#extra .bildtext{
padding-top:3px;
padding-bottom:10px;
font-size:90%;
color:#000;
}


/* FOOTER
______________________ */

div#footer{
/*border-top:0.4em solid #67AD8B;*/
/*border-top:0.4em solid #67AE8B;*/
/*border-top:5px solid #67AE8B;*/
color: #999999;
clear:left;
width:100%;
}

div#footer a:link,
div#footer a:active, 
div#footer a:visited, 
div#footer a:hover {
color:#999999;
}

/* PROD
_______________________ */

div#prod{
text-align:left;
width:812px;
margin:0 auto;
color: #999999;
padding-top:0.5em;
padding-left:1em;
font-size:95%;
}

div#prod a:link,
div#prod a:active, 
div#prod a:visited, 
div#prod a:hover {
color:#999999;
text-decoration:none;
}


/* CONTENT START
_______________________ */

div#content_start{
/*background:#FF8539;*/
float:left;
/*width:50.7em;*/
/*width:615px;*/
/*margin-left:-50.7em;*/
/*margin-left:-615px;*/
padding-bottom:10px;
}

#startbild{
margin-top:1px;
margin-bottom:25px;
}
.puff{
width:240px;
/*height:120px;*/
border:1px solid #cbc9c9;
float:left;
margin:0 0 15px 15px;
}
.puff h1{
/*.puffrubrik{*/
display:block;
background:#929000;
color:#ffffff;
font-size:100%;
padding:4px 0 4px 0.8em;
}
.puff p{
padding:0.8em;
font-size:110%;
line-height:110%;
}
a:link.puff,
a:visited.puff,
a:active.puff,
a:hover.puff {
color:#000000;
text-decoration:none;
padding:0;
margin:0;
}

div#row1{
width:100%;
height:8.25em;
/*height:100px;*/
/*background:#ccc;*/
}
div#row1 img{
display:block;
float:left;
}

div#row2{
width:100%;
height:19em;
/*height:230px;*/
/*background:#ccc;*/
margin-top:0.2em;
/*margin-top:3px;*/
}
div#start_text{
float:left;
width:20.25em;
/*width:246px;*/
height:100%;
/*background:#ccc;*/
}
div#start_text h1{
font-size:110%;
line-height:1;
color:#67AE8B;
padding:1.2em 0.85em 0.4em 0.85em;
/*padding:15px 10px 5px 10px;*/
margin:0;
}
div#start_text p{
padding:0 0.85em 0.85em 0.85em;
/*padding:0 10px 10px 10px;*/
margin:0;
line-height:1.3;
}

div#puffar_col1{
float:left;
width:20em;
/*width:243px;*/
height:100%;
/*background:#ffffff;*/
margin-right:0.25em;
/*margin-right:3px;*/
}
div#puff1{
width:100%;
height:9.37em;
/*height:113px;*/
background:#E0CAC8;
margin-bottom:0.25em;
/*margin-bottom:3px;*/
}
div#puff1 h1{
font-size:110%;
line-height:1;
color:#A86F77;
padding:1.2em 0.85em 0.4em 1.2em;
/*padding:15px 10px 5px 15px;*/
margin:0;
}
div#puffar_col1 p{
padding:0 0.85em 0.85em 1.2em;
/*padding:0 10px 10px 15px;*/
margin:0;
}

div#puff2{
width:100%;
height:9.40em;
/*height:114px;*/
background:#B7D6DD;
}
div#puff2 h1{
font-size:110%;
line-height:1;
color:#0E7C9F;
padding:1.2em 0.85em 0.4em 1.2em;
/*padding:15px 10px 5px 15px;*/
margin:0;
}

div#puffar_col2{
float:left;
width:10.15em;
/*width:123px;*/
height:100%;
background:#EBDF98;
}
div#puffar_col2 h1{
font-size:110%;
line-height:1;
color:#C1A013;
padding:1.2em 0.85em 0.4em 1.2em;
/*padding:15px 10px 5px 15px;*/
margin:0;
}
div#puffar_col2 p{
padding:0 0.85em 0.85em 1.2em;
/*padding:0 10px 10px 15px;*/
margin:0;
}

div#row3{
width:100%;
height:9.9em;
/*height:120px;*/
/*background:#ccc;*/
margin-top:0.25em;
}
.flash_ivik{
margin-left:20.5em;
/*margin-left:251px;*/
}


/* NAVIGATION
_____________________ */

div#navigation{
/*background:#B9CAFF;*/
float:left;
width:12.5em;
/*width:150px;*/
margin-left:-64em;
/*margin-left:-780em;*/
/*margin-top:30px;*/
margin-top:2.5em;
margin-bottom:2.5em;
}


/* HUVUDMENY 
_______________________________ */

/* <![CDATA[ */

#nav {
margin:1px 0 0 0;
padding:0;
background:#929000;
width:798px;
float:left;
}
#nav li {
display:inline;
padding:0;
margin:0;
}
#nav a:link,
#nav a:visited {
color:#ffffff;
background:#929000;
padding-left:0.8em;
padding-right:0.8em;
padding-top:0.4em;
padding-bottom:0.4em;
float:left;
width:auto;
border-right:1px dotted #ffffff;
text-decoration:none;
font-family:Arial,Verdana,Sans-serif;
font-size:100%;
}
#nav a:hover {
background:#686600;
text-decoration:none;
}
#nav li:first-child a {
border-left:0px solid #42432d;
padding-left:0.8em;
}
#start #nav-start a,
#about #nav-about a,
#theboard #nav-theboard a,
#members #nav-members a,
#meetings #nav-meetings a,
#tpc #nav-tpc a,
#projects #nav-projects a,
#links #nav-links a,
#contact #nav-contact a {
background:#686600;
color:#ffffff;
}
#start #nav-start a:hover,
#about #nav-about a:hover,
#theboard #nav-theboard a:hover,
#members #nav-members a:hover,
#meetings #nav-meetings a:hover,
#tpc #nav-tpc a:hover
#projects #nav-projects a:hover,
#links #nav-links a:hover,
#contact #nav-contact a:hover {
background:#686600;
text-decoration:none;
}
#nav a:active {
background:#929000;
color:#ffffff;
}

#nav .menuMainLines{
float:left;
color:#FFFFFF;
padding-top:0.6em;
/*padding-bottom:0.6em;*/
font-size:110%;
width:0.1em;
}
/* ]]> */