﻿* 
{
    margin:0 0 0 0;
    padding:0;
}

.clear
{
    clear:both;
}

/* här har jag samlat allt kring generella regler */

body 
{
    background:#565656;
    /*background:#83141b; Julröd bakgrundsfärg*/
    font-family:Trebuchet MS, Verdana, Sans-Serif;
}

h1, h2, h3, h4, p
{
    color:#000;
    background:transparent;
    font-weight:normal;
}

h1
{
    font-size:20px;
    margin-bottom:0.5em;
}

h2
{
    font-size:18px;
    margin-bottom:0.5em;
}

h3
{
    font-size:15px;
}

legend
{
    /*position: absolute;
    top: -.7em;
    left: .2em;*/
    padding-left:3px;
    padding-right:3px;
    font-size:13px;
    font-weight:normal;
    color:#000;
}

fieldset
{
    position: relative;
    margin: 0 0 1em 0;
    background: #f7f7f7;
    border:1px solid #c7c7c7;
    padding:10px;
}

h4
{
    font-size:11px;
    color:#fff;
}

th
{
    font-size:12px;
    text-align:left;
}

label, select, option
{
    font-size:11px;
}

label
{
    margin-top:5px;
}

select
{
    width:100px;
}
.selectextend
{
    width: 200px;
}

input, textarea
{
    font-size:11px;
}

input.serviceanmalan
{
    padding:6px;
    width:248px;
    height:15px;
    border:none;
    background:transparent url(/Staticfiles/bilder/bakgrunder/bkg_inputService.png) no-repeat top left;
}



p, a, td
{
    font-size:11px;
    margin-bottom:1em;
}

ul li, ol li
{
    font-size:11px;
}

a
{
    color:#de0326;
    text-decoration:none;
}

a:hover
{
    text-decoration:underline;
}

/* här har jag samlat allt kring sidhuvudet */

.header
{
    background:transparent;
}

.headerTool
{
    /*background:transparent url(/StaticFiles/bilder/bakgrunder/bkg_headerTools.jpg) no-repeat top left;*/
    background:transparent url(/StaticFiles/bilder/bakgrunder/bkg_headerTools_2011.png) no-repeat top left;
    height:30px;
    text-align:right;
    padding:20px 15px 0 0;
}

.header ul
{
    list-style-type:none;
    display:inline;
}

.header ul li
{
    display:inline;
    margin-right:15px;
    font-size:11px;
    color:#fff;
}

.header ul li a
{
    color:#fff;
    text-decoration:none;
}

.header ul li a:hover
{
    color:#f2f2f2;
    text-decoration:underline;
}

.logotyp
{
    background:transparent url(/StaticFiles/bilder/bakgrunder/bkg_content_2011.png) repeat-y top left;
    margin-top:-5px;
    padding-left:5px;
}

.logotyp img
{
    border:none;
}

.headerImage
{
    margin-left:-3px;
}

.menu
{
    /*background:transparent url(/StaticFiles/bilder/bakgrunder/bkg_menu.jpg) repeat-x top left;*/
    background:gray;
    width:799px;
    margin-top:-4px;
    height:30px;
}

.menu ul
{
    margin-left:25px;
    margin-top:4px;
    height:25px;
    float:left;
    width:450px;
}

.menu ul li
{
    text-transform: uppercase;
    margin-right: 0px;
}

.menu ul li a
{
    display:block;
    padding:5px;
    float:left;
    margin-right:5px;
}

.menu ul li a:hover
{
    text-decoration:none;
    background:#fff;
    color:#000;
}

ul.miniMenu
{
    margin-top:4px;
    margin-left:60px;
    height:25px;
    float:left;
    width:260px;
}

ul.miniMenu li a:hover
{
    background:#e7e7e7;
}

.IncludedMenu
{
    float:left;
}

.IncludedMenu ul li
{
    display:inline;
}

a.smallIncludedbutton
{
    display:block;
    float:left;
    width:93px;
    height:28px;
    margin:0 0 0 3px;
    font-size:18px;
    color:#000;
    text-align:center;
    padding-top:5px;
}

