/* --------- DERBI STYLESHEET 2007 */
/* --------- by hoppengarten.com */
/* --------- rev. 1.3.1 | 07/10/10 */

/* --------- GENERAL */

body {
 background: #000;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 10.5px;
 line-height: 2em;
 color: #fff;
 text-align: left;
}

div {
 font-size: 1em;
 color: #fff;
}

img {
 border-left:0px none; border-right:0px none; border-top:0px none; border-bottom:medium none; 
}

a,
a:link, 
a:active,
a:visited {
 color: #fff;
 background: #000;
 text-decoration: none;
}

a:hover {
 color: #df0000;
}

/* --------- DIVISION_LAYOUT */

div#pagewrapper {
 background: #000;
 color: inherit;
 }

div#header {
 color: #000;
}

div#header a, 	
div#header a:link,
div#header a:active,
div#header a:visited {
 border-bottom: none;
}

div#footer p {
 background: #000;
 color: #eee;
}

/*  --------- HEADINGS */

h1, h2, h3, h4, h5, h6, .pisearchresultheader {
 color: #aaa;
}

h1 {
 font-size: 1.5em; /* 1.7em; */
 line-height: 1em;
 font-weight: 100;
 text-transform: uppercase;
 letter-spacing: 0.1em;
 margin: 0 0 1.5em 0;
 padding: 0;
}

h2,
.pisearchresultheader  {
 font-size: 1.3em;
 line-height: 1.5em;
 margin: 0 0 1em 0;
 font-weight: 100;
 letter-spacing: 0.1em;
 padding: 0;
}

h3 {
 font-size: 1.3em;
 line-height: 1.3em;
 margin: 0 0 0.5em 0;
 padding:0;
}

h4 {
 font-size: 1.2em;
 line-height: 1.3em;
 margin: 0 0 0.25em 0;
 padding: 0;
}

h5 {
 font-size: 1.1em;
 line-height: 1.3em;
 margin: 0 0 0.25em 0;
 padding: 0;
}

h6 {
 font-size: 1em;
 line-height: 1.3em;
 margin: 0 0 0.25em 0;
 padding: 0;
}

/* --------- TEXTSTYLING */

p {
 font-size: 1em;
 margin: 0 0 1.5em 0;
 padding: 0;
 line-height:1.4em;
}

blockquote {
 border-left: 10px solid #ddd;
 margin-left: 10px;
}

pre {
 font-family: monospace;
 font-size: 1.0em;
}

strong, b {
 font-weight: bold;
}

em, i {
 font-style: italic;
}

code {
 font-family: "Courier New", Courier, monospace;
 font-size: 1em;
 white-space: pre;
}

.center {
 text-align: center;
}

.noflash, .noscript {
 font-size: 1.1em;
 letter-spacing: 0.2em;
 border-left: 10px solid #df0000;
 padding-left: 1em;
}

/* --------- CLEARING */

.stretch,
.clear {
 clear: both; 
 height: 1px; 
 margin: 0; 
 padding: 0; 
 font-size: 15px;
 line-height: 1px;
}

.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
}

* html>body .clearfix {
 display: inline-block; 
 width: 100%;
}

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

/* --------- REPLACE */

.replace {
 display: block;
 background-repeat: no-repeat;
 background-position: left top;
 background-color:transparent;
}

/* tidy these up */
.replace * {
 text-indent: -10000px;
 display: block;
 background-repeat: no-repeat;
 background-position: left top;
 background-color:transparent;
}

.replace a {
 text-indent: 0;
}

.replace a span {
 text-indent: -10000px;
}

/* --------- ACCESSIBILITY */

span.accesskey {
 text-decoration: none;
 }

.accessibility {
 position: absolute;
 top: -999em;
 left: -999em;
 }

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

/* --------- LISTS */

#main ul {
 line-height:1.4em;
 margin: 0 0 1.5em 0;
 padding: 0;
}

#main ul li {
 margin: 0 0 0.25em 30px;
 padding: 0;
}

ol {
 font-size: 1.0em;
 line-height: 1.4em;
 margin: 0 0 1.5em 0;
 padding: 0;
}

