html { 
	font-size: 100%; 
	overflow-y: scroll; 
	-webkit-text-size-adjust: 100%; 
	-ms-text-size-adjust: 100%; 
	font-family: "Helvetica Neue",Hevetica,Arial,sans-serif;
}
    
/* Layout ---------------------------------------------------- */
body {
    font-family: "Helvetica Neue",Hevetica,Arial,sans-serif;
	background: #FFF none repeat scroll 0% 0%;
    color: #333;
    line-height: 1.7;
	-webkit-font-smoothing: antialiased; 
	margin: 0;
	text-align:center;
	padding:0;
}
.container {
	max-width: 68%; 
	position:relative;
  	margin-right: auto;
  	margin-left: auto;
}
p { 
  margin-top: 0;
  text-align:left;
}
#main {
  position: relative;
  z-index: 3;
}

/* Buttons, gør submitknappen grå ----------------------------------------- */
.knap a.button, .knap button.button, .knap input.button, .knap #respond input#submit, .knap #content input.button, .knap-page a.button, .knap-page button.button, .knap-page input.button, .knap-page #respond input#submit, .knap-page #content input.button {
  background: #E9E9E9; 
  color: #333;
  border-color: #D0D0D0;
  text-shadow: none;
  border-style: solid;
  border-radius: 0;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom:20px;
}

/* generelle links class, farve når musen holdes over links, gælder ikke i header-title --------*/ 
a, a:visited, a:active, a:focus { 
	color: #0088CC; 
	text-decoration: none; 
	outline: none;
}
 a:hover { 
	color: #005580; 
	text-decoration: underline; 
}

/* Typografi --------------------------------------------------------------*/
h1,h2,h3,h4,h5,h6 { 
	color:#333; 
	font-family:"Helvetica Neue", Hevetica, Arial, sans-serif; 
	font-weight: 600; 
	margin-top:0; 
}

h1 { font-size: 2em; line-height: 1.35; margin-bottom: 0.5em; }
h2 { font-size: 1.6em; line-height: 1.7em; margin-bottom: 0.5em; }
h3 { font-size: 1.5em; line-height: 1.5em; margin-bottom: 0.5em; }
h4 { font-size: 1.1em; line-height: 1.25; margin-bottom: 1em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1em; }
h6 { font-size: .8em; font-weight: normal; text-transform: uppercase; margin-bottom:15px; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin:0; }

h7 {
	font-size: 1.4em; 
	font-weight: normal; 
	}

/* Header Featured  ---------------------*/ 
#header {
  min-height: 120px;
  background: #F2F2F2;
  position: relative;
  z-index: 5;
}
.header-baggrund {
	background-color: #F2F2F2;
}

.row {
	margin-left: auto;
	margin-right: auto;
	}
	
.site-title {
  margin: 0;
  font-size: 36px;
  font-weight: bold;
  line-height: 50px;
  padding:40px 0px 20px;
  text-align:left;
}
/*links class, farve når musen holdes over links */
#header-title a, #header-title a:visited {
  color: #333333;
  display: block;
  padding-top: 35px;
  text-decoration: none;
  text-align:left;
}
#header-title a:hover {
  color: #0088CC;
}
#header-menu {
  margin-top:80px;
} 
.menu-primary {
  margin: 0;
  width: auto;
  float: right;
}
.menu-primary li {
  padding-left: 30px;
}
.menu-primary a, #header-menu .menu-primary a:visited {
  color: #333333;
  display: block;
  padding: 50px 0;
  margin: 0;
  font-size: 1em;
  line-height: 20px;
  text-decoration: none;
}
.menu-primary a:hover {
  color: #0088CC;
}
.menu-primary li li a, #header-menu .menu-primary li li a:visited {
  background: #FFFFFF;
  color: #333333;
  border: 1px solid #F5F5F5;
  border-top: none;
  font-size: 0.85em;
  padding: 10px;
}
.menu-primary li li a:hover {
  background: #F2F2F2;
  color: #333333;
}
.menu-primary ul {
  width: 16em;
}
.menu-primary li:hover ul, #header-menu .menu-primary li.sfHover ul {
  top: 120px;
}
.menu-primary li li:hover ul, #header-menu .menu-primary li li.sfHover ul {
  left: 16em;
  top: 0;
}
.menu-primary li li li:hover ul, #header-menu .menu-primary li li li.sfHover ul {
  left: 16em; 
  top: 0;
}
.menu-primary li .sf-sub-indicator {
  display: none;
}
.menu-primary li li .sf-sub-indicator {
  display: block;
  position: absolute;
  top: 9px;
  right: 10px;
}
.tinynav { 
  display: none;
}
#header-menu .tinynav { 
  width: 100%;
}
.header-logo-active #header-title, .header-logo-active #header-title .site-title, .header-logo-active #header-title .site-title a {
  display: block;
  float: left;
  overflow: hidden;
  text-indent: -9999px;
  height: 120px;
  padding-left: 0;
  margin: 0;
}
.header-logo-active #header-title .site-title, .header-logo-active #header-title .site-title a {
  width: 100%;
}
.header-logo-responsive #header-title .site-title {
  border: 0; 
  clip: rect(0 0 0 0); 
  height: 1px;  
  margin: -1px; 
  overflow: hidden; 
  padding: 0; 
  position: absolute; 
  width: 1px;
}
/* Header Call To Action (i den blå linje) -------------------------------------------------------------- */
#header-action {
  padding:15px 0;
  background: #006582;
  color:#FFFFFF;
  text-align:center;
}
#blaa-baggrund {
	background: #006582;
	margin-bottom: 20px;
	height: auto;
	min-height: 60px;
	padding-bottom: 20px;
	}