a.smallIncludedbuttonActive
{
    background:transparent url(/StaticFiles/bilder/knappar/btn_mapActive.jpg) no-repeat top left;
    color:#e10b2d;
}

a.smallIncludedbuttonInactive
{
    background:transparent url(/StaticFiles/bilder/knappar/btn_mapInactive.jpg) no-repeat top left;
}

* html a.smallIncludedbutton
{
    margin:0 0 0 2px;
}

a:hover.smallIncludedbutton
{
    color:#000;
    text-decoration:none;
}

a.bigIncludedbutton
{
    display:block;
    width:168px;
    height:28px;
    margin:0 0 0 100px;
    font-size:18px;
    color:#000;
    text-align:center;
    padding-top:5px;
}

a.bigIncludedbuttonActive
{
    background:transparent url(/StaticFiles/bilder/knappar/btn_mapActiveBig.jpg) no-repeat top left;
    color:#e10b2d;
}

a.bigIncludedbuttonInactive
{
    background:transparent url(/StaticFiles/bilder/knappar/btn_mapInactiveBig.jpg) no-repeat top left;
}

* html a.bigIncludedbutton
{
    margin-left:100px;
}

a:hover.bigIncludedbutton
{
    color:#e10b2d;
    text-decoration:none;
}




/* här har jag samlat allt kring innehållet */

.contentHolder
{
    width:810px;
    margin:5px auto;
    background:transparent;
}

.content
{
    background:transparent url(/Staticfiles/bilder/bakgrunder/bkg_content_2011.png) repeat-y top left;
    float:left;
    width:810px;
}


.leftCol
{
    float:left;
    width:445px;
    padding:15px 0px 20px 15px;
    margin-right:35px;
    margin-left:5px;
}

.leftCol h1, .leftCol h2, .leftCol p
{
    padding-left:15px;
}

.leftFloatImage
{
    border:none;
    vertical-align:middle; 
    margin-right:30px;
    float:left;
}

ol
{
    padding-left:30px;
    margin-bottom:10px;
}

.open
{
    float:left;
    background:transparent url(/StaticFiles/bilder/bakgrunder/bkg_open.png) no-repeat top left;
    width:128px;
    height:128px;
}

.info
{
    background:#fff9ce;
    border:1px solid #e6e0b7; 
    padding:4px;
    margin-bottom:1em;
}
    
.visitkort
{
    margin-left:10px;
    float:left;
    padding-bottom:10px;
}

.visitkort img
{
    float:left;
    margin-right:10px;
}

.visitkort p
{
    vertical-align:middle;
}

.biggerText
{
    font-size:14px;
}

.rightCol ol li
{
    margin-bottom:5px;
    color:#000;
}

* html .leftCol
{
    margin-right:40px;
    margin-left:0px;
}

.rightCol
{
    width:290px;
    float:left;
    padding:15px 0px 0px 10px;
}

.rightColSub
{
    width:290px;
    float:left;
    padding:15px 0px 0px 10px;

}

.rightColHeader
{
    background:transparent url(/StaticFiles/bilder/bakgrunder/bkg_rightColHeader.jpg) no-repeat top left;
    width:290px;
    height:10px;
    clear:both;
}

.rightColFooter
{
    background:transparent url(/StaticFiles/bilder/bakgrunder/bkg_rightColFooter.jpg) no-repeat top left;
    width:290px;
    height:10px;
    margin-bottom:10px;
}

.rightColContent
{
    width:290px;
    background:#fff;
    float:left;
}

.rightColContent p
{
    padding:0 10px;
}

.rightColContent h2
{
    padding:0 10px;
}

.rightColPuff
{
    background:#fff;
    width:270px;
    padding:0 10px;
}

.rightColPuff p
{
    margin-bottom:0;
}

.rightColPuffImage
{
    padding:0px;
}

.rightfloatImage
{
    float:right;
    margin-left:10px;
}

