body {
margin: 0 auto;
padding: 0;
color: #48494A;
font-size: 100%;
text-align: center;
position: relative;
top: -25px;
}

.jquery-corner {
height: 10px;
}

h1 {
font-family: helvetica, verdana, sans-serif;
font-size: 18px;
font-weight: 100;
color: #48494A;
letter-spacing: 0.05em;
line-height: 130%;
margin: 0 0 5px 0;
}

h2 {
font-family: helvetica, verdana, sans-serif;
font-size: 16px;
font-weight: 100;
color: #48494A;
letter-spacing: 0.05em;
line-height: 130%;
margin: 0 0 3px 0;
}

h3 {
font-family: helvetica, verdana, sans-serif;
font-size: 18px;
font-weight:100;
color: #48494A;
}

h4 {
font-family: helvetica, verdana, sans-serif;
font-size: 15px;
font-weight: normal;
margin: 7px 0 5px 0;
}

h5 {
font-family: helvetica, verdana, sans-serif;
font-size: 13px;
margin: 0 0 4px 0;
font-weight: bold;
line-height: 165%;
}

p, label, ul {
font-family: helvetica, verdana, sans-serif;
font-size: 13px;
margin: 0 0 8px 0;
line-height: 165%;
}

label {
line-height: 100%;
margin: 0;
}

img {
margin: 0;
padding: 0;
border: 0;
}

a:link { 
background-color: transparent; 
text-decoration: none; 
color: #48494A;
font-family: helvetica, verdana, sans-serif;
}
a:visited { 
background-color: transparent; 
text-decoration: none; 
color: #48494A;
font-family: helvetica, verdana, sans-serif;
}
a:hover { 
background-color: #DAE1E6; 
text-decoration: none; 
color: #48494A;
font-family: helvetica, verdana, sans-serif;
}

#wrapper {
margin: 0 auto;
padding: 0; 
width: 960px; 
text-align: left;
position: relative;
}

#menuwrapper {
width: 100%;
height: 64px;
background-color: #EEF2F4;
position: relative;
}

#menu {
position: absolute;
right: 0;
height: 64px;
margin-right: 20px;

}

#menu a {
margin: 0;
position: relative;
bottom: 0;
display: inline-block;
height: 64px;
border-left: 1px solid white;
padding: 0 10px;
float: left;
}

#menu a img {
position: relative;
top: 44px;
}

#menu a:hover {
background-color: #DAE1E6;
}

#menu a#active {
background-color: #DAE1E6;
}

#header {
margin: 15px 2px 15px 2px;
height: 44px;
position: relative;
}

#logo {
width: 160px;
height: 44px;
position: absolute;
background-image: url('/images/ideoluck/il-logo.gif');
background-repeat: no-repeat;
background-position: right;
}

#slogan {
height: 23px;
width: 588px;
position: absolute;
top: 12px;
right: 0px;
background-image: url('/images/ideoluck/slogan.gif');
background-repeat: no-repeat;
background-position: right;
}

.main {
background-color: #EEF2F4;
width: 900px;
position: relative;
padding: 30px;
}

.main-index-bottomround {
background-color: #EEF2F4;
width: 960px;
height: 30px;
position: relative;
}

.main2 {
background-color: #EEF2F4;
width: 900px;
position: relative;
margin-top: 30px;
padding: 30px;
}

#main2-historia {
display: none;
}

.main2-kunder {
margin-top: 0;
}

.tooltip{ /* används inte än så länge */
position:absolute;
left:-2000px;
background-color:#dedede;
padding:5px;
border:1px solid #fff;
width:550px;
height:250px;
}

.tooltip p{
margin:0;
padding:0;
color:#fff;
background-color:#222;
padding:5px 5px;
width:540px;
height:240px;
}

.topbox-historia {
height: 181px;
position: relative;
}

.leftbox {
position: relative;
width: 340px;
display: inline-block;
vertical-align: top;
}

.leftbox2 {
position: relative;
width: 440px;
}

.leftbox-index {
width: 335px;
height: 360px;
margin-top: 30px;
}

.leftbox-index p {
margin-right: 30px;
margin-top: 15px;
}

.leftbox-index h2 {
margin-right: 30px;
}

.leftbox-index-scrolltext {
height: 64px;
max-height: 64px;
width: 300px;
background-color: white;
position: absolute;
bottom: 0px;
margin-top: 20px;
background-image:url('/images/ideoluck/arrow-right.gif');
background-repeat:no-repeat;
background-position:right; 
}

