﻿body
{
}

#wrapper, .cv
{
    width: 1028px;
    margin: 0 auto;
}

/*** Head ***/

#ripped-top, #ripped-bottom, #ripped
{
    /*	background: url( "img/ripped_bg.gif" ) repeat-y scroll center top transparent;*/
    margin: 0 auto;
    width: 1028px;
}

#ripped-top, #ripped-bottom
{
    /*	background: url( "img/rip-top.gif" ) no-repeat scroll center top transparent;*/
    height: 13px;
}
#ripped-bottom
{
    background-image: url(img/bg_foot.png);
    background-repeat: no-repeat;
    height: 36px;
    width: 956px;
    padding: 80px 20px 0px 20px;
}

#nav
{
    background-image: url( "img/nav_bg.gif" );
    background-position: left top;
    background-repeat: repeat-x;
    border-bottom: 2px solid #F7941D;
    clear: both;
    height: 48px;
    margin: 0 0 12px 0px;   overflow: hidden;
    padding-top: 3px;
}
.w120
{
    width: 130px;
    height: 36px;
    display: block;
}
.w200
{
    width: 600px;
    height: 30px;
    display: block;
    text-align: center;
}
.pb
{
    padding-bottom: 12px;
}
.greyl
{
    border-bottom: 12px solid #C8C5CE;
}
.beige
{
    background-color: #E8E1C7;
}
.white
{
    background-color: #fff;
}
.blue
{
    background-image: url(img/bg_puff.jpg);
    background-repeat: repeat-x;
}
#quicklinks
{
    margin: 15px 0px 20px 0px;
}

#quicklinks a
{
    color: #F1EAD6;
    display: block;
    font-family: Tahoma, 'Trebuchet MS' ,arial,sans-serif;
    font-size: 90%;
    letter-spacing: 0.03em;
    line-height: normal;
    padding: 3px 6px;
    text-decoration: none;
    text-transform: uppercase;
}
#quicklinks a:hover
{
    background-color: #972529;
}
#quicklinks li
{
    border-left: 1px solid #F1EAD6;
    padding: 3px 6px;
}


.sidebar
{
    margin-top: 0px;
}
#sidebar-right
{
    float: right;
    padding: 12px 12px 0;
    width: 211px;
    background-color: #fff;
}


#main .page-container
{
    background-color: #fff; /*background-image: url( "img/main_bg.gif" ); 	background-position: center top; 	background-repeat: repeat-y;*/
    margin: 12px 0; /*  padding-bottom: 6em;*/
}
#main page-containerxl
{
}
#page-contents
{
    float: left; /*overflow: hidden;*/
    padding: 12px 12px 0px 12px !important;
    padding: 6px 6px 0px 6px;
    width: 623px;
    background-color: #fff;
    margin-bottom: 12px;
}
#page-content1
{
    padding: 12px 12px 0px 12px;
    width: 623px;
    height: 112px; /*overflow: hidden;*/
    background-image: url(img/bg_puff.jpg);
    background-repeat: repeat-x;
    margin-bottom: 12px;
}
#page-content2
{
    padding: 12px 12px 0px 12px;
    width: 740px;
    float: left;
    background-color: #fff;
    margin-bottom: 12px;
}
#page-content3
{
    padding: 12px 12px 0px 12px;
    width: 972px;
    float: left;
    background-color: #fff;
    margin-bottom: 12px;
}
#head
{
    text-align: center;
}

#sidebar-left
{
    float: left;
    overflow: hidden;
    width: 189px;
}

#ctl00_cph1_phImage
{
}
#logo
{
    background-image: url(img/huvudlogga.jpg); /* 	height: 100px; 	width: 900px;*/
}

.front #page-content
{
    width: 614px;
}


/*** Foot ***/

#FootImage
{
    background-image: url(img/foot.jpg);
   
    width: 900px;
}




.fullwidth_banner, .fullwidth_banner1
{
    border-bottom: 12px solid #c8c5ce;
}


.btnBoka2
{
    background-image: url(img/button_boka.jpg);
    background-repeat: no-repeat;
    display: block;
    height: 26px;
    padding: 6px 10px;
    color: #fff;
    text-decoration: none;
}
.tree .expanded
{
    background-image: url("img/ul.gif");
    background-position: 11px 15px;
    background-repeat: no-repeat;
}
.tree .collapsed
{
    background-image: url("img/li.gif");
    background-position: 11px 15px;
    background-repeat: no-repeat;
}
.collapsed ul
{
    display: none;
}
#home-ctas
{
    /*background: url( "img/parchment_bg.jpg" ) repeat-y scroll center top #A47D43;*/
    margin: 0px auto;
    padding: 12px 0;
    width: 996px;
    background-image: url(img/bg_grey.png); /*background-color: rgba(128, 128, 128, 0.55);*/
}

