/* CSS Document */

body.RadEContent, body.RadEContentBordered {font-size:11px !important; background: #fff !important; }


Body {
background: #f4f4f4;
font-family: "Lucida Grande", Geneva, Verdana, sans-serif; 
font-size: 10px; 
color: #000000; 0
line-height: 150%;
SCROLLBAR-FACE-COLOR: #112260; 
SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; 
CURSOR: default; 
SCROLLBAR-SHADOW-COLOR: #ffffff; 
SCROLLBAR-3DLIGHT-COLOR: #ffffff; 
SCROLLBAR-ARROW-COLOR: #000000; 
SCROLLBAR-TRACK-COLOR: #ffffff; 
SCROLLBAR-DARKSHADOW-COLOR: #ffffff; 
}


Body#kampanj {background: #94d3e4 url(/CommonResources/Files/www.hansandersson.se/Images/backgrounds/Kampanj_bg.jpg) repeat-x;}

A { color: #265599; text-decoration: none; font-weight: bold;}
A:hover { text-decoration: underline; color: #000000; }
A.bb:hover { color: #000000; }
A:active { text-decoration: underline; color: #000000; }
A:visited:hover { color: #000000; }
A.navlink { color: #35436D; text-transform: uppercase; font-weight: bold;}
A.navlinkselected { color: #35436D; text-transform: uppercase; font-weight: bold; text-decoration: underline;}
A.navlink:visited { color: #35436D; text-transform: uppercase; font-weight: bold;}
A.navlink:hover { color: #000000; text-transform: uppercase; font-weight: bold;}
A.breadlink { color: #000000;}
A.breadlink:visited { color: #000000;}
A.breadlink:hover { color: #000000; }

A.toplink { color: #112260; font-weight: bold; font-size: 9px;}
A.toplink:visited { color: #112260; font-weight: bold; font-size: 9px;}
A.toplink:hover { color: #112260; font-weight: bold; font-size: 9px;}

a img{border: none; }

p {margin-top: 2px;}

H1 {  
font-weight: bold;
font-size: 17px;
color: #fff;
margin-top: 2px;
margin-bottom: 4px;
}

#rubrikrad h1 {  
margin-left: 172px;
padding: 8px 0;
}


H2 {
font-size: 14px; 
color: #000000; 
margin-top:0px; 
margin: 2px 0; 
padding: 2px 0;
line-height: 150%
}

H3 { 
font-weight: bold; 
font-size: 13px; 
color: #000; 
margin: 2px 0; 
padding: 2px 0;
margin-top:0px;
}

H4 { 
font-weight: bold; 
font-size: 12px; 
color: #112260; 
margin: 2px 0; 
padding: 2px 0;
}

H5 { 
font-weight: bold; 
font-size: 11px; 
color: #112260; 
margin: 2px 0; 
padding: 2px 0;
}

H6 { 
font-weight: normal; 
font-size: 11px; 
color: #112260; 
margin-top:2px; 
margin-bottom:2px;
}

HR { 
line-height: 1px; 
height: 1px; color: 
#dedede; 
shade: no; 
shading: none; 
noshade
}

SMALL { 
font-size: 9px; 
}

INPUT { 
font-size: 9px; 
}

BIG { 
font-weight: bold; 
font-size: 11px; 
letter-spacing: 50%; 
color: #000000; 
}


/* BOXAR */

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


#extrameny {
position: absolute;
top: 0;
left: 0;
margin: 35px 5px;
width: 170px;
z-index: 2;
}


#toppmeny {
position: absolute;
top: 83px;
left: 620px;
width: 250px;
}

#wrapper {
-moz-box-shadow:0 0 8px #CCCCCC;
-webkit-box-shadow:0 0 8px #CCCCCC;
border:1px solid #DDDDDD;
margin:0 auto;
text-align:left;
width:843px;
}


#header {
background: #fff;
width: 843px;
height: 112px;
position:relative;
}

#rubrikrad {
background: #00338e;
height: 41px;
}


#content {
width: 843px;
min-height: 374px;
background: #fff url(/CommonResources/Files/www.hansandersson.se/Images/Start_2008/contentbg.gif) repeat-y;
border-bottom: #00338e 23px solid;
}

#content:after {
content: ""; 
display: block; 
height: 0; 
clear: both;
}

#leftcontent {
float: left; 
width: 171px;

}


#logincontent {
width: 500px;
margin: 0 auto;
padding: 30px;
border: 1px #6dc6e7 solid;
background: #fff;
}

#rightcontent {
float: right; 
width: 671px; 
padding: 0;
position: relative;
}

#textspalt{
float: left; 
width: 378px;
padding: 0 19px 20px 10px;
}

body.RadEContentBordered #textspalt {
padding: 25px;
border: #666 1px dashed;
background:#fff url(/CommonResources/Files/www.hansandersson.se/images/components/textspalt.gif) no-repeat;
}


#textspaltsmal{
float: left; 
width: 218px;
padding: 0 19px 20px 170px;
}

body.RadEContentBordered #textspaltsmal {
padding: 25px;
border: #666 1px dashed;
background:#fff url(/CommonResources/Files/www.hansandersson.se/images/components/textspalt.gif) no-repeat;
}


#textspalt_wide{
float: left; 
width: 579px;
padding: 0 19px 15px 10px;
position: relative;
}