.leftbox-index-scrolltext h2 {
margin: 15px;
}

.leftbox-kunder a:hover {
background: transparent;
}

.leftbox2-vigor {
width: 570px;
height: 390px;
}

.leftbox2-kontakt {
width: 300px;
}

.leftbox2-kontakt h2 {
margin: 0 0 15px 0;
}

.leftbox2-kunder {
width: 600px;
}

#varvarld {
border: 10px solid white;
margin-top: 15px;
}

.rightbox {
position: relative;
width: 550px;
display: inline-block;
}

.rightbox2 {
position: absolute;
top: 30px;
right: 30px;
width: 560px;
}

.rightbox2-vigor {
width: 310px;
margin-left: 15px;
}

.rightbox2-vigor h1 {
position: relative;
left: 30px;
}

.rightbox p {
margin-right: 120px;
}

#logo-container {
width: 910px;
clear: left;
margin: -20px auto -15px;
position: relative;
}

#logo-container span {
border-bottom: 1px solid white;
margin: 0px 30px 0px 0px;
display: inline-block;
height: 70px;
width: 116px;
text-align: center;
}

#logo-container img {
display:inline-block;
vertical-align: top;
margin: 0;
position:relative;
top: 17px;
}

.kunder-box {
display: inline-block;
width: 200px;
vertical-align: top;
margin: 0 25px 0 0;
}

.kunder-box img {
float: left;
margin-right: 3px;
}

.kunder-box4 {
margin-right: 0;
}

.quote-box {
background: white;
width: 180px;
padding: 10px 10px 2px 10px;
}

.quote-box p {
font-size: 14px;
color: #5E92AF;
}

.quote-name {
line-height: 135%;
}

ul#vigor {
margin:20px 0 20px 0;
padding:0;
list-style-type: none;
}

ul#vigor li {
margin: 0 0 2px 0;
padding: 7px 7px 7px 30px;
}

ul#historia {
padding:0;
list-style-type: none;
}

ul#historia li {
margin: 0 10px 0 0;
padding: 10px;
display: inline;
position: relative;
}

.scrollpic {
height: 390px;
width: 560px;
background-repeat: no-repeat;
background-position: bottom;
max-height: 390px;
background-color: #D3DFE7;
}

.vigor-img-scroller1 {
max-height: 390px;
}

#vigor li.activeSlide { 
padding: 7px 5px 7px 30px;
width: 272px;
background-color: white;
background-image:url('/images/ideoluck/arrow-left.gif');
background-repeat:no-repeat;
background-position:left; 
}

#vigor li:hover { 
padding: 7px 5px 7px 30px;
width: 272px;
background-color: white;
background-image:url('/images/ideoluck/arrow-left.gif');
background-repeat:no-repeat;
background-position:left; 
}

#historia li.activeSlide { 
padding: 10px;
background-color: white;
}

#historia li:hover { 
padding: 10px;
background-color: white;
}

#show-historia {
margin: 10px 0 0 0;
position: relative;
left: 105px;
padding: 10px 12px 7px 12px;
width: 180px;
background-color: white;
background-image:url('/images/ideoluck/arrow-right.gif');
background-repeat:no-repeat;
background-position:right; 
}

#show-vigor {
margin: 0;
position: relative;
display: inline-block;
padding: 10px 12px 7px 12px;
width: 160px;
left: 35px;
background-color: white;
background-image:url('/images/ideoluck/arrow-right.gif');
background-repeat:no-repeat;
background-position:right; 
}

#show-historia a,#show-vigor a {
background-color: transparent;
}

#vigor a:hover,#historia a:hover {
background-color: transparent;
}

.vigor-img {
background-repeat: no-repeat;
background-position: bottom; 
width: 570px;
height: 390px;
max-height: 390px;
background-color: #D3DFE7;
}

.historia-img {
width:900px;
height:181px;
background-repeat:no-repeat;
}

.vigor-img-container {
max-height: 390px;
}

.prev {
background-image:url('/images/ideoluck/nav/scroll-left.png');
background-repeat:no-repeat;
background-position:left; 
cursor: pointer;
width: 40px;
height: 39px;
position: absolute;
top: 156px;
z-index: 1000;
}

.next {
background-image:url('/images/ideoluck/nav/scroll-right.png');
background-repeat:no-repeat;
background-position:left; 
cursor: pointer;
width: 40px;
height: 39px;
position: absolute;
top: 156px;
right: 0px;
z-index: 1000;
}

