/*
 * @file
 * global.styles
 *
 * Styles you add here will load for all device sizes, they are "global", as
 * opposed to "responsive" styles, which only load for a given breakpoint (media
 * query) that you set in theme settings. See the README for more details.
 *
 *
 * How to use this file:
 * --------------------
 *
 * There are many empty selectors and some basic styles to act as a guide.
 * Nothing is set in stone and you can change anything - even delete all of it
 * and start with your own clean slate.
 *
 * See global.base also which includes normalize.css and some additional
 * helper classes and base styles.
 */

/* =============================================================================
 *   Base
 * ========================================================================== */

/*
 * To preserve theme settings never apply font properties to the HTML element.
 * This is critically important if you are using the Responsive JavaScript
 * feature as this relies on being able to set a pseudo font family on the HTML
 * element. If you need to set default font properties of any kind use the BODY
 * element as these can be overridden using font theme settings.
 */

html {
  background: #fff;
max-widht: 100%;
}


body {
  font-family: futura, futura, sans-serif;
margin:8px;



  }


/* =============================================================================
 *   HTML Elements
 * ========================================================================== */

h1 
{
color: #000000;
line-height: 1.1;


}



.node-recept h1
{

text-align: left;

}



h2 {
color: #000000;
line-height: 1.1;
margin-bottom: 15px;
margin-top: 15px;
text-align: center;

}

h2 a 
{
color: #000000;
}

h2.rubriktitel a STYLE_img_float_right
{
color: red;
}

.taxonomy-term h2 {
text-align: left;

}

h3 {}

h4 {}

h5 {}

h6 {}

p {}

b,
strong {}

i,
em {}

dfn {}

sup {}

sub {}

del {}

ins {}

blockquote {}

cite {}

q {}

address {}

ul {}

ol {
margin-left: 20px;


}




li {}

dl {}

dd {}

dt {}

abbr {}

acronym {}

pre,
code,
tt,
samp,
kbd,
var {
  font-family: futura, Monaco, 'Courier New', Courier, monospace, sans-serif;
}


/* =============================================================================
 *   Wrappers
 * ========================================================================== */

/*
 * Page wrapper, includes the .container class which sets the overall page or section width
 * Main wrapper in page.tpl.php, the .container class sets the width of the page, do not add width to it!
 */
#page {}
#page .container {}

/*
 * Wraps all header elements - branding and .region-header
 */
#header {
margin-bottom:-35px;
margin-top: 0px;

}

/*
 * Wraps the sidebars the content column
 */
#columns {}

/*
 * Main content column wrapper
 */
#content-column {}

/*
 * Wraps the main-content-header, the content region and feed-icons. Use this wrapper to style the entire main content column
 */
#main-content {
margin-right:23px;

}

/*
 * Wraps the content region, avoid applying styles to this wrapper, its used mainly for position and invisible gutters and can be problematic to style
 */
#content {}

/*
 * Footer wrapper
 */
#footer {}

/*
 * Panels may need additional margin wrangling when in the $content region
 */
#content .panel-display {}

/*
 * Full Width Wrappers
 * These are used in the optional page--full-width-wrappers.tpl.php template.
 * All have internal .container classes. In the full width wrapper template the
 * .container classes set the width or max-width of the contained element - you
 * can style this but never add any width/margin/padding/borders etc to .container
 */
/*
 * Wraps #page
 */
#page-wrapper {}
#page-wrapper .container {



}

/*
 * Wraps the leaderboard
 */
#leaderboard-wrapper {}
#leaderboard-wrapper .container {}

/*
 * Wraps the header
 */
#header-wrapper {
  /* Debug styles, is this working */
  background: rgba(255, 192, 203, 0.5);
}
#header-wrapper .container {}

/*
 * Wraps the nav elements
 */
#nav-wrapper {}
#nav-wrapper .container {}

/*
 * Wraps breadcrumb
 */
#breadcrumb-wrapper {}
#breadcrumb-wrapper .container {}

/*
 * Wraps messages and help
 */
#messages-help-wrapper {}
#messages-help-wrapper .container {}

/*
 * Wraps the secondary content/preface region
 */
#secondary-content-wrapper {}
#secondary-content-wrapper .container {}

/*
 * Wraps the main content column
 */
#content-wrapper {}
#content-wrapper .container {}

/*
 * Wraps the tertiary content/postfix region
 */
#tertiary-content-wrapper {}
#tertiary-content-wrapper .container {}

/*
 * Footer wrapper
 */
#footer-wrapper {
  /* Debug styles, is this working? */
  background: rgba(255, 192, 203, 0.5);
}
#footer-wrapper .container {}


/* =============================================================================
 *   Branding
 * ========================================================================== */

/*
 * Wraps all the branding elements, logo, name and slogan
 */
#branding {}

/*
 * Logo
 */
#logo {
  padding: 0px 0;
margin-bottom: -3px;
}

#logo img {
    margin-bottom: 1%;
    margin-left: 32%;
    margin-top: 2%;
    width: 32%;
}


/*
 * Wrapper for the site name and slogan (hgroup)
 */
#name-and-slogan {

 margin-bottom: -16px;
    margin-top: 26px;

}

/*
 * Site name (h1)
 */
#site-name {
  margin: 0;
}

#site-name a {}

#site-name a:link,
#site-name a:visited {
  text-decoration: none;
font-size:4em;
color: #000;
}

#site-name a:hover,
#site-name a:focus {

}

/*
 * Site slogan (h2)
 */
#site-slogan {
  margin: 0;
}


/* =============================================================================
 *   Page content header
 * ========================================================================== */

/*
 * Main content header wraps the page title, tabs and actions links
 */
#main-content-header {}

/*
 * The main page title (h1)
 */
#page-title {

font-weight: 400 !important;
    margin: -0.5em 0 0.5em;
}


/* =============================================================================
 *   Misc Global Styles
 * ========================================================================== */

/*
 * Feed icons
 */
.feed-icon {}

/*
 * Aggregator feed source
 */
#aggregator .feed-source .feed-icon {
  display: inline;
  float: none;
  margin-right: 10px;
}

.feed-details dt,
.feed-details dd {
  display: inline;
  margin: 0;
}

/*
 * Generic styles for the more link
 */
.more-link {}

/*
 * Generic styles for links. See the ul.links declaration in node and comment stylesheets
 */
ul.links {
  margin: 0;
  padding: 0;
}

ul.links.inline {
  display: block;
margin-top: 10px;
}

ul.links li {
  display: inline;
  list-style: none;
  padding: 0 10px 0 0;
}

/*
 * Search results are an ordered list so reset the margin
 */
.search-results {
  margin: 0;
}


/* =============================================================================
 *   Regions
 * ========================================================================== */

/*
 * Standard region wrapper, don't add width to any regions, you will bork the layout - no margin, padding or borders etc
 */
.region {}

/*
 * Regions have an inner div - perfect for adding margin, padding or borders
 */
.region-inner {}

/*
 * Regions can be nested, such as when using Panels
 */
.region-inner .region-inner {}

/*
 * Header region, embedded in the #header
 */
.region-header {}

/*
 * Generally used to output Drupals help block, if the help module is enabled
 */
.region-help {}

/*
 * Secondary content
 */
.region-secondary-content {}

/*
 * Sits above the main content header, like a content-top region
 */
.region-highlighted {}

/*
 * Sits below the main content, like a content-bottom region
 */
.region-content-aside {}

/*
 * Sidebars - targets both
 */
.sidebar {}

/*
 * First sidebar
 */
.region-sidebar-first {}

/*
 * Second sidebar
 */
.region-sidebar-second {}

/*
 * Tertiary content
 */
.region-tertiary-content {}

/*
 * Footer region
 */
.region-footer {}


/* =============================================================================
 *   Links
 * ========================================================================== */

a {
  text-decoration: none;
color: #957F36;
}

a:link,
a:visited {}

a:active,
a.active {}

a:hover,
a:focus {
  text-decoration: underline;
}

h1, h2 a:hover,
a:focus {
  text-decoration: none;
}


/* =============================================================================
 *   Primary, Secondary and Menu Bar region menus
 * ========================================================================== */

/*
 * Use one of the following id's for granular control:
 *  - #menu-bar (menu bar region)
 *  - #primary-menu (main menu)
 *  - #secondary-menu (secondary/user menu)
 * You can target all of these with .nav or div[id$="menu-bar"]
 */
