@font-face {
    font-family: 'ChunkFive';
    src: url('/_fonts/chunkfive/chunkfive-webfont.eot');
    src: url('/_fonts/chunkfive/chunkfive-webfont.eot?iefix') format('eot'),
         url('/_fonts/chunkfive/chunkfive-webfont.woff') format('woff'),
         url('/_fonts/chunkfive/chunkfive-webfont.ttf') format('truetype'),
         url('/_fonts/chunkfive/chunkfive-webfont.svg#webfontjdQAZf5S') format('svg');
    font-weight: bold;
    font-style: normal;

}



@font-face {
    font-family: 'Titillium';
    src: url('/_fonts/titillium/titilliumtext22l004-webfont.eot');
    src: url('/_fonts/titillium/titilliumtext22l004-webfont.eot?iefix') format('eot'),
         url('/_fonts/titillium/titilliumtext22l004-webfont.woff') format('woff'),
         url('/_fonts/titillium/titilliumtext22l004-webfont.ttf') format('truetype'),
         url('/_fonts/titillium/titilliumtext22l004-webfont.svg#webfontBv10rpRs') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Titillium';
    src: url('/_fonts/titillium/titilliumtext22l005-webfont.eot');
    src: url('/_fonts/titillium/titilliumtext22l005-webfont.eot?iefix') format('eot'),
         url('/_fonts/titillium/titilliumtext22l005-webfont.woff') format('woff'),
         url('/_fonts/titillium/titilliumtext22l005-webfont.ttf') format('truetype'),
         url('/_fonts/titillium/titilliumtext22l005-webfont.svg#webfont49OgwFeZ') format('svg');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'Titillium';
    src: url('/_fonts/titillium/titilliumtext22l006-webfont.eot');
    src: url('/_fonts/titillium/titilliumtext22l006-webfont.eot?iefix') format('eot'),
         url('/_fonts/titillium/titilliumtext22l006-webfont.woff') format('woff'),
         url('/_fonts/titillium/titilliumtext22l006-webfont.ttf') format('truetype'),
         url('/_fonts/titillium/titilliumtext22l006-webfont.svg#webfontwRGLBqir') format('svg');
    font-weight: bolder;
    font-style: normal;

}

/*

	RESETS by ERSKINE DESIGN
	VERSION 1.0
	
	RESET STYLESHEET
	
*/



html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
.clear {
	clear: both;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
input { vertical-align:middle; }
body {
    color: #333333;
    font-family: Arial;
    font-size:  13px;

}
#site {
    width: 980px;
    margin: 0 auto;
}

#header {
    margin: 0 0 10px 0;
}
#header a.logotype{
    display: block;
    width: 279px; height: 64px;
    float: left;
    margin-top:15px;
}
.col2{
    
    width:300px;
    float: right;
}

#saleWrap{
    
    width:960px;
    border:1px solid #dbdbdb;
    padding:15px;
    margin-top:10px;
    margin-bottom:15px;
    
}
.saleTextContainer{
    
    width:320px;
    float:left;
}
.saleIconHolder{
    
    margin-right:10px;
    float:left;
                 
}
.recentJobHeader{
    
    color:#980000;
}
.recentIconHolder{
    
    padding-top:2px;
    margin-right:5px;
    float:left;
}

.smallRecentHeaderHolder{
    
    float:left;
    font-family:helvetica;
    font-size:12px;
    color:#1e71a7;
    padding-bottom:3px;

}

.topRightIconHolder {
  float:right;
  padding: 0px;
}

.recentJobSubText{
    
    font-family:helvetica;
    font-size:10px;
    font-style:italic;
    color:#333333;
    border-bottom:1px dotted #eeeeee;
    padding-bottom:4px;
}
.saleIconHolderBig{
    
    margin-top:15px;
    margin-bottom:10px;
    margin-left:15px;
    margin-right:10px;
    float:left;
                 
}
.saleHeaderHolder{
    
    float:left;
    font-family:helvetica;
    font-size:22px;
    color:#3c9017;

}
.recentHeaderHolder{
    
    float:left;
    font-family:helvetica;
    font-size:22px;
    color:#3c9017;
    padding-top:3px;
    margin-top:15px;
}
.heightSpacer{
    
    height:3px;
    font-size:1px;
}

