@charset "utf-8";
/* CSS Document */
#startbox {float:right; width: 725px; padding:0px 0px 0px 0px; margin:0px 0px 15px 0px;}

#portfolio img {width: 725px; height: 350px;}
#portfolio li {list-style: none; display: block; float:left; background-color:#000;}
.clear{clear:both;display:block;overflow:hidden;width:0;height:0}



#nyhet-erbjudande-rubrik {margin:-50px 0px 0px 15px; background:transparent url(../images/startsida/just-nu.png) no-repeat top left; z-index:1000; position:relative; width:120px; height:144px;}
#nyhet-erbjudande {padding:10px 0px 10px 0px; }
#nyhet-erbjudande h2.textrubrik {background:#fff url(../images/startsida/rubrik-nyheter-kampanjer.gif) no-repeat; width:260px; height:65px;}
#nyhet-erbjudande ul {padding:0px; margin:0px; list-style:none;}
#nyhet-erbjudande ul li {list-style:none; float:left; width:150px; display:block; margin:0px 15px 0px 0px; padding:10px; min-height:200px;}
#nyhet-erbjudande ul li.right {margin:0px 0px 0px 0px;}
#nyhet-erbjudande ul li .bildbox {text-align:center;}
#nyhet-erbjudande ul li .textbox h2 {font-size:140%;font-weight:normal; padding:10px 0px 5px 0px; margin:0px 0px 0px 0px; text-align:center;}
#nyhet-erbjudande ul li .textbox p {font-size:80%; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; text-align:center;}

#senaste-blogg {width:354px; min-height:200px; background:#fff url(../images/startsida/bg_blogg.gif) no-repeat; float:left;}
#senaste-blogg .textbox {padding:215px 0px 10px 0px}
#senaste-blogg .textbox h2 {font-size:90%; padding:0px 15px 0px 15px;}
#senaste-blogg .textbox h2.span {font-size:80%; color:#999;}
#senaste-blogg .textbox p {font-size:80%; padding:0px 15px 10px 15px;}
#senaste-blogg .textbox p.lank {text-align:right;}
#senaste-blogg .textbox p.lank span {color:#f90; font-weight:bold;}

#ritabadrum {float:right; width:355px; background-color:#000; min-height:340px; margin:-85px 0px 10px 0px;}
#ritabadrum img {margin:0px 0px 10px 0px;}
#ritabadrum h2 {font-size:100%; padding:0px 15px 5px 15px; color:#fff;}
#ritabadrum p {font-size:80%; padding:0px 15px 10px 15px; color:#fff;}
#ritabadrum p a {color:#fff;}
#ritabadrum p.lank {text-align:right;}
#ritabadrum p.lank span {color:#f90; font-weight:bold;}

#ritabadrum-flytt {float:right; width:355px; background-color:#000; min-height:340px; margin:0px 0px 10px 0px;}
#ritabadrum-flytt img {margin:0px 0px 10px 0px;}
#ritabadrum-flytt h2 {font-size:100%; padding:0px 15px 5px 15px; color:#fff;}
#ritabadrum-flytt p {font-size:80%; padding:0px 15px 10px 15px; color:#fff;}
#ritabadrum-flytt p a {color:#fff;}
#ritabadrum-flytt p.lank {text-align:right;}
#ritabadrum-flytt p.lank span {color:#f90; font-weight:bold;}


#faq-ruta {width:354px; min-height:200px; float:right;}
#faq-ruta img {border:0px;}

#nyhetsbrevruta {float:right; width:355px; background:#000 url(../images/startsida/bg_nyhetsbrev.png) no-repeat; min-height:340px; margin:-85px 0px 10px 0px;}
#nyhetsbrevruta h2 {font-size:140%; padding:7px 15px 0px 15px; color:#fff; margin:0px 0px 2px 0px;}
#nyhetsbrevruta p {font-size:80%; padding:0px 15px 5px 15px; color:#fff; margin:0px;}
#nyhetsbrevruta p span {font-size:90%; color:#f90;}
#nyhetsbrevruta p.tack {font-style:italic; padding:10px 15px 5px 15px;}
#nyhetsbrevruta p.lank a {color:#fff;}
#nyhetsbrevruta .nyhetsbrev-ok {margin-top:20px;}
#nyhetsbrevruta #nyhetsbrev p span {color:#f90; padding:2px 0px 5px 0px; margin:0px; font-size:90%;}
#nyhetsbrevruta #nyhetsbrev p {color:#fff; padding:0px 0px 5px 0px; margin:0px; font-size:80%;}
#nyhetsbrevruta #nyhetsbrev {font-size:100%; padding:0px 15px 5px 15px; color:#fff;}
#nyhetsbrev label {font-weight:bold;font-size:80%;}
#nyhetsbrev .falt {margin:5px 0px 5px 0px; border:0px; width:300px; background-color:#fff; padding:5px 5px;}
#nyhetsbrev .falt-captcha {margin:5px 0px 5px 0px; border:0px; width:100px; background-color:#fff; padding:5px 5px;}
#nyhetsbrev .bg-knapp {width:110px; height:42px; background:transparent url(../images/startsida/knapp-bildspel.gif) no-repeat;}
#nyhetsbrev .knapp {margin:5px 0px 5px 0px; border:0px; width:110px; /*height:42px;*/ background:transparent; padding:5px 5px; color:#fff; font-weight:bold;}
#nyhetsbrevtext {margin: 45px 0px 2px 150px;}
#nyhetsbrevrutatext {float:left; width:350px; margin: 1px 0px 0px 0px; border-top: 4px solid #b7b7b7; padding-top: 5px; text-align: right;}

