/* PVM
   Author: Friedhelm Betz
  Mail: friedhelm.betz@holliwell.de
   2008
*/
   

/* Reset all */
a, blockquote, body, caption, dd, div, dl, dt, fieldset, 
form, h1, h2, h3, h4, h5, h6 hr, html, img, label, legend,  ul, li, 
ol, p, table, tbody, td, tfoot, th, thead, tr {
    margin: 0;
    padding: 0;
}

/* Allgemeines */
html {
  background: #C8C8C8;
  color: #333;
}

body {
  background: #C8C8C8;
  color: #333;
  font-size: 100.01%;
/*   font-size: small;*/
  font-family: Verdana, Arial, Helvetica,  sans-serif;
}

/* @Easy clearing */
.clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}
.clearfix {  display: inline-block; /* Fixes IE/Mac */}

/* IE7 */
*:first-child+html .clearfix { height: 1%; }

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* End Easy clearing */

.noScreen {
position:absolute;
left:-1000px;
top:-1000px;
width:0px;
height: 0px;
overflow:hidden;
display:inline; 
}

.noPad {
  padding:0;
}

a, a:link {
    color: #cc0000;
    text-decoration: none;
}

/* a:visited {
    color: #eee;
    background-color: #fff;
    text-decoration: none;
}
*/
a:hover,
a:focus,
a:active
 {color: #6a7f87;}


a img, a:visited img, a:hover img, a:focus img, a:active img {
  border:none
}


/* floating classes */

.left {
    float: left;
    margin: 0 0.5em 0 0;
}

.right {
    float: right;
    margin: 0 0 0 0.5em;
}

.imgleft {
  float:left;
  margin-right: 0.5em;
  margin-bottom: 0.5em;
}

.imgright {
  float:right;
  margin-left: 0.5em;
  margin-bottom: 0.5em;
}

/* Clear Classes */
.cb {clear: both;}
.cl { clear:left;}
.cr {clear: right;}

.bl {border-left: 1px solid;}

br.clear {
  line-height: 0;
  width: 0;
  height: 0;
  clear:both;
}

/* Absaetze */
p {
    font-size: 1em;
    line-height: 1.3;
    margin: 0.5em 0;
}

p#intro {/*padding-bottom: 1.5em;*/}
p#intro span {
  color: #cc0000;
}

/* Kleinerer Text */
.s {
    font-size: 0.9em;
}

strong, em {
  font-weight: bold;
  font-style: normal;
}

h1 {font-size: 1.6em; color: #6A7F87;padding-top:8px;}
h2 {font-size: 1.4em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1em;}

h1, h2, h3, h4, h5, h6 {
  font-family:  Arial, Helvetica,  sans-serif;
}

/* Listen */
ol, li, ul {list-style: none;}

dt {
  font-size: 120%;
  font-weight: bold;
  padding: 0 0 6px 0;
}
dt a, dt a:link {
 color: #6A7F87;  
  text-transform: uppercase;
}

dt a:hover, dt a:focus, dt a:active {
 color: #CC0000;
}

address {
  font-style: normal;
  line-height: 1.3;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}
/* Layout */

#page {
  background:  #B1C0C4;
  color: #000;
  margin: 0 auto;
  position:relative;
  width: 980px;
  /*border: solid 1px #fff;
  border-width: 0px 1px;
  min-width: 60px;*/
/*  padding: 0px 10px 0 0;*/
}

#head {
  background: #fff url(/w1/img/layout/power-and-control.jpg) top left no-repeat;
  font-size: 69%;
  height: 195px;
  position: relative;
}

#logo {
  left: 738px ;
  position: absolute;
  top: 110px;
}

#logo a {
  display: block;
}

/* Sprachauswahl */

ul#sprache {
  position: absolute;
  right: 4px;
  top: 203px; /*173px;*/ /*154px;*/ /*175px;*/ /*183px;*/
  width: 56px;
}

ul#sprache li {
  float: left;
  margin-right: 6px;
}