ol li {
 font-size: 1.0em;
 margin: 0 0 0.25em 30px;
 padding: 0;
}

dl {
 margin: 0 0 1.5em 0;
 padding: 0;
 line-height: 1.4em;
}

dl dt {
 font-weight: bold;
 margin: 0.25em 0 0.25em 0;
 padding: 0;
}

dl dd {
 margin: 0 0 0 30px;
 padding: 0;
}

/* ------------ TABLES */

table {
 font-size: 1em;
 /* einfuegt fuer ohne xhtml.dtd */
 line-height: 2em;
 /* margin: 0 0 1.5em 0; */
 padding: 0;
}

table caption {
 font-weight: bold;
 margin: 0 0 0 0;
 padding: 0 0 1.5em 0;
}

th {
 font-weight: bold;
 text-align: left;
}

td {
 font-size: 1em;
}

/* --------- TEC-DATA TABLE - */

div#data table.tec_data {
 color: #fff;
 background: #000;
}

tr.modell {
 background: #222;
 color: #fff;
 font-weight: bold;
 text-transform: uppercase;
}

tr.tec_kategorie {
 text-indent: 2em;
 background: url('/uploads/images/d_2007/d_tab_bg.gif'); /* #444; */
 text-align: center;
 color: #df0000
}

tr.grey {
 background: #333;
 color: #fff;
}

tr.black {
 background: #000;
 color: #fff;
}

/* --------- RULERS */

hr {
 display: none;
}

div.hr {
 height: 1px;
 margin: 1em 10px;
 border-bottom: 1px dotted black;
}

/* --------- FORMS */

form {
 margin:0;
 padding:0;
}

form div,
form p {
 font-size: 1em;
 margin: 0 0 1em 0;
 padding: 0;
}

label {
 font-weight: bold;
}

fieldset {
 border: 1px solid #eee;
 padding: 5px 10px;
 margin: 0 0 1.5em 0;
}

fieldset legend {
 color: #666;
 font-size: 1.1em;
 font-weight: bold;
 margin: 0 0 0 0px;
 padding: 0;
 background-color: white;
}

* html fieldset legend {
 margin: 0 0 10px -10px;
}

fieldset ul {
 list-style: none;
 margin: 0 0 1.5em 0;
 padding: 0;
}

fieldset ul li {
 list-style: none;
 margin: 0 0 0.5em 0;
 padding: 0;
}

input, select, textarea {
 font-size: 1em; 
 font-family: arial, helvetica, verdana, sans-serif;
 margin: 0;
 padding: 2px;
}

input, select {
 vertical-align: middle;
}

textarea {
 width: 200px;
 height: 8em;
}

input.check {
 border: none;
 width: auto;
 height: auto;
 margin: 0;
}

input.radio {
 border: none;
 width: auto;
 height: auto;
 margin: 0;
}

input.file {
 height: auto;
 width: 250px;
}

input.readonly {
 background-color: transparent;
 border: none;
}

input.button {
 width: 10em;
 border: 1px solid black;
 background-color: #ddd;
 color: inherit;
}

input.image {
 border: none;
 width: auto;
 height: auto; 
}

input.textinput {
 border: 1px solid #333;
 background: #222;
 color: #fff;
}

form div.submit {
 margin: 1em 0;
}

form div.submit input {
 height: 2em;
 width: 15em;
}

/* --------- IMAGE SWITCHER */

div#main div#color1 {
 display: block;
 float: left;
 /* margin-right: 20px; */
 text-align: center;
}

div#main div#color2,
div#main div#color3,
div#main div#color4,
div#main div#color5,
div#main div#color6 {
 display: none;
 float: left;
 /* margin-right: 20px; */
 text-align: center;
}

#switch {
 position: relative;
}

/* --------- TEASER SWITCHER */

#content1,
#content2,
#content3,
#content4,
#content5,
#content6,
#content7,
#content8,
#content9,
#content10,
#content11,
#content12,
#content13,
#content14,
#content15,
#content16,
#content17,
#content18,
#content19,
#content20 {
 border-left: 1px solid #ddd; padding-left: 2px;
}