.nav {
  clear: both;
  margin: 30px 10px;
border-top: 1px solid #957F36;
border-bottom: 1px solid #957F36;

}

.nav ul,
.nav ul.menu {
  margin:0 0 0 -10px;
  padding: 0;
}

.nav li,
.nav ul.menu li {
  display: inline;
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
}

.nav li a,
.nav ul.menu li a {
  display: block;
  white-space: nowrap;
  padding: 2px 18px;
text-transform: uppercase;
font-size: 17px;
background: #ffffff;
}

.nav li a:visited,
.nav ul.menu li a:visited {}

.nav li a:hover,
.nav li a:focus,
.nav ul.menu li a:hover,
.nav ul.menu li a:focus {}

.nav .block {
  margin-bottom: 0;
}


/* =============================================================================
 *   Superfish
 * ========================================================================== */

ul.sf-menu {
  margin-bottom: 0;
}

ul.sf-menu a {
  border-left: 0;
  border-top: 0;
  padding: 0 10px;
  text-decoration: none;
  height: 2.5em;
  line-height: 2.5em;
}

ul.sf-menu a:link,
ul.sf-menu a:visited {}

ul.sf-menu li {}

ul.sf-menu li:hover,
ul.sf-menu li.sfHover {
  outline: 0;
}

ul.sf-menu a {}

ul.sf-menu a:focus,
ul.sf-menu a:hover,
ul.sf-menu a:active {
  outline: 0;
}

/*
 * Superfish blocks
 */
.block-superfish {}

.block-superfish .block-inner .content {}

.block-superfish ul {
  margin: 0 !important;
  padding: 0 !important;
}

.block-superfish ul ul {}

.block-superfish ul ul ul {}

.block-superfish ul ul ul ul {}

.block-superfish li {
  margin: 0 !important;
  padding: 0 !important;
}

/*
 * Vertical style
 */
.sf-vertical {
  width: 100%;
}

.sf-vertical li {
  width: 100%;
}

.sf-vertical li.last {}

.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
  left: 100%;
  top: 0;
  margin: 0;
  padding: 0;
}

.sf-vertical li a {
  padding: 0 10px;
}

/*
 * Navbar style
 */
.sf-navbar {
  padding-bottom: 0 !important;
}

/*
 * Sensible padding for the default style
 */
.sf-menu.sf-style-default a {
  padding: 0 10px;
}

.sf-sub-indicator
{
    
    display: block;
    height: 10px;
    overflow: hidden;
    position: absolute;
    margin-right:-3px;
    text-indent: -999em;
    top: 1.05em;
    width: 10px;

}

.menuparent
{
  padding-right:25px !important;
}



/* =============================================================================
 *   Menus, usually blocks
 * ========================================================================== */
.menu-bar-wrapper 
{

margin-left:0px !important;
margin-right:0px !important;
}

#menu-bar
{
margin-top:2px;
}




ul.menu {
  padding-left: 15px;

}

ul.menu ul {
  padding-left: 15px;
}

ul.menu ul ul {}

ul.menu ul ul ul {}

ul.menu li {
  margin: 0;
}

ul.menu li.collapsed,
ul.menu li.expanded,
ul.menu li.leaf {}

ul.menu li a {}

ul.menu li a:link,
ul.menu li a:visited {}

ul.menu li a:active,
ul.menu li a.active {}

ul.menu li a:hover,
ul.menu li a:focus 
{
background: #957F36;
color: #ffffff;
text-decoration: none;
}

ul.menu li.active a,
ul.menu li.active-trail a {
background: #957F36;
color: #ffffff;

}

ul.menu li.first,
ul.menu li.last {}

/* If li.content exists it's a problem, so reset the padding */
.block .menu li.content {
  padding: 0;
}


/* =============================================================================
 *   Book navigation menu
 * ========================================================================== */

.book-navigation {}

.book-navigation .page-links {}

.book-navigation .page-previous {}

.book-navigation .page-next {}

.book-navigation .page-up {
  /* Prevent text wrapping to a new line, assumes English "up" is used (two characters) */
  min-width: 2em;
  white-space: nowrap;
}

.book-navigation .menu {
  margin-left: 0;
}


/* =============================================================================
 *   Breadcrumbs
 * ========================================================================== */

#breadcrumb {
  margin: 10px 0;
}

/* If the label is set to show in theme settings the label class is added */
#breadcrumb .breadcrumb-label {
  font-size: 1em;
  display: inline;
  padding-right: 10px;
}

#breadcrumb .breadcrumb-label:after {
  content: ":";
}

#breadcrumb ol {
  margin: 0;
  padding: 0;
}

#breadcrumb .with-breadcrumb-label ol {
  display: inline;
}

#breadcrumb li {
  list-style: none;
  display: inline;
}

#breadcrumb li.crumb-first {}

#breadcrumb li.crumb-last {}

#breadcrumb a {}

#breadcrumb a:link,
#breadcrumb a:visited {}

#breadcrumb a:active,
#breadcrumb a.active {}

#breadcrumb a:hover,
#breadcrumb a:focus {}


/* =============================================================================
 *   Pagers
 * ========================================================================== */

ul.pager {
  clear: both;
  margin: 0;
  text-align: center;
}

.item-list ul.pager li {
  margin: 0;
}

ul.pager li {
  background-image: none;
  display: inline;
  list-style-type: none;
  padding: .5em;
}

ul.pager li.pager-current {
  font-weight: 700;
}

.block ul.pager li {
  margin: 0;
}

/*
 * Theme the various states of pager links
 */
ul.pager li {}

ul.pager li a {}

ul.pager li a:link,
ul.pager li a:visited {}

ul.pager li a:active,
ul.pager li a.active {}

ul.pager li a:hover,
ul.pager li a:focus {}

ul.pager li.pager-item {}
ul.pager li.first {}
ul.pager li.last {}
ul.pager li.pager-current {}
ul.pager li.pager-first {}
ul.pager li.pager-previous {}
ul.pager li.pager-next {}
ul.pager li.pager-last {}


/* =============================================================================
 *   Skip Navigation
 * ========================================================================== */

#skip-link {
  left: 50%;
  margin-left: -6.5em;
  margin-top: 0;
  padding: 0 0.5em;
  position: absolute;
  width: 12em;
  z-index: 50;
}

#skip-link a {
  background: #444;
  background: rgba(0,0,0,0.6);
  color: #fff;
  display: block;
  line-height: 2;
  padding: 0;
  text-align: center;
  text-decoration: none;
}

#skip-link a:link,
#skip-link a:visited {
  background: #444;
  background: rgba(0,0,0,0.6);
  color: #fff;
  display: block;
  line-height: 2;
  padding: 0;
  text-align: center;
  text-decoration: none;
}

#skip-link a:hover,
#skip-link a:focus,
#skip-link a:active {
  outline: 0;
}


/* =============================================================================
 *   Tabs (local tasks)
 * ========================================================================== */

#tasks {
  margin-bottom: 15px;
}

ul.primary {
  border-bottom-color: #ccc;
  margin: 20px 0;
  padding: 0 0 0 5px;
}

ul.primary li {
  display: block;
  float: left;
  margin: 0 1px -1px;
}

ul.primary li a {
  background-color: #f5f5f5;
  border-color: #ccc;
  margin-right: 1px;
  padding: 0 10px;
  display: block;
  float: left;
  height: 1.5em;
  line-height: 1.5em;
}

ul.primary li a:hover,
ul.primary li a:focus {
  background-color: #eee;
  border-color: #ccc;
}

ul.primary li.active a,
ul.primary li.active a:hover,
ul.primary li.active a:focus {
  background-color: #fff;
  border-bottom-color: #fff;
}

ul.secondary {
  border-bottom: 1px solid #ccc;
  margin: 1em 0 0;
  padding: 0 .3em 1em;
}

ul.secondary li {
  border-right: 0;
  list-style: none;
  padding: 0 10px 0 0;
}

ul.secondary li a {}

ul.secondary li a:hover,
ul.secondary li a.active {
  border-bottom: none;
  text-decoration: underline;
}


/* =============================================================================
 *   Action links
 * ========================================================================== */

ul.action-links {
  margin: 20px 0 0;
  list-style: none;
}

ul.action-links li {}


/* =============================================================================
 *  Field Styling
 * ========================================================================== */

/*
 * Wrapper for any field
 */
.field {}