ul#sprache li a {
  display: block;
  width: 20px;
}


/* Kontakt und Imptressum */
ul#konimp {
  color: #fff;
  left: 18px;
  position: absolute;
  top: 6px;
}

ul#konimp li {
  float: left;
  padding-right: 12px;
}

ul#konimp li a {
  color: #fff;
  display: block;
  padding: 2px 3px 4px 3px;
}

/*#head li a:visited, */
ul#konimp li a:hover,
ul#konimp li a:focus,
ul#konimp li a:active {
  color: #F0CCD6;
}

#main {
  background: #B1C0C4 url(/w1/img/layout/mainshadow.png) top left no-repeat; /* url(/w/img/layout/line-bottomnav.gif) top left no-repeat; */
  padding: 12px 6px 12px 4px;
  width: 970px;
}

#content {
  background: url(/w1/img/layout/bg-content.png) repeat-y;
  float: left;
  width: 722px;
}


.inner {
  padding: 16px 20px 20px 20px;
}

.innerBottom { 
  height: 5px;
  padding: 10px 0 ;
}

#content .inner {
   background:  url(/w1/img/layout/content-top.png) no-repeat left top;
   font-size: 75%;
}

#content .innerBottom {
  background: url(/w1/img/layout/content-bottom.png) no-repeat left bottom;
}

#content .box{
	min-height: 15em;
	background: url(/w1/img/layout/linie-content.png) no-repeat left bottom;
	padding-bottom: 1.5em;
	margin-bottom: 1em;
}

#content .box.last {background-image: none;}

#home #content p{
  /*border: 1px solid red;*/
  margin-top: 2em;
}
#home #content .textBox p.pfeil,
#shopover #content .textBox p.pfeil {
  float: right;
  margin-top: -40px;
  padding:0;
  width: 34px;
  height:34px;
}

#shopover #content .textBox p.pfeil {
  margin-top: -30px;
}

#content .bildBox {
  float: left;
  width: 320px;
}

#shopover .bildBox {
  float: left;
  width: 350px;
}

#content .textBox h1 {
color: #000;
}

#content .textBox {
  margin-left: 340px;
}

#shopover #content .textBox {
  margin-left: 390px;
}


#content .textBox h2{
/*   font-size: 1em;*/
   color: #CC0000;
}
#newsbox {
  background: url(/w1/img/layout/bg-newsbox.png) repeat-y 0 20px;
  color: #fff;
 /* background: #6A7F87;*/
  float: right;
  /*width: 230px;*/
  width:245px;
}

#newsbox .inner {
   background:  url(/w1/img/layout/newsbox-top.png) no-repeat left top;
   padding-left: 15px; /*12px 20px 20px 20px;*/
   padding-right: 12px;
}

#newsbox .innerBottom {
  background: url(/w1/img/layout/newsbox-bottom.png) no-repeat left bottom;
}

#newsbox h2 {
   color: #fff;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 69%;
   font-style: italic;
   text-transform: uppercase;
   height: 2.5em;
   padding: 5px 0 6px 9px;
}

#newsbox h2 a {
  display: block;
  color: #fff;
}

#newsbox h2 a:hover , #newsbox h2 a:focus, #newsbox h2 a:active{
  color: #de3f3f;
}

/*#newsbox h2#news {
  background: url(/w/img/layout/button-news.png) no-repeat left top;
  width: 108px;
}
*/

#newsbox a {
  color: #d7f244;
}

#newsbox a:hover,
#newsbox a:focus,
#newsbox a:active {
  color: #fff;
}

#newsbox h2.links, #newsbox h2#news {
  background: url(/w1/img/layout/button-links.png) no-repeat left top;
  width: 128px;
}

#newsbox h2.links {margin-top: 9px;}

#newsbox .box {
  background: url(/w1/img/layout/linie-newsbox.png) no-repeat left bottom;
  font-size: 69%;
  padding-bottom: 1.5em;
  padding-top: 0.5em;
}

