@CHARSET "UTF-8";
/*
	CSS RESET
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-family: inherit;
    vertical-align: top;
    font-family: Verdana, sans-serif;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
body {
    line-height: 1;
    color: black;
    background: #d0d0d0;
}
ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}
/*
	CSS RESET END
*/

.wrapper
{
width: 800px;
margin: 0px auto;
text-align: left;

}
.navigation {
margin: 5px 0px;
}

.navigation div a
{
border: none;
float: left;
}

/*
	Drop Down Menu Start
*/

.navigation div .dropdown_motorraeder
{
	position: absolute;
	top: 5px;
	width: 150px;
	height: 200px;
	background-color:#009;
	visibility: hidden;
	margin-left: 88px;
}

.navigation div:hover .dropdown_motorraeder
{
	position: absolute;
	top: 255px;
	width: 150px;
	height: 200px;
	background-color:#009;
	visibility: visible;
	margin-left: 88px;
}

.navigation div .dropdown_werkstatt
{
	position: absolute;
	top: 5px;
	width: 139px;
	height: 100px;
	background-color:#009;
	visibility: hidden;
	margin-left: 238px;
}

.navigation div:hover .dropdown_werkstatt
{
	position: absolute;
	top: 255px;
	width: 139px;
	height: 100px;
	background-color:#009;
	visibility: visible;
	margin-left: 238px;
}

.navigation div .dropdown_kontakt
{
	position: absolute;
	top: 5px;
	width: 111px;
	height: 100px;
	background-color:#009;
	visibility: hidden;
	margin-left: 689px;
}

.navigation div:hover .dropdown_kontakt
{
	position: absolute;
	top: 255px;
	width: 111px;
	height: 100px;
	background-color:#009;
	visibility: visible;
	margin-left: 689px;
}

#gebrauchte
{
background-image: url(../images/motorraeder_gebrauchte.jpg);
width: 150px;
height: 50px;
display: block;
}

#gebrauchte:hover
{
background-image: url(../images/motorraeder_gebrauchte_hover.jpg)
}

#scooter
{
background-image: url(../images/motorraeder_scooter.jpg);
width: 150px;
height: 50px;
display: block;
}

#scooter:hover
{
background-image: url(../images/motorraeder_scooter_hover.jpg)
}

#rieju
{
background-image: url(../images/motorraeder_rieju.jpg);
width: 150px;
height: 50px;
display: block;
}

#rieju:hover
{
background-image: url(../images/motorraeder_rieju_hover.jpg)
}

#royal_enfield
{
background-image: url(../images/motorraeder_royal_enfield.jpg);
width: 150px;
height: 50px;
display: block;
}

#royal_enfield:hover
{
background-image: url(../images/motorraeder_royal_enfield_hover.jpg)
}

#motoren
{
background-image: url(../images/werkstatt_motoren.jpg);
width: 139px;
height: 50px;
display: block;
}

#motoren:hover
{
background-image: url(../images/werkstatt_motoren_hover.jpg)
}

#rahmen
{
background-image: url(../images/werkstatt_rahmen.jpg);
width: 139px;
height: 50px;
display: block;
}

#rahmen:hover
{
background-image: url(../images/werkstatt_rahmen_hover.jpg)
}

#ueber_uns
{
background-image: url(../images/kontakt_ueber_uns.jpg);
width: 111px;
height: 50px;
display: block;
}

#ueber_uns:hover
{
background-image: url(../images/kontakt_ueber_uns_hover.jpg)
}

#anfahrt
{
background-image: url(../images/kontakt_anfahrt.jpg);
width: 111px;
height: 50px;
display: block;
}

#anfahrt:hover
{
background-image: url(../images/kontakt_anfahrt_hover.jpg)
}

#anfrage
{
background-image: url(../images/kontakt_anfrage.jpg);
width: 111px;
height: 50px;
display: block;
}

#anfrage:hover
{
background-image: url(../images/kontakt_anfrage_hover.jpg)
}

/*
	Drop Down Menu Ende
*/

.content
{
clear: both;
background-color: white;
margin: 5px 0px;
padding: 30px;
}

.content_left
{
max-width: 50%;
}

.content_right
{
max-width: 50%;
}
.produkte_klein
{
float: center;
border-spacing: 15pt;
}

.preisliste
{
border-spacing: 5pt;
}

.produkt_details tr td p
{
font-size: 10pt;
}


.footer
{
width: 800px;
height: 50px;
background-color: #3346c7;
}

.footer a img
{
float: right;
margin-right: 5px;
}