/*
 * Above and inline classes are on the field wrapper
 */
.field-label-above {}

/*
 * When labels are set to inline in field display settings the clearfix class is automatically added
 */
.field-label-inline {}

/*
 * Labels are h2 in Adaptivetheme. Use a strong selector to mitigate unwanted ineritance issues
 */
.field-label {
  font-size: 1em;
  font-weight: 700;
  font-family: inherit;
  line-height: inherit;
  margin-bottom: 0;
}


/*
 * Field types (Core)
 */

/*
 * Image fields use the <figure> and <figcaption> elements from HTML5
 */
 .view-mode-teaser_med_ad .field-type-image {

margin: -20px -20px 0px -20px;


}

.field-type-image .caption {}

.field-type-image .full-caption {}

.field-type-image .teaser-caption 
{
padding-right:5px;
  width:453px !important;
}

.field-type-image figure, .field-type-image figcaption {
  clear:right;
max-width:100%;
font-size:0.92em;
margin-right:0;

}




.caption 
{

margin-right: 0px;
margin-bottom: 7px;
margin-top: 10px;

 
  }

.view-mode-teaser .caption {




 
  }

.view-mode-full .caption {



  max-width: 508px;
 
  }

.view-mode-full .caption  p, pre {

padding: 0px;

}



.caption  p, pre {
color: #000;
    font-family: futura;
    font-size: 12px;
margin: 0px;
padding: 7px 7px 0;

}






.image-liten
{

float: left;
margin-right: 25px;
 max-width: 200px;


   
}


.node-recept .image-liten {

border-top: 5px solid #fff;
    float: right;
    margin-left: 15px;
    margin-right: 0;
    max-width: 200px;

   
}






.image-large {

  max-width:100% !important;
}




.view-mode-teaser .image-large {




 
  }



.caption .image-large 
{


  
   
}

.image-liten .caption 
{
 margin-right:-20px !important;

  
   
}

.field-name-field-storbild
{

    font-size: 130%;


}







.cke_show_borders 
{
font-family: minion pro;
    font-size: 105%;
    margin-left: 10px !important;
   
}

.cke_show_borders img
{
margin-right: 15px !important;
margin-bottom: 5px !important;
   
}

.cke_show_borders .image-large  {


float: none !important;
    max-height: 700px;
    max-width: 70% !important;

}










.STYLE_float_right .caption

{
  
margin-right:0;
  margin-top:-8px;
  min-width:185px;
  max-width:185px;
  padding:5px 15px 5px 10px;
}


/*
 * Taxonomy
 */
.field-type-taxonomy-term-reference {
  /* The same bottom margin as p, blockquote, ul, ol and dl */

}

.field-type-taxonomy-term-reference.field-label-inline .field-items {
  margin: 0;
  padding: 0;
}

.field-type-taxonomy-term-reference.field-label-inline .field-item {
  display: inline;
  list-style: none;
  padding: 0 10px 0 0;
}

/*
 * Text
 */
.field-type-text {}

/*
 * Long text
 */
.field-type-text-long {}

/*
 * Text with summary
 */
.field-type-text-with-summary {}

/*
 * File
 */
.field-type-file {}

/*
 * Number/Integer
 */
.field-type-number-integer {}

/*
 * Decimal
 */
.field-type-number-decimal {}

/*
 * Number float
 */
.field-type-number-float {}

/*
 * List
 */
.field-type-list-text {}

/*
 * List boolean
 */
.field-type-list-boolean {}

/*
 * List integer
 */
.field-type-list-integer {}

/*
 * List float
 */
.field-type-list-float {}

/*
 * Field types (Contrib)
 */
.field-type-datetime {}

.field-type-node-reference {}

.field-type-user-reference {}

/*
 * Named fields
 */
.field-name-body {}

.field-name-field-image {}

.field-name-field-tags {}

/*
 * Underscores in field name are replaced with dashes
 */
.field-name-field-FIELDNAME {}

/*
 * Image Alignment Theme Settings - included here so you can easily override
 */
/*
 * Float none setting
 */
.ia-n .field-type-image,
.iat-n .field-type-image {}

/*
 * Float left setting
 */
.ia-l .field-type-image figure,
.iat-l .field-type-image figure {
  margin: 5px 20px 15px 0;
}

/*
 * Centered setting
 */
.ia-c .field-type-image figure,
.iat-c .field-type-image figure {
  margin: 5px auto 15px;
}

/*
 * Float right setting
 */
.ia-r .field-type-image figure,
.iat-r .field-type-image figure {
  margin: 5px 0 15px 20px;
}


/* =============================================================================
 *   Block Styling
 * ========================================================================== */

/*
 * Main wrapper for most blocks, block_system_main does not have it
 */
.block {
  margin-bottom: 20px;
}



/*
 * Inner wrapper for most blocks, good for margin, padding and borders, block_system_main does not have it
 */
.block-inner {

padding:11px 20px 20px 20px;

}

/*
 * The first block in the region
 */
.block.first {

}

/*
 * The last block in the region
 */
.block.last {}

/*
 * Zebra striping for each block in the region
 */
.block.odd {}

/*
 * Zebra striping for each block in the region
 */
.block.even {}

/*
 * Block title
 */
.block-title {

 font-size: 1.3em;
   margin: 0 0 7px;
font-weight: 400 !important;

}

.block-region-sidebar-second .block-inner
{
border: none !important;
box-shadow: 4px 3px 9px #D3D3D3;
border-radius: 0px;


}


/*
 * Block content wrapper
 */
.block-content {
font-size:14px;
}

/*
 * Match item list and block menu margin and padding
 */
.block-content p {
color: #000;

}

.block-content ul,
.block-content ol {
  padding: 0 0 0 0px;
margin-left:15px;
}

.block-content ul,
.block-content ol .poll {
 margin-bottom: 13px;


}



.block-facetapi .block-content ul,
.block-content ol
{
 
margin-left:-5px;
}


 .item-list-facetapi-facetapi-links ul li.collapsed  {
    list-style-image: none;
    list-style-type: none;
}

 .item-list-facetapi-facetapi-links ul li.expanded {
    list-style-image: none;
    list-style-type: none;
}

.block-facetapi .block-content ul, .block-content ol {

    margin-top: 3px;
}

#block-ds-extras-anvandare-mittenblock .block-content li {
    margin-left: 20px !important;
    margin-right: 10px;
    margin-top: 16px;
    padding: 0;
}




.block-content ul,
.block-content ol a {


}


.block-content li {
  margin: 0;
  padding: 0;
}

/*
 * Block for the latest news items in the first category
 */
#block-aggregator-category-1 {}

/*
 * Block for the latest news items in the first feed
 */
#block-aggregator-feed-1 {}

/*
 * First block created with "Add block" link
 */
#block-block-1 {}

/*
 * "Recent blog posts" block
 */
#block-blog-recent {}

/*
 * "Book navigation" block for the current book's table of contents
 */
#block-book-navigation {}

/*
 * "Recent comments" block
 */
#block-comment-recent {}

/*
 * "Active forum topics" block
 */
#block-forum-active {}

/*
 * "New forum topics" block
 */
#block-forum-new {}

/*
 * Language switcher block
 */
#block-locale-language {}

/*
 * Custom menu block
 */
#block-menu-menu-NAME {}

/*
 * "Recent content" block
 */
#block-node-recent {}

/*
 * "Syndicate" block for primary RSS feed; see also page.css's .feed-icon
 */
#block-node-syndicate {}

/*
 * "Most recent poll" block
 */
#block-poll-recent {}



/*
 * "Author information" block for the profile of the page's author
 */
#block-profile-author-information {}

/*
 * "Search form" block
 */
#block-search-form .block-inner {


}

#search-block-form {

}



/*
 * "Shortcuts" block
 */
#block-shortcut-shortcuts {}

/*
 * "Popular content" block
 */
#block-statistics-popular {}

/*
 * "Main menu" block
 */
#block-system-main-menu {}

/*
 * "Management" block for Drupal management menu
 */
#block-system-management {}

/*
 * "Navigation" block for Drupal navigation menu
 */
#block-system-navigation {}

/*
 * "User menu" block for Drupal user menu
 */
#block-system-user-menu {}

/*
 * "System help" block
 */
#block-system-help {}

/*
 * "Main page content" block
 */
#block-system-main 
{

}

/*
 * "Powered by Drupal" block
 */
#block-system-powered-by {}