#homepagetop
{
    /*background: url( "img/home_ctas_bg.gif" ) no-repeat scroll left bottom transparent; 	padding-bottom: 25px;*/
    text-align: center;
}

.front #main .page-container
{
    background-image: url( "img/main_bg_home.gif" );
}

#home-banner
{
    /*background-image: url( "img/page_bg.jpg" ); 	background-position: center top; 	background-repeat: repeat; 	border-bottom: 1px solid #B89B56;
    background-image: url(img/bg_grey.png);*/
    margin: 0 auto;
    padding:0px;
    text-align: left;
    width: 760px;
    height: 318px;
}
.clear-block
{
    display: block;
}
.icons-block {
    background-color: #78BBE6;
    margin: 0 auto;
    padding: 0 12px;
    text-align: left;
    width: 736px;
}
#anldata td {
    color: #FFFFFF;
}
.opaque
{
    /*background-color:#808080;*/
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
}

.homeblock
{
    background-color: #c8c5ce; /*background-image: url( "img/home_bucket_bg.gif" ); 	background-position: center top; 	background-repeat: repeat-x;*/
    float: left; /*	padding: 12px;*/
    text-align: left; /*width: 300px;*/
    position: relative;
}
.homeblock-2
{
    /*background-color: #fff; background-image: url( "img/home_bucket_bg.gif" ); 	background-position: center top; 	background-repeat: repeat-x;*/
    float: left; /*	padding: 12px;*/
    text-align: left; /*width: 300px;*/
    position: relative;
}
.puff-block
{
    width: 647px;
}
.puff-block-half
{
    width: 323px;
    float: left;
}
.box2
{
    height: 248px;
    margin-left: 6px;
    padding: 6px;
    width: 304px;
}

.content-holder
{
    float: left;
}
.textblock
{
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 10px;
    width: 297px;
    background-image: url(img/bg_white.png);
}
#homeblock-1
{
    /* margin-left: 12px;*/
    width: 293px;
}

#homeblock-2
{
    margin-left: 6px;
    width: 293px;
}


* #homeblock-4
{
    float: right /*   width: 310px;*/;
}
.front #main
{
    /*padding-top: 0;*/
}


#foot
{
}
.clear
{
    clear: both;
}
html
{
    background: url( "img/bakgrund.jpg" ) no-repeat scroll center top #f9fafb; /*background:url(img/pattern_116.gif);*/
}

.toggler
{
    padding: 8px;
    border: solid 1px #CCCCCC;
    margin-bottom: 2px;
}
.toggler.on
{
    background-color: #E8E1C7;
}

.phSpace
{
    margin-bottom: 12px;
}
/*Puffar*/


.txtleft2
{
    float: left;
    width: 125px;
    margin: 15px 0px 10px 10px !important;
    margin: 8px 0px 5px 5px;
}
.txtleft
{
    float: left;
    width: 125px;
    margin: 0 0 0 10px !important;
    margin: 0 0 0 5px;
}
.txtleft a, .txtleft2 a
{
    background-image: url(img/readmore.jpg);
    background-repeat: no-repeat;
    text-decoration: none;
    padding: 5px 8px;
    margin-bottom: 5px;
}
#ctl00_cph1_tabellstartsida_teaser1_cplsPageteaser td .txtleft
{
    float: left;
    width: 125px;
    margin: 15px 0px 10px 0px;
}
#ctl00_cph1_tabellstartsida_body
{
    margin: 10px;
}
.imgleftsmall
{
    float: left;
    width: 50px;
    padding: 10px;
}
.txtleftsmall
{
    float: left;
    width: 80px;
    d: \Projekt\tfs\gronklitt\gronklitt\Controls\Erbjudande.ascx;
}
.txtleft p
{
    margin: 0px 0px 10px 0px;
}
.puff647
{
    height: 124px;
    width: 644px;
}
.puff100
{
    height: 124px;
    width: 316px;
}

.puff44
{
    height: 56px;
    width: 316px;
}
.puffh100
{
    height: 124px;
}
.puffh260
{
    height: 260px;
    width: 316px;
}
#ctl00_cph1_body
{
    /* margin:10px;*/
}
.w12
{
    width: 12px;
  
}
.h12
{
    height: 12px;
   
}
.item, .item2, .item1
{
    background-image: url(img/bg_puff.jpg);
    background-repeat: repeat-x; /* background-color: #cbdde6; #E8E1C7;*/
    margin: 0px 0px 12px 0px;
    padding: 12px;
}
.itemw
{
    background-color: #fff; /*#e0ddd6;*/
    margin: 0px 0px 12px 6px;
    padding: 12px;
    height: 100px;
    width: 293px;
}