#newsbox .box img {
  display: inline;
 float: right;
 margin: 0 5px 5px 1px;
}

#newsbox h2#angebot {
  background: url(/w1/img/layout/button-angebot.png) no-repeat left top;
  margin-top: 9px;
  width: 149px;
}

#newsbox h2#angebot a:hover , #newsbox h2#angebot a:focus, #newsbox h2#angebot a:active{
  color: #C8C8C8;
}

#newsbox .box.last {background-image: none;}

/* Blätterpfeile, Buttons*/
a.button-back {
  background: url(/w1/img/layout/button-back.png) top left no-repeat;
  color: #fff;
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-style: italic;
  font-weight: bold;
  height: 22px;
  padding-top: 4px;
  text-align:center;
  width: 103px;
}
a.button-back {
  float: right;
}
a.button-back:hover,
a.button-back:focus,
a.button-back:active  {
  color: #C8C8C8;
}

a.pfeil_r,
a.pfeil_l {
  display: block;
  height: 34px;
  width: 34px;
}

a.pfeil_l {
  background: url(/w1/img/layout/pfeil-links.png) 0 0 no-repeat;
}

a.pfeil_l:hover, a.pfeil_l:focus, a.pfeil_l:active {
  background: url(/w1/img/layout/pfeil-links.png) 0 -34px no-repeat;  
}

a.pfeil_r {
   background: url(/w1/img/layout/pfeil-rechts.png) 0 0 no-repeat;
}

a.pfeil_r:hover, a.pfeil_r:focus, a.pfeil_r:active {
  background: url(/w1/img/layout/pfeil-rechts.png) 0 -34px no-repeat;
}

a.weiter {
  display: block;
  height: 30px;
  width:  30px;  
}

a.weiter {
   background: url(/w1/img/layout/button-weiter.png) 0 0 no-repeat;
}

a.weiter:hover, a.weiter:focus, a.weiter:active {
  background: url(/w1/img/layout/button-weiter.png) 0 -30px no-repeat;
}


#blaettern h1 {
  float:left;
  width: 450px;
}

#blaettern p {
  float:right;
  padding:0;
  margin:0;
  position:relative;
  width: 200px;
}

#blaettern a.pfeil_r,
#blaettern a.pfeil_l {
  position: absolute;
}

#blaettern span {
  color: #6A7F87;
  display: block;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 160%;
  font-weight: bold;
  padding-top: 6px;
  padding-right: 45px;
  padding-left: 45px;
}

#blaettern a.pfeil_r {
  right:0;
  top:0;
}

#blaettern a.pfeil_l {
  right:9.5em;
  top:0;
}

/* Uebersicht Produkte, Showroom, Motorsport  */

#overview {
  margin-top: 1em;
}

#overview div.row {
 background: url(/w1/img/layout/linie-produkte.png) bottom left no-repeat;
padding-bottom: 0.5em;
}

#overview dl {
  float: left;
  padding: 1em 25px 1.5em 0;
  width: 210px;
}

#overview dl.last {
padding-right: 0;
}

#overview dd span {
  display: block;
  float: left;
  font-size: 90%;
  font-weight: bold;
  width: 170px;
}

#overview dd a.weiter {
  float: right;
}

#detail {
  padding: 1.5em 0;
}

#detail img  {
  display:block;
  margin:0 auto;
}



/* Uebrsschrift, zuueck-Button rechts */

#backLink h1 {
  float: left;
  width: 570px;
}

#backLink2 h1 {
  float: left;
  width: 670px;
}

/* Einzelprodukte */

#einzelprodukt dd p {
  float: left;
  width: 430px;
}

#einzelprodukt p#infos {
  float: right;
  width: 245px;
}

#einzelprodukt span.technik {
  background: url(/w1/img/layout/button-technik.png) 0 0 no-repeat;
  display: block;
  float: right;
  height: 26px;
  width: 103px
}

#einzelprodukt span.pdf {
  background: url(/w1/img/layout/button-pdf.png) 0 0 no-repeat;
  display:block;
  float: right;
  margin-left: 10px;
  height: 26px;
  width: 128px
}