/*
 * "User login form" block
 */
#block-user-login {}

/*
 * "Who's new" block for a list of the newest users
 */
#block-user-new {}

/*
 * "Who's online" block for a list of the online users
 */
#block-user-online {}




/* =============================================================================
 *   Node Styling
 * ========================================================================== */

.node {
  margin-bottom: 20px;
}

.node.node-promoted {}

.node.node-sticky {}

.node.node-by-viewer {}

.node.node-teaser {
box-shadow:#D3D3D3 4px 3px 9px;
 padding:20px;
font-size: 1em;

}

.node.view-mode-teaser_med_ad {
box-shadow:#D3D3D3 4px 3px 9px;
 padding:20px;
font-size: 1em;

}



 .field-name-adsense-recept-body
{
margin-bottom: 0px;
    margin-top: 30px;

}




.node.node-full {}

.node.odd {}

.node.even {}

.node .node-title {
  margin: 0;
}

.node .user-picture {}

.node .submitted {}

.node .submitted .username {}

.node .submitted time {}

.node .node-content {}

.node ul.links {
font-family: "futura",Arial,futura,sans-serif;
    
}

.group-footer ul.links 
{
font-family: "futura",Arial,futura,sans-serif;
 font-size: 14px; 
 padding-top: 12px;
    text-transform: uppercase;
 
}


.node-recept .group-footer ul.links 
{


}


.node ul.links li {}

.node ul.links li a {}

.node ul.links li.node-read-more a {}

.node ul.links li.comment-add a {}

.node ul.links li.comment-comments a {}

.node ul.links li.comment-new-comments a {}

.node ul.links li.blog-sernames-blog a {}

.node ul.links li.print-html a {}

.node ul.links li.print-email a {}

.node ul.links li.print-pdf a {}

.preview .node {}

/*
 * All nodes are given a node-FOO class that describes the type of content that
 * it is. If you create a new content type called "my-custom-type", it will
 * receive a "node-my-custom-type" class.
 */
.node-page {}

.node-page h2 
{
text-align:left;
}

.node.node-sticky 
 {

border-bottom:5px solid #957F36;


}

.field-name-field-kategori
{
    background: #957f36;
    color: #fff;
  padding: 10px;
    position: relative;
    text-transform: uppercase;
    z-index: 3;


}
   


.node-article .lasmer  {

margin-bottom: -7px !important;

}

.node-book {}

.node-forum {
box-shadow:#D3D3D3 4px 3px 9px;
padding:20px;

}

.node-poll {}


/* =============================================================================
 *   Comment Styling - Comments, comment wrapper, comment form
 * ========================================================================== */

/*
 * Wrapper for the list of comments and its titles
 */
#comments {
  margin: 1.5em 0;
}

#comments h2 {}

#comments h2.comment-title {
  margin: 0;
}

#comments h2.comment-form {
  margin: 0;
}

/*
 * Wrapper for a single comment
 */
.comment {
  margin-bottom: 20px;
border: 1px solid #ebebeb;
padding:21px;

}

.comment.first {}

.comment.last {}

.comment.odd {}

.comment.even {}

.comment .user-picture {}

.comment .submitted {}

.comment .submitted p {}

.comment .submitted .username {}

.comment .submitted time {}

.comment .user-signature {}

.comment ul.links {}

/*
 * Comment title
 */
.comment-title {
  margin: 0;
}

/*
 * Comment states
 */
.comment-new {}

.comment-by-anonymous {}

.comment-by-node-author {}

.comment-by-viewer {}

.comment-title-hidden {}

.comment-with-picture {}

.comment-with-signature {}

/*
 * Preview of the comment before submitting new or updated comment
 */
.comment-preview {}

/*
 * "New" marker for comments that are new for the current user
 */
.new {
  color: #c00;
}

/*
 * Nested comments are indented
 */
.indented {
  margin-left: 40px;
}


/* =============================================================================
 *   Forms
 * ========================================================================== */

/*
 * Wrapper for a form element (or group of form elements) and its label
 */
.form-item {}

.form-item input.error,
.form-item textarea.error,
.form-item select.error {
  border: 1px solid #c00;
}

.form-item label {
  font-weight: 700;
}

.form-item label.option {}

/*
 * Highlight marks and form required mark
 */
.marker,
.form-required {
  color: #c00;
}

.form-item .description {
  font-size: 0.85em;
}

.form-checkboxes .form-item,
.form-radios .form-item {}

/*
 * The submit button
 */
.form-submit {}

.container-inline div,
.container-inline label {
  display: inline;
}

/*
 * Define consistent borders
 */
fieldset {
  border: 1px solid #ccc;
}

/*
 * Tips for Drupal's input formats
 */
.tips {}

/*
 * Buttons used by contrib modules like Media
 */
a.button {

  -moz-appearance: button;
  appearance: button;




    -moz-appearance: button;
    background: #b8a976;
    color: #fff;
    font-family: futura;
    font-size: 14px;
    padding: 2px 8px;
    text-transform: uppercase;

}

/*
 * Password confirmation
 */
.password-parent,
.confirm-parent {
  margin: 0;
}


/* =============================================================================
 *   Tables
 * ========================================================================== */

table {
  margin: 10px 0;
  padding: 0;
  width: 100%;
}

table.sticky-header {
  z-index: 10;
}

table,
thead,
tbody,
tr,
th,
td {
  border-color: #ccc;
font-size: 12px;
}

table,
td,
th {
  vertical-align: middle;
}

caption,
th,
td {
  text-align: left;
}

thead tr {
  font-weight: 700;
  background-color: #e5e5e5;

}

td,
th {
  border-bottom: 0;
  margin: 0;
  padding: 5px 7px;
}

tbody {}

tbody tr {
  border-top: 1px solid #ccc;
}

tr.odd {
  background: #fff;
}

tr.info,
tr.even,
tr:nth-child(2n+2) {
  border-bottom: 0;
  background-color: #f5f5f5;
}

tr.drag {}

tr.drag-previous {}

tr.odd td.active {
  background-color: #eee;
}

tr.even td.active {
  background-color: #ebebeb;
}

.lt-ie8 tr {}

.lt-ie8 tr.even,
.lt-ie8 tr.odd {}

.lt-ie8 tr.even th,
.lt-ie8 tr.even td,
.lt-ie8 tr.odd th,
.lt-ie8 tr.odd td {
}

/*
 * Forum tables
 * Core sets white-space to nowrap, which makes no sense
 */
#forum td {}

#forum td .created,
#forum td .posts,
#forum td .topics,
#forum td .last-reply,
#forum td .replies,
#forum td .pager {
  white-space: normal;
}


/* =============================================================================
 *   Messages
 * ========================================================================== */

/* Left and right margin are set by the global gutter width */
div.messages {
  margin-bottom: 10px;
  margin-top: 10px;
}

div.messages ul {
  margin-top: 0;
  margin-bottom: 0;
}

div.status {}

div.warning {}

tr.warning {}

div.error,
tr.error {}

.error {}

.warning {}

/*
 * Unpublished nodes
 */
.node-unpublished,
.comment-unpublished {}

.node-unpublished,
.comment-unpublished {}

.node-unpublished p.unpublished,
.comment-unpublished p.unpublished {
  color: pink;
  color: rgba(239, 170, 170, 0.4);
  font-family: futura,"Arial Narrow",futura,sans-serif;
  font-size: 75px;
  font-weight: bold;
  height: 0;
  line-height: 1.2;
  margin: 0;
  padding: 0;
  overflow: visible;
  text-align: center;
  text-transform: uppercase;
  word-wrap: break-word;
}

/*
 * Otherwise these elements will appear below the "Unpublished" text
 */
.lt-ie8 {}

.lt-ie8 .node-unpublished > *,
.lt-ie8 .comment-unpublished > * {
  position: relative;
}


/* =============================================================================
 *    Maintenance pages
 * ========================================================================== */

.maintenance-page {}
.maintenance-page .container {
  padding: 40px 0;
}

.maintenance-page #site-name,
.maintenance-page #page-title {
  margin-top: 100px;
}

.db-offline {}

.db-offline .container {
  margin: 0 auto;
  padding: 40px 0;
  width: 100%;
  max-width: 960px;
}

.db-offline div.messages {
  margin: 20px 0 0;
}

.db-offline #content {
  padding: 20px 0;
}


/* =============================================================================
 *   Misc overrides for contrib modules
 * ========================================================================== */

