/* Start of CMSMS style sheet 'bodis' */
/**css for bodis exhaust system by sandra budde**/

* {margin:0;padding:0;}

body {text-align:center;vertical-align:middle;
   font-family: Eurostile, Tahoma, Helvetica, sans-serif;
   font-size: 85%;
   line-height: 1em;}
*+html body{ font-size: 100.01%; } 
* html body{font-size: 100.01%; }

div {font-size: 1em;}
*+html div{font-size: 0.9em;} 
* html div{font-size: 0.9em;}

a img{ border: 0;}


/*****************
basic layout 
*****************/
body {height: 100%; width: 100%; background-color: #000; color: #fff; margin: 0; padding:0;vertical-align:middle; text-align:center;}

div#logos {margin: 1em 0 0 0; height: 7em; background: transparent;color: #fff; border-bottom:1px solid #f00;z-index:3;}
div#search { width: 27em; padding: 0.6em 0 0.2em 0;margin: 0 1em;}

div#bodis {float:left; width: 25em; height: 7em; margin: 0 auto 0 0; text-align:center;}

div#speer {width: 25em; height: 7em; margin: 0 0 0 auto; text-align:center;}

div.hintergrund {margin: 0;background: transparent  url(images/cms/Titelbilder/Bodis_DSC2407_schwarz.png) 28em 1em no-repeat;z-index:1;}

div.hintergrundhome {margin: 0;background: transparent url(images/cms/Titelbilder/Bodis_DSC2407_schwarz.png) 20em 1em no-repeat;z-index:1;}

div.hintergrundbmw {margin: 0;background: transparent url(images/cms/Titelbilder/BMW_0494.png) 24em -3em no-repeat;z-index:1;}
div.hintergrundhonda {margin: 0;background: transparent url(images/cms/Titelbilder/Bodis_DSC4834.png) 28em 1em no-repeat;z-index:1;}
div.hintergrundkawa {margin: 0;background: transparent url(images/cms/Titelbilder/Bodis_DSC2255.png) 28em 1em no-repeat;z-index:1;}
div.hintergrundmv {margin: 0;background: transparent url(images/cms/Titelbilder/MV_0464.jpg) 20em -3em no-repeat;z-index:1;}
div.hintergrundsuzu {margin: 0;background: transparent url(images/cms/Titelbilder/Bodis_DSC2388.png) 28em 1em no-repeat;z-index:1;}
div.hintergrundyama {margin: 0;background: transparent url(images/cms/Titelbilder/Yamaha__0496.png) 22em -3em no-repeat;z-index:1;}
div.hintergrundtriu {margin: 0;background: transparent url(images/cms/Titelbilder/Bodis_DSC2339_ohne_dbKiller.png) 26em 1em no-repeat;z-index:1;}

div#pagewrapper {margin: 4% auto 3% auto; min-width: 80em; max-width: 95em; background-color: #000;color: #fff;text-align:left;z-index:2;}

div#content {clear:both;margin: 1em 0 0 0; padding:0 0 1em 0;min-height: 40em;z-index:5;}

div#main {min-height: 38em;margin: 0 0 0 20em;z-index:6;}
div#mainhome {min-height: 38em;margin: 1em 0 0 20em;z-index:6;}
div#mainstartseite {min-height: 17em;margin: 0 0 0 63em;padding-top: 23em;z-index:6;}

div#bodis-sprachen {position:absolute;margin: 4em auto 0 2em;}
div#bodis-sprachen img {margin: 0.5em 0.5em 0 1em;border: 1px solid #777;}
div#distributoren {position:absolute;margin: 14em auto 0 2em;}
div#distributoren img {margin: 0.5em 0.5em 0 1em;border: 1px solid #777;}

div#sub{clear:both;margin-top:1em;border-top:1px solid #f00; }

div#right_box {width: 15em; height:3em; margin: 1em 0 1em auto; text-align:right;}

div#sprachen {margin: 0; height: 2em; width:9em;float:left;}
div#sprachen a{border:none;}
div#sprachen img{border:none;padding:0.5em;}
div.printbut {margin: 0 0 0 2em; height: 2em; width:2em;float:left;}
.printbut a{border:none;}
div.printbut img{border:none;padding:0.5em ;}

div#marken{clear:both;margin:1em auto 0 1em; float:left;padding:0em; height:5em; width:62em; background: #000 url(images/cms/bg_pano_11.png) top left repeat-x;color: #fff;vertical-align:middle; text-align:center;white-space:nowrap;}

*+html div#marken{min-width:62em; max-width:72em;}

* html div#marken{min-width:62em; max-width:72em;}


#marken ul {margin:0;padding:2em 0 1.7em 0;height:5em;vertical-align:middle; text-align:center;}
#marken li {list-style: none;margin: 0;vertical-align:middle;}
div#marken li a{background:transparent; text-decoration:none;color:#fff; font-size:1.3em;font-weight:bold;margin:0;padding:1.7em 1.2em;}

.sbf {width:30em;}

div#footer {width:31em;margin:1em 0 0 auto; padding:0.4em; color:#fff; background:transparent; height:1em;text-align:right;}
div#footer a {color: #fff; text-decoration:none;border:none;font-size: 0.9em;padding: 0.2em;margin: 0;}

div.contframeproduct {background-color:#000;}
iframe.shopintegr {border:0;padding:0;margin: 1em 0;background-color:#000;}
*+html p.ikz{font-size: 80%;} 
* html p.ikz{font-size: 80%;}


/* as we hid all hr for accessibility we create new hr with extra div element */
div.hr {height: 1px;padding: 1em;border-bottom: 1px dotted black;margin: 1em;}


/********************
MENU
*********************/

div#sidebar {position:absolute;height:auto;width: 11em; display: inline;margin: 1em 1em 0 0; z-index:4;}

div#sidebar a{border:none;}

#menu_vert {padding-left: 0; margin-left: 1em;}

div#marken_submenu {position:absolute; min-height:17em;width:16em;margin: 21em 1em 0 0;text-align:left;padding: 1em 0.5em;border-top:2px solid #f00;z-index:5;background: transparent url(images/cms/bg_grey.jpg) top left repeat-x;color:#fff;}

/* third level has some padding to have it stand out */
div#menu_vert ul ul ul {
   padding-bottom: 0.5em;
}

/* menu li block */
div#marken_submenu li, div#menu_vert li {list-style: none; margin: 0;display: block;}

div#marken_submenu ul ul li,#menu_vert ul ul li {border: none;}

/** fix stupid ie bug with display:block; **/
* html #menu_vert li a, html #marken_submenu li a { height: 1%; } 
* html #menu_vert li hr, html #marken_submenu li hr { height: 1%; }
/** end fix **/

/* first level links */
div#marken_submenu a, div#menu_vert a {
   text-decoration:none; border:none;
   display: block; /* IE has problems with this, fixed above */
   padding: 0.2em 0.4em 0.2em 0.4em; 
   color: #fff; font-weight:bold;
   background: transparent; 
   min-height:1em; /* Fixes IE7 whitespace bug */ 
}


/* next level links, more padding and smaller font */
div#marken_submenu ul ul {margin: 0.5em 0 0.5em 0;}
div#marken_submenu ul ul a{padding: 0.2em 1em 0.2em 2.4em;}

div#menu_vert ul ul a {
   padding: 0.2em 0.4em 0.2em 2.8em;
}

