@media screen {	
	body {
		color: #545454; 
		background: #fff; 
		font: 2em 'Trebuchet MS',Arial,Helvetica,Sans-Serif;
		margin:0;
	}
	
	h1 {
		font-size:100%;
		margin:0;
		color:#6A8C2B; /*#8AC007 farven fra w3schools*/
		text-transform:uppercase;
	}
	
	p {
		font-size: 60%;
	}
	
	header {
		background: #fff ; 
		height:2.5em;
		border-top:2px solid #6A8C2B;
	}
	
	header img {
		position:absolute;
		bottom: 0; 
		max-width: 300px;
		width: 100%;
	}
	
	#pageHeader {
		 height: 79px;
		 position: relative;
		 width:960px;
		margin:0 auto;
	}
	
	#pageHeader div {
		width: 350px;
	}
	
	nav {
		/*background: #8AC007;*/
		/*background: #6A8C2B;*/
		background: url(nav.png) repeat-x scroll left top transparent;
		height: 50px;
	}
	
	nav div {
		background: none;
		height: 40px;
		margin: 0 auto;
		width: 960px;
	}
	
	nav ul {
		margin:0;
		padding:0;
	}
	
	nav ul li {
		background: none;
		border-left: 1px solid #55761A;
		float: left;
		height: 50px;
		list-style: none outside none;
		margin: 0;
		padding: 0;
		position: relative;
	}
	
	nav ul li a {
		color:#fff ;
		display: block;
		font-size: 50%;
		font-weight: bold;
		line-height: 50px;
		margin: 0;
		padding: 0 10px;
		text-decoration: none;
		text-transform:uppercase;
	}
	
	nav ul li a:hover {
		color:#D4D4D4 
	}
	
	#mainContentDiv {
		margin: 20px auto;
		max-width: 960px;
		padding: 20px;
	}
	
	footer {
		background: #eeeeee; /* Old browsers */
		background: -moz-linear-gradient(top,  #eeeeee 0%, #eeeeee 0%, #ffffff 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(0%,#eeeeee), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #eeeeee 0%,#eeeeee 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #eeeeee 0%,#eeeeee 0%,#ffffff 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #eeeeee 0%,#eeeeee 0%,#ffffff 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #eeeeee 0%,#eeeeee 0%,#ffffff 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
		height:8em;
		border-top: 2px solid #ccc;
		font-size: 0.9em;
		color: #999;
		
	}
	
	footer div {
		margin: 0 auto;
		max-width: 960px;
	}
	
	#slides img {
		float:left;
		width:100%;
	}
	/*
	#bild1 {
		background:url(example-slide-1.jpg) no-repeat;
	}
	
	#bild2 {
		background:url(example-slide-2.jpg) no-repeat;
	}
	
	#bild3 {
		background:url(example-slide-3.jpg) no-repeat;
	}

	#bild4 {
		background:url(example-slide-4.jpg) no-repeat;
	}
	*/
	#bild1, #bild2, #bild3 {
		height: 100%;
	}
	div.quote {   
		background: none repeat scroll 0 0 transparent; /* #000000;*/
		margin-left: 10px;
		margin-top: 10px;
		opacity: 1;
		/*border: 1px solid black;*/
		
		position: absolute; 
		width: 435px;
		z-index: 1;
	}
	div.quote p {padding:1px;color: #6A8C2B;margin:1px} /*margin alligner til top*/
	
	#mobileMenu {
		display:none;
	}
	
	#sasKonSection, #solutionSection, #aboutSection, #customerSection, #contactSection {
		background: #eeeeee; /* Old browsers */
		background: -moz-linear-gradient(top,  #eeeeee 0%, #eeeeee 0%, #ffffff 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(0%,#eeeeee), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #eeeeee 0%,#eeeeee 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #eeeeee 0%,#eeeeee 0%,#ffffff 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #eeeeee 0%,#eeeeee 0%,#ffffff 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #eeeeee 0%,#eeeeee 0%,#ffffff 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
		border-top: 2px solid #ccc;
	}
	
	#sasKon, #solutions, #about, #contact, #customer {
		margin: 20px auto;
		max-width: 960px;
		padding: 20px;
	}
	#sasKon ul, #solutions ul {
		font-size: 60%;
	}
	
	#contact input, textarea {
		border: 1px solid #D4D4D4;
	}
	
	#contact button {
		background: none repeat scroll 0 0 #6A8C2B;
   		border: 1px solid #557120;
        border-radius: 3px 3px 3px 3px;
        color: #EEEEEE;
        cursor: pointer;
    	padding: 5px 20px;
	}
	
	#contact button:hover {
		background: none repeat scroll 0 0 #80A63A;
        color: #FFF;
	}
	
	
	#customer img {
		width: 120px;
		height:40px;
		padding-right: 25px;
		}
	
	label, span {
		font-size: 50%;
		font-weight:bold;
	}
	
#backtotop {
	cursor : pointer;
	display : none;
	position : fixed;
	bottom : 60%;
	font-size : 90%;
	padding	: 10px;
	width : 130px;
	text-align : center;
	background-color : #6A8C2B;
	border-radius : 8px 0px 0px 8px;
	-webkit-border-radius : 8px 0px 0px 8px;
	-moz-border-radius : 8px 0px 0px 8px;
	filter : alpha(opacity=70);
	-khtml-opacity : 0.7;
	-moz-opacity : 0.7;
	opacity	: 0.7;
	color : #FFF;
	right:0;
	font-size : 14px;
	z-index	: 1000;
}
#backtotop:hover
{
	filter : alpha(opacity=90);
	-khtml-opacity : 0.9;
	-moz-opacity : 0.9;
	opacity	: 0.9;
}	

}

@media screen and (max-width: 480px) and (min-height: 320px) {
	header {height: 4em;}
	h1 {font-size:60%;}
	header img {}
	nav {display:none;}
	#backtotop {display:none;}
	#pageHeader div {width: 300px;margin-left:9px;}
	#mobileMenu {display:block;background:#6A8C2B;}
	#mobileMenu div {font-size: 70%;text-align:center;border-top:1px solid #55761A;padding: 5px 0;}
	#mobileMenu div a {color:#D4D4D4;, font-weight:bold;text-decoration:none;}
	#mobileMenu div a:hover {color:#fff}
	#mainContent, #sasKonSection, #solutionSection, #aboutSection, #customerSection, #contactSection {display:none;}
	#mobileA, #mobileB, #mobileC, #mobileD, #mobileE {display:none;background:#fff;}
	#mobileA p,#mobileB p, #mobileC p, #mobileD p, #mobileE p {font-size: 100%;}
}