/* --------- SITE LAYOUT */

body {
 margin: 0 auto;
 /* padding: 1em; */
 text-align: center;
}

div#pagewrapper {
 margin: 0 auto;
 margin-top: 5px; 
 width: 980px;
 padding: 0;
 text-align: left;
}

#container {
 position: relative;
 margin: 0;
}

div#header {
 float: left;
 width: 115px; 
 margin: 0;
 padding: 0;
 text-align: left;
}

div#header h1 a {
 background:  url('/uploads/images/d_2007/d_derbi-logo.gif') no-repeat; 
 display: block;
 height: 35px;
 text-indent: -700em;
 margin: 0;
 padding: 0;
 text-decoration: none
}

div#headercenter {
 text-align: center;
 width: 320px;
 float:left;
 margin-left: 50px;
}

div#slogan {
 text-align: right;
}

div#searchbox {
position: relative;
 text-align: right;
}

/* --------- CONTENT */

div#content {
}
    
/* --------- MAIN */

div#main {
}

/* --------- FOOTER */

div#footer {
}

div.breadcrumbs {
 padding: 1em 0;
 text-align: left;
 font-size: 90%;
 margin: 0 1em;
 border-bottom: 1px solid #ccc;
}

div.flags {
 float: right;
 width: 18px;
 padding: 1em 0;
 text-align: right;
 margin: 0 1em 0 0;
}

div.left49 {
 float: left;
 width: 49%;
}

div.right49 {
 float: right;
 width: 49%;
 text-align: right;
}

/* --------- SEARCH & FAQ */

a.pisearchlink {
 color: #fff;
 background: #000;
 text-decoration: none;
 border-bottom: 1px solid #df0000;
}

a.pisearchlink:hover {
 color: #df0000;
 background: #000;
 border: none;
}

.pifaqtitel {
 font-size: 1.2em;
margin-bottom: 2em;
}

div#faq {
 border: 1px solid #333;
 margin: 0px 10% 20px 5%;
 padding: 9px;
}

a.showpifaq_k_link {
 font-size: 1.1em;
 text-transform: uppercase;
 color: #fff;
 background: #000 url('/uploads/images/d_2007/d_bullet.gif') no-repeat left center;
 padding-left: 30px
}

a.showpifaq_k_link:hover {
 color: #df0000;
}

.showpifaq_simplelink {
 font-size: 1em;
 font-style: italic;
 margin-left: 1.3em ;
}

a.showpifaq_f_link {
 margin-left: 1.6em ;
 color: #fff;
 background: #000;
 text-decoration: none;	
}

a.showpifaq_f_link:hover {
 margin-left: 1.6em ;
 color: #df0000;
 background: #000;
}

.showpifaq_frage{
 width: 80%;
 background: url('/uploads/images/d_2007/d_tab_bg.gif');
 font-weight: bold;
 letter-spacing: 0.2em;
 margin-left: 5.0em;
 margin-top: 2.0em;
 padding-bottom: 0; padding-left:1.0em; padding-right:1.0em; padding-top:1.0em
}

.showpifaq_antwort {
 width: 80%;
 background: url('/uploads/images/d_2007/d_tab_bg.gif');
 margin-left: 5.0em;
 padding-top: 1em; padding-left:1.0em; padding-right:1.0em; padding-bottom:1.0em
}

/* --------- DIVERS */

table.faq_table {
 color: #000;
}

.disclaimer {
 font-size: 0.75em;
 color: #666;
}

td.kontakt_note {
 border: 1px solid #333;
 padding: 9px;
}

td.required {
 width: 20%;
 padding-right: 10px;
}

table.kontakt input,
table.kontakt select,
table.kontakt textarea {
 border: 1px solid #333;
 background: #222;
 color: #fff;
}

table.kontakt input,
table.kontakt textarea {
 width: 75%;
}

table.kontakt input.ffsubmit {
 margin-top: 10px;
 width: 100px;
 margin-left: 75px;
}

input.ffsubmit:hover {
 color: #df0000;
}

