<!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>Hitta oss</h2>

<iframe width="90%" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://www.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=K%C3%A5viv%C3%A4gen+13,+%C3%96rebro&amp;aq=&amp;sll=59.315687,15.224098&amp;sspn=0.006647,0.01929&amp;g=K%C3%A5viv%C3%A4gen+13,+%C3%96rebro&amp;ie=UTF8&amp;hq=&amp;hnear=K%C3%A5viv%C3%A4gen+13,+703+75+%C3%96rebro,+Sweden&amp;t=m&amp;ll=59.318455,15.225163&amp;spn=0.007664,0.018282&amp;z=15&amp;iwloc=A&amp;output=embed"></iframe>


</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>