.rightbox2-kontakt input, .leftbox2-kontakt input {
border: 0;
font-size: 14px;
width: 260px;
padding: 5px;
margin: 0 0 10px 0;
}

.rightbox2-kontakt textarea {
border: 0;
font-family: helvetica;
font-size: 14px;
width: 320px;
height: 180px;
padding: 5px;
margin: 0;
}

.rightbox2-kontakt label, .leftbox2-kontakt label {
font-size: 13px;
margin: 0 0 5px 0;
display: block;
}

.bottomboxwrapper-header {
width:100%;
height:32px;
margin: 30px 0 0 0;
}

.bottomboxwrapper-header h2 {
float: left;
width: 290px;
margin: 0 30px 0 30px;
}

#bottomboxwrapper-header-kontaktaoss {
width: 230px;
margin: 0 0 0 30px;
}

#bottomboxwrapper-header-handerhososs {
width: 165px;
height: 21px;
margin: 0 0 0 30px;
display: inline-block;
background-image:url('/images/ideoluck/hander-hos-oss.gif');
background-repeat:no-repeat;
background-position:left; 
}

#bottomboxwrapper-header-varakunder {
width: 130px;
height: 21px;
margin: 0 0 0 550px;
display: inline-block;
background-image:url('/images/ideoluck/vara-kunder.gif');
background-repeat:no-repeat;
background-position:left; 
}

#bottomboxwrapper-header-varakunder2 {
width: 130px;
height: 21px;
margin: 0 0 0 30px;
display: inline-block;
background-image:url('/images/ideoluck/vara-kunder.gif');
background-repeat:no-repeat;
background-position:left; 
}

#bottomboxwrapper-header-medarbetare {
width: 131px;
height: 21px;
margin: 0 0 0 30px;
display: inline-block;
background-image:url('/images/ideoluck/medarbetare.gif');
background-repeat:no-repeat;
background-position:left; 
}

#bottomboxwrapper-header-staff {
width: 56px;
height: 21px;
margin: 0 0 0 30px;
display: inline-block;
background-image:url('/images/ideoluck/staff.gif');
background-repeat:no-repeat;
background-position:left; 
}

#bottomboxwrapper-header-kontaktaoss {
width: 135px;
height: 21px;
margin: 0 0 0 30px;
display: inline-block;
background-image:url('/images/ideoluck/kontakta-oss.gif');
background-repeat:no-repeat;
background-position:left; 
}

#bottomboxwrapper-header-hittahit {
width: 83px;
height: 21px;
margin: 0 0 0 205px;
display: inline-block;
background-image:url('/images/ideoluck/hitta-hit.gif');
background-repeat:no-repeat;
background-position:left; 
}

#bottomboxwrapper-header-vilkenkund {
width: 195px;
height: 21px;
margin: 0 0 0 30px;
display: inline-block;
background-image:url('/images/ideoluck/vilken-kund.gif');
background-repeat:no-repeat;
background-position:left; 
}

.bottomboxwrapper-main {
width: 900px;
padding: 30px;
margin: 0;
background-color: #EEF2F4;
position: relative;
overflow: hidden;
}

.bottomboxwrapper-main-index {
overflow: hidden;
position: relative;
}

.bottomboxwrapper-main-index2 {
overflow: hidden;
position: relative;
height: 170px;
}

.bottomboxwrapper-main-nyheter {
margin-top: 30px;
overflow: hidden;
position: relative;
}

.bottomboxwrapper-main-nyheter2 {
overflow: hidden;
position: relative;
}

#fler-nyheter {
margin: 10px 0 0 0;
position: relative;
left: 425px;
padding: 10px 12px 7px 12px;
width: 110px;
background-color: white;
background-image:url('/images/ideoluck/arrow-right.gif');
background-repeat:no-repeat;
background-position:right; 
}

#fler-nyheter a {
background-color: transparent;
}

#map_canvas {
width: 300px;
height: 220px;
margin-top:0px;
border: 15px solid white;
}

.bottombox {
display: inline-block;
width: 250px;
position: relative;
vertical-align: top;
}

.bottombox h2 {
vertical-align: top;
margin-right: 20px;
}

.bottombox-index {
width: 279px;
margin-top: 0;
margin-bottom: -500px; 
padding-bottom: 150px;
}

