/* @override http://dev.cftk.se/css/cftk.css */

/* TinyMCE specific rules */
body.mceContentBody { background: #FFF; }

body
{
    background: white;
    font-family: arial,verdana;
    font-size: 13px;
    line-height: 18px;
    margin: 0;
    padding: 30px 0 0 0;
}
img {
  border: none;
}
/*td    {font-family:arial,verdana;
    font-size:13px;
    line-height:18px;}*/
.floatright {
  float: right;
  margin: 0px 0px 10px 10px;
}
.floatleft {
  margin: 0px 10px 10px 0px;
  float: left;
}
a
{
    color: #006D5C;
    font-family: arial,verdana;
    font-size: 13px;
    line-height: 18px;
    text-decoration: none;
    font-weight: bold;
}
#rightimage
{
    float: right;
}
a:hover
{
    text-decoration: underline;
}

.clearBoth
{
    clear: both;
}

#topramen
{
    width: 960px;

    height: 141px;
}

#rand
{
  background: url(/images/cftk.rand.jpg) repeat-y center;
}

#rand div {
  width: 960px;
  height: 25px;
  position: relative;
}

#homeLink {
  float: left;
  font-weight: bold;
  padding-top: 4px;
}

#friendLink {
  color: white;
  margin-right: 24px;
  float: right;
  padding-top: 4px;
}

#friendLink a {
  color: white;
}

.lblButton {
  width: 74px;
}

#innehall
{
    display: block;
    width: 960px;
    background-color: #ffffff;
    height: auto;
    padding-top: 20px;
    min-height: 500px;
}

#loggan img
{
    float: left;
}

#left
{
    width: 200px;
    float: left;
    padding: 0px;
    text-align: left;

}
ul.sidomeny
{
    width: 200;
    margin: 0 0 40px 0;
    padding: 0;
    float: left;
    text-align: left;
}

ul.sidomeny li
{
  width: 170px;
    list-style: none;
    text-align: left;
  border-bottom: 1px solid silver;
  margin-left: 0;
  padding-left: 0;
  padding-bottom: 3px;
  padding-top: 5px;
}
/*
ul.sidomeny li.selected
{
  border-bottom: 0px solid silver;
}
*/
ul.sidomeny li a
{
    color: black;
    font-size: 13px;
    font-weight: normal;
    text-decoration: none;
}

ul.sidomeny li.selected a
{
  font-weight: bold;
}

ul.sidomeny li a:hover
{
    text-decoration: underline;
}

ul.sidomeny ul
{
    margin: 0;
    padding: 0;
    width: 200;
}

ul.sidomeny ul li
{
    margin-top: -3px;
  border-bottom-style: none;
  color: rgb(204,7,30);
}

ul.sidomeny ul li a
{
    color: rgb(204,7,30);
    font-size: 11px;
    font-weight: bold;
}


h4
{
    color: #222222;
    font-size: 11px;
    margin: 0 0 5px 0;
    padding: 0px;
    clear: both;
}

h1
{
    color: rgb(0,54,96);
    font-size: 18px;
    margin: 0px 0px 18px 0px;
    padding: 0px;
    font-weight: bold;
    line-height: 24px;
}

h2
{
    color: #000000;
    font-size: 14px;
    margin: 0px 0px 4px 0px;
    padding: 0px;
    font-weight: bold;
}

div.rightmargin h3
{
  color: rgb(0,54,96);
  margin-top: 0;
}

h3 {
  font-size: 15px;
}

span.adr
{
    display: block;
    margin: 5px 0 0 0;
}
span.adr a
{
    color: #5f5f5f;
    text-decoration: none;
    font-size: 11px;
    font-weight: normal;
}

#banner {
  margin-top: 6px;
  float: right;
}
#headerbannerhtml {
  text-align: left;
  float: left;
  position: absolute;
  color: #fff;
  font-size: 11px;
  margin: 10px 0px 0px 20px;
  font-weight: bold;
  line-height: 1.3em;
  width: 290px;
}
#headerbannerhtml ul{
  margin-top: 4px;
  padding-left: 15px;
  margin-left: 0px;
}
#headerbannerhtml li{
  margin-left: 0px;
  padding-left: 0px;
}
/*
div #topimg
{
    float: right;
    padding-top: 5px;
    margin-right: 50px;
    width: 300px;
    height: 126px;
}
#topimg img
{
margin: 0;
height: 126px;
}
*/
/*.kolumner  {
  width:670px;
  margin-top:0px;
  border:0px;
  margin-left: 30px;
}
      
.vanster  {
  width:50%;
  padding:0px 30px 30px 0px;
  vertical-align:top;
  text-align: left;
}
      
.hoger    {width:50%;
      padding:0px 30px 30px 0px;
      vertical-align:top;}
  */