#header-action p {
  float: left;
  line-height: 1.5em;
  padding: 0.5em 0;
  margin: 0;
}
#header-action a.header-action-button, #header-action a.header-action-button:visited {
  float: right;
  background: #2BA6CB;
  color: #FFFFFF;
  font-weight: bold;
  padding: 0.75em 20px;
  line-height: 1em;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; 
}
#header-action a.header-action-button:hover {
  background: #2284A1;
  text-decoration: none;
}

/* Superfish, bruges i den primære menu -------------------------------------------------------------- */
.sf-menu, .sf-menu * { margin: 0; padding:	0; list-style: none; }
.sf-menu { line-height: 2; }
.sf-menu ul { position: absolute; top: -999em; width:	12em; /* left offset of submenus need to match (see below) */ }
.sf-menu ul li { width: 100%; }
.sf-menu ul 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 { z-index: 99; left: 0; top: 2em; /* match top ul list item height */ }
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 { top: 0; left: 12em; /* match ul width */ }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { top: 0; left: 12em; /* match ul width */ }

/* Images & Alignments -------------------------------------------------------------- */
img[class*="align"], img[class*="wp-image-"] { height:auto; }
img.size-full {
  max-width:100%;
  width:auto;
}

/* Top Navigation -------------------------------------------------------------- */
#topnav {
  padding:0;
  line-height: 1em;
  font-size: 12px;
  background: #111111;
  color:#999999;
  position: relative;
  z-index: 6;
}

#topnav-baggrund, #footer-baggrund {
	background: #111111;
}
#topnav p {
  margin: 1.25em 0;
}
#topnav a, #topnav a:visited {
  color: #FFFFFF;
}
#topnav a:hover {
  color: #FFFFFF;
}
.topnav-left {
  text-align: left;
}
.topnav-right {
  text-align: right; 
}
#topnav ul.topnav-menu {
  display: inline-block;
  list-style-type:none;
  width: auto;
  margin: 0;
  padding: 0;
}
#topnav ul.topnav-menu li {float: left;
padding-left:15px;
}
#topnav ul.topnav-menu a, #topnav ul.topnav-menu a:visited {
  display: block;
  padding: 1.25em 0;
}
#topnav ul.topnav-menu a, #topnav ul.topnav-menu a:visited {
  display: block;
  padding: 1.25em 0;
}
#topnav ul.topnav-menu li.topnav-cart {
  padding-top:0.75em;
  padding-bottom:0.75em;
  position:relative;
}
#topnav ul.topnav-menu li a.topnav-cart-count, #topnav ul.topnav-menu li a.topnav-cart-count:visited {
  background: #2BA6CB;
  color: #FFFFFF;
  font-weight: bold;
  padding: 0.50em 1.25em;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; 
}
#topnav ul.topnav-menu li a.topnav-cart-count:hover {
  background: #2284A1;
  text-decoration: none;
}
#topnav ul.topnav-menu li a.topnav-cart-count:before { 
  padding-right: 5px;
  font-family: "GeneralFoundicons"; 
  font-weight: normal; 
  font-style: normal; 
  font-size: inherit; 
  text-decoration: inherit; 
  display: inline; 
  width: auto; 
  height: auto; 
  line-height: inherit; 
  vertical-align: top; 
  background: none; 
}
#topnav ul.topnav-menu li.topnav-search {
  padding-top:0.75em;
  padding-bottom:0.75em;
  font-size: 1em;
}
#topnav ul.topnav-menu li.topnav-search form {
  position: relative;
}
#topnav ul.topnav-menu li.topnav-search form div {
  position: relative;
}
#topnav ul.topnav-menu input.searchinput{
  font-size: 1em;
  background: #FFFFFF;
  border: none;
  line-height: 1em;
  padding: 0.39em 1.5em 0.39em 1em;
  display: block;
}
#topnav ul.topnav-menu input.searchsubmit{
  width: 25px;
  height: 27px;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  font-size: 0;
  display:block;
  line-height: 0;
  text-align: left;
  text-indent: -9999px;
  background: none;
  border:none;
}
/* WooCommerce Ajax Search by YITH - knap i topnavigationen */
#topnav ul.topnav-menu #yith-s{
  font-size: 1em;
  background-color: #FFFFFF !important;
  border: none;
  line-height: 1em;
  padding: 0.39em 1.5em 0.39em 1em;
  display: block;
}
#topnav ul.topnav-menu #yith-searchsubmit{
  width: 25px;
  height: 27px;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  font-size: 0;
  display:block;
  line-height: 0;
  text-align: left;
  text-indent: -9999px;
  background: none;
  border:none;
}