.bottombox-index p a:link, .bottombox-index p a:visited {
border-bottom: 1px dotted black;
}

.bottombox-index-left {
margin: 0 0 20px 0;
border-right: 2px solid white;
}

.bottombox-index-middle {
margin: 0 0 20px 25px;
border-right: 2px solid white;
}

.bottombox-index-right {
margin: 0 0 20px 25px;
text-align: center;
}

.bottombox-historia {
margin-top: 8px;
height: 21px;
width: 675px;
display: inline-block;
vertical-align: top;
}

.aaa {
text-align: center;
padding: 10px;
background: white;
}

.aaa h6 {
font-family: helvetica, verdana, sans-serif;
font-size: 12px;
margin: 0;
font-weight: bold;
line-height: 165%;
}

.aaa p {
line-height: 135%;
margin: 0;
}

.aaa a:hover {
background: transparent;
}

.bottombox-index-left img, .bottombox-index-middle img, {
height: 90px;
width: 300px;
margin-bottom: 10px;
}

.bottombox-index-right img, {
margin: 0 auto;
left: 0;
right: 0;
position: relative;
}

.bottombox-index-left p, .bottombox-index-middle p {
display: block;
margin-top: 15px;
margin-right: 20px;
}

.bottombox-index-left h2, .bottombox-index-middle h2, .bottombox-index-right h2 {
display: block;
}

.bottombox-index-left h2 a, .bottombox-index-middle h2 a, .bottombox-index-right h2 a {
font-size: 16px;
}

.bottombox-kontakt-left {
height: 110px;
width: 338px;
}

.bottombox-kontakt-middle {
height: 170px;
width: 220px;
}

.bottombox-kontakt-middle p {
margin-right: 14px;
}

.bottombox-kontakt-right {
height: 250px;
width: 330px;
}

.bottombox-nyheter-left {
margin: 20px 0 20px 0;
border-right: 2px solid white;
}

.bottombox-nyheter-middle {
margin: 20px 0 20px 25px;
border-right: 2px solid white;
}

.bottombox-nyheter-right {
margin: 20px 0 20px 25px;
}

.bottombox-nyheter div {
width: 250px;
height: 170px;
background: white;
}

.bottombox-nyheter p {
margin-top: 15px;
margin-right: 20px;
}

.bottombox-nyheter {
width: 279px;
margin-top: 0;
margin-bottom: -500px; 
padding-bottom: 500px;
}

#nyheter-date {
color: #6EA7C0;
float: left;
}

#nyheter-date a {
color: #6EA7C0;
float: left;
}

.line-break {
height: 2px;
width: 100%;
background: white;
border: 0;
margin: 10px 0 20px 0;
}

.line-break2 {
height: 2px;
width: 100%;
background: white;
border: 0;
margin: 20px 0 20px 0;
}

.boxMedarbetare {
display: inline-block;
width: 130px;
height: 200px;
margin: 0 35px 0 10px;
vertical-align: top;
}

.boxIda {
clear: both;
}

.boxMedarbetare div {
border: 1px solid red;
width: 110px;
height: 130px;
}

.boxMedarbetare img {
display: block;
}

.boxMedarbetare p {
text-align: left;
line-height: 125%;
}

#input_kontakt_submit {
width: 76px;
height: 29px;
display:inline-block;
cursor: pointer;
vertical-align: bottom;
margin: 0 0 0 15px;
background-image:url('/images/ideoluck/skicka.png');
background-repeat:no-repeat;
background-position:left; 
}

#footer {
text-align:left;
width:100%;
height: 48px;
background-color: #EEF2F4;
margin-bottom: 30px;
}

#footer p {
font-size: 12px;
margin: 0 20px 20px 10px;
padding-top: 15px;
}

#footerwrapper {
width:100%;
height:32px;
margin: 30px 0 0 0;
}

#footerheader {
width: 135px;
height: 21px;
margin: 0 0 0 30px;
display: inline-block;
background-image:url('/images/ideoluck/kontakta-oss.gif');
background-repeat:no-repeat;
background-position:left; 
}

#footerheader_eng {
width: 119px;
height: 21px;
margin: 0 0 0 30px;
display: inline-block;
background-image:url('/images/ideoluck/contactus.gif');
background-repeat:no-repeat;
background-position:left; 
}

#footer-text-1 {
color: #81A6BE;
margin-left: 20px;
}

#footer-text-2 {
color: #7D7E81;
}

#footer a:link {
color: #7D7E81;
}