.itemt1, .itemt2
{
    background-color: #fff; /*#e0ddd6;*/
    margin: 0px 0px 12px 0px;
    padding: 12px;
    height: 96px;
}
.itemh1, .itemh2
{
    background-image: url(img/bg_puff_half.jpg);
    background-repeat: repeat-x;
    margin: 0px 0px 12px 0px;
    padding: 6px 12px;
    float: left;
    height: 44px;
}

.item2
{
    float: left;
    margin-right: 12px;
    width: 293px;
}
.item1
{
    float: left;
    width: 293px;
}
/*.items1,.items2,.items3
{
    float: left;
    margin-right: 12px;
    width: 152px;
     height:120px;
    background-color: #E8E1C7; 
}
.items4
{
    float: left;
    width: 152px;
    height:120px;
    background-color: #E8E1C7; 
}*/
#carousel-content .cke_top
{
    top: 0px;
}
.bookitstart
{
    margin: 2px 0px 0px 20px;
}
.imgArchive li
{
    background-image: url("img/boendeBg.gif");
    border: 1px solid #CCCCCC;
    float: left;
    height: 157px;
    margin-right: 10px;
    margin-top: 10px;
    text-align: center;
    width: 190px;
    list-style: none;
}
.imgArchive li img
{
    padding: 10px;
}
#ripped-bottom ul
{
    padding-left: 150px;
}
#ripped-bottom li
{
    list-style: none;
    padding-right: 40px;
    float: left;
}

#ripped-bottom li a
{
    text-decoration: none;
    color: rgb(255, 165, 0);
}
#ripped-bottom li a:hover
{
    text-decoration: underline;
}

.left_text
{
    float: left;
    width: 790px;
}
.right_vader
{
    float: right;
    margin-top: 12px;
}
.left, .vaderText
{
    float: left;
}
.vaderText
{
    margin-left: 10px !important;
    margin-left: 5px;
}
.whitetext
{
    color: #fff;
    font-size: 12px;
}
.fail
{
    color: Red;
    font-weight: bold;
}
.clear
{
    color: Green;
    font-weight: bold;
}
/*Ny undersida*/
/*Puffar*/

.sbox
{
    border: 1px solid #E3E3E3;
    border-radius: 4px 4px 4px 4px;
    margin-bottom: 12px;
    padding: 6px !important;
}
.btnBoka
{
    color: #539AD2;
    display: block;
    font-size: 15px;
    font-weight: bold;
}
.btnBoka1
{
    color: #539AD2;
    display: block;
    font-size: 18px;
    font-weight: bold;
}
.bookit
{
    background-color: #fff;
}

.pl
{
    padding-left: 10px;
}

.bxotopbg
{
    background-image: url("img/stopbg.jpg");
    background-repeat: repeat-x;
    padding: 6px;
}
#homeblock-3
{
    background-repeat: repeat-x;
    background-color: #fff;
    margin: 0;
    position: relative;
    overflow: hidden;
    height: 318px;
    width: 210px;
    float: right;
}
#treelist
{
    margin: 12px 12px 12px 0;
}
.widewrapper
{
    position: relative;
    width: 772px;
}
.bg_grey
{
    /*background-image: url(img/bg_grey.png);     background-repeat: repeat;*/
    background-color: #fff;
    height: 116px;
    width: 996px;
    margin: 0 auto;
}
#main
{
    background-color: #FFFFFF;
    margin: 12px auto 0;
    padding: 12px;
    text-align: left;
    width: 984px;
}
.pcol1
{
    float: left;
    margin-right: 12px;
    position: relative;
    width: 760px;
}
.pcol2
{
    float: left;
    width: 212px;
    background-color: #fff;
}
.homeblock-3
{
    background-color: #fff;
    margin: 0;
    width: 200px;
    padding: 0px 5px;
    float: left;
}
/*Ny startsida*/
.pcol1
{
    float: left;
    margin-right: 12px!important;
    margin-right: 6px;
    position: relative;
    width: 760px;
}
.pcol2
{
    float: left;
    width: 212px;
    background-color: #fff;
}
.homeblock-3
{
    background-color: #fff;
    margin: 0;
    width: 200px;
    padding: 0px 5px;
    float: left;
}
/*Puffar*/
.puff100
{
    background-color: #fff;
    width: 374px;
}
.puffg
{
    width: 374px;
}
.imgleft
{
    float: left;
    width: 150px;
    margin: 0 0 0 0px !important;
    margin: 0 0 0 0px;
    height: 178px;
    overflow: hidden;
}
.imglefts
{
    float: left;
    margin: 0 0 0 0;
    overflow: hidden;
    width: 150px;
    height:76px;
}
.sbox
{
    border: 1px solid #E3E3E3;
    border-radius: 4px 4px 4px 4px;
    margin-bottom: 12px;
    padding: 6px;
}
#ctl00_cph1_txtimages p
{
	margin:0px;
}
.txtleft
{
    float: left;
    width: 125px;
    margin: 0 0 0 0px;
}
.txtlefts
{
    float: left;
    margin: 0 0 0 10px;
    width: 200px;
}