td.kontakt_note a {
 border-bottom: 1px solid #df0000;
}

td.kontakt_note a:hover {
 border-bottom: none;
}

p#flvplayer {
 margin: 0 auto;
 width: 400px;
 border: 1px solid #333;
 z-index: 0 !important;
}

div.sitemap {
 margin: 0 100px;
 padding: 10px;
}

/* --------- HAENDLERSUCHE */

div.haendlersuche form {
 margin-left: 30px;
 text-align: left;
 border: 1px solid #333;
 padding: 10px;
 width: 200px;
}

div.haendlersuche form input.text_input {
 border: 1px solid #333;
 background: #222;
 color: #fff;
}

div.haendlersuche form select.text_input {
 border: 1px solid #333;
 background: #222;
 color: #fff;
}

div.haendlersuche span {
 letter-spacing: 0.1em;
 color: #999;
 text-transform: uppercase;
}

table.haendlertabelle {
 width: 600px;
 border: 1px solid #333;
}

p.hint {
 color: #666;
 font-size: 1em;
 line-height: 1em;
 letter-spacing: 0.15em;
 border-left: 10px solid #df0000;
 padding-left: 10px;
}

td.firma {
 color: #fff;
 text-transform: uppercase;
 padding: 5px 5px 5px 3em;
 background: #000;
 border-bottom: 1px solid #333;
}

td.firma span.bullet {
 background: url('/uploads/images/d_2007/d_bullet.gif') no-repeat left center;
 padding-left: 25px
}

td.kontaktdaten {
 color: #fff;
 background: #111;
 padding: 5px;
 width: 300px;
}

td.kontaktdaten a.dealermail, td.details a.dealermail {
 color: #fff;
 background: url('/uploads/images/ext_link.gif') no-repeat left center;
 padding-left: 2em
}

td.dealeroptionen {
 color: #fff;
 background: #222;
 padding:5px;
}

td.details {
 color: #fff;
 background: url('/uploads/images/d_2007/d_tab_bg.gif');
 padding: 5px
}

table.haendlertabelle a {
 text-decoration: none;
}

table.haendlertabelle a:hover {
 color: #df0000;
}

/* PRINT */

@media print {
.noprint { display: none; }
}

/* --------- NEWS */

.d_NewsSummary {
 width: 160px;
 height: 125px;
 border: 1px solid #333;
 margin-right: 10px;
 float: left;
}

.NewsSummary, div#main div.NewsDetail {
 border: 1px solid #333;
 margin: 0px 10% 20px 5%;
 padding: 9px;
}

.d_NewsSummaryCategory {
 text-transform: uppercase;
 text-align: center;
 font-size: 0.75em;
 color: #ffffff;
 background-color:#818fa1;
 width: 50px;
 height: 2em;
}

.d_NewsSummaryPostdate {
 background: url('/uploads/images/d_2007/d_bullet.gif') no-repeat left center;
 text-indent: 25px;
 color: #666; 
 font-size: 0.8em 
}

.NewsSummaryPostdate,
.NewsPostDetailDate {
 text-indent: 25px;
 color: #666; 
 font-size: 0.8em; 
}

.d_NewsSummarySummary {
 line-height: 140%;
 margin-top: 2em;  
 margin-bottom: 2em; 
}

.NewsSummarySummary, .NewsPostDetailContent {
 margin: 2em 0;
 line-height: 120%;
 padding: 1.5em;
 background: url('/uploads/images/d_2007/d_tab_bg.gif');
}

.NewsSummarySummary a,
.NewsPostDetailContent a {
 color: #fff;
 background: transparent;
 text-decoration: none;
 border-bottom: 1px solid #df0000;
}

.NewsSummarySummary a:hover,
.NewsPostDetailContent a:hover {
 color: #df0000;
 background: transparent;
 border-bottom: none;
}

.d_NewsSummaryLink,
.NewsSummaryLink,
.NewsPostDetailTitle {
 font-size: 1em;
 line-height: 1.4em;
 background-color: #000;
 margin-left: 5px;
 margin-top: 1em;
}