/* third level links, more padding */
div#marken_submenu ul ul ul a {
   padding: 0.2em 2em 0.2em 0.4em;
}
div#menu_vert ul ul ul a {
   padding: 0.2em 0.4em 0.2em 4.3em;
}

/* hover state for all links */
div#marken_submenu a:hover, div#menu_vert a:hover {
   color: #f00;
}
div#marken_submenu a.activeparent:hover, div#menu_vert a.activeparent:hover {
   color: #f00;
}

/* 
active parent, that is the first-level parent 
of a child page that is the current page 
*/
div#marken_submenu li a.activeparent, div#menu_vert li a.activeparent {
   color: #f00;
}

div#marken_submenu ul ul li a.activeparent, div#menu_vert ul ul li a.activeparent {
   color: #fff;
}


/* 
current pages in the default Menu Manager 
template are unclickable. This is for current page on first level 
*/
div#marken_submenu ul h3,
div#menu_vert ul h3 {
   display: block; 
   padding: 0.2em 0.4em 0.2em 0.4em;  
   color: #f00;border-bottom:none;  
   font-size: 1em; 
   margin: 0;
}

/* 
next level current pages, more padding, 
smaller font and no background color or bottom border 
*/
div#marken_submenu ul ul h3 {
   padding: 0.2em 1em 0.2em 2.4em;
   background-color: transparent;
   color: #f00;     
}
div#menu_vert ul ul h3 {
   padding: 0.2em 0.4em 0.2em 2.8em;
   background-color: transparent;
   color: #fff;     
}