.shortButton
{
    display:block;
     width:86px;
     height:39px;
     background:transparent url('/StaticFiles/bilder/knappar/btn_shortRed.jpg') no-repeat left top;
     text-align:center;
     font-size:14px;
     color:#fff;
     margin-left:-11px;
     text-decoration:none;
     border:none;
     cursor:pointer;
 }
 
   .shortButton:hover
 {
     background:url('/StaticFiles/bilder/knappar/btn_shortHover.jpg') no-repeat left top;
     text-decoration:none;
 }
 
 .shortButtonService
{
    display:block;
     width:86px;
     height:29px;
     background:transparent url('/StaticFiles/bilder/knappar/btn_thinRed.jpg') no-repeat left top;
     text-align:center;
     font-size:14px;
     color:#fff;
     text-decoration:none;
     border:none;
     cursor:pointer;
 }
 
   .shortButtonService:hover
 {
     background:url('/StaticFiles/bilder/knappar/btn_thinHover.jpg') no-repeat left top;
     text-decoration:none;
 }

 a.redLongButton
 {
     display:block;
     width:290px;
     height:30px;
     padding-top:10px;
     background:url('/StaticFiles/bilder/knappar/btn_longRed.jpg') no-repeat left top;
     text-align:center;
     font-size:14px;
     color:#fff;
 }
 
  a:hover.redLongButton
 {
     background:url('/StaticFiles/bilder/knappar/btn_longHover.jpg') no-repeat left top;
     text-decoration:none;
 }
 
 a.redMediumButton
 {
     display:block;
     width:120px;
     height:29px;
     padding-top:5px;
     background:url('/StaticFiles/bilder/knappar/btn_mediumRed.png') no-repeat left top;
     text-align:center;
     font-size:14px;
     color:#fff;
     
 }
 
  a:hover.redMediumButton
 {
     background:url('/StaticFiles/bilder/knappar/btn_mediumHover.png') no-repeat left top;
     text-decoration:none;
 }
 
 .rightColImage
 {
     margin:20px 0px 20px 0;
 }
 
 /* Bildlista - område */
 
 .imageList
 {
     text-align:center;
     float:left;
     background:transparent;
     padding-left: 15px;
 }
 
 .imageList h3, .imageList p, .imageList img
 {
    text-align:left;
 }
 
 .imageList h3
 {
     margin:17px 0 0 0px;
     width:135px;
     position:absolute;
     background:url('/StaticFiles/bilder/bakgrunder/bkg_imageListHeader.png') top left;
     text-align:center;
     overflow: hidden;
 }
 
 .imageList img
 {
     margin:10px 0 10px 0;
 }
 
  .imageList p
 {
     margin-left:3px;
     padding-left: 7px;
 }
 
 .imageListCol
 {
     width:139px;
     height: 190px;
     float:left;
     margin:1px;
     cursor:pointer;
     background:transparent;
     border:1px solid #fff;
 }
 .imageListCol img
 {
     margin-top: 10px;
     margin-bottom: 5px;
 }
 .imageListCol p.description
 {
     height: 37px;
 }
 
  .imageListCol:hover
 {
     background:whitesmoke;
     border:1px solid #e8e8e8;
 }
 
 /* Förslagslådan */
 
 .forslagslada
 {
     background:whitesmoke; 
     padding:10px;
     margin-bottom:20px;
     border:1px solid #e7e7e7;
 }
 
 .td150
 {
     width:150px;
 }
 
 .Input280
 {
     width:280px;
 }
 
 .Input400
 {
     width:400px;
 }
 
 /* Objektlistan */
 
 .search
{
    background:transparent url(/StaticFiles/bilder/bakgrunder/bkg_smallPuff.jpg) no-repeat top left;
    width:431px;
    height:92px;
    padding-left:18px;
    padding-top:10px;
    margin-bottom:25px;
}

 .search h2
{
    width:150px;
    float:left;
}

 .left
 {
     margin-right:6px;
 }
 

 
 /* Beskrivning */
 .bigDescriptionImage
 {
     background:transparent url(/StaticFiles/bilder/bakgrunder/testbeskrivning.jpg) no-repeat 10px ;

 }
 
 .ToolBox
 {
     float:left;
     border:none;
     margin:0 auto 20px auto;
     width:100%;
 }
 
  .ToolBox a
 {
     color:#000;
 }
 
 
 .Intresse
 {
     background:transparent url(/StaticFiles/bilder/bakgrunder/bkg_intresse.jpg) no-repeat top left;
     float:left;
     padding-top:10px;
     width:95px;
     height:25px;
     text-align:center;
 }
 
  .Intresse a
 {
    font-size:10px;
 }
 
   .Omrade a
 {
    font-size:10px;
 }
 
   .SkrivUt a
 {
    font-size:10px;
 }
 
 .Omrade
 {
     background:transparent url(/StaticFiles/bilder/bakgrunder/bkg_omrade.jpg) no-repeat top left;
     float:left;
     padding-top:10px;
     width:115px;
     height:25px;
     text-align:center;
     font-size:9px;
 }
 
 .SkrivUt
 {
     background:transparent url(/StaticFiles/bilder/bakgrunder/bkg_print.jpg) no-repeat top left;
     float:left;
     width:55px;
     padding-top:10px;
     height:25px;
     text-align:center;
     font-size:9px;
 }
 