/*
 * Admin menu overrides
 */
#admin-menu {
  margin: 0;
  padding: 0;
}

/*
 * Devel Module
 */
.dev-query {
  background: #eee;
  padding: 30px;
}

/*
 * Styleguide module tweaks
 */
#styleguide-header {
  padding: 0 10px;
}

#styleguide-header .item-list {
  font-family: inherit;
  margin: 0 20px 20px 0;
  min-height: 260px;
  width: auto;
}


.view-mode-block_vy h2
{
 font-size:2em;
text-align: left;
}




.node-kontakt
{
border-bottom: 2px solid #957F36;
padding-bottom: 5px;
padding-top: 5px;
}

.node-kontakt img
{
padding-left: 20px;
background: #fff;
}


.node-kontakt h2
{
text-align: left;
margin-top: 0px;
}



/* ds_Styles. */
.STYLE_float_left, .STYLE_float_left * {
	float: left;
    margin-top: 1px;
    margin-bottom: 2px;
    margin-right: 5px;
}

.STYLE_float_right, .STYLE_float_right * {
	float:right;

clear:both;
}

.relaterade_bilder_right {
	float:right;
  margin-bottom:0px;
  margin-left:3px;
clear:both;
}





.STYLE_flytunder
{

  margin-bottom:5px;
  margin-left:0;
  margin-right:5px;
float:left;
}


.lasmer {

margin-bottom: 0px;
    margin-top: -5px;
text-transform: uppercase;
font-size: 14px;
font-family: futura;
}



#widget_pager_bottom_nya_recept-block img {
  float:left;
  margin-bottom:5px;
  margin-left:0;
  margin-right:5px;

    max-width: 61px;
}

.receptblocktitel
{
text-transform: uppercase;
margin-bottom: 5px;

}


.views-slideshow-controls-bottom
{


  margin-left:0;
  margin-right:-5px;
margin-top:5px;
margin-bottom:-4px;

}



#block-views-nya-recept-block
{
  widht: 200px;

}


.region-sidebar-first {
    margin-left: -605px !important;
   
}

#views-exposed-form-receptsok-page , #views-exposed-form-b-page, #views-exposed-form-sok-forum-page

{
border-top: 5px solid #957F36;
 

    padding: 17px 0px 1px 20px;
}


.image-style-kontakt-blogg
{
 border-radius: 50%;
margin-bottom:0;
  margin:0px -2px -7px 2px !important;
max-width:50px;

}

.image-style-kontakt-recept
{
 border-radius: 50%;
margin-bottom:0;
  margin:0px -2px -7px 2px !important;
max-width:none;
max-width:55px;

}







.node-recept .group-left .image-style-kontakt-recept
{

  margin:18px -2px -7px 2px !important;


}


.comment .image-style-kontakt-recept 
{
    background: none;
    margin-bottom: 3px !important;
    margin-right: 2px !important;
}

.field-name-comment-body
{
 font-family: minion pro;
font-size:17px;
margin-top: 5px;
margin-bottom: -15px;
}



.comment .field-name-post-date {
    margin-bottom: 10px !important;
    margin-top: 3px !important;
}

.kontaktrecept 
{

margin-top:16px;
margin-left:15px;
position:absolute;
}

.kontaktrecept_label
{
margin-top:16px;
margin-left:-5px;
position:absolute;
}



.kategori
{
  float:left;
  margin-bottom:0px;
  margin-left:0;
  margin-right:8px;
margin-top:-1px;
font-size:17px;
line-height: 22px;
}


.field-label-inline .field-label, .field-label-inline .field-items 
{
display: inline;
float: none !important;

}

 .field-label-inline .field-label, .field-label-inline .field-items .field-name-field-tema
{
display: inline;
float: none !important;
font-weight: normal;
text-transform: uppercase;
  margin-left:35%;

}


.node-bok .field-label-inline .field-label, .field-label-inline .field-items .field-name-field-tema
{

text-transform: uppercase;
  margin-left:0%;

}





.field-name-field-tema

{

height:7px;
  margin-top:13px;
font-family: futura;


}


.kategori ul 
{
margin: 0 !important;
    padding: 0 !important;
list-style-type:none;
}


.field-name-field-blogg-kategori {


 font-size: 11px;
    margin-bottom: 5px !important;
    margin-top: 2px;

text-decoration: none;
z-index: 20;
color: #fff;


}

.field-name-field-blogg-kategori a {

color: #fff !important;
background: #b8a976;
padding: 2px 7px;
}




.field-name-field-blogg-kategori ul 
{
margin: 0 !important;
    padding: 0 !important;
list-style-type:none;
}

.field-name-field-taffelblogg a 
{

color: #957F36 !important;

}






.view-mode-full .kategori   
{

   text-align: center;
float: none;
margin-top: 30px;
}










.field-type-taxonomy-term-reference {

}

.field-type-taxonomy-term-reference a {


}





.field-name-field-kategori

{
font-weight:bold;

}

.field-name-field-kategori a

{


text-transform:uppercase;

}

.field-name-field-kategori a.active

{



}

.fb_edge_widget_with_comment{
 
 
    margin-top: 0px;

  
}

.node-relaterat
{


margin-top:5px;
margin-bottom:5px;

}

.node-relaterat h3
{






}



.view-mode-full .field-name-ds-user-picture
{
margin-right:-2px;
  margin-top:-14px;

}







.field-name-field-presentera-relaterat
{
   border-bottom: 1px solid #000000;
    font-family: minion pro;
    font-style: italic;
    font-weight: bold;
    margin-bottom: 20px;
    margin-top: 30px;
    padding-bottom: 12px;
    padding-top: 20px;

}

.view-mode-kompakt_relaterat h3
{
font-family:futura;
  font-size:17px;
  text-transform:uppercase;

}


.field-name-field-kolhydrater

{
margin-bottom:20px;

}

.field-type-fivestar {
  display:block;
  padding-top:35px;
  padding-bottom:12px;
}

.form-checkboxes .form-item, .form-radios .form-item {
  margin-bottom:0.1em;
  margin-left:1px;
  margin-top:0.4em;
}

label.option 
{
 

  margin-left:4px;
}

input.form-checkbox, input.form-radio 
{
  vertical-align:baseline;
}



.block-popularaste-recepten-block ol {
    counter-reset:li; /* Initiate a counter */
    margin-left:0; /* Remove the default left margin */
    padding-left:0; /* Remove the default left padding */
}
.block-popularaste-recepten-block ol > li {
    position:relative; /* Create a positioning context */
    margin:5px 0 6px 2em; /* Give each list item a left margin to make room for the numbers */
    padding:0px 3px; /* Add some spacing around the content */
    list-style:none; /* Disable the normal item numbering */
   
  
}
.block-popularaste-recepten-block ol > li:before 
{
    content:counter(li); /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    /* Position and style the number */
    position:absolute;
   
    left:0em;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;



    /* Some space between the number and the content in browsers that support
       generated content but not positioning it (Camino 2 is one example) */
    margin-right:8px;
margin-left:8px;
color:#fff;
font-weight:bold;

font-size: 5em;
text-shadow: 2px 2px 5px rgba(0,0,0,0.7);
line-height: 1em;
   
}
.block-popularaste-recepten-block li ol,
li ul 
{
margin-top:0px;
}




ol ol li:last-child {margin-bottom:0;}

.lista
{
margin-left:-28px !important;
}



html.js input.form-autocomplete {
 
border: 2px solid #D3D3D3;
    border-radius: 20px;
    padding: 6px 0px 6px 14px;

  
}




.fb-social-comments-plugin
{
margin-top:8px;
}

.galleryformatter .gallery-slides, .galleryformatter .gallery-thumbs 

{

padding-bottom: 10px;
}

.galleryformatter-greenarrows .gallery-thumbs {
  padding:0;
}