.heightSpacer10px{
    
    height:6px;
    font-size:1px;
}




#left {
    float: left;
    width: 671px;
    min-height: 519px;
    /*background: url(/_gfx/left_bg.png) no-repeat left top;*/
    border:0px solid #cccccc;
}

#right {
    float: right;
    width: 300px;
    min-height: 219px;
    /*background: url(/_gfx/right_bg.png) no-repeat left top;*/
    border:1px solid #cccccc;
}
.right {
    float: left;
    width: 300px;
    /*background: url(/_gfx/right_bg.png) no-repeat left top;*/
    border:1px solid #cccccc;
    margin: 15px 0 0 15px;
}
.right p{
    
    padding-left:15px;
    padding-right:15px;
    padding-bottom:15px;
    font-size:12px;
    line-height: 16px;
}
.content {
    padding:0 15px;
}

.clearClass{
    
    clear:both;
}

div#main{
    overflow: hidden;
    width:990px;
}


#header  ul#menu {
    float: right;
    margin: 30px 0px;

}
#header  ul#menu li {
    float: left;
    line-height: 21px;
}
#header  ul#menu li a {
    height: 100%;
    display: block;
    color: #980000;
    text-decoration: underline;
    padding: 0 10px;
}
#header  ul#menu li:hover a{

    color: #a3745a;
}
#header  ul#menu li.st a {

    padding: 0 10px 0 10px;    
}
.navigationRightBorder{
    
    border-right:1px dotted #c80000;
}



ul#filter{
    list-style: none;
    padding: 0px 15px;
    overflow: hidden;
}
    ul#filter li{
        float: none;
        padding: 8px 4px;
        border-bottom: 1px dotted #eeeeee;
    }
        ul#filter li h4{
            font-family:helvetica;
            font-size:12px;
            color:#1e71a7;
        }
            ul#filter li h4 a{
                color: #222222;
                text-decoration: none;
            }
            ul#filter li h4 a:hover{
                color: #b2b2b2;
            }
            ul#filter li div.holder{
                background: url("/_gfx/arrow.png") no-repeat left top #fff;
                padding: 0px 25px;
                margin: 0px;
            }
            
ul#foretag {
    list-style-type: none;
    overflow: hidden;
}
    ul#foretag li{
        padding: 10px;
        margin-bottom: 20px;
    }
        ul#foretag li h3{
            font-size: 16px;
            font-weight: bold;
            color: #4d4d4d;
        }
        ul#foretag li ul{
            margin-top: 5px;
            padding: 0px 5px;
        }
            ul#foretag li ul li{
                padding: 0;
                margin: 0;
                font-size: 13px;
                height: 20px;
                line-height: 20px;
                color: #4d4d4d;
            }




#left h2 {
    height: 35px;
    font-family: impact;
    font-size: 26px;
    color: #445661;
    padding: 11px 0 0 10px;
    margin: 5px 0 15px 5px;
}
#left p {
    font-size: 15px;
    line-height: 1.35em;
    padding: 0 0 20px 0;
}

#left label {
    height: 15px;
    display: block;
    font-weight: bold;
}
#left form.forfrogan {
    background: #feff99;
    padding: 10px;
    margin: 0 0 0 0;
}

#left form.forfrogan p.small {
    font-size: 11px;
    line-height: 13px;    
}

#left form.forfrogan .livesearch_holder{
    display: block;
    position: relative;
}

#left form.forfrogan span.error{
    display: block;
}

#left form.forfrogan label {
    height: 18px;
    display: block;
    font-weight: bold;
}

