/*
	Fluid Baseline Grid v1.0.0
	Designed & Built by Josh Hopkins and 40 Horse, http://40horse.com	
	Licensed under Unlicense, http://unlicense.org/
	Base stylesheet with CSS normalization, typographic baseline grid and progressive responsiveness
	Drupal 6 Theme and Drupal 7 Theme by Jason Moore and Arbor Web Development, http://arborwebdev.com
*/

/* HTML5 DECLARATIONS */
article, 
aside, 
details, 
figcaption, 
figure,  
header, 
hgroup, 
menu, 
nav, 
section, 
dialog {
  display: block;
  background-color:#fff;
}

footer {display: block;}
audio[controls],
canvas,
video {
  display: inline-block; 
  *display: inline; 
  zoom: 1
}

/* BASE */
html {
  height: 100%; 
  font-size: 100%; 
  overflow-y: scroll; 
  -webkit-text-size-adjust: 100%
} /* Force scrollbar in non-IE and Remove iOS text size adjust without disabling user zoom */
body {
  margin: 0 auto; 
  min-height: 100%;
  background-color:#f2f3ef; 
  -webkit-font-smoothing:antialiased; 
  font-smoothing:antialiased; 
  text-rendering:optimizeLegibility; 
  /* background:url('../images/24px_grid_bg.gif') 0 1.1875em */
} /* Improve default text rendering, handling of kerning pairs and ligatures */

/* DEFAULT FONT SETTINGS */
/* 16px base font size with 150% (24px) friendly, unitless line height and margin for vertical rhythm */
/* Font-size percentage is based on 16px browser default size */
body, 
button, 
input, 
select, 
textarea {
  font: 100%/1.5 "Open Sans", Arial, Helvetica, sans-serif; 
  *font-size: 1em; 
  color: #000
} /* IE7 and older can't resize px based text */
p, 
blockquote, 
q, 
pre, 
address, 
hr, 
code, 
samp, 
dl, 
ol, 
ul, 
form, 
table, 
fieldset, 
menu, 
img {
  margin: 0 0 1.5em; 
  padding: 0
}

/* TYPOGRAPHY */
/* Composed to a scale of 12px, 14px, 16px, 18px, 21px, 24px, 36px, 48px, 60px and 72px */
h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
  color: #222222;
  font-family: "Droid Serif", Georgia,Palatino,"Palatino Linotype",Times,"Times New Roman",serif;
  font-style: normal;
  font-weight: 400;
}
/* h1 {
  margin: 0; 
  font-size: 3.75em; 
  line-height: 1.2em; 
  margin-bottom: 0.4em
} /* 60px / 72px */
h1 {
  margin: 0; 
  font-size: 3em; 
  line-height: 1em; 
  margin-bottom: 0.5em
} /* 48px / 48px */
h2 {
  margin: 0; 
  font-size: 2em; /* Was 2.25em */ 
  line-height: 1.3333333333333333333333333333333em; 
  margin-bottom: 0.6667em
} /* 36px / 48px */ 
h3 {
  margin: 0; 
  font-size: 1.5em; 
  line-height: 1em; 
  margin-bottom: 1em
} /* 24px / 24px */
h4 {
  margin: 0; 
  font-size: 1.3125em; 
  line-height: 1.1428571428571428571428571428571em; 
  margin-bottom: 1.1428571428571428571428571428571em
} /* 21px / 24px */
h5 {
  margin: 0; 
  font-size: 1.125em; 
  line-height: 1.3333333333333333333333333333333em; 
  margin-bottom: 1.3333333333333333333333333333333em
} /* 18px / 24px */
p, 
ul, 
blockquote, 
pre, 
td, 
th, 
label {
  margin: 0; 
  font-size: 1em; 
  /* line-height: 1.5em; */
  margin-bottom: 1.5em 
} /* 16px / 24px */
small, 
p.small {
  margin: 0; 
  font-size: 0.875em; 
  line-height: 1.7142857142857142857142857142857em;
  margin-bottom: 1.7142857142857142857142857142857em 
} /* 14px / 24px */

