html { height: 101%; }
body, html { margin:0px 0 0 0; padding: 0; font-family: Tahoma, Arial, sans-serif; font-size: small; }
input, textarea { font-family: Tahoma, Arial, sans-serif; font-size: small; }
p  { font-size: small; }
a:hover {
color: #9B5819;
/*background:#ffffff;*/
}

a.tooltip:hover { background: #ffffff; }
a.tooltipgrey:hover { background: #eeeeee; }

a {
color: #9F734A;
}

.companylist .iconpad { margin-right: 5px; }
.companylist ul { margin-left:0; padding-left: 0; list-style-type: none; }
.companylist li  { line-height: 1.7em; padding-bottom: 1.3em;}
#contentmain li { line-height: 1.7em; padding-bottom: 0.4em; }
.companylistGrey { background: #eee; }
.pad { padding-left:6px;  }
.companylist td { padding-right: 3em; padding-bottom: 1em; padding-top: 1em; vertical-align: top; width:25%; font-size: 1em; }

#companiesnarrow  td { width: 140px; padding-right: 1em; padding-bottom: 1em; padding-top: 1em; vertical-align: top; }
#companiesnarrow  td.pics { width: 200px; padding-right: 0; }

.companylist th {text-align: left; font-size: 1.1em; padding-bottom: 1.1em; }

.companylist table {margin-top: 1.3em; margin-left: 30px; width: 960px; border-collapse: collapse; }

.companylist table.tblnarrow {margin-top: 1.3em; margin-left: 0; width: 785px; border-collapse: collapse; }

#flashcontainer
{
position: relative;
width: 750px;
margin: 20px auto;
}

#container 
{
position: relative;

/*left: 50%;
margin-left: -495px;
overflow-x: scroll;*/
width: 990px;

/*margin-top: 20px;*/
margin: 20px auto;
z-index: 1;
padding-bottom: 30px;

}


a.tooltip, a.tooltipgrey {text-decoration: none; border-bottom: 1px dotted #9F734A; }
a.tooltip span, a.tooltipgrey span {display:none; padding:2px 3px; margin-left:8px; width:230px;}
a.tooltip:hover span, a.tooltipgrey:hover span {display:inline; position:absolute; background:#ffffff; border:1px solid #9F734A; color:#9F734A; text-decoration: none; }

.ingress { font-weight: bold; }



#storbild, #storbildsova, #storbildata, #storbildgora, #storbildkalendarium, #storbildkontakt, #storbildrespass, #storbildarboga_jadersbruk, #storbildarvika_hedmark, #storbildbergslagen, #storbildfinnbygder, #storbildfiskars, #storbildgrythyttan, #storbildhallefors, #storbildnora, #storbildnordic_delight, #storbildsunne, #storbildvarmland, #storbildshoppa {
position: relative;
z-index: 50;
width: 990px;
height: 354px;

}

#storbildarboga_jadersbruk, #storbildarvika_hedmark, #storbildbergslagen, #storbildfinnbygder, #storbildfiskars, #storbildgrythyttan, #storbildhallefors, #storbildnora, #storbildnordic_delight, #storbildsunne_torsby, #storbildvarmland, #storbildvalkommen, #storbildsverige_finland {
position: relative;
z-index: 50;
width: 800px;
height: 354px;

}

#storbild { background: url(images/sverige_finland.jpg) no-repeat; }
#storbildsova { background: url(images/sova.jpg) no-repeat; }
#storbildata { background: url(images/ata.jpg) no-repeat; }
#storbildgora { background: url(images/gora.jpg) no-repeat; }
#storbildshoppa { background: url(images/shoppa.jpg) no-repeat; }
#storbildkontakt { background: url(images/kontakt.jpg) no-repeat; }
#storbildkalendarium { background: url(images/kalendarium.jpg) no-repeat; }
#storbildrespass { background: url(images/respass.gif) no-repeat; }
#storbildarboga_jadersbruk { background: url(images/arboga_jadersbruk.jpg) no-repeat; }
#storbildarvika_hedmark { background: url(images/arvika_hedmark.jpg) no-repeat; }
#storbildbergslagen { background: url(images/bergslagen.jpg) no-repeat; }
#storbildfinnbygder { background: url(images/finnbygder.jpg) no-repeat; }
#storbildfiskars { background: url(images/fiskars.jpg) no-repeat; }
#storbildgrythyttan { background: url(images/grythyttan.jpg) no-repeat; }
#storbildhallefors { background: url(images/hallefors.jpg) no-repeat; }
#storbildnora { background: url(images/nora.jpg) no-repeat; }
#storbildnordic_delight { background: url(images/nordic_delight.jpg) no-repeat; }
#storbildsunne_torsby { background: url(images/sunne_torsby.jpg) no-repeat; }
#storbildvarmland { background: url(images/varmland.jpg) no-repeat; }
#storbildvalkommen { background: url(images/valkommen.jpg) no-repeat; }
#storbildsverige_finland { background: url(images/sverige_finland.jpg) no-repeat; }




img.minibild_top { margin-top: 16px; }
img.minibild_mid { margin-top: 180px; }
img.minibild_bot { margin-top: 295px; }

#minibild img { position: absolute; }

#minibild
{
/*z-index: 51;
top: 0;*/
width: 200px;
height: 50px;
position: absolute;


}

#logo
{
position: relative;
left: 0;
width: 389px;
height: 256px;

float: left;
}

.logopic { margin-top: 60px; }

#map {
float: left;
position: relative;
width: 426px;
height: 256px;
background: url(images/map.gif) no-repeat;
}

#language {
float: left;
position: relative;
width:175px;
height: 256px;

}

#language img
{
float: right;
margin-top: 150px;
margin-left: 10px;
}

a img { border: 0; }

#menu_sub {  top:20px; }

#menu {  top: 181px; }

#menu, #menu_sub {
clear: both;
position: absolute;
width: 100%;
height: 33px;
background: #9F734A;
}

