My problem is that I cant get the non-template files to work with the template files EXCEPT at first when i open the site on my localhost, then everything is working, but as soon as i change page, its all default again, none of the non-template css files are applied.

I have a header that is embedded in all my template files and my header looks like this:


Code HTML4Strict:
<!DOCTYPE html>
	<head>
		<title>RosÚn's Bygg & Entreprenad</title>
		<meta http-equiv="Content-Type" content="text/html" charset="UTF-8"/>
		<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9"> 
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
 
		<link rel="stylesheet" type="text/css" href="{stylesheet='styles/responsive'}"/>
		<link rel="stylesheet" type="text/css" href="{path='styles/style'}"/>
		<link rel="stylesheet" type="text/css" href="{stylesheet='styles/flexslider'}"/>
		<link rel="stylesheet" type="text/css" href="font-face.css"/>
		<link rel="stylesheet/less" type="text/css" href="styles.less" />
 
		<script type="text/javascript" src="//use.typekit.net/puh2tbw.js"></script>
		<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
 
		<script src="js/less.js" type="text/javascript"></script>
 
	</head>
 
	<body>
 
		<header>
			<div class="container row">
				<div class="block-6 col">
					<hgroup>
						<h1>ROSENS</h1>
						<h2>Bygg & Entreprenad <span aria-hidden="true" data-icon=""></span> Allt inom bygg</h2>
					</hgroup>
				</div>
				<div class="block-6 col">
				</div>
			</div>
		</header>
 
		<nav>
			<div class="container row">
				<ul class="block-12 col">
					<li><a href="{path='startsida'}">startsida</a></li>
					<li><a href="{path='galleri'}">galleri</a></li>
					<li><a href="{path='nyheter'}">nyheter</a></li>
					<li><a href="{path='kontakt'}">kontakt</a></li>
				</ul>
			</div>
		</nav>

as you can see i still have some css files as template files, and these are working, but not the other ones. Its not because i use css.less, because it aint working with a regular css file aswell.

My non-template files are located in the root of the projectfolder.