/* CODE */
pre {
  white-space: pre; 
  white-space: pre-wrap; 
  word-wrap: break-word
} /* Allow line wrapping of 'pre' */
pre, 
code, 
kbd, 
samp {
  font-size: 1em; 
  line-height: 1.5em; 
  margin-bottom: 1.5em; 
  font-family: Menlo, Consolas, 'DejaVu Sans Mono', Monaco, monospace
}

/* TABLES */
table {
  border-collapse: collapse; 
  border-spacing: 0; 
  margin-bottom: 1.5em
}
th {
  text-align: left
}
tr, 
th, 
td {
  padding-right: 1.5em; 
  border-bottom: 0 solid #333
}

/* FORMS */
form {margin: 0}
fieldset {
  border: 0;
  padding: 0
}
textarea {
  overflow: auto; 
  vertical-align: top
}
legend {
  *margin-left: -.75em
}
button, 
input, 
select, 
textarea {
  vertical-align: baseline; 
  *vertical-align: middle /* IE7 and older */
} 
button, 
input {
  line-height: normal; 
  *overflow: visible
}
button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button
}
input[type="checkbox"], 
input[type="radio"] {
  box-sizing: border-box
}
input[type="search"] {
  -webkit-appearance: textfield; 
  -moz-box-sizing: content-box; 
  -webkit-box-sizing: content-box;	
  box-sizing: content-box
}
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none
}
button::-moz-focus-inner, 
input::-moz-focus-inner {
  border: 0; 
  padding: 0
}

/* QUOTES */
blockquote, 
q {
  quotes: none
}
blockquote:before, 
blockquote:after, 
q:before, 
q:after {
  content: ''; 
  content: none
}
blockquote, 
q, 
cite {
  font-style: italic
}
blockquote {
  padding-left: 1.5em; 
  border-left: 3px solid #ccc
}
blockquote > p {
  padding: 0
}

/* LISTS */
ul, 
ol {
  list-style-position: inside; 
  padding: 0
}
li ul, 
li ol {
  margin: 0 1.5em
}
dl dd {
  margin-left: 1.5em
}
dt {
  font-family:"Droid Serif", Georgia,Palatino,"Palatino Linotype",Times,"Times New Roman",serif;
}

/* HYPERLINKS */
a {
  text-decoration: none; 
  color:#e33d26
}
a:hover {
  text-decoration: underline
}
a:focus {
  outline: thin dotted
}
a:hover, 
a:active {
  outline: none /* Better CSS Outline Suppression */
} 

/* MEDIA */
figure {
  margin: 0
}
img, 
object, 
embed, 
video {
  max-width: 100%;	
  _width: 100%;
} /* Fluid images */
img {
  border: 0;
  -ms-interpolation-mode: bicubic /* Improve IE's resizing of images */
} 
svg:not(:root) {
  overflow: hidden /* Correct IE9 overflow */
} 

/* ABBREVIATION */
abbr[title], 
dfn[title] {
  border-bottom: 1px dotted #333; 
  cursor: help
}

/* MARKED/INSERTED/DELETED AND SELECTED TEXT */
ins, 
mark {
  text-decoration: none
}
mark {
  background: #e33d26
}
ins {
  background: #d49855
}
del {
  text-decoration: line-through
}
::-moz-selection {
  background: #e33d26; '
  color: #fff; 
  text-shadow: none /* selected text */
} 
::selection {
  background: #e33d26; 
  color: #fff; 
  text-shadow: none /* selected text */
} 

/* OTHERS */
strong, 
b, 
dt { 
  font-weight: bold
}
dfn {
  font-style: italic
}
var, 
address {
  font-style: normal
}
sub, 
sup {
  font-size: 75%; 
  line-height: 0; 
  position: relative; 
  vertical-align: baseline
} /* Position 'sub' and 'sup' without affecting line-height */
sup {
  top: -0.5em
} /* Move superscripted text up */
sub {
  bottom: -0.25em
} /* Move subscripted text down */
span.amp{
  font-family:Adobe Caslon Pro,Baskerville,"Goudy Old Style","Palatino","Palatino Linotype","Book Antiqua","Droid Serif", Georgia,"Times New Roman",Times,serif;
  font-style:italic;
  font-size:110%;
  line-height:0;
  position:relative;
  vertical-align:baseline
} /* Best available ampersand */