div.spalt
{
    width: 280px;
    float: left;
    margin-left: 30px;
    text-align: left;
}
div.main
{
    width: 500px;
    float: left;
    margin-left: 5px;
    text-align: left;
  margin-right: 30px;
}
div.wide
{
    width: 755px;
    margin-right: 0px;
}
div#presentation
{
    width: 595px;
    padding-bottom: 10px;
    display: block;
    clear: both;
}
div.narrow
{
    width: 310px !important;
}
div.rightmargin
{
  width: 225px;
  float: right;
  text-align: left;
}

div.rightcontent {
  width: 201px;
    float: right;
    margin-right: 0px;
    text-align: left;
    background-color: rgb(230,230,230);
    -moz-border-radius: 10px;
  border-radius: 10px;
  border: 2px solid rgb(180,180,180);
  color: rgb(100,100,100);
  margin-bottom: 20px;
  padding: 5px 10px 2px;
}
div.rightmargin img
{
  float: left;
  padding: 0;
  margin-bottom: 20px;
}
div.rightmargin a
{
  color: rgb(100,100,100);
}

/* @group Afterwards */
.afterwardsthumb {
  border: 1px solid #231f20;
}

.afterwards-box {
  background-color: #fafafa;
  margin-right: 0px;
  margin-top: 90px;
  width: 165px;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
}

.afterwards-box strong {
  color: rgb(100,100,100);
}

.afterwards-box p {
  margin-top: 7px;
}

.afterwards-box img {
  margin: 0!important;
  padding: 0!important;
  float: none!important;
}

.afterwards hr {
  border: 1px solid rgb(200,200,200);
  clear: left;
}

.afterwards-text {
  width: 485px;
}

.afterwards-name-link {
  float: left;
  margin-right: 10px;
  margin-bottom: 5px;
  color: rgb(100,100,100);
}

.afterwards-name-link a, .afterwards-name-link a:visited {
  color: rgb(100,100,100);
}


/* @end */
#search {display: none;}
#searchbox {
  width: 160px;
  margin-right: 5px;
  margin-bottom: 20px;
}
#searchbutton {
  width: 50px;
  margin-bottom: 20px;  
}

.bild-till-hoger {
  float: right;
  margin-right: -255px;
  margin-left: 30px;
}

.box-left {
  width: 210px;
  float: left;
  padding-right: 18px;
  padding-left: 18px;
  border-left: 2px solid rgb(180,180,180);
  border-right: 2px solid rgb(180,180,180);
  padding-top: 8px;
  min-height: 120px;
}

.box-right {
  width: 212px;
  float: left;
  padding-right: 18px;
  padding-left: 18px;
  border-right: 2px solid rgb(180,180,180);
  padding-top: 8px;
  min-height: 120px;  
}

.box-left h2, .box-right h2, .box-left h2 a, .box-right h2 a {
  color: #ca4c14;
  font-size: 14px;
    line-height: 18px;
}

.huvudinnehall
{
    width: 480px;
    max-width: 420px;
    padding: 0px 30px 30px 30px;
    vertical-align: top;
}
div.adress
{
  clear: both;
    color: #5f5f5f;
    font-size: 11px;
    line-height: 14px;
  padding-top: 50px;
}
/*.spalt    {width:196px;
      max-width:166px;
      padding:0px 30px 30px 0px;
      vertical-align:top;}*/

.spaltbmi
{
    width: 196px;
    max-width: 196px;
    padding: 0px 0px 30px 0px;
    vertical-align: top;

}

div.orangeGradient
{
    background: url(../images/indexarticle_bg.gif) 0 0 repeat-x;
    padding: 20px;
    width: 260px;
}

.orangeGradient p
{
    margin: 0 0 10px;
    padding: 0;
}

p.ingress
{
    font-weight: bold;
}

