html,body {
height:100%;
}

body { margin: 0;}

.ui-widget-content {
border: 0px !important;
-webkit-border-radius: 0px !important;
border-radius: 0px !important;
}

.togglea{
font-size: 1.5em;
color: #337ab7;
font: normal normal normal 18px/1 FontAwesome;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-webkit-transform: translate(0,0);
transform: translate(0,0);
display: inline-block;
float: right;
line-height: 20px;
}
.togglea:before {
content: "\f107";
}
.toggle.expanded .togglea:before {
content: "\f106";
}
.toggleb{
font-size: 1.5em;
color: #337ab7;
font: normal normal normal 18px/1 FontAwesome;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-webkit-transform: translate(0,0);
transform: translate(0,0);
display: inline-block;
float: right;
line-height: 20px;
}
.toggleb:before {
content: "\f107";
}
.toggle2.expanded .toggleb:before {
content: "\f106";
}
.togglec{
font-size: 1.5em;
color: #337ab7;
font: normal normal normal 18px/1 FontAwesome;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-webkit-transform: translate(0,0);
transform: translate(0,0);
display: inline-block;
float: right;
line-height: 20px;
}
.togglec:before {
content: "\f107";
}
.toggle3.expanded .togglec:before {
content: "\f106";
}
.toggled{
font-size: 1.5em;
color: #337ab7;
font: normal normal normal 18px/1 FontAwesome;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-webkit-transform: translate(0,0);
transform: translate(0,0);
display: inline-block;
float: right;
line-height: 20px;
}
.toggled:before {
content: "\f107";
}
.toggle4.expanded .toggled:before {
content: "\f106";
}
.togglee{
font-size: 1.5em;
color: #337ab7;
font: normal normal normal 18px/1 FontAwesome;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-webkit-transform: translate(0,0);
transform: translate(0,0);
display: inline-block;
float: right;
line-height: 20px;
}
.togglee:before {
content: "\f107";
}
.toggle5.expanded .togglee:before {
content: "\f106";
}

.columnsContainer_pj, .centerColumn_pj, footer, header { position: relative; max-width: 980px; margin: 0 auto; font-family: Helvetica,Arial,sans-serif;  color: #5c5c5c; line-height: 1.125em;}

.rev_columnsContainer_pj, .centerColumn_pj, footer, header { position: relative; max-width: 980px; margin: 0 auto; background: #fff; font-family: Helvetica,Arial,sans-serif;  color: #5c5c5c; line-height: 1.125em;}

.centerColumn_pj { border: 0px solid  #ccc; height: auto; background: #f9f9f9; margin-top: 30px;}

#pjheader{
background: #fff; line-height: 4.38em; font-weight: bold; overflow: auto; vertical-align: middle; border-bottom: 1px solid #ddd;
}
#pjheader_endast_abonnemang{
background: #fff; line-height: 69px; font-weight: bold; overflow: auto; vertical-align: middle; border-bottom: 1px solid #ddd;
}
.thumbnail_pj {
display: block;
padding: 4px;
line-height: 20px;
border: 1px solid #ddd;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
width: auto\9;
height: auto;
max-width: 100%;
vertical-align: middle;
-ms-interpolation-mode: bicubic;
}

.stars10 {
width: 100px !important;
}

.btn.primary, .alert-message.primary, .infobox.primary, .load_more {
background: #427f99;
border-style: solid;
border-width: 1px;
color: #fff;
cursor: pointer;
display: inline-block;
padding: 0.5em 0.7em; 
padding-left: 6px;
line-height: 1.313em;
margin-bottom: 3px;
font-family: Helvetica,Arial,sans-serif;
font-size: 0.75em;
font-weight: normal;
text-align: center;
text-decoration: none;
outline: 0;
border: 1px solid #427f99;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

/* SLIDER KNAPPEN: */
#awesome2 .ui-slider-handle {
border-radius: 23px;
height: 23px;
width: 23px;
top: -7px;
margin-left: -11px;
border: 2px solid #aaaaaa;
}
a.phpmedia="all"
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
border: 1px solid #d3d3d3;
color: #555555;
}
a.phpmedia="all"
.ui-slider-horizontal .ui-slider-handle {
top: -.3em;
margin-left: -.6em;
}
a.phpmedia="all"
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
cursor: default;
}
.ui-slider-horizontal .ui-slider-handle {
top: -7px;
margin-left: -8px;
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 21px;
height: 22px;
cursor: ew-resize;
background-color: #fff;
border: solid 1px #d7d7d7;
outline: none;
-webkit-border-radius: 15px 15px 2px 2px;
-moz-border-radius: 15px 15px 2px 2px;
border-radius: 15px 15px 2px 2px;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
font-weight: normal;
color: #5c5c5c;
border: 0 none !important;
background: #e8e8e8;
border-style: solid;
border-width: 1px;
border-color: #e8e8e8;
}