#einzelprodukt dd a,
#einzelprodukt #bildBox a {
  color: #fff;
  display: block;
  /*font-size: 95%;*/
  font-family: Arial, Helvetica, sans-serif;
  /*font-weight: bold;*/
}


#einzelprodukt span.technik a {
  padding: 5px 0 6px 0;
  text-align: center;
}



#einzelprodukt span.pdf a {
  padding: 5px 10px 6px 0;
  text-align: center;
}


#einzelprodukt span.technik a:hover,
#einzelprodukt span.technik a:focus,
#einzelprodukt span.technik a:active {
  color: #de3f3f;
}

#einzelprodukt  span.pdf a:hover,
#einzelprodukt  span.pdf a:focus,
#einzelprodukt  span.pdf a:active {
  color: #de3f3f;  
}

#einzelprodukt #bildBox a:hover,
#einzelprodukt #bildBox a:focus,
#einzelprodukt #bildBox a:active {
  color: #de3f3f; 
}
/* technische Details */

#einzelprodukt p#infos{
  padding-top: 1em;
}

#einzelprodukt #content #bildBox {
  float: left;
  padding-top: 2em;
  width: 350px;
}

#einzelprodukt #content #bildBox img {
  display: block;
}
#einzelprodukt #content #textBox {
  float: right;
  padding-top: 2em;
  width: 315px;
}

ul.details {
  line-height: 1.5;
  padding: 0.5em 0 1.5em 0;
}

ul.details li {
  list-style: disc;
  margin-left: 1.5em;
}

#unternehmen #content h2,
#impressum #content h2,
#impressum #content h3 {
  margin-top: 1em;
  margin-bottom: 0.5em;
}




ul#termine {
  line-height: 1.5;
  padding: 0.5em 0 1.5em 0;
}

ul#termine li {
  list-style: disc;
  margin-left: 1.5em;
}


/*ul#termine li a {
  color: #cc0000;
  
}

ul#termine li a:hover,
ul#termine li a:focus,
ul#termine li a:active  {
  color: #6a7f87;
  
}
*/

/*Tabellen fuer Events*/
div.abstand {
  padding: 18px 0;
}
table.rennen{
  border-collapse: collapse;
  border-top:1px solid #6A7F87;
  border-left:1px solid #6A7F87;
  table-layout:fixed;
/*  width: 60%;*/
}
col.vdatum {width:9em; font-weight:bold;}
col.vort { width: 12em;font-weight:bold;}
col.vland {width:10em;}
table.rennen th {
  position:absolute;
left:-1000px;
top:-1000px;
width:0px;
height: 0px;
overflow:hidden;
display:inline; 
}

table.rennen td {
  border-right:1px solid #6A7F87;
  border-bottom:1px solid #6A7F87;
  padding: 8px;
}

table.rennen tr.odd {
  background-color: #b1c0c4;
}

/* Links/partner*/
#partner #content h1 {
  margin-bottom: 1.5em;
}

#partner dl {
  margin-bottom: 0.5em;
}

#partner dt {
  clear:left;
  float: left;
  padding: 0.6em 0;
  width: 160px; 
}

#partner dd {
  padding: 1.5em 0 0.6em 0;
  margin-left: 160px;
 width: 18em;
}


/* Kontaktformular */
 form #anschrift p label{
  cursor: pointer;
  display: inline;
  float: left;
  margin-top: 0.5em;
  margin-right: 0.5em;
  text-align: right;
  width: 13em;
}

form  #anschrift input,
form #anschrift textarea,
form #anschrift select {
  float: left;
  margin-top: 0.3em;
  width: 250px
}

form #anschrift select {
  width: auto;
}

form input#fsubmit {
  background-color: #6A7F87;
  color: #fff;
  display:block;
  float:none;
  font-size: 100%;
  font-weight: bold;
  margin-left: 13.5em;
  width: auto;
}


