<!doctype html>
<html>
<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>Välkommen</h2>
<p>Välkomna in till P&D-Bilreparationer AB, en nyöppnad verkstad som även är en auktoriserad Mekonomen verkstad.</p>
<p><img src="house.jpg" width="90%"></p>
		
		
	<h4>Mekonomen Bilverkstad</h4>
		<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.
Vi lämnar även 3 års garanti på reservdelar.</p>
	<p><img class="garanti" id="garanti" src="garanti.jpg"></p>	
	</div>

	<div id="sidebar">
		<h3>Service & Reservdelar</h3>
		<p>

<img src="entrance.jpg" width="90%"> 
Måndag-torsdag 7.00-16.30<br>
 Fredag 7.00-13.00<br>
<br>
Telefon 019 - 23 24 23<br>
 info@pd-bilreparationer.se
</p>

<p><a target="_new" href="http://webkat2.mekonomen.se/inetkat/default.asp?Hbutik=3425-000&Hsprak=S&Htider=Vardagar+08:00-18:00+Lördagar+09.00-13.00+Söndagar+10:00-14:00&Hadress=Karosserigatan+1,+703+69+ÖREBRO,+Tel:+019-273780&Hepost=orebrobettorp@mekonomen.se"><IMG style="width:90%;" SRC="hitta_delar.jpg" border=0></a></p>
	
	</div>
	
	<div id="footer">
		<P>Kåvivägen 13 70375, ÖREBRO info@pd-bilreparationer.se, Telefon 019 - 23 24 23</P>
	</div>
<a href="http://www.sarvodayanano.org/Canadagooseoutlet/">Canada Goose outlet</a>
<a href="http://www.lparkerstephenson.com/Canadagoosejackets/">Canada goose jackets</a>
<a href="http://www.lparkerstephenson.com/CanadaGoose">Canada Goose outlet</a>

</div>

</body>
</html>