/* current page on third level, more padding */
div#marken_submenu ul ul ul h3 {
   padding: 0.2em 4.3em 0.3em 0.4em;
}
div#menu_vert ul ul ul h3 {
   padding: 0.2em 0.4em 0.2em 4.3em;
}

/* section header */
div#menu_vert li.sectionheader {
   border-right: none;
   font-size: 130%;
   font-weight: bold;
   padding: 1.5em 0 0.8em 0;
   background-color: #fff;
   line-height: 1em;
   margin: 0;
   text-align:center;
}



/* separator */
div#menu_vert li.separator {
   height: 1px !important;
   margin-top: -1px;
   margin-bottom: 0;
   padding:2px 0 2px 0;
   background-color: #000;
   overflow:hidden !important;
   line-height:1px !important;
   font-size:1px; /* for ie */
}

div#menu_vert li.separator hr {
   display: none; /* this is for accessibility */
}



/********************
NON-MENU LINKS
*********************/


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

a:hover {text-decoration: underline; 
   background-color: inherit; 
   color: #f00; 
}


/********************
CONTENT STYLING
*********************/

/* HEADINGS */
div#content h1 {
   font-size: 2em;
   line-height: 1em;
   margin: 0;
}
div#content h2 {
	color: #f00;
	font-size: 1.5em; 
	text-align: right; 
	padding:0.4em;
        line-height: 1.5em;
        margin: 1em 3em 0.5em 0;
}
div#content h3 {clear:both;
   color: #fff;border-bottom:1px dotted #f00; 
   font-size: 1.3em;
   line-height: 1.3em;
   margin: 2em 3em 1em 0.5em;padding:0.5em;
}
div#content h4 {clear:both;
   color: #fff; 
   font-size: 1.2em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
div#content h5 {
   color: #fff; 
   font-size: 1.1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
