﻿* 
{
    margin:0;
    padding:0;
}
html
{
    min-height:100%;
}
body
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 16px;
    text-align: center;
    background:#eae9e9 url("bilder/bgMain.png") repeat-y;
    background-position:center;
}
h2
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 22px;
    line-height: 27px;
    text-decoration: none;
    font-weight:bold; 
}
h3
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 22px;
    text-decoration: none;
    font-weight:bold;
    
}
h4
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 19px;
    text-decoration: none;
    font-weight:normal;  
}
p
{
    margin-top:5px;
    margin-bottom:5px;
}
a:link, a:visited, a:hover, a:active
{
    color: #444444;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 16px;
    font-weight:bold;
    text-decoration: none;
}
a:hover
{
    text-decoration: underline;
}

.DivMessage
{
    background-color: #FFFFFF;
    border-width: 0px;
    border-style: solid;
    border-color: #333333;
}
img
{
    border-width:0;
}
/*MasterPage */
#main
{
    margin-left:auto;
    margin-right:auto;
    width:900px;
}
#header
{
    width: 900px;
    vertical-align:bottom;
    height: 110px;
}
#membersLink
{
    clear:right;
    float:right;
    width:100px;
    height:15px;
    margin-right:25px;
    margin-top:2px;
}
#customersLink
{
    float:right;
    width:100px;
    height:15px;
    margin-right:25px;
    margin-top:2px;
}
.logo
{
    background:#FFFFFF url("bilder/FT-Halmstad.png") no-repeat;
    width:290px;
    height:90px;
    float:left;
    margin-top:10px;
}
#ImgLogo
{
    float: left;
    margin-top: 10px;
}
#div_TopImg
{
    height:80px;
    margin-top:15px;
    float: right;
}
#div_TopImg img
{    
    height:80px;
}

#menu
{
    margin-top: 5px;
    height: 20px;
    width: 900px;
    background-color: #00853f;
    text-align: center;
}
#menu ul
{
    float: left;
}
#menu li
{
    float: left;
    display: inline;
}
#menu li a
{
    color: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight:normal;
    font-size: 11px;
    vertical-align:middle;
    line-height: 20px;
    text-decoration: none;    
	display: block;
    width:150px;
    height:20px;
    background:#297628 url("bilder/MenuBtn.png") no-repeat;
}
#menu li a:hover
{
    background:#297628 url("bilder/MenuBtnHover.png") no-repeat;
}
.tblMenu table
{
    background-color:#0081c6; 
    border-style:inset;
    border-width:2px;
    border-color:#333333;
    width:165px;
}
.tblMenu a
{
    color:#FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-weight:bold; 
    font-size: 11px;
    line-height: 16px;
    text-decoration: none;
}
#bottomBorder
{
    height: 20px;
    width: 900px;
    background-color: #297628;
    color:White;
    float:left;
}
#content
{
    margin-top: 5px;
    margin-bottom: 5px;
    width: 900px;
    min-height: 300px;
    padding-top: 10px;
    padding-bottom:30px;
    text-align: left;
    float:left;
}
#footer
{
    float:left;
    width: 898px;
    text-align:center;
    vertical-align:middle;
    padding-top:2px;
    height:18px;
    border-top:solid 1px #777777;
    color:#777777;
}
#footer a
{
    font-weight: bold;
    color:#777777;
}
/* Struktur */
.pageThird
{
    width:294px;
    margin:3px;
    float:left;
}
.page40perc
{
    width:384px;
    margin:3px;
    float:left;
}
.page40perc img
{
    max-width:380px;
}
.page60perc
{
    width:494px;
    margin:3px;
    float:left;    
}
.page60perc img
{
    max-width:480px;
}
.pageFull
{
    width:100%;
    float:left;
}
/* Allmän layout */
.centered
{
    width:100%;
    text-align:center;
}
.framed
{
    background-color:#eeeff0;
    padding:5px;
    border:solid 2px #297628;
}
.leftImg
{
    width:180px;
    float:left;
    margin-top:30px;
    margin-left:10px;
    margin-right:10px;
}
.leftImg img
{
    max-height:200px;
}
.rightText
{
    width:650px;
    float:left;
    margin-left:10px;
    margin-right:20px;
    line-height:17px;
}
.works img
{
border:0;
margin:0;
padding:0;
}
/*Certifiering */
#isoLogo
{
    float: right;
    margin-top: 10px;
    margin-right: 20px;
}
/*Verksamhet*/
#verksamhetImages
{
    text-align: center;
}
#verksamhetImages img
{
    margin: 0 2em 0 2em;
    width: 150px;
}
#verksamhetImages ul
{
    margin: 0;
    padding: 0 0 0 1em;
}
#verksamhetImages li
{
    display: inline;
    margin: 0 6em 0 5em;
}
/*Default*/
#Välkomsttext img
{
    float: right;
    width: 200px;
    margin-right: 40px;
}
.flashMessages p
{
    line-height:22px;
    margin-bottom:4px;
}
.ref_Images
{
    height:680px;
    width:900px;
}
.ref_Images img
{
    position:relative;
    cursor:pointer;
}
.ref_Grand
{
    left:15px;
    top:15px;
}
.ref_Peri
{
    top:-15px;
    left:50px;
}
.ref_PeriformText
{
    margin-top:60px;
    margin-left:15px;
    width:400px;
    font-size:13px;
    float:left;
}
.ref_Tonnersjo
{
    left:330px;
    top:-20px;
}
.ref_Estrella
{
    top:80px;
    left:-500px;
}
.ref_EstrellaPopup
{
    background:#c8e6b8 url("bilder/EstrellaBg.jpg") no-repeat;
}

.ref_Nomaco
{
    left:300px;
    top:-20px;
}
.ref_NomacoPopup
{
        background:#c8e6b8 url("bilder/NomacoBg.jpg") no-repeat;
}
.ref_NomacoText
{
    margin-left:400px;
    margin-top:23px;
    font-size:13px;
}
.ref_Referens
{
    top:100px;
    left:-350px;
}
.ref_Hyrman
{
    left:40px;
    top:80px;
}
.infoPopup
{
    display:none;
    position:absolute;
    width:16px; 
    height:10px;
    z-index:2;
    border:solid 3px #79ad5e;
}
.infoPopup .closeLink
{
    margin-right:5px;
    margin-top:5px;
    float:right;
}
.infoPopup .closeLink a
{
    font-size:x-large;
    font-weight:bold;
}
.ref_Popup
{
    background:#c8e6b8;
}
.ref_PopupText
{
    margin-top:23px;
    margin-left:15px;
    width:450px;
    font-size:13px;
    float:left;
    clear:left;
}
.ref_PopupImg
{
    margin-top:10px;
    margin-left:15px;
    width:350px;
    float:left;
}
.ref_PopupImg img
{
    max-width:340px;
}
.projectlinks
{
    padding-top:20px;
    padding-bottom:20px;
    background:#c8e6b8;
    padding-left:5px;
}
.projectlinks a
{
    font-size:18px;
    line-height:30px;
}
.loginForm
{
    width:400px;
    margin:0 auto;
}