/*
Theme Name: SRF Boken 2012
Theme URI: http://www.eurovator.se
Description: SRF Boken 2012 by Eurovator. Based on Woodstock, Portfolio theme by AJ Clarke.
Author: Thomas Rom, Anders Ellvin
Version: 1.1
*/

/*get google fonts*/
/*@import url(http://fonts.googleapis.com/css?family=Coustard);*/

@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700');

/*-------------------------------------------------*
/*Reset
/*-------------------------------------------------*/
* {
    margin: 0;
	padding: 0;
	font-family: 'Roboto', sans-serif;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
	vertical-align: baseline;
	-webkit-font-smoothing: antialiased;
}
a img,
a {
    outline: 0;
    border: 0;
}

caption,
th,
td {
    text-align: left;
    font-weight: normal;
}
blockquote:before,
blockquote:after,
q:before,
q:after { content: "" }
blockquote,
q { quotes: """" }
.clear { clear: both }
.clearfix:after {
    display: block;
    visibility: hidden;
    content: ".";
    clear: both;
    text-indent: -9999px;
    height: 0;
}
.remove-margin { margin-right: 0 !important }
.remove-margin-bottom { margin-bottom: 0 !important }

/* CLEARFIX - BEGIN */
/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}

.cf:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}
/* CLEARFIX - END */

/*-------------------------------------------------*
/* Body, Common Classes & Wrap
/*-------------------------------------------------*/
body {
    background-color: #EEE;
    font-size: 13px;
    line-height: 1.6em;
    color: #555;
	font-family: Arial, sans-serif;
}
a {
    text-decoration: none;
    color: #40B3C3;
    
    -webkit-transition:color 0.3s ease-in;  
   	-moz-transition:color 0.3s ease-in;  
  	-o-transition:color 0.3s ease-in;  
   	transition:color 0.3s ease-in;  
}
a:hover {
    text-decoration: none;
    color: #72c8d8;
}
p { margin: 0 0 20px; }
strong { font-weight: 700 }
em { font-style: italic }
blockquote{
	color: #888;
    margin: 30px 0px;
    padding: 0 20px;
	border-left: 1px solid #CCC;
	font-style: italic;
	letter-spacing: 1px;
}
blockquote p{margin: 0; padding: 0; }

input{
	color: #777;
	border: 1px solid #CCC;
	padding: 6px;
}

#wrapper{
	margin: 0 auto 20px auto;
	width: 980px;
	overflow: hidden;
}

#main-content {
	margin: 0 auto;
	width: 980px;
	position: relative;
	background: #FFF;
	overflow: hidden;
}

#main-wrap{
	width: 980px;
	margin: 0;
}

/* Block Style Layout*/
.block-layout #wrapper{margin-bottom: 30px;}
.block-layout #header-wrap{ background: none !important; margin-top: 30px;}

/*-------------------------------------------------*
/* Headings
/*-------------------------------------------------*/
h1,
h2,
h3,
h4 {
    color: #000;
    line-height: 1.5em;
    font-weight: bold;
}
h1 {
    font-size: 26px;
    margin-bottom: 20px;
    line-height: 1.4em;
}
h2 { font-size: 18px }
h3 { font-size: 14px; margin: 0; }
h4 { font-size: 14px; margin-top: 10px; margin-bottom: 6px; }

h1 a,
h2 a,
h3 a,
h4 a { color: #000 }

/*-------------------------------------------------*
/* Basic classes
/*-------------------------------------------------*/

a.btn {
	background-color: #40B3C3;
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
	padding: 10px 20px;
	margin: 10px 0;
	display: inline-block;
	
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}

a.btn:hover {
	background-color: #48c0d1;
}



/*-------------------------------------------------*
/*	WordPress Styles
/*-------------------------------------------------*/

/*main align*/
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter, div.aligncenter {
    display:block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

/*-------------------------------------------------*
/* Header
/*-------------------------------------------------*/

#header-wrap{
	width: 100%;
}
#header {
	background: url(images/srfboken.jpg) no-repeat;
	margin: 0 auto;
	position: relative;
	width: 980px;
	height: 118px;
	padding: 10px 0;
}

#header-content{
	width: 980px;
	overflow: hidden;
}

#header-left{
	width: 600px;
	float: left;
	padding-top: 15px;
}

#header-right{
	width: 340px;
	padding-right: 20px;
	float: right;
	text-align: right;
	margin-top: 5px;
}

#logo a{
	font-family: Arial, sans-serif;
	font-size: 28px;
    font-weight: normal;
    color: #E8E8E8;
	letter-spacing: -1px;
    text-decoration: none;
}
#logo a:hover { color: #FFF; }

.logo-placeholder{
	width: 600px;
	height: 125px;
}

#search-wrap{
	width: 220px;
	height: 43px;
	top: 2px;
	right: 0;
	float: right;
	line-height: 10px;
	position: relative;
}

#search-wrap .searchbar{
	background: url(images/searchbar.gif) no-repeat;

	transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari and Chrome */
	-o-transition: all 1s; /* Opera */
}

#search-wrap .searchbar.search-selected-background {
	background: url(images/searchbar-active.gif) no-repeat;
	
	transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari and Chrome */
	-o-transition: all 1s; /* Opera */
}

#search-wrap .searchbar.search-selected-background .search {
	color: white;
}

/*.search{
	background: none;
	border: none;
	width: 150px;
	height: 12px;
	padding: 8px 8px;
	color: #888;
	outline: none;
	font-style: italic;
}*/

.submit{
	background: none;
	border: none;
	width: 30px;
	height: 28px;
	float: right;
	padding: 0 8px;
	color: #555;
	cursor: pointer;
	font-size: 12px;
	text-indent: -9999px;
}

.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2{
	background: url(images/blue-fade-bg.gif) repeat-x !important;
	height: 16px !important;
	width: 16px !important;
	border: 1px solid #00b1c3 !important;
	border-right: none !important;
	margin: 5px 0 0 0 !important;
	padding: 8px 10px !important;
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
	border-top-right-radius: 6px !important;
	border-bottom-right-radius: 6px !important;
}

.gssb_c{
	top: 450px !important;
	left: 315px !important;
}

.gsc-completion-container{
	background: #FFF !important;
	border: none !important;
	box-shadow: none !important;
	font-size: 12px !important;
	color: #555 !important;
}

.gsc-completion-selected{
	background: url(images/blue-fade-bg.gif) repeat-x !important;
	text-shadow: 1px 1px 1px #40B3C3 !important;
	color: #FFF !important;
}

.gssb_a{
	border-bottom: 1px solid #eee !important;
}

.gsq_a{
}

.gssb_a div {
	background: none !important;
	height: inherit !important;
	margin-bottom: 0 !important;
}

.gsst_a .gscb_a{
	color: #CCC !important;
	font-size: 20px !important;
}

.gsst_a .gscb_a:hover{
	color: #40B3C3 !important;
}

.gsc-search-box-tools .gsc-search-box .gsc-input{
	background-image: none !important;
	padding-right: 0 !important;
	font-size: 14px !important;
	font-style: italic;
}

.gsc-input-box{
	height: 32px !important;
	border-top-left-radius: 6px !important;
	border-bottom-left-radius: 6px !important;
}

.gsc-search-box .gsc-input > input:focus, .gsc-input-box-focus{
	border: 1px solid #CCC !important;
	box-shadow: none !important;
}

.gsc-search-box .gsc-input > input:focus, .gsc-input-box-hover{
	border: 1px solid #CCC !important;
	box-shadow: none !important;
}

gsc-branding-img img{
	display: none;
}

table.gstl_0{
	padding-top: 0 !important;
}

span.gs_cb0{
	padding-top: 10px !important;
}

/*-------------------------------------------------*
/* WP Custom Search
/*-------------------------------------------------*/

.search .wpsearch input[type="text"], .blog .wpsearch input[type="text"] {
	padding: 8px;
}

.wpsearch {
	background-color: #FFF;
	overflow: hidden;
	width: 380px;
	margin: 0 auto;
	position: relative;
}

.wpsearch:after {
	content: '\f002';
	color: #DDD;
	font-family: 'FontAwesome';
	font-size: 20px;
	pointer-events: none;
	position: absolute;
	top: 12px;
    right: 14px;

}

.wpsearch input[type="text"] {
	background-color: transparent;
	border: none;
	color: #888;
	font-size: 18px;
	float: left;
	outline: none;
	padding: 12px 10px;
	width: 275px;
}

.wpsearch input[type="text"]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #DDD;
}

.wpsearch input[type="submit"] {
	cursor: pointer;
	float: right;
    width: 80px;
	height: 43px;
	opacity: 0;
}

#sidebar .wpsearch  {
	width: 235px;
}

#sidebar .wpsearch:after {
	top: 10px;
    right: 12px;

}

#sidebar  .wpsearch input[type="text"] {
	font-size: 16px;
	padding: 11px 10px 5px 10px;
	width: 165px
}

#sidebar  .wpsearch input[type="submit"] {
	height: 40px;
	width: 46px;
}

/*-------------------------------------------------*
/* Top Navigation
/*-------------------------------------------------*/

#top-navigation{
	padding-bottom: 15px;
    padding: 0;
    list-style: none;
    height: 20px;
}

#top-navigation .sf-menu{
	float: right;
}

#top-navigation .sf-menu a{
	padding: 0;
	font-size: 11px;
	font-weight: normal;
}

.top-menu,
.top-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}

.top-menu ul li { 
	width: 100%; 
}

.top-menu li:hover {
    visibility: inherit; /* fixes IE7 'sticky bug' */
}

.top-menu li {
    float: right;
    position: relative;
}

.top-menu a {
	font-size: 11px;
    display: block;
    position: relative;
    padding: 1px 5px;
    color: #FFF;
    border-right: 1px solid #FFF;
    line-height: 10px;
}

.top-menu li.english a{
	background: url(images/gb.png) no-repeat 0 center;
	width: 10px;
	height: 11px;
	text-indent: -9999px;
	margin-left: 6px;
	color: transparent;
}

.top-menu li:last-child a {
   padding-left: 0;
}

.top-menu li:first-child a {
   border: none;
}

#login-wrap{
	margin: 10px 0;
}

#login-wrap a.login{
	background: url(images/login-icon.png) no-repeat left center;
	font-weight: bold;
	padding-left: 20px;
	color: #555;
}

/*-------------------------------------------------*
/* Subnavigation
/*-------------------------------------------------*/

.dynamicSubpageWidget{
	background: #EEE;
	border: 1px solid #CCC;
}

.dynamicSubpageWidget h4 span a{
	display: block;
}

.dynamicSubpageWidget h4 span a:hover {
	color: #000;
}

.dynamicSubpageWidget ul.menu {

}

.dynamicSubpageWidget ul.menu li {
	list-style: none;
	padding: 0 10px;
	margin: 0 !important;
}

.dynamicSubpageWidget ul.menu li a {
	color: #555;
	border-top: 1px solid #CCC;
	padding: 4px 0;
	display: block;
}

.dynamicSubpageWidget ul.menu li a:hover {
	color: #40B3C3;
}

.dynamicSubpageWidget ul.menu li.current-menu-item a {
	color: #40B3C3;
	font-weight: bold;
}

.dynamicSubpageWidget ul.menu li:first-child a {
	border-top: none;
}

.dynamicSubpageWidget ul.menu li ul.sub-menu {
	
}

.dynamicSubpageWidget ul.menu li ul.sub-menu li {
	background: url(images/submenu-bullet-active.gif) no-repeat left 12px;
	padding-left: 12px;
}

.dynamicSubpageWidget ul.menu li ul.sub-menu li a {
	font-weight: normal;
	color: #555;
	border: none;
}
.dynamicSubpageWidget ul.menu li ul.sub-menu li a:hover {
	color: #40B3C3;
}

.dynamicSubpageWidget ul.menu li ul.sub-menu li.current-menu-item a {
	color: #40B3C3;
	font-weight: bold;
}

.dynamicSubpageWidget ul.menu li.current-menu-ancestor a {
	color: #40B3C3;
	font-weight: bold;
}

.dynamicSubpageWidget ul.menu li ul.sub-menu li ul.sub-menu li a {
	font-weight: normal;
}


/*-------------------------------------------------*
/* Navigation
/*-------------------------------------------------*/
#navigation {
	background-color: #555;
	padding: 16px 20px 4px 28px;
	position: relative;
	overflow: hidden;
	display: flex;
	justify-content: center;
}



#navigation .menu-huvudmeny-container{
	overflow: hidden;
	width: 865px;
	padding-top: 4px;
	float: left;
}

/*** ESSENTIAL Navigation Style ***/
.sf-menu,
.sf-menu * {
    margin: 0;
    padding: 0;
	list-style: none;
	display: flex;
    flex-wrap: wrap;
    justify-content: left;
}
.sf-menu { line-height: 1.0 }
.sf-menu ul {
    position: absolute;
    top: -999em;
    width: 160px; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li { width: 100% }
.sf-menu li:hover {
    visibility: inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
    float: left;
    position: relative;
}
.sf-menu a {
    display: block;
    position: relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
    left: 0;
    top: 48px; /* match top ul list item height */
    z-index: 99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul { top: -999em }
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
    left: 180px; /* match ul width */
    top: 0;
}
/*** navigation skin ***/
.sf-menu {
    float: left;
}
.sf-menu a {
	border-left: 2px solid #40B3C3;
    color: #FFF;
    font-size: 16px;
    font-weight: 500;
    padding: 1px 16px;
    margin-bottom: 15px;
    text-decoration: none;
}

/* .sf-menu li.no-border a {
	border-left: none;
	padding-left: 0;
}

.sf-menu li.no-border a {
	border-right: none;
	padding-left: 0;
} */

/*.sf-menu li:first-child a{
	border: none;
	padding-left: 0;
}*/

.sf-menu li.no-border a {
	border: none !important;
	padding-left: 0 !important;
}
.sf-menu li.border-right a {
	border-right: 2px solid #40B3C3;
}


.home-btn-wrap {
	height: 50px;
    width: 60px;
    float: left;
    text-align: center;
}

.home-btn-wrap a.home-btn{
	background: url(images/home-icon.png) no-repeat center center;
	display: block;
	text-indent: -9999px;
}

.home-btn-wrap a.home-btn:hover{
	background: url(images/home-active-icon.png) no-repeat center center;
}

.sf-menu a:focus,
.sf-menu a:hover,
.sf-menu a:active {
	color: #40B3C3;
    
}
#navigation .current-menu-item > a:first-child, #navigation .current-page-ancestor > a:first-child {
    color: #40B3C3;
}
/*Subs*/
.sf-menu ul{
	background: #000;
	padding: 10px 20px 20px;
	border-bottom: 3px solid #AAD9CC;
}
.sf-menu ul a{
	padding: 10px 0px;
	border-bottom: 1px solid #333;
}
.sf-menu ul a:hover{
	padding-left: 2px;
}
/*** arrows **/
.sf-menu a.sf-with-ul {
    padding-right: 2.25em;
    min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
    position: absolute;
    display: block;
    right: .75em;
    width: 11px;
    height: 7px;
    text-indent: -999em;
    overflow: hidden;
    background: url('images/menu/nav-arrow-down.png');
	top: 3px;
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: 0 -7px;
}
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator {
    top: 1em;
    width: 7px;
    height: 11px;
    background: url('images/menu/nav-arrow-side.png');
}
.sf-menu ul a > .sf-sub-indicator { background-position: 0 0;}
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
    background-position: -7px 0; /* arrow hovers for modern browsers*/
}
/*-------------------------------------------------*
/* Home
/*-------------------------------------------------*/

#home-wrap{
	float: left; 
	overflow: hidden;
	padding: 20px;
	width: 940px; 
}

.home-content{
	width: 940px !important; 
	margin: 60px 0;
}

.home-content-left {
	float: left;
	margin-right: 20px;
	width: 580px;
}

.home-content-right {
	align-items: center;
	background-color: #555;
	display: flex;
	float: right;
	justify-content: center;
	text-align: center;
	width: 340px;

	border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.home-content-right h3 {
	color: #FFF;
	font-size: 26px;
}

.home-content-right ul {

}

.home-content-right ul li {
	background: none !important;
	padding: 0 !important;
	margin-top: 8px;
}

.home-content-right ul li a {
	color: #FFF;
	font-size: 16px;
}

.home-content-right ul li a:hover {
	color: #CCC;
}



#home-wrap h1{
	font-size: 30px;
	line-height: 1.4em;
}


.home-features{
	display: block;
	overflow: hidden;
	width: 940px;
}

.home-features-first {
	margin-bottom: 20px;
}

#home-feature {
	width: 322px;
	margin-right: 30px;
	background: red;
	display: block;
	float: left;
}

/*-------------------------------------------------*
/* Breadcrumbs
/*-------------------------------------------------*/

#breadcrumb-wrap{
	padding: 10px 0;
	margin-bottom: 20px;
	border-bottom: 1px solid #CCC;
	position: relative;
}

#breadcrumbs{
	font-style: italic;
	font-size: 11px;
	margin: 0 0 10px 0;
	padding: 0;
	width: 720px;
}

#social-wrap{
	position: absolute;
	top: 10px;
	right: 0;
}

.twitter-btn{
	display: inline-block;
}

.fb_iframe_widget span{
	vertical-align: inherit !important;
}


/*-------------------------------------------------*
/* NivoSlider
/*-------------------------------------------------*/

#slider-wrap{
	overflow: hidden;
}

#slider {
    position: relative;
    width: 920px;
    height: 360px;
}
/* The Nivo Slider styles */
.nivoSlider {
	position: relative;
	width: 920px;
	height: 360px;
	background: #FFF url(images/nivo/nivo-loader.gif) no-repeat 50% 50%;
}
.nivoSlider img {
    position: absolute;
    top: 0px;
    left: 0px;
	z-index: 6;
	display:none;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border: 0;
    padding: 0;
    margin: 0;
    z-index: 6;
    display: none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
    display: block;
    position: absolute;
    z-index: 5;
    height: 100%;
}
.nivo-box {
    display: block;
    position: absolute;
    z-index: 5;
}

.nivo-caption {
	position: absolute;
	left: 40px;
	bottom: 80px;
	background-color: #000;
	padding: 20px 20px;
	color: #fff;
	opacity: 0.8; /* Overridden by captionOpacity setting */
	z-index: 8;
	width: 300px
}

.nivo-caption p {
	padding:0;
	margin:0;
}

.nivo-caption h2 {
	color: #FFF;
	margin: 0 0 10px 0 !important;
	padding: 0; 
}
.nivo-caption a {
	font-size: 12px;
	font-weight: bold;
	margin-top: 10px;
	display:block !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
    position: absolute;
    top: 45%;
    z-index: 9;
    cursor: pointer;
}
.nivo-prevNav { left: 0px }
.nivo-nextNav { right: 0px }
/* Control nav styles (e.g. 1,2,3...) */
.nivo-directionNav a {
    width: 48px;
    height: 48px;
    position: absolute;
    z-index: 1000;
    top: 44%;
    cursor: pointer;
	text-indent: -9999px;
}
.nivo-prevNav,
.nivo-nextNav {
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    opacity: 0.4;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}
.nivo-prevNav:hover,
.nivo-nextNav:hover {
    -moz-opacity: 1.0;
    -khtml-opacity: 1.0;
    opacity: 1.0;
}
.nivo-nextNav {
    background: url('images/nivo/nivo-right-arrow.png');
    right: 20px;
}
.nivo-prevNav {
    background: url('images/nivo/nivo-left-arrow.png');
    left: 20px;
}
.nivo-controlNav {
    position: absolute;
    z-index: 1000;
    list-style: none;
    bottom: 10px;
    right: 10px;
    padding: 0;
}
.nivo-controlNav a {
    float: left;
    margin-left: 5px;
    cursor: pointer;
    color: #999;
    text-indent: -9999px;
    background: url('images/nivo/bullets.png') no-repeat 4px 0;
    width: 13px;
    height: 12px;
    overflow: hidden;
}
.nivo-controlNav a.active {
    background-position: -8px 0;
    margin-right: -1px;
    margin-left: 6px;
}


/*-------------------------------------------------*
/* Widget sidebar  styles 
/*-------------------------------------------------*/

#sidebar .widget-container{
	border-bottom: 1px solid #DDD;
	padding: 20px;
}

.widget-container h4{
	color: #000;
	font-size: 18px;
	margin: 0 0 12px 0;
}

.widget-footer{
	margin-top: 10px;
}

.widget-footer a.more{
	color: #333;
	font-weight: 400;
	
}

.widget-footer a.more:before{
	font-family: "FontAwesome";
	content: "\f138";
	color: #40B3C3;
	margin-right: 8px;
	
}

/*-------------------------------------------------*
/* Kalendarium & Nyheter fran SRFKonsult Widgets
/*-------------------------------------------------*/

#sidebar .widget_external_calendar_widget {
	position: relative;
}

#sidebar .widget_external_calendar_widget .widget-calendar-title-icon {
	background: url(images/calendar-small-icon_grey.png) no-repeat;
	color: #000;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	width: 27px;
	height: 21px;
	padding: 5px 0 0 0;
	position: absolute;
	top: 4px;
	right: 4px;
	letter-spacing: 1px;
}


.widget_external_calendar_widget ul.widget-calendar li, .widget_external_news_widget ul.widget-news li {
	border-bottom: 1px solid #DDD;
	list-style: none;
	margin: 0;
	padding: 10px 0;
}

.home-features .widget_external_news_widget ul.widget-news li {
	padding: 16px 0;
}

.widget_external_calendar_widget ul.widget-calendar li:first-child, .widget_external_news_widget ul.widget-news li:first-child {
	padding-top: 0;
}

.widget_external_calendar_widget ul.widget-calendar li a, .widget_external_news_widget ul.widget-news li a {
	color: #555;
	display: block;
}

.widget_external_news_widget ul.widget-news li a:hover {
	text-decoration: underline;
}

.widget_external_calendar_widget ul.widget-calendar li a, .widget_external_news_widget ul.widget-news .date {
	color: #888;
}

.widget_external_calendar_widget ul.widget-calendar li a, .widget_external_news_widget ul.widget-news .date i {
	color: #40B3C3;
}

.widget_external_calendar_widget ul.widget-calendar li a .calendar-date {
	background-color: #555;
	color: #FFF;
	float: left;
	height: 50px;
	line-height: 16px;
	border-radius: 100%;
	text-align: center;
	width: 50px;
	
}

.widget_external_calendar_widget ul.widget-calendar li a .calendar-date .calendar-day {
	font-size: 17px;
	padding-top: 10px;
}

.widget_external_calendar_widget ul.widget-calendar li a .calendar-date .calendar-month {
	
}

.widget_external_calendar_widget ul.widget-calendar li a .calendar-title {
	color: #555;
	float: left;
	height: 50px;
	margin-left: 10px;
	width: 175px;
	display: flex;
	align-items: center;
}

.home-features .widget_external_calendar_widget ul.widget-calendar li a .calendar-title {
	width: 355px;
}

.widget_external_calendar_widget ul.widget-calendar li a .calendar-title:hover {
	text-decoration: underline;
}

#sidebar .widget_external_news_widget .widget-footer{
	margin-bottom: 20px;
}

.widget_external_news_widget .rss-btn {
	background: url(images/rss-icon.png) no-repeat;
	width: 24px;
	height: 24px;
	position: absolute;
	top: 4px;
	right: 4px;
	text-indent: -9999px;
}

.newswire-btn {
	background-color: #40B3C3;
	color: #FFF;
	overflow: hidden;
	padding: 10px;
}

.newswire-btn:hover {
	background-color: #48c0d1;
}

.newswire-btn-icon {
	float: left;
	margin: 10px 15px 0 5px;
}

.newswire-btn-content {
	float: left;
	font-size: 13px;
	font-weight: 500;
}

#sidebar .widget-container.widget_sp_image {
	border: none;
	padding-bottom: 0;
}
#sidebar .widget-container.widget_addthis {
	min-height: 31px;
}

#sidebar .widget-container.widget_addthis .addthis_inline_share_toolbox {
	text-align: center;
}

#sidebar .widget-container.widget_addthis .addthis_inline_share_toolbox .at-share-btn {
	background-color: #40B3C3 !important;
	
}

/*-------------------------------------------------*
/* Highlight Courses Widget
/*-------------------------------------------------*/

.widget_highlight_courses {

}

	#sidebar .widget_highlight_courses ul li:first-child {
		border: none;
	}

	#sidebar .widget_highlight_courses ul li {
		border-top: 1px solid #CCC;
		margin: 0;
		padding: 0;
	}

		#sidebar .widget_highlight_courses ul li a {
			background: url(images/arrow-icon.png) no-repeat 215px center;
			color: #555;
			padding: 6px 30px 6px 20px;
			display: block;
			min-height: 40px;
		}

		#sidebar .widget_highlight_courses ul li a span.csessw-link-title {
			font-weight: bold;
 		}

 		#sidebar .widget_highlight_courses a.plus {
			background: url(images/plus-btn.png) no-repeat;
			color: #333;
			font-weight: bold;
			font-style: italic;
			padding: 2px 2px 2px 24px;
		}

/* Rekokurser */
.course-area-10{
	background-image: url(images/colorbars/reko-colorbar.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 10px 100%;
}

/* Redovisningskurser */
.course-area-11{
	background-image: url(images/colorbars/redovisning-colorbar.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 10px 100%;
}

/* Skattekurser */
.course-area-12{
	background-image: url(images/colorbars/skatt-colorbar.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 10px 100%;
}

/* Kombinerade kurser */
.course-area-13, .course-area-23{
	background-image: url(images/colorbars/kombinerade-colorbar.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 10px 100%;
}

/* Ekonomistyrningskurser */
.course-area-14{
	background-image: url(images/colorbars/ekonomi-colorbar.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 10px 100%;
}

/* Auktorisationsutbildningar */
.course-area-15{
	background-image: url(images/colorbars/auktorisation-colorbar.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 10px 100%;
}

/* Juridikkurser */
.course-area-16{
	background-image: url(images/colorbars/juridik-colorbar.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 10px 100%;
}

/* Specialkurser */
.course-area-17, .course-area-27{
	background-image: url(images/colorbars/special-colorbar.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 10px 100%;
}

/* Lönekurser */
.course-area-18{
	background-image: url(images/colorbars/lon-colorbar.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 10px 100%;
}

/* Extrakurser */

.course-area-19{
	background-image: url(images/colorbars/extra-colorbar.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 10px 100%;
}

/* Utlandskurser */

.course-area-21, .course-area-22{
	background-image: url(images/colorbars/utlands-colorbar.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 10px 100%;
}

/* E-kurser */

.course-area-30, .course-area-31{
	background-image: url(images/colorbars/ekurs-colorbar.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 10px 100%;
}

/* Företagsanpassade kurser */

.course-area-75{
	background-image: url(images/colorbars/foretagsanpassade-colorbar.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 10px 100%;
}

/*-------------------------------------------------*
/* Education Banner
/*-------------------------------------------------*/

#s-banner{
	background-color: #555;
	background-repeat: no-repeat;
	background-size: cover;
	height: 290px;
	margin-bottom: 20px;
	width: 100%;
	position: relative;
}

#s-content{
	color: #FFF;
    width: 600px;
	margin: 0 150px;
	padding-top: 30px;
	text-align: center;
}

#s-content a{
	color: #CCC;
}

#s-content h2{
	font-size: 32px;
	font-weight: 500;
	margin: 0 0 20px 0;
	padding: 0;
	color: #FFF;
	line-height: 38px;
	text-shadow: -1px 1px 20px rgba(0,0,0, 0.3);
}

#s-content #s-form {
	margin: 10px 0;
	padding: 0;
}


/*-------------------------------------------------*
/* Search Consultant
/*-------------------------------------------------*/

#search-cons .search-cons-content input{
	border: none;
	display: block;
	margin-bottom: 20px;
	outline: none;
	padding: 8px 4%;
	width: 92%;
}

#search-cons .search-cons-content input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #BBB;
	font-style: italic;
}

#search-cons .search-cons-content input:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #888;
	font-style: italic;
}

#search-cons .search-cons-content input::-ms-input-placeholder { /* Microsoft Edge */
	color: #888;
	font-style: italic;
}

#search-cons .search-cons-content .submit-wrap{
	display: block;
	overflow: hidden;
	margin-bottom: 11px;
}

#search-cons .search-cons-content span.desc{
	display: block;
	margin-bottom: 17px;
}

#search-cons .search-cons-content .submit-wrap .submit-btn{
	background-color: #40B3C3;
	border: none;
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
	padding: 10px 0;
	width: 100%;
	margin-bottom: 0;
	cursor: pointer;
	
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}

#search-cons .search-cons-content .submit-wrap .submit-btn:hover {
	background-color: #48c0d1;
}
/*
#search-cons .search-cons-content .submit-wrap .submit-btn{
	float: none;
	margin: 0;
}

#search-cons .search-cons-content .submit-wrap .submit-btn.sok-byra{
	float: left;
}

#search-cons .search-cons-content .submit-wrap .submit-btn.sok-konsult{
	float: right;
}
*/
.consultant-radio {
	overflow: hidden;
	margin-bottom: 20px;
}

.consultant-radio .consultant-radio-btn {
	float: left;
	margin-right: 10px;
}

.consultant-radio .consultant-radio-btn input {
	margin-right: 5px;
	margin-left: 1px;
	margin-bottom: 0 !important;
	display: inline !important;
    width: auto !important;
}

#sidebar  .consultant-radio {
	margin-bottom: 5px;
}

#sidebar .consultant-radio .consultant-radio-btn {
	float: none;
	margin-right: 0;
	margin-bottom: 8px;
}

/*-------------------------------------------------*
/* Ad Widget
/*-------------------------------------------------*/

.home-features .widget-container{
	background-color: #EEE;
	float: left;
	padding: 20px;
	width: 420px;
}

.home-features .widget-container:first-child{
	margin-right: 20px;
}

.home-features .widget-container:after{
	display: none;
}

.home-features .newswire-btn-link {
	display: none;
}

.widget-container.widget_feature_widget {
	padding: 0;
	width: 460px;
}

.feature-widget{
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
	position: relative;
}

.feature-widget a.feature-widget-link{
	background: #FFF;
	display: block;
	height: 140px;
}

.feature-widget h3{
	color: #FFF;
	font-size: 20px;
	font-weight: 500;
	margin: 0;
	width: 250px;
}

.feature-widget .feature-widget-content {
	color: #FFF;
	position: absolute;
	bottom: 20px;
	left: 20px;
	width: 310px;
	text-shadow:  2px 3px 8px rgba(0,0,0,0.4);
}

.feature-widget .feature-widget-content .more {
	color: #FFF;
}

.feature-widget .feature-widget-content .more:before {
	color: #FFF;
}

/*-------------------------------------------------*
/* Nyheter Widget 
/*-------------------------------------------------*/

#sidebar .widget_woodstock_news{

}

#sidebar .widget_woodstock_news ul.widget-news{

}

#sidebar .widget_woodstock_news .widget-news-title{
	background: url(images/widget-head.gif) repeat-x;
	position: relative;
}

#sidebar .widget_woodstock_news .widget-news-title a.rss-btn{
	background: url(images/rss-icon.png) no-repeat;
	width: 24px;
	height: 24px;
	position: absolute;
	top: 4px;
	right: 4px;
	text-indent: -9999px;
}


#sidebar .widget_woodstock_news h4 {
}

#sidebar .widget_woodstock_news ul.widget-news li{
	border-top: 1px solid #CCC;
	margin: 0;
	padding: 0;
}

#sidebar .widget_woodstock_news ul.widget-news li a{
	background: url(images/arrow-icon.png) no-repeat 215px center;
	color: #555;
	padding: 6px 30px 6px 10px;
	display: block;
}

#sidebar .widget_woodstock_news ul.widget-news li a:hover{
	background: url(images/arrow-icon.png) no-repeat 215px center #f1f1f1;
}

#sidebar .widget_woodstock_news ul.widget-news li:first-child{
	border: none;
}

/*-------------------------------------------------*
/* Andra hemsidor Widget 
/*-------------------------------------------------*/

#sidebar .widget_woodstock_websites{

}

#sidebar .widget_woodstock_websites ul.widget-websites{

}

#sidebar .widget_woodstock_websites .widget-websites-title{
	background: url(images/widget-head.gif) repeat-x;
}

#sidebar .widget_woodstock_websites .widget-websites-content{
	
}

.widget-websites-site{
	padding: 10px;
	border-bottom: 1px solid #CCC;
	overflow: hidden;
}

.widget-websites-site:hover{
	background: #F1F1F1;
	padding: 10px;
	border-bottom: 1px solid #CCC;
	overflow: hidden;
}

.widget-websites-site .widget-websites-thumb{
	background: red;
	width: 62px;
	height: 62px;
	float: left;
	margin-right: 10px;
}

.widget-websites-site .widget-websites-thumb img{
	width: 62px;
	height: 62px;
}

.widget-websites-site .widget-websites-text{
	color: #555;
	width: 140px;
	float: left
}


/*-------------------------------------------------*
/* News Entries
/*-------------------------------------------------*/

.blog-entry {
    border-bottom: 1px solid #CCC;
    padding: 25px 0;
}

.blog-thumb-wrap{
	background: #EEE;
	width: 140px;
	height: 140px;
	float: left;
	overflow: hidden;
}

.blog-entry-content{
	/*margin: 0 0 0 20px;
	width: 80%;*/
}

.blog-entry-content .blog-entry-date{
	font-size: 11px;
	display: block;
	text-transform: uppercase;
	color: #888;
}

.blog-entry-content a.more{
	background: url(images/more-btn.png) no-repeat;
	color: #555;
	font-style: italic;
	padding-left: 24px;
	margin-top: 10px;
	display: block;
}

.blog-title{
	margin: 0 0 5px 0;

}
/*-------------------------------------------------*
/* Entries
/*-------------------------------------------------*/
.loop-entry {
    margin-bottom: 20px;
}

.entry-content{
	margin: 20px 0px;
}

/*image*/
.entry-image img{
	padding: 0;
	margin: 0;
}
.entry-image{
	display: block;
	position: relative;
}
span.loop-overlay{
	width: 100%;
	height: 240px;
	display: block;
	padding: 0;
	margin: 0;
	background: #000;
}
span.entry-image-border{
	margin-top: 10px;
	display: block; 
	height: 4px;
	background: #EEE;
	-webkit-transition: background 0.2s ease-in-out;
    -moz-transition: background 0.2s ease-in-out;
    -o-transition: background 0.2s ease-in-out;
    -ms-transition: background 0.2s ease-in-out;
    transition: background 0.2s ease-in-out;
}

/*image hover*/
a.entry-image:hover span.entry-image-border {
	background: #AAD9CC;
}
.entry-title{
	position: absolute;
	bottom: 20px;
	left: 0px;
	color: #FFF;
	background: #000;
	padding: 10px;
	color: #999;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all  0.2s ease-in-out;
    -o-transition: all  0.2s ease-in-out;
    -ms-transition: all  0.2s ease-in-out;
    transition: all  0.2s ease-in-out;
}

a.entry-image:hover .entry-title{
	color: #FFF;
	border-right: 2px solid #AAD9CC;
	padding-left: 20px;
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}
a.entry-image:hover img{
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

		
/*-------------------------------------------------*
/*Pagination
/*-------------------------------------------------*/
.page-pagination {
	padding: 20px 0;
}
.page-pagination span,
.page-pagination a {
    font-size: 10px;
    display: block;
    float: left;
    background: #EEE;
    color: #555 !important;
    text-shadow: 1px 1px 1px #FFF;
    font-weight: bold;
    border: 1px solid #CCC;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    margin-right: 5px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.page-pagination a:hover,
.page-pagination .current {
    border-color: #40B3C3;
    background: url(images/blue-fade-bg.gif) repeat-x;
    color: #FFF !important;
    text-shadow: none;
}
/*-------------------------------------------------*
/* Comments
/*-------------------------------------------------*/
#comments{
	font-size: 14px;
	background: #FFF url(images/diagonal.png) center repeat-x;
	margin-bottom: 20px;
	margin-top: 0px;
}
#comments span{
	background: #333;
	color: #FFF;
	padding: 2px 10px;
	-moz-box-shadow: 3px 3px 0px #000;
    -webkit-box-shadow: 3px 3px 0px #000;
    box-shadow: 3px 3px 0px #000;
}
#commentsbox { margin-top: 30px }
#commentsbox ol,
#commentsbox ul {
    list-style: none;
    margin-left: 0 !important;
}
#commentsbox li { }

.children li.depth-2 { margin: 0 0 0px 50px }
.children li.depth-3 { margin: 0 0 0px 50px }
.children li.depth-4 { margin: 0 0 0px 50px }
.children li.depth-5 { margin: 0 0 0px 50px }
.comment-body {
    background: #FFF url(images/dotted-divider.png) left bottom repeat-x;
    position: relative;
    padding: 20px 0px 20px 70px;
}
#commentsbox .avatar {
	float: left;
	margin-left: -70px;
}
.comment-author {
    font-size: 14px;
    color: #000;
    line-height: 1em;
	margin-bottom: 5px;
}
.says { display: none }
.comment-meta a {
    margin-bottom: 10px;
    font-size: 10px;
    font-style: italic;
    color: #666;
}
.comment-reply-link {
    font-size: 10px;
    position: absolute;
    top: 80px;
    left: 0px;
	height: 20px;
	line-height: 20px;
	padding: 0px;
	width: 55px;
	background: #333;
	color: #FFF;
	text-transform: uppercase;
	text-align: center;
	-webkit-transition: background 0.2s ease-in-out;
    -moz-transition: background 0.2s ease-in-out;
    -o-transition: background 0.2s ease-in-out;
    -ms-transition: background 0.2s ease-in-out;
    transition: background 0.2s ease-in-out;
}
.comment-reply-link:hover{
	background: #666;
	color: #FFF;
}
.cancel-comment-reply a {
    color: #F00;
    line-height: 20px;
    height: 20px;
}
.cancel-comment-reply a:hover{
	text-decoration: underline;
}
#respond { margin: 40px 0 15px }
#comments-respond{
	font-size: 14px;
	background: #FFF url(images/diagonal.png) center repeat-x;
	margin-bottom: 20px;
	margin-top: 0px;
}
#comments-respond span{
	background: #333;
	color: #FFF;
	padding: 2px 10px;
	-moz-box-shadow: 3px 3px 0px #000;
    -webkit-box-shadow: 3px 3px 0px #000;
    box-shadow: 3px 3px 0px #000;
}
#commentform label {
    display: block;
    font-size: 11px;
}
#commentform textarea {
    display: block;
    width: 85%;
}
#commentform input#author,
#commentform input#email,
#commentform input#url,
#commentform textarea {
	color: #666;
    background: #FFF;
    position: relative;
	margin-top: 17px;
    padding: 10px;
    border: 1px solid #CCC;
    outline: none;
    background: url('images/input-bg.png') top repeat-x;
	-moz-box-shadow: 0px 0px 0px 5px #F4F4F4;
	-webkit-box-shadow: 0px 0px 0px 5px #F4F4F4;
	box-shadow: 0px 0px 0px 5px #F4F4F4;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
}
#commentform input#author:focus,
#commentform input#email:focus,
#commentform input#url:focus,
#commentform textarea:focus {
	border: 1px solid #999;
	-moz-box-shadow: 0px 0px 0px 5px #E9E9E9;
	-webkit-box-shadow: 0px 0px 0px 5px #E9E9E9;
	box-shadow: 0px 0px 0px 5px #E9E9E9;
}
#commentSubmit {
    cursor: pointer;
    display: block;
    width: 100px !important;
	text-align: center;
    height: 40px;
    line-height: 40px;
    background: #333;
    color: #FFF;
	border: 0;
	outline: 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 1px 2px 0 #EEE;
    -webkit-box-shadow: 0 1px 2px 0 #EEE;
    box-shadow: 0 1px 2px 0 #EEE;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
}
#commentSubmit:hover { background: #666 !important; }

/*-------------------------------------------------*
/* Posts & Pages
/*-------------------------------------------------*/
#page-header{
	margin-bottom: -10px;
}
.page-header{
	display: block;
	margin-bottom: 20px;
}

#post {
	width: 620px;
	float: left;
}

.single-image-border{
	display: block; 
	height: 4px;
	background: #EEE;
	margin-bottom: 20px;
}

.single-entry-img {
	display: block;
	margin-bottom: 10px;
}

.single-entry-date {
	font-size: 11px;
	display: block;
	text-transform: uppercase;
	color: #888;
	margin-bottom: 10px;
}

.single-entry-img img {
	width: 640px;
	height: 240px;
}

.single-entry {

}

#post ul,
ol {
    
}


#post ul li{
	background: url(images/submenu-bullet-active.gif) no-repeat 0 7px;
	list-style: none;
	padding-left: 15px;
}

#post > ul > li{
	margin-bottom: 10px;
}

#post ul li ul li{
	background: url(images/submenu-line-active.gif) no-repeat 0 7px;
}






#post h2{
	border-bottom: 4px solid #40B3C3;
    margin: 0 0 20px 0;
    padding-bottom: 10px;
}

#post table{
   	background: #EEE;
   	border-collapse: collapse;
  	border: 1px solid #CCC;
   	font-size: 9pt;
   	margin-bottom: 20px;
   	width: 100%;
}

#post.book table {
	margin-bottom: 5px;
}

#post table tr{
   
}

#post table tr td{
   	padding: 5px 10px;
   	/*border: 1px solid #CCC;*/
   	vertical-align: top;
}

#post table tr th{
	background: url(images/blue-fade-bg.gif) repeat-x;
	color: #FFF;
   	padding: 5px 10px;
   	border: 1px solid #2e9aa9;
   	text-shadow: 1px 1px 0px #2e9aa9;
}

/*post tags*/
.post-tags {
    margin-right: 10px;
    margin-top: 30px;
    font-size: 12px;
}
.post-tags a{
	font-size: 10px;
	font-weight: bold;
	float: left;
	padding: 2px 8px;
	margin-right: 5px;
	margin-bottom: 5px;
	cursor: pointer;
	color: #FFF;
	background: #333;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-webkit-transition: background 0.2s ease-in-out;
    -moz-transition: background 0.2s ease-in-out;
    -o-transition: background 0.2s ease-in-out;
    -ms-transition: background 0.2s ease-in-out;
    transition: background 0.2s ease-in-out;
}
.post-tags a:hover{
	background: #999;
}

/*post navigation*/
#single-nav {
	margin-top: 10px;
	font-size: 14px;
}
#single-nav > span{
	margin-right: 10px;
}

/*-------------------------------------------------*
/* Left Sidebar
/*-------------------------------------------------*/
.slim{
	width: 470px !important; 
	float: left !important; 
}

.full{
	width: 655px !important;
	float: left !important;
	margin-left: 20px;
	padding: 20px 0;
}

#left-sidebar{
	height: 500px;
	width: 175px;
	margin-right: 20px;
	float: left;
	position: relative;
}


/*-------------------------------------------------*
/* Sidebar
/*-------------------------------------------------*/
#sidebar{
	background-color: #F3F3F3;
	width: 275px;
	padding: 0;
	margin-left: 30px;
	float: left;
	position: relative;
}
#sidebar-top { background: url('images/sidebar-top.png') no-repeat; background-position: 0 0; width: 20px !important; }
#sidebar-bottom { background: url('images/sidebar-bottom.png') no-repeat; background-position: 0 100%; width: 20px !important; }
#sidebar-top,
#sidebar-bottom { display: block; height: 30px; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
#sidebar-bottom { bottom: 0px; top: auto; }

#sidebar ul{
	list-style: none;
}
#sidebar li{
	margin-bottom: 5px;
}

/*-------------------------------------------------*
/* Footer
/*-------------------------------------------------*/

#footer{
	background-color: #000;
	color: #FFF;
	font-size: 14px;
	padding: 30px 0 100px 0;
	width: 100%;
}

#footer-inner {
	margin: 0 auto;
	width: 980px;
}

#footer-left{
	width: 40%;
	float: left;
}

#footer-right{
	width: 60%;
	float: right;
	text-align: right;
}

#footer .menu-huvudmeny-container{
	float: right;
}

#footer h4{
	color: #FFF;
	font-size: 20px;
	margin: 0;
}

#footer a{
	color: #FFF;
}

#footer a:hover{
	color: #CCC;
}

#footer ul li{
	list-style: none;
	float: right;
}

#footer ul li a{
	color: #FFF;
	padding: 0 5px;
	border-right: 1px solid #888;
}

#footer ul li:first-child a{
	padding-right: 0;
	border: none;
}

.footer-ad {
	margin: 20px 0;
	text-align: center; 
}

.footer-ad img {
	width: 980px;
}

/*-------------------------------------------------*
/* 404 Page
/*-------------------------------------------------*/

#error-page-title{
	font-size: 300px;
	text-align: center;
	font-weight: bold;
	font-family: Arial, sans-serif !important;
	color: #D5D5D5;
}

/*-------------------------------------------------*
/* Gravity Forms
/*-------------------------------------------------*/

.gform_wrapper input{
	width: 95% !important;
	outline: none;
	border: 1px solid #CCC;
}

.gform_wrapper input.button{
	background: #e65540;
	width: 70px !important;
	padding: 6px 0;
	color: #FFF !important;
	cursor: pointer;
}

.gform_wrapper textarea{
	width: 95% !important;
	height: 60px !important;
	outline: none;
	border: 1px solid #CCC;
}

.gform_wrapper .gform_footer{
	margin: 0 !important;
	padding: 0 !important;  
}

/*-------------------------------------------------*
/* Google Site Search
/*-------------------------------------------------*/

.cse .gsc-control-cse, .gsc-control-cse{
	
}

.gs-no-results-result .gs-snippet, .gs-error-result .gs-snippet{
	color: #555 !important;
}

.gsc-above-wrapper-area{
	
}


.gsc-webResult .gsc-result{
	border-bottom: 1px solid #CCC !important;
	padding: 40px 0 !important;
}

.gsc-webResult .gsc-result:hover{
	border-bottom: 1px solid #CCC !important;
}

.gsc-webResult .gsc-result.gsc-promotion{
	
}

.gs-result .gs-title, .gs-result .gs-title *{
	font-weight: 14px !important;
	font-weight: bold !important;
	color: #000 !important;
	text-decoration: none !important;
}

.gs-result a.gs-visibleUrl, .gs-result .gs-visibleUrl{
	color: #40B3C3 !important;
	text-transform: uppercase !important;
	font-size: 11px !important;
	margin-bottom: 10px !important;
	
}

.gsc-preview-reviews, .gsc-control-cse .gs-snippet, .gsc-control-cse .gs-promotion em, .gsc-control-cse .gs-snippet, .gsc-control-cse .gs-promotion em{
	color: #555 !important;
}

.gsc-results .gsc-cursor-box .gsc-cursor-page{
	background: #EEE;
	border: 1px solid #CCC;
	padding: 8px 10px;
	color: #555 !important;
	
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.gsc-results .gsc-cursor-box .gsc-cursor-page:hover{
	background: url(images/blue-fade-bg.gif) repeat-x;
	border: 1px solid #40B3C3;
	color: #FFF !important;
	text-shadow: 1px 1px 1px #40B3C3;
	font-weight: bold;
	text-decoration: none !important;
}

.gsc-results .gsc-cursor-box .gsc-cursor-current-page{
	background: url(images/blue-fade-bg.gif) repeat-x;
	border: 1px solid #40B3C3;
	color: #FFF !important;
	text-shadow: 1px 1px 1px #40B3C3;
}

.gsc-result-info-container{
	
}

.gsc-result-info{
	display: none !important;
}

.gcsc-branding{
	display: none !important;
}

.gsc-results .gsc-cursor-box{
	margin-top: 30px !important;
	display: block !important;
}

table.gsc-search-box{
	
}

.gsib_a{
	
}

.gsst_a .gscb_a{
	
}

/*-------------------------------------------------*
/* Book specific styles
/*-------------------------------------------------*/

.book h3 {
	margin: 30px 0 6px;
}
.book p {
	margin: 0 0 15px 0;
	font-size: 9pt;
	border-width: 1px;
}
.book h2 {
	padding-top: 10px;
}
.book p.plist {
	float: left;
}
.book table p {
	margin-bottom: 0;
}
.plistB {
    display: block;
    float: left;
    padding-left: 0px;
    width: 255px;
}
.plistA {
    display: block;
    float: left;
    padding-left: 0px;
    width: 50px;
}
.plistC {
    display: block;
    float: left;
    padding-left: 0px;
    width: 50px;
}
.plistD {
    display: block;
    float: left;
    padding-left: 0px;
    width: 300px;
}
.plistE {
    display: block;
    float: left;  
    padding-left: 355px;
    width: 300px;
}
/*.book p.plist span.plist_inner {
	float:left;
	margin-left: 2.2em;
	margin-top: -1.75em;
	width: 629px;
}*/
p.plist .plist_inner .plist_inner {
	display: block;
}

.book-bfn-sub {
	padding-left: 20px;
}
.book-bfn-sub p {
	text-indent: -15px;
	padding-left: 15px;
}

#post .book-children li {
	background-image: none;
	font-size: 14px;
	font-weight: bold;
}

#post .book-children > li li {
	font-size: 12px;
	font-weight: normal;
}

.bottomlinks {
	color: #40B3C3;
	border-top: 1px dashed #CCC;
	border-bottom: 1px dashed #CCC;
	padding: 15px 0;
	margin-bottom: 20px;
	overflow: hidden;
	display: block;
}

.bottomlinks span {
	font-size: 17px;
}

.bottomlinks .alignleft, .bottomlinks .alignright {
	margin: 0;
	width: 50%;
}

.bottomlinks .alignright {
	text-align: right;
}

.logo-placeholder {
	text-indent: -9999px;
}

/*-------------------------------------------------*
/* WYSIWYG Editor Styles
/*-------------------------------------------------*/

.ingress{font-size: 14px; line-height: 1.6em;}

.pc_Platta {
	background: #eee;
	margin-bottom: 0 !important;
	padding: 15px;
}


.sticky {
	background-color: #333;
	bottom: 0;
	padding: 0;
	position: fixed;
	width: 100%;
	
}

.sticky-header {
	position: relative;
}

.sticky-header i {
	color: rgba(255,255,255, .3);
	cursor: pointer;
	position: absolute;
	right: 20px;
    top: 12px;
}

.sticky-header i:hover {
	color: rgba(255,255,255, .7);
}

.sticky-header .fa-times-circle {
	display: none;
}

.sticky-header.active .fa-times-circle {
	display: inline;
}

.sticky-header.active .fa-plus-circle {
	display: none;
}

.sticky-inner {
	background-color: #393939;
	color: #FFF;
	width: 1020px;
	margin: 0 auto;
	text-align: center;
}

.sticky-inner h4 {
	color: #FFF;
	font-size: 20px;
	margin: 0;
	padding: 10px 0;
}

.sticky-btns{
	overflow: hidden;
	padding: 20px 0;
}

.sticky-btns .btn{
	background-color: #e0096d;
	display: block;
	float: left;
	padding: 10px 0;
	margin: 0 0 0 20px;
	width: 313px;
}



/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
*/
 
#fancybox-loading{position:fixed;top:50%;left:50%;width:40px;height:40px;margin-top:-20px;margin-left:-20px;cursor:pointer;overflow:hidden;z-index:1104;display:none}#fancybox-loading div{position:absolute;top:0;left:0;width:40px;height:480px;background-image:url('images/fancybox/fancybox.png')}#fancybox-overlay{position:absolute;top:0;left:0;width:100%;z-index:1100;display:none}#fancybox-tmp{padding:0;margin:0;border:0;overflow:auto;display:none}#fancybox-wrap{position:absolute;top:0;left:0;padding:20px;z-index:1101;outline:none;display:none}#fancybox-outer{position:relative;width:100%;height:100%;background:#000}#fancybox-content{width:0;height:0;padding:0;outline:none;position:relative;overflow:hidden;z-index:1102;border:0px solid #000}#fancybox-hide-sel-frame{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;z-index:1101}#fancybox-close{position:absolute;top:15px;right:15px;width:30px;height:30px;background:#000 url('images/fancybox/fancybox_close.png');cursor:pointer;z-index:1103;display:none;transition:all 0.4s ease;    -webkit-transition:all 0.4s ease;    -o-transition:all 0.4s ease;    -moz-transition:all 0.4s ease;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8}#fancybox-close:hover{filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5}#fancybox-error{color:#444;font:normal 12px/20px Arial;padding:14px;margin:0}#fancybox-img{width:100%;height:100%;padding:0;margin:0;border:none;outline:none;line-height:0;vertical-align:top}#fancybox-frame{width:100%;height:100%;border:none;display:block}#fancybox-left,#fancybox-right{position:absolute;bottom:0px;height:100%;width:35%;cursor:pointer;outline:none;background:transparent url('images/fancybox/blank.gif');z-index:1102;display:none}#fancybox-left{left:0px}#fancybox-right{right:0px}#fancybox-left-ico,#fancybox-right-ico{position:absolute;top:50%;left:-9999px;width:30px;height:30px;margin-top:-15px;cursor:pointer;z-index:1102;display:block}#fancybox-left-ico{background-image:url('images/fancybox/fancybox.png');background-position:-40px -30px}#fancybox-right-ico{background-image:url('images/fancybox/fancybox.png');background-position:-40px -60px}#fancybox-left:hover,#fancybox-right:hover{visibility:visible}#fancybox-left:hover span{left:20px}#fancybox-right:hover span{left:auto;right:20px}.fancybox-bg{position:absolute;padding:0;margin:0;border:0;width:20px;height:20px;z-index:1001}#fancybox-bg-n{top:-20px;left:0;width:100%;background-image:url('images/fancybox/fancybox-x.png')}#fancybox-bg-ne{top:-20px;right:-20px;background-image:url('images/fancybox/fancybox.png');background-position:-40px -162px}#fancybox-bg-e{top:0;right:-20px;height:100%;background-image:url('images/fancybox/fancybox-y.png');background-position:-20px 0px}#fancybox-bg-se{bottom:-20px;right:-20px;background-image:url('images/fancybox/fancybox.png');background-position:-40px -182px}#fancybox-bg-s{bottom:-20px;left:0;width:100%;background-image:url('images/fancybox/fancybox-x.png');background-position:0px -20px}#fancybox-bg-sw{bottom:-20px;left:-20px;background-image:url('images/fancybox/fancybox.png');background-position:-40px -142px}#fancybox-bg-w{top:0;left:-20px;height:100%;background-image:url('images/fancybox/fancybox-y.png')}#fancybox-bg-nw{top:-20px;left:-20px;background-image:url('images/fancybox/fancybox.png');background-position:-40px -122px}#fancybox-title{display:none}.fancybox-ie6 #fancybox-close{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_close.png',sizingMethod='scale')}.fancybox-ie6 #fancybox-left-ico{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_nav_left.png',sizingMethod='scale')}.fancybox-ie6 #fancybox-right-ico{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_nav_right.png',sizingMethod='scale')}.fancybox-ie6 #fancybox-title-over{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_title_over.png',sizingMethod='scale');zoom:1}.fancybox-ie6 #fancybox-title-float-left{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_title_left.png',sizingMethod='scale')}.fancybox-ie6 #fancybox-title-float-main{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_title_main.png',sizingMethod='scale')}.fancybox-ie6 #fancybox-title-float-right{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_title_right.png',sizingMethod='scale')}.fancybox-ie6 #fancybox-bg-w,.fancybox-ie6 #fancybox-bg-e,.fancybox-ie6 #fancybox-left,.fancybox-ie6 #fancybox-right,#fancybox-hide-sel-frame{height:expression(this.parentNode.clientHeight+"px")}#fancybox-loading.fancybox-ie6{position:absolute;margin-top:0;top:expression( (-20+(document.documentElement.clientHeight ? document.documentElement.clientHeight/2:document.body.clientHeight/2 )+( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop:document.body.scrollTop ))+'px')}#fancybox-loading.fancybox-ie6 div{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_loading.png',sizingMethod='scale')}.fancybox-ie .fancybox-bg{background:transparent !important}.fancybox-ie #fancybox-bg-n{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_n.png',sizingMethod='scale')}.fancybox-ie #fancybox-bg-ne{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_ne.png',sizingMethod='scale')}.fancybox-ie #fancybox-bg-e{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_e.png',sizingMethod='scale')}.fancybox-ie #fancybox-bg-se{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_se.png',sizingMethod='scale')}.fancybox-ie #fancybox-bg-s{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_s.png',sizingMethod='scale')}.fancybox-ie #fancybox-bg-sw{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_sw.png',sizingMethod='scale')}.fancybox-ie #fancybox-bg-w{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_w.png',sizingMethod='scale')}.fancybox-ie #fancybox-bg-nw{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_nw.png',sizingMethod='scale')}