#left form.forfrogan input.text{
    height: 33px;
    line-height: 33px;
    font: 13px arial;
    color:#666;
    border:1px solid #dbdbdb;
    padding: 0px 5px;
    margin: 0 0 0 0;
}
#left form.forfrogan input.large{
    width: 270px;
    background-position: left top;
}
#left form.forfrogan input.tiny{
    width: 270px;
}

#left form.forfrogan span.select.medium{
    display: block;
    width: 270px; height: 29px;
    background: url("/_gfx/selectbg_new.png") left no-repeat;
    border:1px solid #dbdbdb;
    padding: 0px 5px;
    margin: 0 0 0 0;
    
    font: bold 11px/29px Arial, sans-serif;
    color: #555;
}

#left form.forfrogan select.medium {
    width: 270px;
    cursor: pointer;
    font: 11px arial;
    color:#666;
    border: 0 none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 3px;
    background: url(/_gfx/selectbg_new.png) left no-repeat;
    background: #fff;
    border:1px solid #dbdbdb;
    padding: 6px 5px 8px 5px;
    margin: 0 0 15px 0;
}
#left form.forfrogan textarea {
    width: 585px;
    height: 90px;
    border: none;
    resize: none;
    overflow: auto;
    font: 13px arial;
    color:#666;
    border:1px solid #dbdbdb;
    padding: 5px;
    margin: 0 0 15px 0;
}    
#left form.forfrogan input.submit {
    width: 200px;
    height:33px;
    border: none;
    cursor: pointer;    
    font: bold 12px Arial;
    color: #fff;
    background: url("/_gfx/submit_button.png") no-repeat;
}
#left form.forfrogan input.submit:hover {
    
    background: url("/_gfx/submit_button_hover_new.png") no-repeat;
}
#left form.forfrogan .floater {
    float:left;
    width: 292px;
    position: relative;
}
#left form.forfrogan .error_holder {
    position: relative;
}
form.forfrogan .righter {
    margin-left: 20px;
}
#left form.forfrogan .righter p {
    width:290px;
    padding: 0;
}


span.error {
    display: inline-block;
    height: 36px;
    background: url("/_gfx/error.png") left top no-repeat;
    padding-left: 20px;
    
    position: absolute;
    top: -20px; right: -5px;
}
    span.error span{
        display: inline-block;
        height: 36px;
        background: url("/_gfx/error.png") right -36px no-repeat;
        padding-right: 20px;
        
        font: normal 11px/28px Helvetica, Arial, sans-serif;
        color: #3c9017; 
    }





#right h3 {
    height: 26px;
    font-family: impact;
    font-size: 18px;
    color: #8b8b8b;
    padding: 5px 0 0 10px;
    margin: 6px 0 15px 6px;
}

#right .hrp {
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

#right ul#recent_jobs {
    list-style: none;
    width:290px;
    color:#a0735d;
}

#right ul#recent_jobs a {
    height: 100%;
    display: block;
    color: #980000;
    text-decoration: underline;
    padding: 0 10px;
}

#right ul#recent_jobs a:hover {

    color: #a3745a;
}
    #right ul#recent_jobs li{
        margin-bottom: 1px;
    }
        #right ul#recent_jobs li h4{
            font: bold 13px/17px Helvetica, Arial, sans-serif;
        }
        
        #right ul#recent_jobs ul {
            overflow: hidden;
        }
            #right ul#recent_jobs ul li{
                width: 85px;
                float: left;
            }

            
            
                
            

.forfrogan h4 {
    font: bold 13px/17px Helvetica, Arial, sans-serif;
}
.forfrogan ul.checkbox {
    list-style: none;
    height: auto;
    overflow: hidden;
}
    .forfrogan ul.checkbox li{
        width: 200px;
        display: block;
        padding: 10px 0px;
        float: left;
        padding: 0px;
        margin: 10px 0px
    }
        .forfrogan ul.checkbox li label{
            font-weight: normal !important;
            font-size: 11px !important;
            height: auto !important;
        }
    .forfrogan ul.checkbox li input{
        float: left;
    }