/* MICRO CLEARFIX HACK */
.cf:before, 
.cf:after {
  content:"";
  display:table
} /* For modern browsers */
.cf:after {
  clear:both
}
.cf {
	background-color:#fff;
  zoom:1;
} /* For IE 6/7 (trigger hasLayout) */

/* DEFAULT MOBILE STYLE */
body {
  width: 92%; 
  margin: 0 auto
} /* Center page without wrapper */

.banner_left, .banner_right { 
      
   display: none;
}
/* column grid */
.g1,
.g2,
.g3{
display:block;
position: relative;
margin-left: 2%;
margin-right: 2%
}

/* 1 column grid */
.g1,
.g2,
.g3{
  width:96.0%
}

/* media Queries

FOLDING FLUID GRID
< 767px			- 1-Column Fluid Grid
768px - 1023px	- 2-Column Fluid Grid
> 1024px			- 3-Column Fluid Grid
Change widths as necessary
------------------------------------------- */

/* MOBILE PORTRAIT */
@media only screen and (min-width: 320px) {
  body {
		
  }
}

/* MOBILE LANDSCAPE */
@media only screen and (min-width: 480px) {
  body {
		
  }
}

/* SMALL TABLET */
@media only screen and (min-width: 600px) {
  body {
		
  }
}

/* TABLET/NETBOOK */
@media only screen and (min-width: 768px) { 
  body {
		
  }

  /* COLUMN GRID */
  .g1,
  .g2,
  .g3 {
    display:inline; 
	float: left
  }

  /* 2 COLUMN GRID */
  .g1 {
    width:46.0%
  }
  .g2 {
    width:46.0%
  }
  .g3 {
    width:96.0%
  }
}

/* LANDSCAPE TABLET/NETBOOK/LAPTOP */
@media only screen and (min-width: 1024px) { 
  body {

  }
	
  /* 3 COLUMN GRID */
  .g1 {
    width:32%;
  }
  .g2 {
    width:58%;
  }
  .g3 {
    width:96.0%
  }
}

@media only screen and (min-width: 992px) { 
/* DESKTOP */
  body {
max-width:930px
  }
}

/* WIDESCREEN */
/* Increased body size for legibility */
@media only screen and (min-width: 1250px) { 
  body {
    font-size:100%; 
	/* background:url('../images/28px_grid_bg.gif') 0 1.25em; */
	max-width:930px
  } /* 18.5px / 28px */
    
    .banner_left { 
      display: block;
    position: fixed;
    margin-left: -160px;
    top:180px;
}

.banner_right { 
  display: block;
    position: fixed;
    top:180px;
    margin-left: 930px;
}
}


/* PRINT */
@media print {
  * {
    background: transparent !important; 
	color: black !important; 
	text-shadow: none !important; 
	filter:none !important; 
	-ms-filter: none !important
  } /* Black prints faster */
  a, a:visited {
    color: #444 !important; 
	text-decoration: underline
  }
  a[href]:after {
    content: " (" attr(href) ")"
  }
  abbr[title]:after {
    content: " (" attr(title) ")"
  }
  .ir a:after, 
  a[href^="javascript:"]:after, 
  a[href^="#"]:after {
    content: ""
  }  /* Don't print links for images, javascript or internal links */
  pre, 
  blockquote {
    border: 1px solid #999; 
	page-break-inside: avoid
  }
  thead {
    display: table-header-group
  } /* Repeat header row at top of each printed page */
  tr, 
  img {
    page-break-inside: avoid
  }
  img {
    max-width: 100% !important
  }
  @page {
    margin: 0.5cm
  }
  p, 
  h2, 
  h3 {
    orphans: 3; 
	widows: 3
  }
  h2, 
  h3{
    page-break-after: avoid
  }
}

/* Drupal Styles */
body.admin-menu {
    margin-top: 40px !important
}
h1#site-name,
div#site-name {
  font-size: 2em;
  font-weight: bold;
  font-family: "Droid Serif", Georgia,Palatino,"Palatino Linotype",Times,"Times New Roman",serif;
 
  line-height: 2em;
  margin: 0 0 0.5em;
  text-align:center;
}

