<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">

<!-- viewport meta to reset iPhone inital scale -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>P&D-Bilreparationer AB</title>

<!-- css3-mediaqueries.js for IE8 or older -->
<!--[if lt IE 9]>
	<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->

<style>


body {
	font: 1em/150% Verdana;
background-image: url(02.jpg); background-repeat: repeat-x;

}
a {
font: 12px/150% Verdana;
	color: #000;
	text-decoration: underline;
	font-weight:bold;
}
a:hover {
	text-decoration: underline;
}
h1 {
	font: bold 36px/100% Verdana;
}
h4 {
	margin-bottom:0px;
}

/************************************************************************************
STRUCTURE
*************************************************************************************/
#pagewrap {
	padding-top: 5px;
	width: 960px;
	margin: 20px auto;

}
#header {
padding: 5px;
height: 90px;
background-image: url(bg_top.gif);background-repeat: repeat-x;
font: 1em/150% Verdana;
-moz-border-radius: 15px;
 border-radius: 15px;

-moz-box-shadow: 5px 5px 5px #888;
 -webkit-box-shadow: 5px 5px 5px #888;
 box-shadow: 5px 5px 5px #888;
}

#header P{
margin-top:0px;


}
#header h1,#header #links{
padding-left:20px;
}

#header H1{
margin-top:0px;
margin-bottom:0px;
}
#content h2,#content h4,#content h3,#content h1{
padding-left:20px;
}

#content P{
margin-top:0px;
width:90%;
padding-left:20px;
}
#content {
padding: 5px;
	width: 600px;
	float: left;
-moz-border-radius: 15px;
 border-radius: 15px;

-moz-box-shadow: 5px 5px 5px #888;
 -webkit-box-shadow: 5px 5px 5px #888;
 box-shadow: 5px 5px 5px #888;


}
#sidebar h3 {

padding-left:20px;

}
#sidebar p {

padding-left:20px;

}
#sidebar {

padding: 5px;
	width: 300px;
	float: right;
-moz-border-radius: 15px;
 border-radius: 15px;

-moz-box-shadow: 5px 5px 5px #888;
 -webkit-box-shadow: 5px 5px 5px #888;
 box-shadow: 5px 5px 5px #888;
}
#footer {
margin-top:20px;
padding: 5px;
	clear: both;
background-image: url(bg_top.gif);
-moz-border-radius: 15px;
 border-radius: 15px;

-moz-box-shadow: 5px 5px 5px #888;
 -webkit-box-shadow: 5px 5px 5px #888;
 box-shadow: 5px 5px 5px #888;


}

#footer P{
margin-top:0px;
margin-bottom:0px;
padding-left:20px;
}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 980px or less */
@media screen and (max-width: 980px) {
	
	#pagewrap {
		width: 94%;
	}
	#content {
		width: 65%;
	}
	#sidebar {
		width: 30%;
	}

}

/* for 700px or less */
@media screen and (max-width: 750px) {

	#content {
		width: auto;
		float: none;
	}
h1 {
		font-size: 24px;
	}
	#sidebar {
		width: auto;
		float: none;
	}

}

/* for 480px or less */
@media screen and (max-width: 560px) {

	#header {
		height: 140px;
	}
	h1 {
padding-top:6px;
		font-size: 18px;
	}
	#sidebar {
		
	}

.garanti
{
width:90%;
}

}

/* border & guideline (you can ignore these) */
#content {
	background: #f8f8f8;
}
#sidebar {
	background: #f8f8f8;
}
#header, #content, #sidebar {
	margin-bottom: 10px;
}
#header, #content, #footer,#sidebar {
	border: solid 1px #ccc;
}


</style>

</head>

<body>

<div id="pagewrap">

	<div id="header">

<div style="float:right;margin-top:0px;"><a href="http://www.mekonomen.se" target="_new"><img border=0 src="mekonomen-verkstad.png"></a></div>
<div style="float:left;margin-top:0px;"><h1>P&D-Bilreparationer AB</h1>
<div style="margin-top:0px;" id="links"><a href="index.htm">Hem</a> | <a href="omoss.htm">Om oss</a> | <a href="kontakt.htm">Kontakt</a> | <a href="hitta.htm">Hitta oss</a></div>
</div>

		
	</div>

	<div id="content">
		<h2>Om oss</h2>
<p>Företaget P&D-Bilreparationer AB grundades 2012 och är en auktoriserad Mekonomen Bilverkstad.</p>
<p><img src="verkstad.jpg" width="90%"></p>
<p>Mekonomen Bilverkstad är professionella bilverkstäder som servar och reparerar alla bilmärken och med kunskap och utrustning för att även klara den moderna avancerade tekniken. Idag finns över 1000 Mekonomen bilverkstäder i Norden. Det är tryggt att veta att det alltid är nära till en verkstad om något skulle hända eller när du vill serva bilen.
</p>

		
		
	
	</div>

	<div id="sidebar">
		
		<p><img src="skylt.jpg" width="90%">

</p>

	
	</div>
	
	<div id="footer">
		<P>Kåvivägen 13 70375, ÖREBRO info@pd-bilreparationer.se, Telefon 019 - 23 24 23</P>
	</div>

</div>

</body>
</html>