.galleryformatter-greenarrows .gallery-slides .panel-overlay 
{
  background-color:transparent;
  background-image:url(https://taffel.se/sites/all/modules/galleryformatter/gallerystyles/greenarrows/images/bg-trans.png);
  background-position:initial initial;
  background-repeat:repeat repeat;
  bottom:6px;
  color:white;
  left:0;
  position:absolute;
  width:100%;
font-size:12px;
}

.lasmerlank a {
  color:#957F36;
}

.view-puff
{

    position: absolute;
    z-index: 1;

margin-left: 676px;
    margin-top: -287px;
}
.view-puff img
{
 

 transform: rotate(-20deg);
 -ms-transform: rotate(-20deg);
 -webkit-transform: rotate(-20deg);

max-width:77px !important;
  transform:rotate(-20deg);
}

#block-views-puff-block
{



    margin-bottom: -33px;
    margin-top: 20px;
}





.view-puff .views-field-field-textlank a {
  background-color:#569593;
  color:#FFFFFF;
  font-size:105%;
  font-weight:bold;
  margin-left:-27px;
  margin-top:-42px;
  padding:0 7px;
  position:absolute;
 transform: rotate(-3deg);
 	-ms-transform: rotate(-3deg);
  -webkit-transform: rotate(-3deg);
  }




.field-name-post-date, .field-name-published-on 
{
 color: #5a5a5a;
margin-bottom: 0px;
font-size:70%;
}





.view-mode-full .field-name-post-date
{
  color:#000;
margin-top: 14px;
margin-bottom: -10px;
font-size:80%;


}

.view-id-header_anvandare
{
 margin-right:-18px;
  margin-left:-18px;
  margin-top:-32px;

  border: none !important;
margin-bottom: 10px;
}

.view-id-header_anvandare table
{
  border: none !important;
 border-top: none !important;

}


.view-id-header_anvandare tbody tr {
  border-top: 1px solid #fff;
}

.fb-comments-fluid, .fb-comments-fluid span, .fb-comments-fluid iframe {
  margin-top:4px;

}

.border .profilblock  .views-row 
{

border-bottom:none !important;

}

.node-bok h2
{

    margin-top: 0px;
    text-align: left;
}

.node-poll h2
{

    margin-top: 0;
    text-align: left;
}

.poll .vote-form {
    text-align: left;
}


.poll .vote-form .choices {
    display: table;
    margin: 0;
    text-align: left;
}

.node-poll .field-name-post-date 

{
margin-bottom: 8px;
  
}

.poll .total {
    text-align: left;
}

.poll  {
font-size: 14px;
}




.view-nya-fragor .image-style-kontakt-blogg {
    border-radius: 50%;
    margin: 1px 14px -19px 2px !important;
    max-width: 40px;
 box-shadow:none !important;


}

.view-nya-fragor .group-footer ul.links {
   
    font-size: 14px;
    padding-top: 0px;
    text-transform: uppercase;
margin: 10px 0px 0px;
}

.view-nya-fragor h3 {

    margin-bottom: 15px;
 margin-top: -3px;


   
}



.node-bok img {
  background-color:#FFFFFF;
  background-position:initial initial;
  background-repeat:initial initial;
  padding-left:30px;

 max-width: 200px;
}




.utfallande .node-bok img {
  background-color:#FFFFFF;
  background-position:initial initial;
  background-repeat:initial initial;
  padding-left:0px;
margin-bottom: 0px;
 max-width: 100%;
}


.utfallande .node-bok h3 {
 
margin-top: 15px;
}




.view-fler-blogginlagg
{

border-top: 5px solid #b8a976;
padding-top:15px;

}

.view-fler-blogginlagg .view-header 
{

margin-bottom:-8px;
  padding-left:25px;

}

.bloggat-av
{

}

.bloggat-av .view-header 
{

margin-bottom:-18px;


}

.receptblockmini .views-row

{

box-shadow:#D3D3D3 4px 3px 9px;
  margin-bottom:8px;
  margin-top:20px;
  padding:13px;
text-transform: uppercase;
}

.receptblockmini img
{

  max-width:100%;

}


#block-views-user-recept-block
{

margin-bottom:-4px;

  padding:0 !important;
}


#block-views-user-recept-block img
{
margin-top:0px;
box-shadow: none;
}

box-shadow

.block-backlinks-block-1 .node-relaterat {
  
  border-top:none;
  margin-bottom:0px;
  text-transform:uppercase;
margin-top:-13px;
}
.block-backlinks-block-1 .node-relaterat h3 
{

  font-size:1.1em;
margin-top:8px;
 
}




#ad_groups_258
{

  text-align:center;
margin-bottom: -30px;
 
}



.region-leaderboard
{

margin-bottom: -20px;
}

.views-slideshow-cycle-main-frame-row-item .views-field-name
{

  text-align:center;
margin-right: -30px;
float:left; 
}


.views-slideshow-cycle-main-frame-row-item
{

float:left;
 
}

.views_slideshow_cycle_teaser_section_anvandare_jatteblock-block
{

widht:1200px;
}
.overlay-open, html.overlay-open body {
    height: 100%;
    overflow: hidden;
}
body.admin-menu {
    margin-top: 60px !important;
}

 body .node .field-name-body , .node-recept , .field-name-field-presentation-ny
{
    color: #000;
    font-family: minion pro;
 font-size: 17px;
 

}

.view-id-receptsok .node-recept
{
 
 
    margin-bottom:20px;
}

html {
    font-size: 90%;
    line-height: 1.5;
}

.comment-wrapper .view-mode-full .field-name-ds-user-picture {
    margin-right: -2px;
    margin-top: -1px;
}

.node-forum .field-items .image-style-kontakt-recept {
  
  margin:15px -2px -6px 2px !important;
 
}

.node-forum .comment .field-items .image-style-kontakt-recept {
  
  margin:0px -2px -6px 2px !important;
 
}

.node-forum .view-mode-teaser .field-items .image-style-kontakt-recept  

{
  margin:0px -2px -6px 2px !important;
}


 .comment .group-header a{

  
  
 
}



 

.field-name-taxonomy-forums a {
 background-color:#957F36;
  color:#FFFFFF;
font-weight:bold;
  padding:7px 10px;
 


}
.field-name-taxonomy-forums li
{

    list-style: none outside none;
margin:-29px 0 -2px -60px;
}

.form-item-subject
{

 
font-size:96%;
}

.block-forum .block-content ul {
 margin:12px 0 0 -3px;

}



.region-tertiary-content {
  margin:-20px;
}

.field-name-field-relaterat-innehall
{
 margin-top:10px;

}

.view-comments-recent caption
{
 margin-top:10px;
font-weight:bold;
font-size:1.3em;

}




.maintenance-page #site-name, .maintenance-page #page-title {
  margin-top:100px;
}

.group-right {
margin-top: 8px;
  float:right;
  width:85%;
}

.group-left {
margin-top: 8px;
  float:left;
  width:15%;
}

.ds-2col-stacked-fluid > .group-left {
    float: left;
    width: 65%;
}

.ds-2col-stacked-fluid > .group-right {
    float: right;
    width: 34%;
}

.node-form button, input {
    line-height: normal;
    max-width: 98%;
}

#edit-field-presentera-relaterat-und-0-value
{
 
   margin-bottom: 14px;
    width: 98%;
}

#edit-field-relaterat-innehall-und-0-target-id {
   
    width: 98% !important;
}




.node-teaser .group-right {
border-left: 1px solid #5a5a5a;
    float: right;
    margin-bottom: 4%;
    margin-left: 0;
    margin-top: 1px;
    padding-left: 15px;
    width: 54%;
}


.view-mode-teaser_med_ad .group-left 

{
margin-top: 0px;
margin-bottom: 5%;
  float:left;
  width:37%;
text-align: right;
}

.view-mode-teaser_med_ad .group-right {
border-left: 1px solid #5a5a5a;
    float: right;
    margin-bottom: 2%;
    margin-left: 0;
    margin-top: 1px;
    padding-left: 15px;
    width: 55%;
font-family: futura,sans-serif;
text-transform: uppercase;

}




.node-teaser .group-left {
margin-top: 0px;
margin-bottom: 5%;
  float:left;
  width:37%;
text-align: right;

}


.node-recept .group-right {
border-left: 1px solid #5a5a5a;
    float: right;
    margin-bottom: 2%;
    margin-left: 0;
    margin-top: 1px;
    padding-left: 15px;
    width: 55%;
font-family: futura,sans-serif;
text-transform: uppercase;

}



.node-recept .group-left {
margin-top: 0px;
margin-bottom: 5%;
  float:left;
  width:37%;
text-align: right;

}


.field-type-taxonomy-term-reference a
{

text-transform: uppercase;
}

.field-type-taxonomy-term-reference {
  margin-bottom:0px;
}

.field-name-author
{
text-transform: uppercase;


}

html.js fieldset
{
font-weight:bold;
}