h1#site-name a, div#site-name a {color:#000;}
h1#site-name a:hover, div#site-name a:hover { text-decoration:none;}

h2#site_slogan {
  font-size: 1.3125em;
  line-height: 1.14286em;
  margin: 0 0 1.14286em
}
h2 {
  font-size: 2em;
  line-height: 1.33333em;
  margin: 0 0 0.6667em
}
img#logo {
  margin: 0;
  padding-right: 10px
}
#mission {
  border: 1px solid #e33d26;
  padding: 1em;
  margin-bottom: 1em;
}

/* Menu Styles */
#tabs-wrapper ul.primary {
  border: none
}
#block-system-main-menu ul.menu li {
  display: block;
  float: left;
  list-style:none
}
.block-menu {
  overflow: hidden;
  margin-bottom: 20px
}
#block-system-main-menu li.expanded,
#block-system-main-menu li.collapsed,
#block-system-main-menu li.leaf {
  padding: 0
}
header ul.menu li,
header ul.links li,
.region-footer ul.menu li,
.region-footer ul.links li,
nav ul.links li {
  

  list-style: none;
  margin-bottom: 1em;
  padding: 0 .2em
}
nav ul.links li,
nav ul.menu li {
  font-size: 100%;
    font-weight: 600;
    text-transform: uppercase;

}
nav ul.links li a {
	margin-right:20px;
  
}
nav ul.links li a:hover,
nav ul.links li a:focus {
 
  text-decoration: none
}
nav ul.links li a.active {
  color: #e33d26;
  text-decoration: underline;
}
#header div.block-menu,
.region-footer div.block-menu {
  clear: left
}
#primary-menu {
  
  text-align:center;
  border-bottom: 1px solid #e6e7e3;
}

#page {padding-top:1.2em;}

/* Styled Drupal Tabs */
ul.primary li a {
  padding: .5em;
}
ul.primary li a:hover,
ul.primary li a:focus {

}
ul.primary li.active a {

}

/* Tilføjelser */

#mybanner {
	position:fixed;
top:180px;
}

.clear-block {
    border-bottom: 1px solid #e6e7e3;
	margin-bottom:0.8em;
}

.bannerright, .block-search, .fb-social-likebox-plugin {text-align:center;}

#sidebar2 .block {margin-bottom:20px; }

#sidebar2 #block-block-7,
#sidebar2 #block-views-OpskrifterBlok-block_1,
#sidebar2 #block-views-ArtikelBlok-block_1
{border-bottom: 1px solid #e6e7e3;}

#sidebar2 img {
	float:left;
	vertical-align: top;
	margin: 0 1em 1em 0;
}

#sidebar2 .views-row {
    min-height: 61px;
}

.field-field-topbillede {text-align:center; margin-top:20px;}

.submitted {
    color: #666;
    display: inline;
    font-size: 0.8em;
	font-style:italic;
	line-height:1.5em; 
}

ul.links li {
    display: inline;
    list-style-type: none;
    padding: 0 1em 1em 0;
	float:left;
}

nav ul.links li { float:none;}
nav ul.links {padding-bottom:1em;}


#footer {margin-top:0.8em;}

#footer-links a {padding-right:1em;}

.block ul {
    margin: 0;
    padding: 0 0 1em 1em;
}

.print-link {
    display: block;
    float: right;
    margin-top: -38px;
}

.terms-inline {
    display: block;
	font-size:0.8em;
	
}

li a.active { color:#e33d26;}



.bannertop img {margin:0;}

.bannerright {display:block;}
#sidebar2 .bannerright img {float:none;}
#sidebar2 label {display: none;}

.form-text {max-width: 95%}

#popup-text a {
    color:white;
    text-decoration: underline;
}

@media screen and (max-width: 992px) {
#block-block-6 {
    display: none;
}
}


#adform-wallpaper-right,
#adform-wallpaper-left {
    z-index: -1 !important;
}

.recipe-summary {
    float: left;
    margin: 1em 0;
}