/* Shop */
fieldset {
  border: 0;  /* #e0dfe3;#0046d5 solid transparent;*/
/*color:#e0dfe3;*/
}

legend {
  display: none;
}

label {
   }


form#orderform {
  margin: 1.5em 0;
}

form#orderform h2 {
  margin-top:1.5em;
  margin-bottom: 1em;
}

div.formbox {
  background: #D5DBDE url(/w1/img/layout/linie-shop.png) center bottom no-repeat;
  padding-bottom: 1.5em;
  margin-bottom: 1em;
}

div.formbox label {
  display: block;
  line-height: 1.5;
}

div.widget{
  float: left;
  position: relative;
/*  width: 380px; 370px;*/
  min-height: 10.8em;
  width: 55%;
}

div.shopbild {
  float: left;
  height: 10.8em;
  width: 11.5em;
}

div#displays div.shopbild {
  height: 16.4em;
}

div.shopbild img{
display:block;
  height: 10.8em;
  width: 10.8em;
}

div#displays div.shopbild img {
    height: 16.4em;
}

p.preis {
	bottom: 0;
	left: 11.5em;
	margin-bottom: 0;
	margin-top: 0;
	position: absolute;
	width: 102px;
}


p.bezeichnung {
  font-weight: bold;
  margin-top: 0;
}

div.inputs {
  float:left;
  position: relative;
/*  width:312px;*/
  width: 44%;
}

div.menge, div.groesse {
  float:left;
  width: 120px;
}

div.motorrad, div.farbe, div .material{
  float:left;
  width: 176px;
}

div.baujahr {
  clear: left;
  margin-left: 120px;
  min-height:3.6em;
}

div.groesse, div.farbe, div .material,
div.menge, div.motorrad {
  min-height:3.6em;
}

input:focus, select:focus, textarea:focus {
  background-color: #eff1c7;
}
.inp4 {width: 40px;}
.inp7 {width: 70px;}
.inp16 {width: 160px;}
.inp30 {width: 300px;}

div#zahlAGB {
  margin: 2em 0;
}

div#zahlAGB label#zahlweise {
  display: inline;
  float: left;
/*  margin-left: 10.5em;*/
}

div#zahlAGB label#AGB {
  display: inline;
  float: right;
}

form#orderform input#fsubmit {
  margin: 1.5em auto 0 auto;
  width: 8em;
}

/* Angebotsanfrage */
body#anfrage h2,
body#anfrage h3 {
  margin-top: 1em;
}
body#anfrage .inner h2 span {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 95%;
}
form#angebotform fieldset {
  margin-left: 2em;
}

form#angebotform label {
  display: block;
  line-height:1.3;
  margin: 2px 0;
}

form#angebotform li#known label,
form#angebotform li#already label {
  display: inline;
}

form#angebotform input#fsubmit {
  margin-left:15.5em;
}

textarea#harris, textarea#moretxt {
  margin-top: 0.3em;
  min-height: 12em;
  width: 35em;
}

#fperson ol {
  margin-left: 2em;
}

#fperson ol li {
  list-style: decimal;
  margin-bottom: 1.5em;
}


/* Formularmeldungen */
ul#meldung {
  line-height: 1.5;
  padding: 0.5em 0 1.5em 0;
}

ul#meldung li {
  list-style: disc;
  margin-left: 1.5em;
}



/* Google - maps */
.FRKinfotext {
  color: #003366;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align: justify;
  line-height: 130%;
  position: relative;
  }

/* AGB */
body#agb #content {
  float: none;
  margin: 20px auto 0 auto;
}

body#agb .inner h2,
body#agb .inner h3 {
  margin-top: 1em;
}

body#agb .inner ul {
  line-height: 1.3;
  margin: 0.5em 0 0.5em 2em;
}

body#agb .inner ul li {
  margin-bottom: 0.8em;
}

body#agb .inner p#stand {
  text-align: right;
}

body#agb .inner p#hint {
  margin-left: 0;
}

body#agb .inner p {
  margin-left: 2em;
}