/* Styling för profilomslag */
#block-ds-extras-profilomslag .field-type-image 
{

background: #fff;


}



#block-ds-extras-profilomslag .field-name-ds-user-picture img
{
background: #fff ;
 
    margin-left: 4%;
    margin-top: 17%;
    padding: 6px;
position: absolute;
    z-index: 1;
 box-shadow: 4px 3px 9px #000;
 max-width: 200px;
}


.view-nya-recept img
{

 max-width: 260px;
}


.view-bcker .field-name-field-omslag
{

 max-width: 200px;
margin-left:20px !important;
}

#block-ds-extras-profilomslag
{

background: #fff;
min-height: 460px; 

position: relative;
    z-index: 1;
}

#block-ds-extras-profilomslag .field-name-name h2
{

color: #fff;
    font-size: 3em;
    margin-left: 25%;
    margin-top: 30.4%;
    position: absolute;
    z-index: 2;
 text-shadow: 4px 3px 9px #000;
font-family: futura;
}


#block-ds-extras-profilomslag .field-name-field-bloggnamn
{

color: #fff;
    font-size: 4.03em;
    margin-left: 25%;
    margin-top: 23.5%;
    position: absolute;
    z-index: 2;
 text-shadow: 4px 3px 9px #000;
text-transform: uppercase;
}



.field-name-field-omslagsbild .vocabulary-fran-taffelbloggen

{

position: relative;
 
    z-index: 1;

}




 .group-header .field-name-field-omslagsbild
{
  margin-right:-8px;

}










.vocabulary-fran-taffelbloggen  h2
{

color: #fff;
    font-size: 2.8em;
    margin-left: 2%;
    margin-top: -5%;
    position: absolute;
    text-shadow: 4px 3px 9px #000;
    z-index: 9;
}


#block-ds-extras-stort-huvud  .vocabulary-fran-taffelbloggen h2 {

    font-size: 4.5em;
    margin-left: 4%;
    margin-top: -10%;
   
}



#block-ds-extras-stort-huvud-tax  h2 {
   color: #fff;
    font-size: 4.5em;
    margin-left: 4%;
    margin-top: -102px;
    padding-bottom: 44px;
    text-align: left;
 text-shadow: 4px 3px 9px #000;
   
}

.block-stort-huvud-tax   {
   
    margin-top: -20px;

   
}


.page-taxonomy .block-stort-huvud-tax
 {
   
    margin-top: 0px;

   
}









#block-ds-extras-profilomslag .block-inner 
{
    padding: 0px 0px 0px;
}

#block-ds-extras-stort-huvud .block-inner 
{
    padding: 0px 0px 0px;
margin-top: -10px;
}

#block-ds-extras-stort-huvud-tax .block-inner 
{
    padding: 0px 0px 0px;
}









/* Styling för bloggbilder på gamla taffel */
.field-type-text-with-summary img
{

float: left;
    margin-bottom: 7px;
    margin-right: 20px;
  
}


.node-recept .field-type-text-with-summary img {
    float: right;
    margin-bottom: 3px;
    margin-left: 20px;
  margin-right: 0px;
    margin-top: 6px;
}

.views-field-picture
{

float: left;
    margin-bottom: 0px;
    margin-right: 0px;
    margin-top: 6px;
}

.field-name-field-visahar-form, .form-item-field-veckans-blog-und , .field-name-field-taggar-form
{

  
}





.group-footer .view-mode-full   {

  float:none;


}

.group-footer  .view-mode-teaser  {

  float:none;


}

.view-content 
 {

font-size: 14px;
font-family: futura;




}






.field-name-ds-user-picture .caption p, pre {
        display: none;
    
}

 .view-mode-relaterat .caption p, pre
{
        display: none;
    
}







.view-admin-frosting-content .views-exposed-form .views-exposed-widget {
    height: 190px;
    width: 180px;
}

#views-form-admin-frosting-content-page  img embed object
{
    max-height: 100px !important;
    max-width: 100px !important;
 float: left;
margin-right: 10px;
}

#views-form-klon-av-admin-frosting-content-page img embed object 
{
    max-height: 100px !important;
    max-width: 100px !important;
 float: left;
margin-right: 10px;
}





#views-form-klon-av-admin-frosting-content-page, #views-form-admin-frosting-content-page  .views-field-body
{
font-size: 90%;
}


#views-form-klon-av-admin-frosting-content-page, #views-form-admin-frosting-content-page  
{
font-size: 80%;
}

.field-name-field-ingredienser p, pre 
{

    color: #000;
    font-family: futura !important;
    font-size: 14px;
   
   
    
}


.field-name-field-ingredienser 
{

background-color:#E1DAC1;
  background-position:initial initial;
  background-repeat:initial initial;
  margin-bottom:28px;
  margin-top:30px;
  max-width:300px;
padding:14px 20px 20px;

}

 .field-name-field-ingredienser .label-above
{
border-bottom-color:#000000;
  border-bottom-style:solid;
  border-bottom-width:1px;
  font-family:futura !important;
  font-size:17px;
  margin-bottom:9px;
  padding-bottom:6px;
  text-transform:uppercase;


}






.label-above
{
text-transform: uppercase;
 margin-top:1.5em;

    
}


.field-name-field-intro
{  


  font-size: 17px;

}


.view-mode-full .field-name-field-intro
{  border-top-style:solid;
  border-top-width:1px;
  font-style:italic;
  padding-top:20px;
}





.view-mode-relaterat .field-name-field-intro
{  border: none;
 padding-top:5px;
}


.view-mode-relaterat .field-name-field-receptbild 
{  
margin-bottom:19px;
}





.shareaholic-share-buttons-container.center-align {
    margin-left: -21px;
    margin-top: 17px;
    text-align: center;
}


.shareaholic-share-buttons-container .shareaholic-share-buttons-wrapper {
  display:inline-block;
  margin-bottom:-9px;
  margin-left:-14px;
  margin-top:-7px;
  text-align:left;
}


.shareaholic-share-buttons-container.round {

    margin-bottom: -14px !important;
}


#player
{
max-widht: 200px !important;
}

.manualcrop-inline .manualcrop-buttons {
  display:none;
  
}


.relateradlas
{

border-bottom-style:solid;
  border-bottom-width:1px;
  font-family:futura;
  padding-bottom:10px;
  text-transform:uppercase;
font-size: 14px;

}


.sidebar-first .content-inner {
    margin-left: 0;
    margin-right: 0px !important;
}

.views-exposed-form label {
    font-size: 13px;
    font-weight: normal;
    margin-left: 11px;
   
    text-transform: uppercase;
display: none;
}



.views-exposed-form .views-exposed-widget .form-submit {
       margin-left: 1px;
    margin-top: 0px;
}

html.js input.form-autocomplete {

    background-position: 97% center;

}



#edit-field-presentera-relaterat
{
margin: 30px 0 -31px;
}


@font-face {
  font-family: 'fontello';
  src: url('../font/fontello.eot?31624952');
  src: url('../font/fontello.eot?31624952#iefix') format('embedded-opentype'),
       url('../font/fontello.woff?31624952') format('woff'),
       url('../font/fontello.ttf?31624952') format('truetype'),
       url('../font/fontello.svg?31624952#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?31624952#fontello') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-facebook-circled:before { content: '\e800'; } /* '' */
.icon-facebook:before { content: '\e801'; } /* '' */
.icon-twitter:before { content: '\e802'; } /* '' */
.icon-twitter-circled:before { content: '\e803'; } /* '' */
.icon-pinterest-circled:before { content: '\e804'; } /* '' */
.icon-pinterest:before { content: '\e805'; } /* '' */
.icon-instagram:before { content: '\e806'; } /* '' */
.icon-instagram-circled:before { content: '\e807'; } /* '' */
.icon-mail:before { content: '\e808'; } /* '' */
.icon-mail-alt:before { content: '\e809'; } /* '' */
.icon-linkedin:before { content: '\e80a'; } /* '' */
.icon-linkedin-rect:before { content: '\e80b'; } /* '' */
.icon-vimeo:before { content: '\e80c'; } /* '' */
.icon-vimeo-rect:before { content: '\e80d'; } /* '' */
.icon-youtube:before { content: '\e80e'; } /* '' */
.icon-flickr-circled:before { content: '\e80f'; } /* '' */
.icon-flickr:before { content: '\e810'; } /* '' */


.field-name-field-sociala-lankar
{
 float: right;
    margin-bottom: -100px;
    margin-right: 16px;
    margin-top: 6px;
    position: relative;


}

.page-user-edit .field-name-field-sociala-lankar
{
float:none;
  margin-bottom:0px;
  margin-right:0px;
  margin-top:0px;
  position:relative;

}



.social-links .icon {
    background-color: #4a6ea9;
    border-radius: 33px;
    box-shadow: 1px 2px 4px #000;
    color: #fff;
    font-size: 23px;
    padding: 4px 3px;
}



.social-links ul {
  
    padding-bottom: 4px !important;
}

#block-ds-extras-profilomslag .field-label {
 color: #fff;
    font-size: 10px;
    font-weight: normal;
    margin-right: -10px;
    text-align: center;
    text-shadow: 2px 2px 2px #000;
  
}