.indexPuff1Top, .indexPuff2Top
{
    background: 0 0 no-repeat;
    width: 300px;
    height: 18px;
    line-height: 5px;
    font-size: 1px;
    float: left;
}
.indexPuff1Top
{
    background-image: url(../images/indexpuff1_top.gif);
}
.indexPuff2Top
{
    background-image: url(../images/indexpuff2_top.gif);
}

.indexPuff1Mid, .indexPuff2Mid
{
    background: 0 0 repeat-y;
    width: 250px;
    max-width: 300px;
    padding: 0 30px 10px 20px;
    float: left;
}
.indexPuff1Mid
{
    background-image: url(../images/indexpuff1_mid.gif);
}
.indexPuff2Mid
{
    background-image: url(../images/indexpuff2_mid.gif);
}

.indexPuff1Btm, .indexPuff2Btm
{
    background: 0 0 no-repeat;
    width: 300px;
    height: 25px;
    margin: 0 0 10px;
    font-size: 1px;
    float: left;
}
.indexPuff1Btm
{
    background-image: url(../images/indexpuff1_btm.gif);
}
.indexPuff2Btm
{
    background-image: url(../images/indexpuff2_btm.gif);
}

.indexPuff1Mid h2, .indexPuff2Mid h2, .indexPuff1Mid p span, .indexPuff2Mid p span
{
    font-size: 18px;
    margin: 0 0 5px;
    padding: 0;
    line-height: 20px;
    font-weight: normal;
}

.indexPuff1Mid p, .indexPuff2Mid p
{
    margin: 0 0 10px;
    padding: 0;
}

#bmi
{
    height: auto;
  margin: 0;
}

.bmiform
{
    width: 70px;
}

/* ---- Pressrum ---- */

.section
{
    margin: 10px 0 40px;
}

a.pressList, a.news
{
    display: block;
    width: 100%;
    margin: 0 -10px 10px;
    padding: 10px;
    font-weight: normal;
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 10px;
    color: #666;
    border: dashed #e8e8e8;
    border-width: 0 0 1px;
}

a.pressList:link, a.pressList:visited, a.news:link, a.news:visited
{
    text-decoration: none;
    color: #666;
}

a.pressList:hover, a.pressList:active, a.news:hover, a.news:active
{
    color: #006D5C;
    background-color: #F1F7F5;
    text-decoration: none;
}

.item
{
    width: 100%;
    margin: 0 -10px 10px;
    padding: 10px;
    font-weight: normal;
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 10px;
    border: dashed #e8e8e8;
    border-width: 0 0 1px;
}

.pressList h2, .news h2, .item h2
{
    margin: 0 0 5px;
    padding: 0;
    font-size: 13px;
    font-weight: bold;
    color: #006D5C;
}

.pressList p, .news p
{
    margin: 0 0 5px;
}

.item p.summary, .item p.info
{
    color: #666;
    font-weight: normal;
    font-size: 13px;
    line-height: 18px;
}

.item p.info span
{
    font-weight: bold;
}

.item .thumb
{
    float: left;
    margin: 0 10px 0 0;
    width: 110px;
}

.item .text
{
    float: left;
    width: 310px;
}

p.date
{
    font-size: 11px;
    color: #a8a8a8;
    margin: 0;
}

a.back
{
    float: right;
}

/* Breadcrumb */

.crumb
{
    color: #666;
    font-weight: normal;
    margin: 0 0 15px;
}

/* Paginering */

.prev
{
    float: left;
}

.next
{
    float: right;
}


/* Dokument */

a.document
{
    display: block;
    background: 0 0 no-repeat;
    font-weight: normal;
}

a.pdf, a.doc, a.docx, a.ppt, a.xls
{
    padding: 0 0 0 20px;
    font-weight: normal;
}

a.pdf
{
    background-image: url(../images/docicons/pdf.gif);
}

a.doc, a.docx
{
    background-image: url(../images/docicons/doc.gif);
}

a.ppt
{
    background-image: url(../images/docicons/ppt.gif);
}

a.xls
{
    background-image: url(../images/docicons/xls.gif);
}





.slider-caption {
   width: 452px;
   height: 40px;
   position: relative;
   padding: 8px;
   background-image: url('/images/trans.png');
   margin: -91px 0px 0px 15px;
}
/* @group easySlider */