.forfrogan div.input{
    margin: 10px 0px;
}
        

.formDivLeft{
    
    float:left;
    width:295px;
    
}
.formDivRight{
    
    float:left;
    width:295px;
    padding-left: 20px;
}

.formDivRow{
    float:left;
    width:590px;
}
.formDivRightPara{
    
    padding:0px;
    margin:0px;
}


        

a.start_button{
    display: inline-block;
    width: 150px; height: 49px;
    background: url("/_gfx/start_button.png") left top no-repeat;
    text-indent: -999px;
    overflow: hidden;
    
    margin: 30px 0px 30px 60px;
    cursor: pointer;
}
a.start_button:hover{
    background-position: left -49px;
}    
a.start_button:active{
    background-position: left -98px;
}


div#fade{
    width: 100%; height: 100%;
    background: #000;
    
    position: fixed;
    top: 0; left: 0;
    z-index: 999999;
}
div#modal-holder {
    position: fixed;
    top: 50%; left: 50%;
    z-index: 999999999;
}
div#terms{
    background: #fff;
    height: 400px;
    overflow-x: auto;
    display: none;
}
    
div#terms
{
    display: none;
    background: #fff;
    width: 700px; height: 400px;
    overflow-y: auto;
}
div#terms div.holder{
        padding: 20px;
    }
div#terms h1
{
    margin-bottom: 10px;
}
div#terms p
{
    margin-bottom: 10px;
}

div#terms label {
    height: 15px;
    display: block;
    font-weight: bold;
}

#dialogClose {
  
  font-size:16px;  
  line-height:14px;  
  left:4px;  
  top:4px;  
  position:absolute;  
  color:#606060;  
  font-weight:700;  
  display:block;
  text-decoration: none;
}
.popup{
color:#333333;
}            
            
div#footer {
    
    margin-top:15px;
    margin-bottom:15px;
    background: #ffffff;
    padding: 15px;
    border:1px solid #dbdbdb;
    width:960px;
}
    div#footer p{
        font-family:helvetica;
        color: #b92323;
        text-align:center;
    }
    
    div#footer a {
        float:right;
        height: 100%;
        display: block;
        color: #980000;
        text-decoration: underline;
        padding: 0 10px;
    }
    div#footer a:hover{

        color: #a3745a;
    }
.leftContent{

    border:1px solid #dbdbdb;
    
}

.formContent {
    border:1px solid #dbdbdb;
    background: #feff99;
}

.leftContentExtra{

    margin-top:15px;
    padding:15px;
    border:1px solid #dbdbdb;
    
}
.leftContentExtraAbout{

    margin-top:15px;
    padding-left:15px;
    padding-right:15px;
    border:1px solid #dbdbdb;
    
}
.saleIconHolderBigLeft{
    
    margin-top:15px;
    margin-bottom:10px;
    margin-left:0px;
    margin-right:10px;
    float:left;
                 
}
.internalLinks{
    
    margin-right:7px;
    
}

.city_container {
    margin-top: 10px;
    width: 958px;
    padding: 15px;
    border:1px solid #dbdbdb;
    margin-bottom:15px;
    float:left;
    
}

.city_container ul#filter li div.holder {
    background: url("/_gfx/filter_small.png") no-repeat left top #fff;
    padding: 0px 22px 0px 25px;
    margin: 0px;
}
.city_container div.ul_holder {
    float: left;
    margin-right: 0px;
}

.city_container div.ul_holder ul#filter {
    padding: 0px;
}

.city_container div.head {
    margin-bottom: 10px;
}
.city_container h4 a {
    color: #4D4D4D;
    text-decoration: none;
    font: 13px/24px 'Helvetica Neue',Helvetica,Arial,sans-serif;
    line-height: 1.3em;
}