/* BOKA TID */
#bokatidruta {float:right; width:355px; background:#000 url(../images/startsida/bg_nyhetsbrev.png) no-repeat; min-height:340px; margin:-85px 0px 10px 0px;}
#bokatidruta h2 {font-size:140%; padding:7px 15px 0px 15px; color:#fff; margin:0px 0px 2px 0px;}
#bokatidruta p {font-size:80%; padding:0px 15px 5px 15px; color:#fff; margin:0px;}
#bokatidruta p span {font-size:90%; color:#f90;}
#bokatidruta p.lank {text-align:right;}
#bokatidruta p.lank a {color:#fff;}

/***** clearfix *****/
.clear {clear: both;height: 0;line-height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {height: 1%;}
.clearfix {display: block;}


.tab {background-color:#000; height:42px; position:relative; top:0; z-index: 999;}
.tab ul.login {display:block; position:relative; float:right; clear:right; height:42px; width:auto; font-weight:bold; line-height:42px; margin:0; right:10px; color:white; font-size:80%; text-align:center;}
.tab ul.login li.left {background:#000; height:42px; width:30px; padding:0; margin:0; display:block; float:left;}
.tab ul.login li.right {background:#000; height:42px; width:30px; padding:0; margin:0; display:block; float:left;}
.tab ul.login li {text-align:center; padding:0 6px; display:block; float:left; height:42px; width:110px; background:#000 url(/images/startsida/knapp-bildspel.gif) no-repeat;}
.tab ul.login li.kommentar {color:#cd0000; font-style:italic;}
.tab ul.login li a {color: #fff;}
.tab ul.login li a:hover {color: #f90;}
.tab .sep {color:#414141}
.tab a.open, .tab a.close {height:20px; line-height: 20px !important; padding:0px 20px 0px 7px !important; cursor:pointer; display:block; width:auto; position:relative; top:11px;}
/*.tab a.open {background: url(../images/login/bt_open.png) no-repeat left 0;}
.tab a.close {background: url(../images/login/bt_close.png) no-repeat left 0;}
.tab a:hover.open {background: url(../images/login/bt_open.png) no-repeat left -19px;}
.tab a:hover.close {background: url(../images/login/bt_close.png) no-repeat left -19px;}*/

#panel-top {
    /*position: absolute;*/    /*Panel will overlap  content */
    position: relative;  /*Panel will "push" the content down */
    top:0;
    width: 100%;
	height:0px;
    z-index: 999;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
	background: url(../images/login/panel-top.png) repeat-x left top;
}
#toppanel {
    /*position: absolute;*/    /*Panel will overlap  content */
    position: relative;  /*Panel will "push" the content down */
    top:0;
    width: 100%;
    z-index: 999;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#panel {width: 100%; height:auto; color:#f0f0f0; background:#000; overflow:hidden; position:relative; z-index:3; display:none;}
#panel h2 {font-size:140%; font-weight:normal; padding:0px 0px 7px 0px; margin:0; color:#fff;}
#panel p {margin:0px; padding:0px 0px 5px 0px; font-size:90%;}
#panel a {text-decoration: none; color:#fff;}
#panel a:hover {color:#f90;}
#panel .content {width: 725px; margin: 0 auto; padding-top: 15px; text-align: left; font-size: 0.85em;}
#panel .content .left {width:130px; float: left; padding: 0 15px; margin:0px 0px 10px 0px; }
#panel .content .right {width:500px;border-left: 1px solid #818181;}
#panel .content .helsida {padding:15px;}
#panel .content .helsida img {float:right; margin:0px 0px 0px 15px;}
#startbox #panel .content .helsida p span {color:#f90; font-weight:bold;}

/* Slideshow */

#slideshow {margin:-85px 0px 10px 0px; width:355px; height:330px; background:#000; position:relative;}
#slideshow #slidesContainer {margin:0 auto; width:275px; height:auto; overflow:auto; position:relative;}
#slideshow #slidesContainer .slide {margin:15px auto 15px auto; width:270px; height:auto;}
.control {display:block; width:35px; height:330px; text-indent:-10000px; position:absolute; cursor: pointer;}
#leftControl {top:0;left:0; /*background-color:#C00;*/background:transparent url(../images/startsida/slide-left-ny.png) no-repeat 0 0;}
#rightControl {top:0; right:0; /*background-color:#C00;*/ background:transparent url(../images/startsida/slide-right-ny.png) no-repeat 0 0;}
#slideshow #slidesContainer .slide img {margin-bottom:5px;}
.slide h2, .slide p {margin:0px; color:#fff;}
.slide h2 {font-size:110%; margin:2px 0px 5px 0px; padding:0px; font-weight:normal;}
.slide p {font-size:80%;}
.slide a {color:#fff;}
.slide a:hover {color:#f90;}
.slide span {color:#f90; font-weight:bold;}
.slide .leftbox {float:left; width:250px; /*margin:25px 20px 0px 0px;*/}
.slide .rightbox {float:left; width:296px; margin:25px 0px 0px 0px;}
.slide img {float:left;margin:0px 10px 0px 0px;
}

/* Lansforsäkringar */

#lansforsakringar {margin:15px 0px 10px 0px; width:725px; height:350px; background:#fff; position:relative;}
#lansforsakringar h2 {font-size:120%; color:#f90;}
#lansforsakringar p {margin:0px; padding:0px 0px 5px 10px; font-size:80%; line-height:20px;}
#lansforsakringar img {float:right; margin:0px 0px 10px 10px; border:0px;}
#lansforsakringar img.broschyr {float:left; margin:0px 10px 5px 0px;}
#lansforsakringar span {color:#f90;}
#lansforsakringar .bottom {clear:both; background-color:#000; text-align:right; padding:10px; height:50px;}