#panel {
	text-align:left;
	align-content:left;
}

/* Footer -------------------------------------------------------------- */
#footer-widgets {
  padding-top: 35px;
  padding-bottom: 5px;
}
/* Footer Widgets: 1:1:1 column */
.footer-widgets-30 #footer-widgets .footer-widget-1 {
  width:30.6902%;
  float:left;
  margin-right:3.9648%;
}
.footer-widgets-30 #footer-widgets .footer-widget-2 {
  width:30.6902%;
  float:left;
}
.footer-widgets-30 #footer-widgets .footer-widget-3 {
  width:30.6902%;
  float:right;
}
#footer {
  padding:25px 0 10px;
  font-size: 0.85em;
  color:#999999;
  position: relative;
  z-index: 2;		 
}

#footer p {
  margin: 0 0 15px;
}
#footer a, #footer a:visited {
  color: #FFFFFF;
}
#footer a:hover {
  color: #FFFFFF;
}
.footer-left {
  width:48%;
  float:left;
text-align: left;
}
.footer-right {
  width:48%;
  float:right;
  text-align:right;
}

/* Content, giver luft i top og bund af content elementer ---------------------- */
#content {
  padding:40px 0px 20px;
}

/* label layout til fx fejlmeddelelser, hentet i foundations.css*/
label {
  font-weight: normal;
}

.label {
  font-weight: normal;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  text-align: left;
  text-decoration: none;
  line-height: 1;
  white-space: nowrap;
  display: inline-block;
  position: relative;
  margin-bottom: inherit;
  padding: 0.25rem 0.5rem 0.25rem;
  font-size: 0.6875rem;
  background-color:#F6080C;
  color: white; }
  
  .label.radius {
    border-radius: 2px; }
  .label.round {
    border-radius: 1000px; }
  .label.alert {
    background-color: #f04124;
    color: white; }
  .label.warning {
    background-color: #f08a24;
    color: white; }
  .label.success {
    background-color: #43ac6a;
    color: white; }
  .label.secondary {
    background-color: #e7e7e7;
    color: #333333; }
  .label.info {
    background-color: #a0d3e8;
    color: #333333; }
		  
/* Forklarende tekst til eksterne sider  ----------------------------------------- */
#ekstern-site {
  	background-color:#F6080C;
	text-align:center;
    color: white;
	font-size: 1.5em; 
	margin-bottom: 0.5em;
}

#ekstern-site a, #header-title a:visited {
  color: white;
  text-decoration: underline; 
}

/* Lægger luft mellem to formularfelter   ----------------------------------------- */
.formular_1 {
  margin-right: 2%;
}

/* Shortcode: Horizontal Rule ----------------------------------------- */
.ps-hr { border-bottom:1px solid #e6e6e6; }
.ps-hr, .ps-divider { clear:both; display:block; margin-bottom:35px; padding-top:15px; width:100%; }
.ps-divider.flat { padding:0; margin:0; }

/* Shortcode: Form ----------------------------------------- */
.searchform { margin-bottom: 20px; }
.searchform input.searchtext  { border:1px solid #ddd; padding:7px 5px; background:#fafafa; width:203px; }
.searchform input.searchsubmit  { display: none; }

/* Non-semantic Helper Classes ----------------------------------------- */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { visibility: hidden; }
.visuallyhidden, .vhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clear { clear: both; }
.clearfix:before, .clearfix:after, .group:before, .group:after { content: ""; display: table; } 
.clearfix:after, .group:after { clear: both; }
.clearfix, .group { zoom: 1; /* For IE 6/7 (trigger hasLayout) */ }
.assistive-text { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); }
.screen-reader-text { display:none; }

#footer-text span .site-link {
	text-align: left;
}

/* Media Query dækker breakpoint til mobil og tablet ændringer ----------- */
@media only screen
and (min-width : 320px)
and (max-width : 1024px) {

/* Styles der ændres med @media Querys */
.container {
	max-width: 100%; 
	}
.topnav-right {
	text-align: center;				
			}
.topnav-left {
	text-align: center;				
			}
 p {
	text-align: center;				
			}
#header-title a{
	text-align: center;				
			}
.site-title {
  text-align:left;
}
#left {
  text-align:left;
}
.formular_1 {
  text-align: left;
}
}