#slider-startpage, #slider {
  overflow: hidden;
  height: 323px;
  width: 538px;
}


/* Easy Slider */

  #slider ul, #slider li,
  #slider2 ul, #slider2 li{
    margin:0;
    padding:0;
    list-style:none;
    }
  #slider2{margin-top:1em;}
  #slider li, #slider2 li{ 
    /* 
      define width and height of list item (slide)
      entire slider area will adjust according to the parameters provided here
    */ 
    width:500px;
    height:323px;
    overflow:hidden; 
    }  
  #prevBtn, #nextBtn,
  #slider1next, #slider1prev{ 
    display:block;
    width:30px;
    height:77px;
    position:absolute;
    left:-30px;
    top:71px;
    z-index:1000;
    }  
  #nextBtn, #slider1next{ 
    left:696px;
    }                            
  #prevBtn a, #nextBtn a,
  #slider1next a, #slider1prev a{  
    display:block;
    position:relative;
    width:30px;
    height:77px;
    background:url(../images/btn_prev.gif) no-repeat 0 0;  
    }  
  #nextBtn a, #slider1next a{ 
    background:url(../images/btn_next.gif) no-repeat 0 0;  
    }  
/* numeric controls */  

  ol#controls{
    margin:1em 0;
    padding:0;
    height:28px;  
    }
  ol#controls li{
    margin:0 10px 0 0; 
    padding:0;
    float:left;
    list-style:none;
    height:28px;
    line-height:28px;
    }
  ol#controls li a{
    float:left;
    height:28px;
    line-height:28px;
    border:1px solid #ccc;
    background:#d8e7e2;
    color:#555;
    padding:0 10px;
    text-decoration:none;
    }
  ol#controls li.current a{
    background:#006D5C;
    color:#fff;
    }
  ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
/* @end */

/* @group Personal */

.personal-ruta {
  width: 595px;
  margin-left: 20px;
  background-color: rgb(230,230,230);
    -moz-border-radius: 10px;
  border-radius: 10px;
  border: 2px solid rgb(180,180,180);
  min-height: 130px;
  margin-bottom: 20px;
  padding-top: 10px;
  padding-left: 120px;
  padding-right: 20px;
}

.personal-ruta p {
  margin: 0;
  padding: 0;
}

.personal-ruta img {
  float: left;
  margin-left: -140px;
}

.personal-namn {
  font-weight: bold;
  color: rgb(100,100,100);
  font-size: 14px;
}

.personal-titel {
  font-weight: bold;
  font-size: 12px;
}

.personal-bio {
  font-size: 12px;
}


/* @end */

.movie-list {
  margin: 20px 0px 20px 5px;
  color: #1f6c5c;
  font-weight: bold;
}

.movie-list h2{
  margin-bottom: 10px;
  color: #CA4C14;
}
.movie-list a {
color: #1f6c5c;
margin-right: 5px;
}
.movie-list img {
float: left;
  margin: 0px 5px 0px 0px;
}
.movie-list ul {
      width: 200px;
    margin: 0px 0 20px 0;
    padding: 0;
    float: left;
    text-align: left;
}

.movie-list ul:first-child {
    margin-right: 64px;    
}

.movie-list ul li {
    list-style: none;
    text-align: left;
  margin: 0;
  padding: 0;
  display: block;
  width: 200px;
  height: 58px;
}



/* @group Colors */

.cftkBlue {
  color: rgb(0,54,96);
}

.cftkOrange {
  color: #ca4c14;
}

.cftkRed {
  color: rgb(204,7,30);
}

/* @end */


#rand .atclear {
  width: 300px;
}

.white {
color: #fff;
}
#openhouse h2 {
  background: #bd313f;
  display: block;
  color: #fff;
  padding: 8px;
  font-size: 17px;
  font-weight: normal;
  
}
#openhouse a {
    font-size: 14px;
  
 
}

#openhouse ul {

  list-style: none;
  margin: 10px 0px 0px 0px;
  padding: 0;
  line-height: 2.2em;
}

#openhouse li {
    margin: 0;
  padding: 0;
  
}











































































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
h1 {

}

h2 {

}

h3 {

}

.ingress {

}

p {

}

.empty {

}

.floatright {

}

.floatleft {

}