#menu ul, #menu_sub ul {
list-style-type: none;
margin: 8px 0 0 25px;
padding:  0;

top: 0;
}

#menu li.active, #menu_sub li.active {
background: #DFC4AB;
color: #6D5035;
padding: 8px 14px 8px 14px;

}
#menu li a, #menu_sub li a {
color: #fff;
text-decoration: none;
padding: 8px 14px 8px 14px;
}

#menu li a:hover, #menu_sub li a:hover {
text-decoration: underline;
background: #9B5819;
padding: 8px 14px 8px 14px;
}

#menu li, #menu_sub li {
height: 33px;
display: inline;
font-size: 14px;
color: #fff;
/*padding: 8px 14px 8px 14px;*/

vertical-align: top;
/*padding: 3px 11px 5px 14px;*/

}

#content_sub {
position: relative;

top: 80px;


width:990px;



}

#flashmap { background: #eee; width: 575px; margin-left: 208px;  }

#content {
position: absolute;
top: 256px;
width: 100%;

}

#leftcolumn {
position: relative;
float: left;
width: 170px;
/*background: url(images/leftcol_bg.gif) no-repeat;
height: 300px;*/
margin-right: 20px;
/*background: #ccc;*/
}

#narrowbox_top {
width: 170px;
height: 5px;
line-height: 0px;
background: url(images/nysmalruta_01.gif) no-repeat;
/*background: #ccc;*/
position: relative;
}

#narrowbox_btm {
background: url(images/nysmalruta_04.gif) no-repeat;
width: 170px;
height: 5px;
}

#narrowbox_main
{
background: url(images/nysmalruta_02.gif) repeat-y;
width: 170px;
padding-bottom: 8px;

}

#narrowbox_pic {
position: relative;
width: 150px;
background: #ccc;
left:50%;
margin-left: -75px;
}

#narrowbox_main img { margin-left: auto; margin-right: auto; display:block; }