.ui-widget-header {
border: 1px solid #aaaaaa;
background: #4c95b4 !important;
color: #222222;
font-weight: bold;
}
/* SLUT SLIDER KNAPPEN */

.pj_header_text {
font-weight: 600 !important;
font-family: "Open sans", Helvetica,Arial,sans-serif;
font-size: 1.0em;
color: #000;
}

.btn_keyword {
cursor: pointer;
display: inline-block;
background-color: #f8f8f8;
margin-right: 0.625em;
margin-top: 0.5em;
padding: 0.5em 0.7em;  
color: #808080;
font-size: 0.750em;
line-height: 1.313em;
text-align: center;
text-decoration: none;
font-weight: normal;
outline: 0;
border: 1px solid #dcdddf;
-webkit-border-radius: 0.250em;
-moz-border-radius: 0.250em;
border-radius: 0.250em;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

#ingen_bindningstid{
margin-left: 1.5em;
}

.bold_text{
font-weight: bold;
}

.btn_keyword_selected{
cursor: pointer;
display: inline-block;
background-color: #42a210;
margin-top: 0.5em;
margin-right: 0.625em;
padding: 0.5em 0.7em;  
color: #f8f8f8;
font-size: 0.750em;
line-height: 1.313em;
text-align: center;
text-decoration: none;
font-weight: bold;
outline: 0;
border: 1px solid #319100;
-webkit-border-radius: 0.250em;
-moz-border-radius: 0.250em;
border-radius: 0.250em;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.btn_keyword:hover {
background-color: #fff;
}

.grayscale{
filter: grayscale(100%);
-webkit-filter: grayscale(100%); /* For Webkit browsers */
filter: gray; /* For IE 6 - 9 */
-webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
opacity: 0.4;
filter: alpha(opacity=40); /* For IE8 and earlier */
}
.grayscale_off{
-webkit-transition: all .6s ease;
opacity: 1.0;
filter: alpha(opacity=100); /* For IE8 and earlier */
}

.grayscale:hover{
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
}

.grayscale_text{
filter: grayscale(100%);
-webkit-filter: grayscale(100%); /* For Webkit browsers */
filter: gray; /* For IE 6 - 9 */
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
text-align: center;
font-size: 0.75em;
font-weight: normal;
}

#container_awesome_ftext{
width: 100%;
height: 2.500em;
margin: 0 auto;
margin-top: 1.4em;
}
.box_awesome_ftext_v{
width: 40%;
line-height: 14px;
float: left;
font-size: 0.688em;
}
.box_awesome_ftext_m{
width: 35%;
line-height: 14px;
float: left;
font-size: 0.688em;

}
.box_awesome_ftext_h{
line-height: 14px;
float: right;
font-size: 0.688em;
}

#container_awesome_ftext2{
width: 100%;
height: 2.500em;
margin: 0 auto;
margin-top: 1.4em;
}
.box_awesome_ftext_v2{
width: 42%;
line-height: 14px;
float: left;
font-size: 0.688em;
}
.box_awesome_ftext_m2{
width: 35%;
line-height: 14px;
float: left;
font-size: 0.688em;
}
.box_awesome_ftext_h2{
line-height: 14px;
float: right;
font-size: 0.688em;
}

#container_awesome_ftext3{
width: 100%;
height: 2.500em;
margin: 0 auto;
margin-top: 1.4em;
}
.box_awesome_ftext_v3{
width: 41%;
line-height: 14px;
float: left;
font-size: 0.688em;
}
.box_awesome_ftext_m3{
width: 35%;
line-height: 14px;
float: left;
font-size: 0.688em;
}
.box_awesome_ftext_h3{
line-height: 14px;
float: right;
font-size: 0.688em;
}

#slider_info_text{
font-size: 0.75em;
color: #5c5c5c;
}

/* MEDIA QUERIES */
@media screen and (min-width: 55.75em ) {
.leftColumn_pj { float: left; width: 45%; height: auto; background: #fff; }

.rightColumn_pj { float: left; width: 54.8%; background: #fff; }
.rev_rightColumn_pj { float: left; width: 54.8%; background: #fff; }   
}