.NewsSummaryLink,
.NewsPostDetailTitle {
 background: url('/uploads/images/d_2007/d_bullet.gif') no-repeat left center;
 text-indent: 30px
}

.d_NewsSummaryLink a,
.NewsSummaryLink a {
 background: transparent;
 color: #fff;
 text-decoration: none;
}

.NewsSummaryLink a,
.NewsPostDetailTitle {
 letter-spacing: 0.2em;
}

.d_NewsSummaryLink a:hover,
.NewsSummaryLink a:hover,
.NewsPostDetailTitle a:hover {
 color: #df0000;
}

.d_NewsSummaryMorelink,
.NewsSummaryMorelink,
.NewsPostDetailReturnLink {
 color: #fff;
 font-size: 1em; 
 text-decoration: none;
}

.NewsSummaryMorelink {
 text-align: right;
 padding-right: 10%;
}

.NewsPostDetailReturnLink {
 text-align: left;
 padding-left: 10%;
}

.NewsSummaryMorelink a,
.NewsPostDetailReturnLink a {
 color: #fff;
 text-decoration: none;
}

.NewsSummaryMorelink a:hover,
.NewsPostDetailReturnLink a:hover {
 color: #df0000;
}

/* --------- HORIZONTAL NAVIGATION */

div#menu_horizontal {
 position: relative; 
 z-index: 1;
 float: left;
 display: inline;
}

#menuwrapper { 
 overflow: hidden; 
 background: #000;
 color: #fff;
}

#primary-nav li { 
 width: auto;
}

#primary-nav li li {
 width: 180px;
 background: #111;
}

#primary-nav, #primary-nav ul { 
 list-style: none; 
 margin: 0px; 
 padding: 0px; 
}

#primary-nav ul { 
 position: absolute;
 top: auto; 
 display: none; 
}

#primary-nav ul ul { 
 margin-top: 1px;
 margin-left: -1px;
 left: 100%; 
 top: 0px; 
}
	
#primary-nav li { 
 margin-left: -1px;
 float: left; 
}

#primary-nav li li { 
 margin-left: 0px;
 margin-top: -1px;
 float: none; 
 position: relative; 
}

#primary-nav a { 
 display: block;
 margin: 0px; 
 padding: 5px 10px; 
 text-decoration: none; 
}

#primary-nav li a {
 background: url('/uploads/images/d_2007/d_bullet.gif') no-repeat left center;
 text-indent: 20px;
 color: #fff;
 font-size: 1.2em;
 font-weight: bold
}

#primary-nav li li a {
 background: none;
 font-weight: normal;
 font-size: 1em;
 text-indent:0px;
 border: 1px solid #222;
}

#primary-nav li li a:hover, #primary-nav li a:hover {
 color: #df0000;
}

#primary-nav li, #primary-nav li li.menuparent { 
 color: #df0000;
}

#primary-nav li.menuactive { 
 color: #df0000;
}

#primary-nav ul li.menuparent, #primary-nav ul li.menuparent:hover, #primary-nav ul li.menuparenth, #primary-nav li ul li.menuparent { 
 color: #df0000;
}

#primary-nav li li:hover, #primary-nav li li.menuh, #primary-nav li li.menuparenth,
#primary-nav li li.menuactiveh, #primary-nav ul li.menuactive:hover { 
 background: #222; 
 color: #df0000
}

#primary-nav ul, #primary-nav li:hover ul, #primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, #primary-nav li.menuparenth ul ul { 
	display: none;
	}
#primary-nav li:hover ul, #primary-nav ul li:hover ul, #primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, #primary-nav ul li.menuparenth ul, #primary-nav ul ul li.menuparenth ul { 
	display: block; 
}

/* IE Hacks */

#primary-nav li li { 
	float: left; 
	clear: both; 
	}
#primary-nav li li a { 
	height: 1%; 
	}

/* --------- SUB NAVIGATION */

div#subnav {
 border: 1px solid #333;
 margin-top: 10px;
 padding: 5px 0px;
 color: #fff;
}

div#subnav ul {
 line-height:1.4em;
 /* margin: 0 0 1.5em 0; */
 padding: 0 5px;
 list-style: none;
}