body.RadEContentBordered #textspalt_wide{
padding: 25px;
border: #666 1px dashed;
background:#fff url(/CommonResources/Files/www.hansandersson.se/images/components/textspalt.gif) no-repeat;
}


#textspaltnav{
float: left; 
width: 378px;
padding: 0 19px 20px 10px;
}

#textspaltnav img {
float: left;
clear:left;
padding-right: 10px;
}

#textspaltnav p:after {content:"."; height:0; display:block; visibility:hidden; clear:both;}

body.RadEContentBordered #contentpersonal {
padding: 25px;
border: #666 1px dashed;
background:#fff url( /CommonResources/Files/www.hansandersson.se/images/components/textspalt.gif ) no-repeat;
}

#sidbild{
float: right; 
width: 201px;
padding: 0 60px 15px 0;
overflow: hidden;
}


body.RadEContentBordered #sidbild {
padding: 25px;
border: #666 1px dashed;
background:#fff url( /CommonResources/Files/www.hansandersson.se/images/components/sidbild.gif ) no-repeat;
}


#kampanj
 {
margin: 0 auto;
padding: 0;
width: 1024px;
}

#wrapper2 {
margin: 0 auto;
margin-top: 13px;
width: 800px;
text-align: left;
}

/* STARTSIDA */

#startcontent {
width: 671px;
height: 204px;
}

#startcontent ul {
margin: 0;
padding: 0; 
}

#startcontent ul li{
list-style-type: none;
float:left;
}

#startcontent ul li a{
width: 134px;
height:34px;
float:left;
text-align: center;
cursor: pointer;
color: #fff;
padding-top: 170px;
}

#startcontent ul li a.papper{
background: #00338e url(/CommonResources/Files/www.hansandersson.se/Images/Start_2008/papper.jpg) no-repeat;

}

#startcontent ul li a.papper:hover{
background: #00338e url(/CommonResources/Files/www.hansandersson.se/Images/Start_2008/papper-on.jpg) no-repeat;
}

#startcontent ul li a.plast{
background: #00338e url(/CommonResources/Files/www.hansandersson.se/Images/Start_2008/plast.jpg) no-repeat;
}

#startcontent ul li a.plast:hover{
background: #00338e url(/CommonResources/Files/www.hansandersson.se/Images/Start_2008/plast-on.jpg) no-repeat;
}

#startcontent ul li a.metall{
background: #00338e url(/CommonResources/Files/www.hansandersson.se/Images/Start_2008/metall.jpg) no-repeat;
}

#startcontent ul li a.metall:hover{
background: #00338e url(/CommonResources/Files/www.hansandersson.se/Images/Start_2008/metall-on.jpg) no-repeat;
}

#startcontent ul li a.kemi{
background: #00338e url(/CommonResources/Files/www.hansandersson.se/Images/Start_2008/kemi.jpg) no-repeat;
}

#startcontent ul li a.kemi:hover{
background: #00338e url(/CommonResources/Files/www.hansandersson.se/Images/Start_2008/kemi-on.jpg) no-repeat;
}

#startcontent ul li a.atervinning{
background: #00338e url(/CommonResources/Files/www.hansandersson.se/Images/Start_2008/atervinning.jpg) no-repeat;
}

#startcontent ul li a.atervinning:hover{
background: #00338e url(/CommonResources/Files/www.hansandersson.se/Images/Start_2008/atervinning-on.jpg) no-repeat;
}

#startnotis {
position: absolute;
top:250px;
left:520px;
width: 120px;
}

#swaplayer {
position: absolute; 
z-index: 3; 
width: 250px; 
height: 250px; 
top:30px; 
left: 400px;
}



/* DIVERSE KLASSER */

#logo h1{
display: block;
overflow:hidden;
width: 229px;
height: 73px;
background: url(/CommonResources/Files/www.hansandersson.se/Images/Start_2008/logo.gif) no-repeat;
text-indent: -999em;
padding: 0;
margin: 0;
}

.underlink { font-size: 9px; }

.mastercom-bar { 
background-color: #dedede; 
font-size: 9px; 
font-weight: bold;
}

.mastercal { 
background-color: #dedede;
}

TH {
font-size: 11px;
}

.white { 
color: #ffffff; 
}

.yellow { 
color: #FAEA00; 
}

.black { 
color: #000000; 
}

.blue { 
color: #BDCCE4; 
font-weight: bold
}

.lightgrey { 
background-color:#efefef; 
}

.button { 
background-color: #ffffff; 
COLOR: #000000; 
FONT-SIZE: 9px; 
FONT-WEIGHT: normal; 
font-style: normal; 
}

SELECT { 
background-color: #ffffff; 
COLOR: #000000; 
FONT-SIZE: 9px; 
FONT-WEIGHT: normal; 
font-style: normal; 
}