#rightcolumn p { margin: 0 5px 12px 15px; padding-top: 5px; }
#rightcolumn p.nopad { padding-top:0 ;}

#leftcolumn p { margin: 0px 8px 12px 12px; padding-top: 5px; }
#leftcolumn p.normal { margin: 0px 8px 12px 15px; padding-top: 5px;}


#leftcolumn ul {
list-style-type: none;
margin-left:15px;
padding-left:0;
}

#leftcolumn li {
padding-bottom: 1em;
}



#leftcolumn li.selected { color: #000; }

#clear {
clear:left; 
height:80px;
}

#contentmain { padding-bottom: 20px; }
/*#contentmain p*/
 #companies p { margin-left: 30px; }
#contentmain p, #centercolumn p, #companies p  { width: 90%; line-height: 1.7em; }

#login { 
position: relative;
float: left;
width: 540px;

}
#companiesnarrow {
width: 800px;
}
#companiesnarrow p { width: 800px; line-height: 1.7em;}
#companies, #companiesnarrow {
position: relative;
float: left;


}

#contentmain  {
position: relative;
float: left;

width: 800px;
}


#login p {
padding-bottom: 0;
}

#login label
{
margin: 4px 1em 0px 0;
width: 8em;
display: block;

float: left;
clear: left;
text-align: right;

}

#login form {
width: 30em;

margin-top: 1em;
padding-top: 0;
}

#login input.txt {
margin-top: 2px;
/*float: left;
display: block;*/
height: 1.1em;
width: 11em;

/*margin-left: 9.5em;*/
}

/*#submitbtn {
border: 1px solid #000;
float: left;
clear: left;
width: 8em;
margin: 4px 1em 0px 0.5em;
}*/

#login input.subm {

float: left;
clear: left;
margin-left: 9.5em;
margin-top:4px;
width: 11em;
/*border: 1px solid #000;
display: block;

width: 8em;*/
}

h2.companylistheader { width: 960px; padding-top: 0em; margin-left: 30px; }

h2.narrow { width: 800px; padding-top: 0em;  }

h2 {
font-size:large;
color: #804813;
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 1px solid #804813;
width:800px;
}

h1.frontheader { text-align: center; }

h1 {
font-size:24px;
color: #804813;
margin-bottom: 0;
padding-bottom: 0;
}

h1.notopspace {
margin-top: 0;
padding-top: 0;
}

/*.boxplatta {
width: 220px;
height: 208px;
background: url(images/platta.gif) no-repeat;
margin-bottom: 20px;
}*/

.bigbox_main form {
margin: 10px 5px 0 15px;
}

.bigbox_main textarea {
width: 185px;
margin-bottom: 5px;

}

.bigbox_main label {
margin-right: 5px;
}

.bigbox_btm {
width: 220px;
height: 6px;
background: url(images/rightbox_03.gif) no-repeat;
margin-bottom: 20px;
}

.bigbox_main {
width: 220px;
padding-bottom: 8px;
background: url(images/rightbox_02.gif) repeat-y;
}
.bigbox_top {
width: 220px;
height: 7px;

line-height: 0px;
background: url(images/rightbox_01.gif) no-repeat;
}

#rightcolumn {
position: relative;
float: left;
/*background: #630;*/
width: 240px;

margin-left: 20px;
}

h3.leftmenu { padding-top: 6px; margin: 0 0 0 15px; }
h3 { font-size: small; font-weight: bold; padding-top: 0px; }
h3.nopaddingbottom { padding-bottom: 0; margin-bottom: 0; padding-top:1em; }



#centercolumn {
position: relative;
float: left;

width: 540px;
height: 300px;
}


#centercolumn p {  padding-top: 0; margin-top:0.5em; }

#footer {
clear: both;

width: 100%;
height: 30px;
position: relative;
top: 20px;
}



#footer p.footerright {
margin-left: 20px;
float: right;
}

#footer p.footerleft {
float: left;
}

#footer p {
display: inline;
font-size:11px;

}