#block-ds-extras-stort-huvud-tax .field-name-field-om-bloggen
{
background-color:rgba(0, 0, 0, 0.498039);
  color:#FFFFFF;
  font-size:85%;
  margin-bottom:258px;
  margin-left:41px;
  margin-top:-368px;
  padding:20px;
  position:absolute;
  width:334px;
  z-index:10;
}

#block-ds-extras-stort-huvud-tax h2 a {

  color:#FFFFFF;
}










.node-teaser  .group-header .field-name-field-storbild img{
 
display: block;
    max-height: 450px;
    object-fit: cover;
width: 508px;
}



.field-name-field-rubrik-for-credit
{
font-family:futura, sans-serif;

text-transform: uppercase;
float: left;
  margin-right:4px;

}


.field-name-field-credit
 {
font-family:futura, sans-serif;
text-transform:uppercase;


}


.field-name-field-credit li {
    list-style: outside none none;
}







.shareaholic-cookie-consent .shareaholic-button-set .shareaholic-accept-button {
    background: #957F36 none repeat scroll 0 0 !important;
    color: #fff;
}
.shareaholic-cookie-consent .shareaholic-button-set .consent-button {
    cursor: pointer;
    display: inline-block;
    font-family: "futura",helvetica,arial,sans-serif !important;
    font-size: 13px;
    margin-left: 10px;
    padding: 6px 12px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

.shareaholic-cookie-consent .shareaholic-button-set .shareaholic-accept-button {
    background-color: #957F36 !important;
}

.shareaholic-cookie-consent {
    font-family: "futura","helvetica neue",helvetica,arial,sans-serif !important;
}



.caption  p, pre  {
  color:#fff;

}

.field-name-field-storbild p, pre  {
  color:#000;


}


.view-mode-full .field-name-field-storbild p, pre  {

margin-top: 5px;

}

.image-large  p, pre  {
  color:#000;

}

.image-liten  p, pre  {
  color:#000;

}

.field-name-field-receptbild  p, pre  {
  color:#000;


}




.view-mode-kompakt_relaterat .caption  p, pre  {
  color:#fff;
display: none;


}

.view-mode-kompakt_relaterat .caption  {
background: #fff !important;


}


.view-mode-kompakt_relaterat .STYLE_float_right .caption {
  margin-right:0;
margin-bottom:0;

  padding:0px;
}


.view-mode-kompakt_relaterat .field-type-image figure, .field-type-image figcaption {
  background-color:#fff;
margin-top:-13px;

 
}


.node-kompakt-relaterat
{
box-shadow:#C3C3C3 4px 3px 9px;
padding:8px 0 0 16px;

 
}


.disqus_comments_num
{


 
}


img.dsq-widget-avatar {

    border-radius: 50%;
   margin-right: 10px !important;
padding: 0 !important;
}


 .view-mode-print .field-name-field-receptbild
{
 width: 20% !important;



}

 .view-mode-print .field-type-image figure, .field-type-image figcaption {


background: none !important;
}

 .view-mode-print .field .field-label {
    font-weight: bold;
    text-align: left;
}



.view-mode-print .field-name-field-ingredienser {
  background-color:#fff;
  float:left;
  margin-bottom:28px;
  margin-top:0px;
margin-right: 25px;
  max-width:300px;
  padding:0px 0px 0px;
border-right: 1px solid;
}


.print-footnote {font-size: xx-small;

}

img.print-logo {
 width: 20% !important;
border: 0;
padding: 20px !important;

}



.print-site_name {
display: none;
}
.print-breadcrumb {font-size: x-small;
display: none;
}
.print-title {}
.print-submitted {font-size: small;}
.print-created {font-size: small;}
.print-taxonomy {text-align: left;}
.print-taxonomy li {display: inline;}
.print-content {
padding: 20px;

}
.print-hr {
  border: 0;
  height: 1px;
  width: 100%;
  color: #9E9E9E;
  background-color: #9E9E9E;
}
.print-message {
  border: medium dotted blue;
  padding: 1em;
}
.print-source_url {font-size: small;
padding-left: 20px;
}
.print-links {font-size: small;}
.print-footer {text-align: center;}


#block-views-anv-ndare-bloggheader-block img
{
margin-bottom: 9px;
    margin-top: -18px;
    width: 214px !important;


}

.view-header-anvandare .username
{
 display: inline-block;
    height: 80px;
color: transparent;


}
  
.view-header-anvandare a:hover
{

 
color:#000;
  text-decoration: none;
text-align: center;

}





.toppnamn

{
 display: inline-block;
    height: 80px;
    margin-bottom: -80px;
    width: 54px;
    white-space: nowrap;
color: transparent;
 text-transform: uppercase;
margin-left:-5px;
  padding-left:5px;
border-left: 1px solid;

}

.col-last .toppnamn 
{
overflow:hidden;
 margin-bottom: -67px;
  padding-left:5px;

}


.toppnamn:hover
{

 
color:#000;
  text-decoration: none;
text-align: center;
border-left: 1px solid #957F36;

}





.views-field-field-bloggnamn 
{

 
font-size: 1.3em;
    text-transform: uppercase;
}



.views-field-name h3
{

 
font-family: futura;
 
}


.view-puff .views-row-first
{

 

 
}


 .view-puff .views-row-first img {
margin:-11px 0 21px 7px;
  max-width:47px !important;
  transform:rotate(-20deg);
}

.view-puff .views-row-last
{

 margin-left:15px;
  margin-top:-48px;

 
}


#block-menu-menu-logga-in ul.menu li a 

{

padding: 5px 15px;
border: 2px solid;
border-radius: 20px;
text-transform: uppercase;

}

#block-menu-menu-logga-in ul.menu li a:hover 

{


border: 2px solid #957f36;


}



#block-menu-menu-logga-in ul li.leaf {

    list-style-type: none;
}

#block-menu-menu-logga-in 

{


}

.region-content-aside {
    margin-left: 30%;
   
}



.form-submit {
   padding: 5px 15px;
border: 2px solid;
border-radius: 20px;
    color: #957f36;
background: #fff;
text-transform: uppercase;
}

.form-submit:hover {

border: 2px solid #957f36;
border-radius: 20px;
    color: #fff;
background: #957f36;

}











.blog_usernames_blog a
{
display: none;
   
}

.field-name-submitted-by

{
text-transform: uppercase;
margin: 25px 0px -10px;
font-size: 12px;
   
}


.view-footer
{
border-top: 1px solid #957F36;
 margin-top:8px;
 padding-top:8px;
   
}


.view-receptsok .ds-2col-stacked > .group-footer {

  display:none;
}


.block-user-recept-block-1 .field-name-field-intro {
border:none;
  font-size:17px;
  font-style:normal;
  padding-top:10px;
}

.block-forstasidan-block-1 .field-name-field-intro {
border:none;
  font-size:17px;
  font-style:normal;
  padding-top:10px;
}


.block-forstasidan-block-1 .field-name-field-intro img {
display: none;
}

.block-user-recept-block-1 .field-name-field-intro img {
display: none;
}



.field-name-adsense-body {
    margin-top: 25px;
}

.field-name-adsense-teaser
{
    margin-top: 20px;
}



.views-slideshow-pager-fields .active img {
  border:0px solid #000000;
}

.views-slideshow-pager-fields > div {
    padding-left: 0px;
}


#block-block-14
{
    margin-top: -24px;
}

.views-slideshow-pager-fields img {
    max-height: 75px;
    max-width: 62px;
}

.views-slideshow-pager-fields .active {
    text-decoration: none;
}