h6 {
   color: #fff; 
   font-size: 1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
/* END HEADINGS */

/* objects */

.elementleft {float:left; margin:0 1.5em 1em 1em;}
.elementleft img{border:1px solid #777;}
div.bildleiste{clear:both;margin: 0 3em 0 2em;}
.bildleiste img{float:left; margin:1em 1em 1em 0;border:1px solid #777;}
.bildleiste img:hover{border:1px solid #f00;}
.bildreihe {float:left; margin:0;text-align:center;font-weight:bold;}

.elementright {float:right; margin:0 4em 1em 1em;}
.elementright img{border:1px solid #777;}

.elementmiddle {margin:1em auto 1em auto;text-align:center;}
.elementmiddle img{border:1px solid #777;}

.clb {clear:both;}

.newsklein {float:left; margin:0.5em 1em 0.5em 0;}
.newsimgleft {float:left; margin:0 1.5em 1em 0;}
.newsimgright {float:right; margin:0 3em 1em 1em;}



/* TEXT */
p {margin: 0.5em 1em 0.7em 2em;
   font-size: 1em;
   line-height: 1.4em;
   padding: 0;max-width:55em;
}


table.produkte {margin:2em 0 2em 0;font-size:92%;}
table td{text-align:left;vertical-align:top; padding:0.2em;margin:0;}
th {font-weight:bold;padding:0.4em;background:transparent;color: #f00;}
table.produkte tr:hover th {background:transparent;color: #f00;}
tr td{background:transparent;color: #fff;}
table.produkte tr:hover td{background:#333;color: #fff;}

table.materialien{margin:0 auto 0 auto;}
table.materialien td{border: 0;text-align:center;vertical-align:top; padding:0.2em 1.5em 0.2em 2em;font-size:1.2em;}
table.materialien tr, table.materialien tr:hover td{background:transparent;color: #fff;}
table.terms td{border: 0;text-align:left;vertical-align:top; padding:0.5em; font-size:100%;}
table.terms tr, table.terms tr:hover td{background:transparent;color: #fff;}


blockquote {
   border-left: 10px solid #ddd;
   margin-left: 10px;
}
strong, b {
   font-weight: bold;
}


.contactform {margin:2em 4em 1em 2em;background-color:#0F0F0F;color:#fff;border:0;}

.contactform fieldset {margin:1em;padding:2em; background:transparent;color:#fff;border:0;}
.contactform fieldset legend {font-weight: bold;padding: 0.4em;color:#fff;}
.contactform fieldset div {padding: 0.5em;}
.feldbeschr {clear:left;width: 10em;float:left;text-align:right; padding:0.5em;}
.felder {text-align:left; }
.loglabel {clear:left;width: 9em;float:left;text-align:right; padding:0.5em;}
.logfelder {text-align:left;padding:0.5em; }
.logfelder input {width:15em;backgroundcolor:#eee; color:#000; }
.contactform fieldset input {margin-left: 1em;text-align:left;background: #ddd;color:#333;width:18em;}
.contactform fieldset textarea {margin-left: 1em;text-align:left;background: #ddd;color:#333;}
.contactform .required {color: #f00;}

.warnung {color: #FFD700;}

.captcha {margin-left:16em;}
.submit {margin:2em auto 0 16em;}

em, i {
/* explicit setting for these */
   font-style:italic;
}


pre {
   border: 1px solid #000;  /* black border for pre blocks */
   background-color: #ddd;
   margin: 0 1em 1em 1em;
   padding: 0.5em;
   line-height: 1.5em;
   font-size: 90%;
}

/* Separating the divs on the template explanation page, with some bottom-border */
div.templatecode {
  margin: 0 0 2.5em;
}

/* END TEXT */

/* LISTS */
/* lists in content need some margins to look nice */
div#main ul,
div#main ol,
div#main dl {
   font-size: 1.0em;
   line-height: 1.4em;
   margin: 0 0 1.5em 0;
}

div#main ul li,
div#main ol li {
   margin: 0 0 0.25em 3em;
}

div#main li.picturelist, div#main ul.picturelist  {margin:0;padding:0;}


/* definition lists topics on bold */
div#main dl dt {
   font-weight: bold;
   margin: 0 0 0 1em;
}
div#main dl dd {
   margin: 0 0 1em 1em;
}

div#main dl {
  margin-bottom: 2em;
  padding-bottom: 1em;
  border-bottom: 1px solid #c0c0c0;
}


/* END LISTS */


div#news {
  margin: 2em 0 1em 1em; 
}

div#news h2 {color:#f00;
   line-height: 2em;border-bottom:1px solid #f00;
}

.NewsSummary {clear:both; height: 9em;
    padding: 0.5em 0.5em 1em; 
    margin: 2em 0.5em 1em 0.5em; 
    border-top: 1px dotted #f00; 
}

.NewsSummaryPostdate {
  font-size: 90%;
  font-weight: bold;
 }

.NewsSummaryLink {
    font-weight: bold;
    padding-top: 0.2em;
}

.NewsSummaryCategory {
  font-style: italic;
  margin: 5px 0;
 }

.NewsSummaryAuthor {
  font-style: italic;
  padding-bottom: 0.5em;
}

.NewsSummarySummary, .NewsSummaryContent {
  line-height: 140%; 
 }

.NewsSummaryMorelink {
  padding-top: 0.5em;
}

#NewsPostDetailDate {
  font-size: 90%;
  margin-bottom: 5px;
  font-weight: bold;
  }

#NewsPostDetailSummary {
   line-height: 150%;
   }

#NewsPostDetailCategory {
  font-style: italic;
  border-top: 1px solid #333;
  margin-top: 0.5em;
  padding: 0.2em 0;
}

#NewsPostDetailContent {
  margin-bottom: 1em;
  line-height: 150%;
  }


h3#NewsPostDetailTitle {color:#f00;margin: 2em 1.5em; padding: 0 1em 0.4em 0;}


/* End of 'bodis' */