/* här har jag samlat allt kring sidfoten */

.footer
{
    /*background:transparent url(/StaticFiles/bilder/bakgrunder/bkg_footer.jpg) no-repeat top left;*/
    background:transparent url(/StaticFiles/bilder/bakgrunder/bkg_footerTools_2011.png) no-repeat top left;
    height:45px;
}

.footer p
{
    text-align:center;
    color:#fff;
    font-size:11px;
    padding-top:10px;
}

.copyright
{
    color:#b6b6b6;
    text-align:center;
    font-size:9px;
    margin-bottom:25px;
}

.copyright a
{
    text-decoration:none;
    color:#b6b6b6;
}

.copyright a:hover
{
    text-decoration:underline;
    color:#b6b6b6;
}

.inlineIcon
{
    position:relative;
    top:10px;
    margin:0 3px 0 3px;
}

.inlineImage
{
    vertical-align:middle;
}

.obligatoriska
{
    background: #fff6f6;
    border:1px solid #969696;
    padding:1px;
}

.imageNoBorder
{
    border:none;
}
.Start .Start, .Objects .Objects, .Areas .Areas, .Interest .Interest, .Service .Service, .Senior .Senior
{
    /*background:transparent url(/StaticFiles/bilder/bakgrunder/bkg_activeMenuItem.png) no-repeat bottom center;*/
    background:transparent url(/StaticFiles/bilder/bakgrunder/bkg_newactiveMenuItem.png) no-repeat bottom center;
    margin-top:1px;
}

 .RentInfo .RentInfo, .Info .Info
{
    background:#e7e7e7;
    color:#000;
    margin-top:1px;
}

.header ul li a.miniMenuActive 
{
}

.Modal
{
    background-color: Gray;
    filter:alpha(opacity=50);
    -moz-opacity:.50;
    opacity:.50;
    
}

.LinkButton
{
    background-color: Transparent; 
    border: 0px; 
    cursor: pointer;
}


ul.Error
{
    margin: 0px;
    padding: 0px;
    padding-left: 15px;
}
 
ul.Error>li
{
    color:Red;
    margin: 0px;
    padding: 0px;
}

.PopupWin
{
    background-color: White; 
    border: solid 1px gray; 
    padding: 5px;
    
}

/* Områdesbilder */
.omradesImageList
{
}

.omradesbilditem
{
    float: left;
    width: 140px;
    height: 140px;
    overflow: hidden;
    padding-right: 5px;
    padding-bottom: 5px;
}

.omradesImageList h2
{
    padding-top: 10px;
}

.loginInput
{
    border:none;
    width:123px;
    height:20px;
    background:transparent url(/Staticfiles/bilder/bakgrunder/bkg_loginInput.jpg) no-repeat top left;
    padding:7px 10px 0 10px;
    margin-left:10px;
}