.pagination {
  font: normal 12px/28px Helvetica, Arial, sans-serif;
  line-height: 14px;
    
}

.pagination a {
  font: normal 12px/28px Helvetica, Arial, sans-serif;
  text-decoration: underline;
  color: #980000;
  padding: 1px;
  line-height: 14px;
}

.pagination a:hover {
  color: #a3745a;
  text-decoration: underline;
}


/* Lägg till företag */

.button_holder {
	margin-top: 10px;
	margin-bottom: 15px;
}

#add_foretag_container {
	display: none;
	margin-bottom: 15px;
}

div#add_foretag_container input.text, span.select.medium, textarea {
	border: 1px solid #D0D7BF !important;
}

div#add_foretag_container span.select.medium {
	height: 33px !important;
	line-height: 33px !important;
}
#change_foretag_container {
	display: none;
	margin-bottom: 15px;
}

div#change_foretag_container p {
	padding: 0px 0px 10px 0px !important;
}

div#add_foretag_container p {
	padding: 0px 0px 10px 0px !important;
}

#result_container {
	position: relative;
}
div.draggableForm {
	padding: 15px;
	background-color: #FEFF99;
	display:none;
	position:absolute;
	width: 300px;
	border: 2px solid #8A8A8A;
	left: 358px;
	top: -329px;
}

div.draggableForm p {
	padding: 0px 0px 10px 0px !important;
}

div.draggableForm div.recentHeaderHolder {
	margin-bottom: 15px;
	margin-top: 0px;
	padding: 0px;
}

input.human {
	display:none;
	visability: none;
}
form.change_form input.text{
    height: 33px;
    line-height: 33px;
    font: 13px arial;
    color:#666;
    border:1px solid #8A8A8A;
    padding: 0px 5px;
    margin: 0 0 0 0;
	width: 270px;
} 

textarea.register {
    width: 270px;
    height: 140px;
    border: none;
    resize: auto;
    overflow: auto;
    font: 13px arial;
    color:#666;
    border:1px solid #8A8A8A;
    padding: 5px;
    margin: 0 0 15px 0;
}    
form.change_form input.submit {
    width: 279px;
    height:33px;
    border: none;
    cursor: pointer;    
    font: bold 12px Arial;
    color: #fff;
    background: url("/_gfx/change_form_button.png") no-repeat;
}
form.change_form input.submit:hover {
    
    text-decoration: underline;
}

ul#change_list {
	list-style: none;
}

ul#change_list li {
	padding: 2px;
}

input.list_change_foretag {
	margin-right: 5px;
}
    
input#search.text {
    height: 33px;
    line-height: 33px;
    font: 13px arial;
    color:#666;
    border:1px solid #8A8A8A;
    padding: 0px 5px;
    margin: 0 0 0 0;
	width: 270px;
	margin-bottom: 10px;
}     

ul#city_links {
	position:relative;
	top: -9px;
}
ul#city_links li {
	padding: 8px;
	background-color: #8A8A8A;
	width: 100px;
	white-space: nowrap;
	overflow: flow;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
}    
    
ul#city_links li a {
	color: #fff;
}    

ul#city_links li:hover a {
	font-size: 115%;
}

.draggableForm #close {
	float: right;
	position: absolute;
	top: 7px;
	right: 10px;
	color: #333;
	cursor: pointer;
	font-size: 11px;
}    

span.error_add {
	
	background-color: #8A8A8A;
	color: #fff;
	font-weight: bold;
	padding: 4px;
	position: absolute;
	top: 1px;
	right: 13px;
	font-size: 11px;
}
       
    
    
    
    
    
    
    
/* responsive file */

@media screen and (max-width:1050px) {
body{ overflow-x:hidden}
}