.link { 
color: #FFFFFF; 
background-color: #fefefe; 
white-space: nowrap; 
border-color: #cccccc #333333 #333333 #cccccc; 
font-size: 10px; 
font-style: normal; 
font-weight: normal; 
vertical-align: middle; 
padding: 1px 2px 2px 1px; 
height: 21px; 
width: 120px; 
border-style: solid; 
border-top-width: thin; 
border-right-width: thin; 
border-bottom-width: thin; 
border-left-width: thin;
}

.whitebkg { 
background-color:white; 
}

.grey { 
color:#999999; 
}

.tableheader{	
background-color:#FAEA00;
font-weight:bold;
font-size:11px;	
border-color: White;	
border-width: 0px;	
border-style: solid;	¨
color:#333333;
}

.start {
font-size: 12px; 
color: #000066; 
line-height: 150%;
}

.box { 
width:630px; 
height:287px; 
overflow:auto; 
}

area {
CURSOR: hand; 
border:none; 
}


/*MENYER*/



#toppmeny ul {
list-style:none;
margin: 0;
padding: 0; 
}

#toppmeny ul li a{
color:#112260;
font-size: 9px;
font-weight: bold;
padding-right: 30px;
text-transform: uppercase;
}

#toppmeny ul li {
float: left;
margin: 0;
padding: 0;
}

#menu {
margin: 18px 0;
}


#menu ul { 
list-style:none;  
margin: 0 12px;  
padding: 0 0 12px 0;
}


#menu li a {
display: block;  
font-family:"Lucida Grande",Geneva,Helvetica,Verdana,sans-serif;
font-size:10px;
font-weight:bold;
color:#000;
text-transform: uppercase; 
padding:6px 6px 6px 12px;
}

#menu li a:hover {
text-decoration: underline; 
}

#menu li.selected a {
color:#990000; 
}

#menu  li.selected  ul li a{ 
font-family:"Lucida Grande",Geneva,Helvetica,Verdana,sans-serif;
font-size:10px;
font-weight:normal;
color:#000; 
padding: 0 0 6px 12px;
}

#menu  li ul li a:hover {
text-decoration: underline;
}

#menu  li ul li.selected a{
color:#990000; 
font-weight:bold;
text-decoration: underline;
}

#menu2 {
height: 25px;
}

#menu2 ul {
list-style:none;
margin: 6px 0 0 0;
padding: 0; 
}

#menu2 ul li a{
color:#265599;
font-size: 9px;
font-weight: bold;
padding: 0 6px;
text-transform: uppercase;
border-right: #000 1px solid;
}

#menu2 ul li {
float: left;
margin: 0;
padding: 0;
}

#extrameny  ul{
text-transform: uppercase; 
list-style:none;
margin: 0;
padding: 0;
font-size: 9px;
}

/* -------------------------------------------------------------- 
   Forms
-------------------------------------------------------------- */

label { font-weight: bold;  width: 120px; font-size: 1.2em; }

/* Fieldsets */
fieldset { padding: 1.5em; margin: 0 0 1.5em 0; border: none; }
legend { display:none;font-weight: bold; font-size: 1.5em;  margin-bottom: 15px; padding-left: 0;}

/* Textareas */
textarea { margin: 0.5em 0.5em 0 0;  font-size: 1.2em; }
textarea { padding: .4em; }
select { border: 1px #000 solid;  font-size: 1.2em; }

/* hForm
-------------------------------------------------------------- */
form  p { margin: 0 0 .5em; clear: both;}
form p label { float: left; width: 150px; }
form #collect p label { float: left; width: 200px; }
form p input { width: 200px; font-size: 1.2em; }
form p input.Amount{ width: 25px; font-size: 1.2em; }
form p select { width: 200px; }
form p select.Wide { width: 300px; }
form p select.ShortDate { width: 70px; }

form p input[type="submit"] { width: auto; background:#b0e1ff url(/CommonResources/Files/www.hansandersson.se/Images/buttons/bluebuttonbg.gif) repeat-x;  border: 1px #abd0eb  solid;  padding: 3px 10px;  display: block;  margin-top: 15px;  font-size: 1.2em; }

form p input.radio { width: auto; }

.info-box {margin: 2em 0; width: 400px; display: block;}

form p.checkbox {}
form p.checkbox label { float: none !important; width: auto !important;}
form p.checkbox input { width: auto; width: 13px; height: 13px; }



/* vForm
-------------------------------------------------------------- */
form p.vform  { margin: 0 0 .5em;  width: 300px; display: block;  }
form p.vform label { display: block; }

.positive {background-color:#FAFAFA;border:2px dotted green;color:Green;font-size:1.2em;height:1%;margin-bottom:1em;padding:10px 15px 10pt;}
.negative {background-color:#FAFAFA;border:2px dotted red;color:red;font-size:1.2em;font-weight:bold;margin-bottom:1em;padding:10px 15px 10pt;}

#newsContainer {padding:15px; }