.txtlefts p, .txtlefts h1
{
    margin: 0px;
}
.txtlefts a
{
	font-weight:normal;
}
.wave
{
    background-color: #FFFFFF; /* height: 40px; left: 0;  position: absolute;     top: 300px;  */
    margin: 12px 0px 0px 0px;
    width: 746px;
    z-index: 10;
}

.leftp
{
    width: 320px;
    float: left;
}
.mr
{
    margin-right: 12px;
}
.dblue
{
    background-color: #C0D1DC;
}
.grey
{
    background-color: #BFBFBF;
}

.grey a
{
    color: #fff;
}

.mtb
{
    margin: 0px 0px 12px 0px;
}
.bggrey
{
    background-color: #e3e3e3;
}
.bglblue
{
    background-color: #F4F8FB;
}
.bigbear
{
    left: 10px;
    position: absolute;
    top: 10px;
}
.overlay1
{
    left: 1px;
    position: absolute;
    top: 120px;
}
.overlay2
{
    left: 500px;
    position: absolute;
    top: 19px;
}

#page-content
{
    float: left;
    padding: 12px 12px 0;
    width: 540px;
}
.shadow
{
    box-shadow: 1px 1px 12px rgba(13, 16, 102, 0.2);
}
.leftp
{
    width: 320px;
    float: left;
}
.mr
{
    margin-right: 12px;
}
.dblue
{
    background-color: #C0D1DC;
}
.grey
{
    background-color: #BFBFBF;
}

.grey a
{
    color: #fff;
}

.mtb
{
    margin: 0px 0px 12px 0px;
}
.bggrey
{
    background-color: #e3e3e3;
}
.bigbear
{
    left: 10px;
    position: absolute;
    top: 10px;
}
.overlay1
{
    left: 1px;
    position: absolute;
    top: 120px;
}
.overlay2
{
    left: 500px;
    position: absolute;
    top: 19px;
}
/*Undermeny*/
.tree .items, .tree .expanded, .tree .collapsed
{
    background-color: #E8F1F6; /* #E8E1C7;e0ddd6;/*#F6F3EA;*/
    border-bottom: 1px solid #E3E4DC;
    border-top: 1px solid #FAF9F5;
    line-height: normal;
    list-style: none outside none !important;
    margin: 0;
    text-decoration: none;
    padding: 11px 11px 13px;
}
.tree a
{
    text-decoration: none;
    font-weight: bold;
}

.tree .selected
{
    background-position: 0 11px;
    background-repeat: no-repeat;
    border: 0;
    font-style: italic;
    padding: 6px 0 0 9px;
    color: #D77D0F;
}
.tree .normal, .expanded .items
{
    /*background-image: url( "img/menu_arrow.gif" );*/
    background-position: 0 5px;
    background-repeat: no-repeat;
    border: 0;
    font-style: normal;
    padding: 3px 0 3px 9px;
    display: block;
}

.tree .items li a
{
    font-weight: normal;
}

#treelist
{
    margin: 12px 12px 12px 0;
}
#mainmenu, .noul, .menuul
{
    list-style: none;
}
#mainmenu
{
    padding-left: 30px;
}

#mainmenu li, .menuul li, .hmenu li
{
    float: left;
}

#mainmenu li a, .hmenu li a
{
    color: #333; /*#F1EAD6;*/
    display: block;
    font-family: Tahoma, 'Trebuchet MS' ,arial,sans-serif;
    font-size: 12px;
    padding: 15px 10px 2px 10px;
    height: 30px;
    letter-spacing: 0.03em;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
}



#mainmenu li a:hover, #mainmenu .selected a
{
    background-color: #eee; /*#E8E1C7;*#972529;*/
    color: #539AD2;
}

.webcammodecontainer
{
    border:1px solid #fff;
}

.webcammode
{
    display:inline-block;
    background-color:#F7FFB7;
    padding:6px;
    margin:5px 5px 5px 0px;
    border:2px solid #E4EF7C;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.webcammode:hover
{
    background-color:#8ED3FF;
    border-color:#49AEED;
    cursor:pointer;
}

.webcammodecontainer .selected
{
    background-color:#8ED3FF;
    border-color:#49AEED;
}