@media screen and (max-width:1000px) {
#header{width:auto;}
#saleWrap{width:auto;}
#site {max-width:767px;width:auto;}
#site div#main {width:auto;}
.city_container{width:auto;}
.logotype img{ width:100%;}
#header a.logotype { height:auto; width:33%;}
.saleTextContainer { width: 33%;}
div#form { padding:0px;}
.field textarea {  width:97%;}
#site div#main #left{width:70%;}
#site div#main #left .container {padding: 10px; width:auto; float:none; }
#site div#main .col2 div.rbox{ width:auto;padding: 15px 5px 10px;}
.field .medium { width: 94%;}
.fieldgroup .field {margin-right:5px;width:48%;  margin-left:0px;}
#site div#main .col2 {   width: 29%;}
.rbox img{ width:100%;}
.field select { width:99%!important;}
.field span.select.medium{ width:96%;}
.indent4{ margin-left:0px;}
.formDivLeft { width: 30%;}
.formDivRow { float: none;  width: auto;}
.formDivRow input, textarea{width:98%;}
div#form div.floaters p{ float:none;}
.floaters .formDivLeft { width:49%;}  
.floaters .formDivRight { width:49%;  padding-left: 10px;} 
.floaters  input.tiny {  width: 95%;}
div#terms{ width:auto!important; max-width: 500px;}
div#modal-holder{  left: 0; right:0px; margin:auto!important; max-width: 500px; top:0px; }
div.register_lista{ width:100%;}
div#footer {width: auto;}
div#right {width: 29%;}
div.col2 > div {width: 100%!important;float: none!important;}
div.col2 > div img {width: 100%;}
#left form.forfrogan input.tiny {width: 100%;}
#left form.forfrogan select.medium {padding: 6px 5px 8px 5px}
#left form.forfrogan span.select.medium {width: 100%;}
#left form.forfrogan textarea {width: auto;}
#left form.forfrogan select.medium {width: auto;}
}

@media screen and (max-width:767px) {
#site {max-width:500px;width:auto;}
#site div#main #left{width: auto; float:none; margin-bottom:15px;}
#site div#main .col2 { width: auto; float:none;}
.fieldgroup .field {width:48%;}
#header a.logotype { height: auto; width: 40%; margin-bottom: 15px;}
#saleWrap{ padding:7px;}
.saleTextContainer{ padding-bottom:15px; width:auto; float:none;}
#site div#main #left .container { float:none; }
#site div#main #left .content {padding: 0;}
.formDivLeft {  float: none; width: auto;}
div#form div.floaters p { float: none;}
input.tiny {   width: 95%;}
.formDivRight { float: none; padding-left: 0; width: auto;}
.floaters .formDivLeft { width:48%; float:left;}  
.floaters .formDivRight { width:49%; float:left; padding-left: 10px;} 
div.register_lista{ width:100%;}
div#right {width: auto; float: none !important; clear: both;}
div.col2 > div {width: auto!important;float: none!important;}
div.col2 > div img {width: auto;}
}

@media screen and (max-width:520px) {
#site {max-width:300px;width:auto;}
#header a.logotype {width: 100%;}
.topRightIconHolder {  float: none; margin-bottom:15px;}
.recentHeaderHolder { font-size: 19px;}
#site div#main .col2 div.rbox{ float:none;}
div#footer a{ float:none;}
.floaters .formDivLeft { width: auto; float: none;}  
.floaters .formDivRight { width: auto; float: none;padding-left: 0px;} 
div.register_lista{ width:100%;}
div#terms{ height:250px; max-height:100%;}
div#right {width: 298px;}
#left label {height: 25px;}
span.select.medium {padding: 0 0 0 5px;}
#left form.forfrogan input.tiny {width: 100%;}
#left form.forfrogan select.medium {padding: 6px 5px 8px 5px}
#left form.forfrogan span.select.medium {width: 100%;}
#left form.forfrogan textarea {width: auto;}
#left form.forfrogan select.medium {width: auto;}
}





