/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

*{
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }
 

.band.header {
padding: 0;
color: #e0e0e0; 
margin:auto;
}
#gallerydisplayarea {margin-bottom:10px;}
#gallerydisplayarea img {width:30%; MARGIN:1%; height:auto; vertical-align:top;}

img.image-right {width:60%; height:auto; float:right; margin-left:20px; margin-bottom:20px;}
img.image-left {width:60%; height:auto; float:left; margin-right:20px; margin-bottom:20px;}

#tekstfelt img {max-width:100% !important; height:auto;}

#tekstfelt {
		word-wrap: normal;
		-ms-word-break: normal;
		word-break: normal;
	     /* Non standard for webkit */
    	word-break: normal;
		-webkit-hyphens: auto;
 		-moz-hyphens: auto;
        hyphens: auto;}

		

.band.header li{
	line-height: 11px;
	margin-bottom:0px;}
	
.band.header	ul ul, ul ol, ol ol, ol ul {
margin: 0px;
font-size: 90%;}



.band.navigation {
	background:#343434;	
	padding: 0;
}

ul.slimmenu a, a:active { text-decoration: none }

ul.slides li {margin-bottom:0px;}

#regularTextarea {width:100%; min-height:100px;}


button {margin-bottom:0;}
form {margin-bottom:0;}

/* #Page Styles
================================================== */

h1, h2, h3, h4, h5, h6 {font-family: 'Fjalla One', sans-serif; font-weight:400; color:#fff; }
h1,h2 {text-shadow: 2px 2px 2px #292929;   }
a {color:#fff; text-decoration:underline;}
a:hover {color:#fff; text-decoration:none;}
strong {
font-weight: bold;

}


/* Flexible iFrame */

.Flexible-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.Flexible-container iframe,   
.Flexible-container object,  
.Flexible-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}




/*Knud tester lige*/
html, body {
	height:100%;
	margin:0;
	padding:0
}

#outer {
	width:100%;
	margin:auto;
	height:100%;
	display:table;
	table-layout:fixed;
	vertical-align:top;
}

.inner{ display:table-row; width:100%; float:left; }


#footer {
	width:100%;
	float:left;
	background: url(http://www.nemmehjemmesider.dk/side/padborg-elektro/transparant_sort_bg.png) top left repeat;
	text-align:center;

	vertical-align:bottom;
	height:auto;/* use a minimum height to keep footer wrapped to content */
	color:#fff;

	margin-top:40px !important;
	display:table-cell;
	padding:34px 5px 15px 5px;
}
/*Knud tester lige - slut*/




/* #Media Queries
================================================== */
	/* Additional large screens 1280+ */
	@media only screen and (min-width: 1280px) {

	.band.header .container.primary {width:100%;}
	.band.header .container.logo {width:90%; margin-left:10px;}
	.container .eleven.columns {width:1100px;}
		.hmenu {display:none !important;}
		.show-on-mobile {display:none;}

	}
	
		/* Additional large screens *961 - 1279 */
	@media only screen and (min-width: 960px) and (max-width: 1279px) {
	.hmenu {display:none !important;}
			.show-on-mobile {display:none;}
	}
	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		
		}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
	.show-on-mobile {display:none;}
	.hmenu {display:none !important;}
	.menu-collapser {display:none !important;}
	
		}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		.vmenu {display:none !important;}
		
		#prodlistelement img {width:40%; height:auto; float:left; margin-right:2%;}
		h1 {font-size: 30px; line-height: 30px; margin-bottom: 0px;}
		h2 {font-size: 26px; line-height: 26px; margin-bottom: 0px;}
		h3 {font-size: 20px; line-height: 20px; margin-bottom: 0px;}
		h4 {font-size: 18px; line-height: 18px; margin-bottom: 0px;}
		h5 {font-size: 16px; line-height: 16px; margin-bottom: 0px;}
		h6 {font-size: 14px; line-height: 14px; margin-bottom: 0px;}
		.kolonner {width:100%;}
		.kolonner img {margin-right:0px !important; margin-bottom:5px}
		img.image-right {width:100%; min-width:100%; margin-left:0px; margin-right:0px; height:auto; float:none;}
			img.image-left {width:100%;  min-width:100%; margin-right:0px;  margin-left:0px; height:auto; float:none; }	

		#hideonMobile {display: none;}
		.logo-text-container {padding: 10px 0;}
		img.header-icon-large {width:50px; height:auto; float:none !important; margin:10px auto 0;}
		h1.header-text-left {text-align:center;}
		h3.header-text-left {text-align:center;}
		img.header-icon-small {width:50px; height:auto; float:none !important; display:inline-block; margin:10px auto 0;}
		.icon-container {text-align:center;}
		}
		
		
	
	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
			
					#prodlistelement img {width:100%; height:auto; float:none; margin-right:0;}
			#prodgridelement {width:100%; margin:10px 0px; float:left;  overflow:hidden;}
			#prodimagelarge {width:100%; float:left; margin-right:0;}
			#prodtext {width:100%; float:left;}
			#shoppingcartlist.image {display:none;}
			#shoppingcartlist.total {width:30%;}
			#shoppingcartlist.price {width:20%;}
			#shoppingcartlist {font-size:90%;}
			#gallerydisplayarea img {
			width: 47%; MARGIN: 1%;}
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
						
					#prodlistelement img {width:100%; height:auto; float:none; margin-right:0;}
			#prodgridelement {width:100%; margin:10px 0px; float:left;  overflow:hidden;}
			#prodimagelarge {width:100%; float:left; margin-right:0;}
			#prodtext {width:100%; float:left;}
			#shoppingcartlist.image {
			display:none;
			}
			#shoppingcartlist {font-size:90%;}
			#shoppingcartlist.volume a {display:none;}
			#shoppingcartlist.total {width:30%;}
			#shoppingcartlist.price {width:20%;}
			#gallerydisplayarea img {WIDTH:100%; MARGIN-bottom:1%; height:auto; vertical-align:top;}
		}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/