div#subnav ul li {
 /* margin: 0 0 0.25em 30px; */
 padding: 0;
 list-style: none;
}

div#subnav ul li a {
 color: #fff;
 font-weight: bold;
 background: url('/uploads/images/d_2007/d_bullet.gif') no-repeat center left;
 padding-left: 25px;
 color: #fff;
 text-decoration: none;
 margin: 0
}

div#subnav ul li a:hover {
 color: #df0000;
}

/* --------- THE GRID */

div#content {
 width: 100%;
 margin: 1.5em auto 2em auto;
 padding: 0;
 text-align: left;
}

div#main {
 float: left;
 width: 80%;
 margin-top: 20px;
 font-size: 11px !important;
 }

div#sidebar {
 width: 18%;
 margin-top: 20px;
 float: right;
 display: inline; 
}

div#sidebar div.d_NewsSummary {
 width: 170px;
 margin-top: 10px;
}

div#static_sidebar {
 text-align: center;
 display: block;
 border: 1px solid #333;
 margin-top: 10px;
 padding: 5px;
}

div#static_sidebar a.linkimage {
 padding: 5px 0;
 text-decoration: none;
}

div#pagebottom_front a.linkimage img {
 margin-top: 30px;
 text-decoration: none;
}

div.teaser {
 float: right;
 padding: 5px;
 margin-top: 40px;
 border: 1px solid #333;
}

div.teaser a.linkimage {
 text-decoration: none;
}

div#main p.katpic {
 width: 200px;
 height: 250px;
 padding: 5px;
 margin-right: 30px;
 margin-bottom: 2em;
 float:left;
}

div#beschreibung {
 float: left;
 width: 50%;
 border: 1px solid #333;
 margin-right: 30px;
 padding: 5px 15px 15px 15px;
}

div#tabs {
 background: url('/uploads/images/d_2007/d_tab_bg.gif');
 text-align: center;
 margin-left: -15px;
 margin-right: -15px;
 margin-bottom: 2em
}

.tab {
 letter-spacing: 0.15em;
 cursor: pointer;
 display: inline;
 margin-right: 20px;
}

.tab:hover {
  border-bottom: 1px solid #df0000;
  border-top: 1px solid #df0000;
} 

.page {
 /* position: relative; */
}

div#tab1 {
 color: #df0000;
}

div#p_description {
 display: block;
}

div#p_data {
 display: none;
}

div#p_gallery {
 display: none;
 text-align: center;
}

div#p_gallery.page a img, div.roadshow_gallery a img {
 margin: 0 10px;
 border: 2px solid #333;
}

div#data {
 float: left;
 width: 50%;
 display: inline;
 border: 1px solid #333;
 padding: 15px;
 margin-right: 20px;
}

div#galerie {
 width: 40%;
 float: right;
 display: inline;
 text-align: center;
 border: 1px solid #333;
 padding: 10px;
}

div#galerie a img {
 border: 3px solid #333;
}

div#colorswitcher {
 margin-top: 10px;
 padding: 5px 0px;
 border: 1px solid #333;
 text-align: center;
}

div#pagebottom {
 float: none;
 clear: left;
 width: 780px;
 height: auto;
 padding: 20px 0;
}

div#pagebottom_front {
 float: none;
 clear: left;
 width: 980px;
 height: auto;
 padding: 20px 0;
}

div#pagebottom a img, div#pagebottom_front a {
 text-decoration: none;
 margin: 0 10px 0 0;
}

div#copyright {
 margin-left: 10px;
 color: #333;
 float: left;
}

div#contacts {
 text-align: left;
 margin-left: 400px;
}

div#contacts a {
 color: #666;
 background: url('/uploads/images/d_2007/d_bullet.gif') no-repeat left center;
 padding-left: 25px;
 margin-right:15px;
 text-decoration: none
}

div#contacts a:hover {
 color: #df0000;
}

/* --------- SOME HACKS DUE TO CMS BUGS */
/* --------- INS: 071010 */

a.menuparent[href="javascript:void(0);"] {
 cursor: default;
}