/*///////////////////////////////////////////////////////////////////
// 2009-04   | motorpresse                                         //
// Project   | motorradonline                                      //
// Author    | Karsten Meyer                                       //                                                    
// Package   | basics                                              //
///////////////////////////////////////////////////////////////////*/


/* # general ########## */
HTML {
	margin:0;
	padding:0;
	height:100%;
}
BODY {
	color: #010101;
	font: 12px  Verdana, Arial, Tahoma, sans-serif;
	height:100%;
	margin:0px 0 0 0;
	background-color:#fff;
}
#container {
  width:829px;
  padding:8px 3px 8px 8px;
	background-color:#fff;
}

A:link,
A:visited,
A:hover,
A:active{
	color: #e2031b;
	text-decoration:none;
}
A:hover{
	text-decoration:underline;
}

.bold {font-weight:700;font-size:11px;}
.nobold { font-weight:400; }
.small { font-size:10px; }

IMG {
	border:0;
}
A IMG {
	border:0;
}

P {
 margin:0;
 padding:0 0 5px 0;
}

H1, H2, H3, H4, H5, H6 {
 margin:0;
 padding:0;
}

H1 {
 font-size:12px;
 color:#000;
}
H2 {
 font-size:14px;
 color:#e2031b;
 margin-bottom:4px;
}
H3 {
 font-size:12px;
 color:#000;
 border-bottom:1px solid #000;
}

UL {
  margin-bottom:0;
  padding-bottom:0;
}

TABLE {
	border-collapse:collapse;
	padding:0;
	border:0;
	margin:0;
}
TABLE, TR, TD, TH {
	font-family: Verdana, Arial, sans-serif;
	vertical-align:top;
	font-size: 12px;
	text-align:left;
}

TABLE.padbot5 TD {
  padding-bottom:5px;
}

.sepline {
 font-size:0px;
 line-height:0px;
 margin-top:8px;
 border-top:1px solid #b6b9bc;
 padding-bottom:8px;
 clear:both;
}

FORM {
  margin:0;
  padding:0;
}

.clearer {
  clear: both;
  line-height: 0px;
  font-size:0px;
  height: 0px;
  margin: 0px;
  padding: 0px;
}
.bo {border-bottom:1px solid #c4c4c4; margin-bottom:10px;}

 /* Clearing mit overflow */
.floatbox { overflow: hidden; }

/* alignment classes */
.float-left  {  float: left; }
.float-right {	float: right; }
.img-left  {  float: left;padding:0 15px 10px 0; }
.img-right {	float: right;padding:0 0 10px 15px; }
.align-left  {	text-align: left; }
.align-center  {	text-align: center; }
.align-right {	text-align: right; }

.bo {border:1px solid #000;} /* nur zum testen*/

/* # Styles für banner ######### */
#topBanner {
 width:806px;
 text-align:center;
 margin-bottom:9px;
}
#rightBanner {
 position:absolute;
 left:841px;
 top:109px;
 width:200px;
}

/* # page settings ########## */


/* header */
#header {
 position:relative;
 width:829px;
 height:128px;
 background: url(../i/bg/header.gif) no-repeat;
 z-index:100;
}

#psonline #header{
 background: url(../i/bg/header_ps.gif) no-repeat;
}

#zweiraeder #header{
 background: url(../i/bg/header_2raeder.gif) no-repeat;
}

#classic #header{
 background: url(../i/bg/header_classic.gif) no-repeat;
}

#meta-frame {
 position:relative;
 height:24px;
}
#datum {
 position:absolute;
 left:10px;
 top:8px;
 font-size:10px;
 font-weight:700;
 color:#000;
}
#meta {
 position:absolute;
 /*left:215px;*/
 top:7px;
 /*width:346px;*/
 overflow:hidden;
 text-align:right;
 left:160px;
 width:400px;
}

#meta A:link,
#meta A:visited,
#meta A:hover,
#meta A:active{
	color: #000;
	font-size:9px;
}

#linktabs {
 position:absolute;
 right:6px;
 top:0px;
 width:256px;
 height:24px;
}

#logo {
 position:absolute;
 left:0px;
 top:24px;
 width:189px;
 height:73px;
}

#search {
 position:absolute;
 left:377px;
 top:64px;
 width:189px;
 height:28px;
}

#heft {
 position:absolute;
 right:6px;
 top:43px;
 width:144px;
 height:78px;
 padding-top:4px;
 background: url(../i/bg/heftcover.jpg) right top no-repeat;
}

#heft A:link,
#heft A:visited,
#heft A:hover,
#heft A:active{
	color: #fff;
	font-size:9px;
}
#psonline #heft A:link,
#psonline #heft A:visited,
#psonline #heft A:hover,
#psonline #heft A:active,
#zweiraeder #heft A:link,
#zweiraeder #heft A:visited,
#zweiraeder #heft A:hover,
#zweiraeder #heft A:active,
#classic #heft A:link,
#classic #heft A:visited,
#classic #heft A:hover,
#classic #heft A:active{
	color: #000;
	font-size:9px;
}

#main {
 position:relative;
 width:829px;
 background: url(../i/bg/main.gif) repeat-y;
 color: #010101;
 font: 12px  Verdana, Arial, Tahoma, sans-serif;
 line-height:18px;
 z-index:50;
}

/* Table standard */

TABLE.standard {
  border:1px solid #b7b7b7;
  margin:10px 0 20px 1px;
  width:498px;
}

TABLE.standard TD {
  padding:2px 7px 2px 7px;
  border-bottom:1px solid #b7b7b7;
  border-left:1px solid #b7b7b7;
}

TR.header1 TD {
  font-weight:700;
  padding:2px 7px 4px 7px;
  color:#e2031b;
  border-bottom:none;
  background: #ecf0f4 url(../i/bg/td-headline.jpg) repeat-x;
  background-position:bottom;
  background-color:#FFF;
}

TR.tableRow1 TD {
  background-color: #F7F7F7;
}

/* Table standard-special */

TABLE.standard-special {
  border:1px solid #b7b7b7;
  margin:20px 0 20px 1px;
  width:498px;
}

TABLE.standard-special  TD.header1 {
  font-weight:700;
  border:1px solid #b7b7b7;
  padding:5px 7px 5px 7px;
  background-color:#EEEEEE;
}

TABLE.standard-special TD.tableRow1 {
  border:1px solid #b7b7b7;
  padding:5px 7px 5px 7px;
}

TABLE.standard-special TD.tableRow1urteil {
  border:1px solid #b7b7b7;
  padding:8px 7px 5px 7px;
  font-weight:700;
  color:#E2031B;
}

/* # Styles für Formularelemente ######### */
LEGEND { 
color:#cc0000;
font-weight:700;
}
FIELDSET {
 border: 1px solid #c4c4c4;
 padding: 10px;
 margin: 0 0 5px 0;
}
FIELDSET.float-left {
 margin-right:10px ;
}
FIELDSET.float-right {
 margin-left:10px ;
}

INPUT{   
 border-top: 1px solid #666;
 border-right: 1px solid #dedede;
 border-bottom: 1px solid #dedede;
 border-left: 1px solid #666;
 margin:0;
 font-size:10px;
 background-color:#fff;
 font: 10px Verdana, Arial, Tahoma, sans-serif;
}
SELECT{   
 border-top: 1px solid #666;
 border-right: 1px solid #dedede;
 border-bottom: 1px solid #dedede;
 border-left: 1px solid #666;
 margin:0;
 font-size:10px;
 padding:2px 3px 1px 3px;
 background-color:#fff;
}

INPUT#searchField {
 width:129px;
 height:14px;	
 border-top: 1px solid #666;
 border-right: 1px solid #dedede;
 border-bottom: 1px solid #dedede;
 border-left: 1px solid #666;
 font-size:10px;
 padding:2px 3px 1px 3px;
}

INPUT.check{
 border:0;
 width:15px;
 background-color:transparent;
}

TEXTAREA {   
 border-style: solid;
 border-width: 1px;	
 border-top: 1px solid #666;
 border-right: 1px solid #dedede;
 border-bottom: 1px solid #dedede;
 border-left: 1px solid #666;
 margin:0;
 font: 11px  Verdana, Arial, Tahoma, sans-serif;
}

INPUT.imageSubmit {
 border:0;
 margin:8px 0 0 -3px;
 padding:0;
 width:92px;
}

/* footer */
#footer-area {
 position:relative;
 width:823px;
 font-size:11px;
 line-height:23px;
 padding:15px 0 5px 0;
 color:#fff;
}

#footer1 {
 position:relative;
 width:801px;
 background-color:#e2031b;
 font-size:12px;
 line-height:21px;
 padding:0 11px;
 color:#fff;
}
#psonline #footer1 {
 background-color:#00529c;
}
#zweiraeder #footer1 {
 background-color:#f26522;
}

#mp_copyright {
 position:absolute;
 right:11px;
 top:0;
 font-size:9px;
}

#footer1 A:link,
#footer1 A:visited,
#footer1 A:hover,
#footer1 A:active{
	color: #fff;
	font-weight:700;
}

#footer2 {
 position:relative;
 width:801px;
 height:24px;
 padding:0 11px;
 background-color:#e2031b;
 font-size:12px;
 line-height:22px;
 color:#000;
 background: url(../i/bg/bg_footer2.gif) no-repeat;
}
#footer2 A:link,
#footer2 A:visited,
#footer2 A:hover,
#footer2 A:active{
	color: #000;
	font-size:11px;
}

#footer3 {
	color: #010101;
	font-size:11px;
	font-weight:700;
 padding:5px 11px;
 line-height:18px;
}
#footer3 A:link,
#footer3 A:visited,
#footer3 A:hover,
#footer3 A:active{
	color: #010101;
	font-size:11px;
	font-weight:700;
}

#footer4 {
	color: #010101;
	font-size:11px;
 padding:0px 11px;
 line-height:18px;
}
#footer4 A:link,
#footer4 A:visited,
#footer4 A:hover,
#footer4 A:active{
	color: #010101;
	font-size:11px;
}


#theEnd {
  background: url(../i/bg/end.gif) no-repeat;
  width: 829px;
  height: 7px;
  padding-bottom:15px;  
}


/*
 BEWERTUNGSFUNKTION
*/
.bewerten{
  font-size:10px;
  line-height:2;
  color:#666666;
  margin:15px 0 5px 3px;
}

.bewerten img{
  float:left;
}

.bewerten .sterne{
  background:url(../i/bg/sterne.gif) no-repeat -100px 0;
  height:17px;
  width:100px;
}

.bewerten2{
  font-size:10px;
  line-height:2;
  color:#666666;
  margin:0px 0 5px 3px;
}

.bewerten2 img{
  float:left;
}

.bewerten2 .sterne2{
  background:url(../i/bg/sterne2.gif) no-repeat -100px 0;
  height:17px;
  width:100px;
}

.bewerten3{
  font-size:10px;
  line-height:15px;
  color:#666666;
  margin:3px 0 8px 3px;
}

.bewerten3 img{
  float:left;
}

.bewerten3 .sterne3{
  background:url(../i/bg/sterne3.gif) no-repeat -75px 0;
  height:13px;
  width:75px;
  padding-top:4px;
}

.bewerten4{
  font-size:10px;
  line-height:15px;
  color:#666666;
  margin:3px 0 8px 3px;
}

.bewerten4 img{
  float:left;
}

.bewerten4 .sterne4{
  background:url(../i/bg/sterne4.gif) no-repeat -75px 0;
  height:13px;
  width:75px;
  padding-bottom:0;
  float:right;
  padding-top:4px;
}


/*
 GSA-Schlagwortseite
*/

#gsa-schlagwort .eintrag{
  border-bottom: 1px #B9B9B9 solid;
  float:left;
  padding:10px 0 10px 0px;
  width:100%;
}

#gsa-schlagwort .links{
  padding-right: 10px;
  width: 19%;
  float:left;
}

#gsa-schlagwort .rechts{
  padding-right: 0;
  width: 79%;
  float:right;
}

#gsa-schlagwort .eintrag H2{
  line-height:18px;
  color:#000000;
  font-size:12px;
  font-family:Verdana, Arial;
  border:none;
}

#gsa-schlagwort .eintrag H3{
  line-height:18px;
  color:#E2031B;
  font-size:14px;
  font-family:Verdana, Arial;
  border:none;
}

#gsa-schlagwort .eintrag P{
  clear:both;
}

#gsa-schlagwort .pagination{
  padding-right: 0;
  padding-top:10px;
  width: 100%;
  float:left;
}

#gsa-schlagwort .pagination .zurueck{
  padding-right: 15px;
  float:left;
}

#gsa-schlagwort .pagination .weiter{
  padding-right: 0;
  float:right;
}

#gsa-schlagwort .suchergebnis_links{
  padding-right: 15px;
  font-size:10px;
  float:left;
}

#gsa-schlagwort .suchergebnis_rechts{
  padding-right: 0;
  font-size:10px;
  float:right;
}

#gsa-schlagwort .objektlogo{
  float:right;
  margin-top:-8px;
}

.modell_link{
  float:left;
  text-align:right;
  width:500px;
  margin-top:10px;
  height:20px;
}

.modell_list{
  width:245px;
  height:65px;
  padding:5px 5px 0 0;
  float:left;
}

#mrd_c1, #mrd_c2, #mrd_c3, #mrd_rs1, #mrd_rs2, #mrd_rs3{
  height:0px
  line-height:0px;
font-size:0px;
display:none;
}

#mrd_contentAd{
font-size:0px;
line-height:0px;
padding:0 0 5px 0;
}

.headlinetwo {
 font-size:14px;
 color:#e2031b;
 margin-bottom:4px;
}

/* END */

/*///////////////////////////////////////////////////////////////////
// 2009-04   | motorpresse                                         //
// Project   | motorradonline                                      //
// Author    | Karsten Meyer                                       //                                                  
// Package   | col right                                           //
///////////////////////////////////////////////////////////////////*/

#col-right {
 font-size:11px;
}
#col-right A:link,
#col-right A:visited,
#col-right A:hover,
#col-right A:active{
 font-weight:700;
}
#col-right .boxhead A:link,
#col-right .boxhead A:visited,
#col-right .boxhead A:hover,
#col-right .boxhead A:active{
 color:#fff;
}

#col-right TD {
 font-size:11px;
 line-height:16px;
}

.boxColRight {
 position:relative;
 width:302px;
 margin-bottom:15px;
}

.borderBot {  
 border-bottom:1px solid #b6b9bc;
}

.boxhead {
 font-weight:700;
 color:#fff;
 background: url(../i/bg/boxhead.jpg) no-repeat;
 width: 284px;
 height: 20px;
 padding:0 9px 5px;
}
#psonline .boxhead {
 background: url(../i/bg/boxhead_blue.jpg) no-repeat;
}
#zweiraeder .boxhead {
 background: url(../i/bg/boxhead_orange.jpg) no-repeat;
}

.boxhead2 {
 font-weight:700;
 color:#fff;
 background: url(../i/bg/boxhead2.jpg) no-repeat;
 width: 110px;
 height: 19px;
 padding:0 8px 0 8px;
 border-right:1px solid #9da1a4;
}
#psonline .boxhead2 {
 background: url(../i/bg/boxhead2_blue.jpg) no-repeat;
}
#zweiraeder .boxhead2 {
 background: url(../i/bg/boxhead2_orange.jpg) no-repeat;
}

#col-right .boxGrey {
 border:1px solid #9da1a4;
 background-color:#eef1ef;
 width:299px;
}
#col-right TABLE.margin8 {
  margin:8px;
}

.pad8 {
 padding:0 8px 0 8px;
}

#col-right INPUT{  
 padding:1px 3px 2px 3px;
}

UL.arrow {
 margin:0 0 0 10px;
 padding:0;
 list-style:none;
}
UL.arrow LI {
 margin:0;
 padding:0 0 0 12px;
 background: url(../i/bg/blackarrow_w.gif) 0 4px no-repeat;
}
UL.arrow-grey {
 margin:0 0 0 10px;
 padding:0;
 list-style:none;
}
UL.arrow-grey LI {
 margin:0;
 padding:0 0 0 12px;
 background: url(../i/bg/blackarrow_g.gif) 0 4px no-repeat;
}
UL.redarrow {
 margin:0px;
 padding:0;
 list-style:none;
}
UL.redarrow LI {
 margin:0;
 padding:0 0 0 12px;
 background: url(../i/bg/redarrow_w.gif) 0 4px no-repeat;
}


#col-right P.linkRight {
  text-align:right;
  padding-right:5px;
}

#mitgliederSuche {
position:absolute;
left:4px;
top:73px;
}

#plzSuche {
position:absolute;
left:149px;
top:72px;
}

.counter {
 background: url(../i/bg/counter.gif) no-repeat;
 width: 139px;
 height: 34px;
 color:#fff;
 letter-spacing:8px;
 line-height:22px;
 padding:0 0 0 3px;
 margin-left:3px;
}

#col-right .tagcloud A.size8:link,
#col-right .tagcloud A.size8:visited,
#col-right .tagcloud A.size8:hover,
#col-right .tagcloud A.size8:active{
 color:#414141;
 font-size:18px;
}
#col-right .tagcloud A.size7:link,
#col-right .tagcloud A.size7:visited,
#col-right .tagcloud A.size7:hover,
#col-right .tagcloud A.size7:active{
 color:#656565;
 font-size:16px;
}
#col-right .tagcloud A.size6:link,
#col-right .tagcloud A.size6:visited,
#col-right .tagcloud A.size6:hover,
#col-right .tagcloud A.size6:active{
 color:#787878;
 font-size:14px;
}
#col-right .tagcloud A.size5:link,
#col-right .tagcloud A.size5:visited,
#col-right .tagcloud A.size5:hover,
#col-right .tagcloud A.size5:active{
 color:#787878;
 font-size:12px;
}
#col-right .tagcloud A.size4:link,
#col-right .tagcloud A.size4:visited,
#col-right .tagcloud A.size4:hover,
#col-right .tagcloud A.size4:active{
 color:#787878;
 font-size:11px;
}
#col-right .tagcloud A.size3:link,
#col-right .tagcloud A.size3:visited,
#col-right .tagcloud A.size3:hover,
#col-right .tagcloud A.size3:active{
 color:#b7b7b7;
 font-size:10px;
}
#col-right .tagcloud A.size2:link,
#col-right .tagcloud A.size2:visited,
#col-right .tagcloud A.size2:hover,
#col-right .tagcloud A.size2:active{
 color:#cbcbcb;
 font-size:10px;
}
#col-right .tagcloud A.size1:link,
#col-right .tagcloud A.size1:visited,
#col-right .tagcloud A.size1:hover,
#col-right .tagcloud A.size1:active{
 color:#cbcbcb;
 font-size:9px;
}
/* END */

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */

.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 40px 0 0 0;
    margin: 0;
    overflow: hidden;
    position: relative;
    /*_margin-left:-6px;*/
}
.jcarousel-skin-moDetail .jcarousel-clip {
    _margin-left:-6px;
}
.jcarousel-skin-mo .jcarousel-clip {
    padding-top:10px;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 580px;
    height: 387px;
    cursor:pointer;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

.jcarousel-skin-moDetail.jcarousel-container {
    width: 580px;
}

.jcarousel-skin-moDetail.jcarousel-container-horizontal {
    width: 580px;
    margin:10px 0 0 0;
}

.jcarousel-skin-moDetail .jcarousel-clip-horizontal {
    width:  580px;
    height: 387px;
    margin:0;
}

.jcarousel-skin-moDetail .jcarousel-item {
    width: 580px;
    height: 387px;
    font-weight:700;
    font-size:11px;
    line-height:14px;
}

.jcarousel-skin-moDetail .jcarousel-item-horizontal {
    margin-right: 30px;
}

.jcarousel-skin-moDetail .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-moDetail .jcarousel-next {
    position: absolute;
    top: 0px;
    left: 565px;
    width: 22px;
    height: 42px;
    cursor: pointer;
    background: transparent url(../i/btn/redarrow_next.gif) no-repeat 0 0;    
}

.jcarousel-skin-moDetail .jcarousel-next:active {
    background-position:0 0;
}

.jcarousel-skin-moDetail .jcarousel-next-disabled,
.jcarousel-skin-moDetail .jcarousel-next-disabled:hover,
.jcarousel-skin-moDetail .jcarousel-next-disabled:active {
    cursor: default;
    background: transparent url(../i/btn/arrow-next-disabled.jpg) no-repeat 0 0;
}

.jcarousel-skin-moDetail .jcarousel-prev {
    position: absolute;
    top: 0px;
    left: 535px;
    width: 22px;
    height: 42px;
    cursor: pointer;
    background: transparent url(../i/btn/redarrow_prev.gif) no-repeat 0 0;
}

.jcarousel-skin-moDetail .jcarousel-prev:active {
    background-position: 0 0;
}

.jcarousel-skin-moDetail .jcarousel-prev-disabled,
.jcarousel-skin-moDetail .jcarousel-prev-disabled:visited,
.jcarousel-skin-moDetail .jcarousel-prev-disabled:hover,
.jcarousel-skin-moDetail .jcarousel-prev-disabled:active {
    cursor: default;
    background: transparent url(../i/btn/arrow-prev-disabled.jpg) no-repeat 0 0;
}

/* ##  kleines carousel, wie auf der startseite  ##*/
.jcarousel-skin-mo.jcarousel-container {
    width: 385px;

}

.jcarousel-skin-mo.jcarousel-container-horizontal {
    width: 385px;
    padding: 0 50px;
}

.jcarousel-skin-mo .jcarousel-clip-horizontal {
    width:  385px;
    //height: 90px;
    height: 105px;
}

.jcarousel-skin-mo .jcarousel-item {
    width: 95px;
    height: 105px;
    //height: 90px;
    font-weight:700;
}

.jcarousel-skin-mo .jcarousel-item-horizontal {
    margin-right: 50px;
    height: 105px;
}

.jcarousel-skin-mo .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-mo .jcarousel-next {
    position: absolute;
    top: 18px;
    left: 474px;
    width: 22px;
    height: 42px;
    cursor: pointer;
    background: transparent url(../i/btn/greybigarrow_next.gif) no-repeat 0 0;
}

.jcarousel-skin-mo .jcarousel-next:active {
    background-position:0 0;
}

.jcarousel-skin-mo .jcarousel-next-disabled,
.jcarousel-skin-mo .jcarousel-next-disabled:hover,
.jcarousel-skin-mo .jcarousel-next-disabled:active {
    cursor: default;
    background: transparent url(../i/btn/arrow-next-disabled.jpg) no-repeat 0 0;
}

.jcarousel-skin-mo .jcarousel-prev {
    position: absolute;
    top: 18px;
    left: 3px;
    width: 22px;
    height: 42px;
    cursor: pointer;
    background: transparent url(../i/btn/greybigarrow_prev.gif) no-repeat 0 0;
}

.jcarousel-skin-mo .jcarousel-prev:active {
    background-position: 0 0;
}

.jcarousel-skin-mo .jcarousel-prev-disabled,
.jcarousel-skin-mo .jcarousel-prev-disabled:visited,
.jcarousel-skin-mo .jcarousel-prev-disabled:hover,
.jcarousel-skin-mo .jcarousel-prev-disabled:active {
    cursor: default;
    background: transparent url(../i/btn/arrow-prev-disabled.jpg) no-repeat 0 0;
}



/* ##  Heft-Carousel, wie auf der startseite  ##*/
.jcarousel-skin-heft.jcarousel-container {
    width: 390px;

}

.jcarousel-skin-heft.jcarousel-container-horizontal {
    width: 390px;
    padding: 0 50px;
}

.jcarousel-skin-heft .jcarousel-clip-horizontal {
    width: 390px;
    //height: 90px;
    height: 190px;
}

.jcarousel-skin-heft .jcarousel-item {
    width: 170px;
    height: 190px;
    //height: 90px;
    font-weight:700;
    text-align:center;
}

.jcarousel-skin-heft .jcarousel-item-horizontal {
    margin-right: 50px;
    height: 190px;
}

.jcarousel-skin-heft .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-heft .jcarousel-next {
    position: absolute;
    top: 80px;
    left: 474px;
    width: 22px;
    height: 42px;
    cursor: pointer;
    background: transparent url(../i/btn/redbigarrow_next.gif) no-repeat 0 0;
}

.jcarousel-skin-heft .jcarousel-next:active {
    background-position:0 0;
}

.jcarousel-skin-heft .jcarousel-next-disabled,
.jcarousel-skin-heft .jcarousel-next-disabled:hover,
.jcarousel-skin-heft .jcarousel-next-disabled:active {
    cursor: default;
    background: transparent url(../i/btn/arrow-next-disabled.jpg) no-repeat 0 0;
}

.jcarousel-skin-heft .jcarousel-prev {
    position: absolute;
    top: 80px;
    left: 3px;
    width: 22px;
    height: 42px;
    cursor: pointer;
    background: transparent url(../i/btn/redbigarrow_prev.gif) no-repeat 0 0;
}

.jcarousel-skin-heft .jcarousel-prev:active {
    background-position: 0 0;
}

.jcarousel-skin-heft .jcarousel-prev-disabled,
.jcarousel-skin-heft .jcarousel-prev-disabled:visited,
.jcarousel-skin-heft .jcarousel-prev-disabled:hover,
.jcarousel-skin-heft .jcarousel-prev-disabled:active {
    cursor: default;
    background: transparent url(../i/btn/arrow-prev-disabled.jpg) no-repeat 0 0;
}

.jcarousel-skin-heft .jcarousel-clip{
  padding:8px 0px;
}



/*TPS STYLES*/

/* ##  vertikales carousel  ##*/

.jcarousel-skin-mov .jcarousel-container {
    width: 100px;
    height: 280px;
    padding:20px 0 0 0;
}

.jcarousel-skin-mov .jcarousel-item {
    width: 100px;
    height: 75px;
    font-weight:700;
}

.jcarousel-skin-mov .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

.jcarousel-skin-mov .jcarousel-container-vertical {
    width: 100px;
    height: 273px;
    padding:27px 0 0 0;
}


.jcarousel-skin-mov .jcarousel-clip-vertical {
    width:  100px;
    height: 245px;
    padding:0;
    margin:0;
}

.jcarousel-skin-mov .jcarousel-item-vertical {
    margin-bottom: 10px;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-mov .jcarousel-next-vertical {
    position: absolute;
    bottom: 0px;
    left: 30px;
    width: 42px;
    height: 22px;
    cursor: pointer;
    background: transparent url(../i/btn/greybigarrow_down.gif) no-repeat 0 0;
}


.jcarousel-skin-mov .jcarousel-next-disabled-vertical,
.jcarousel-skin-mov .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-mov .jcarousel-next-disabled-vertical:active {
    cursor: default;
}

.jcarousel-skin-mov .jcarousel-prev-vertical {
    position: absolute;
    top: 0px;
    left: 30px;
    width: 42px;
    height: 23px;
    cursor: pointer;
    background: transparent url(../i/btn/greybigarrow_up.gif) no-repeat 0 0;
}

.jcarousel-skin-mov .jcarousel-prev-disabled-vertical,
.jcarousel-skin-mov .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-mov .jcarousel-prev-disabled-vertical:active {
    cursor: default;

}



.fotoshow {
  padding:4px 0pt 5px 30px;
  width:580px;
}

.fotoshow-container {
  position:relative;
  margin:10px 0pt 0pt;
  width:580px;
}

.fotoshow-image {
  height:387px;
  margin:0pt;
  width:580px;
  overflow:hidden;
  padding:40px 0pt 0pt;
  position:relative;
  z-index:2;
}

.fotoshow-weitere {
  height:387px;
  margin:0pt;
  width:580px;
  overflow:hidden;
  padding:40px 0pt 0pt;
  position:relative;
  z-index:2;
}


.fotoshow #display-credit {
  padding-bottom:10px;
  text-align:right;
  font-size:9px;
}

.fotoshow #display-headline {
  font-weight:700;
  height:25px;
  left:30px;
  position:absolute;
  top:25px;
  width:440px;
}

.fotoshow #display-amount {
  height:25px;
  left:470px;
  position:absolute;
  top:25px;
  width:90px;
}

.fotoshow #display-image {
  cursor:pointer;
  display: none;
}

.fotoshow-container .image-prev {
  background:transparent url(/i/btn/redarrow_prev.gif) no-repeat;
  cursor:pointer;
  width:22px;
  height:42px;
  left:535px;
  position:absolute;
  top:0px;
  z-index:3;
}

.fotoshow-container .image-next {
  background:transparent url(/i/btn/redarrow_next.gif) no-repeat;
  cursor:pointer;
  width:22px;
  height:42px;
  left:565px;
  position:absolute;
  top:0px;
  z-index:3;
}

.fotoshows-weitere {
  height: 85px; 
  margin: 10px 0 5px 0; 
  border-bottom: 1px solid #CCCCCC;
}

.fotoshows-weitere-thumbs {
  float: left; 
  width: 315px;
}

.fotoshows-weitere-text {
  float: left; 
  width: 250px;
}

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

.tabgrey, .tabblue, .tabgold {
  position:relative;
    margin: 10px 0 15px 0;
    background: url(../i/bg/tabgrey_top.gif) repeat-x;
    border:0;
    padding:0;
    overflow:hidden;
    width:500px;
}
.tabgold {
    background: url(../i/bg/tabgold_top.gif) repeat-x;
}
.tabs {
    position:relative;
}
.tabBig {
  position:relative;
    margin: 10px 0 15px 0;
    background: url(../i/bg/tabgrey_top.gif) repeat-x;
    border:0;
    padding:0;
    overflow:hidden;
    width:644px;
}

/* cycling innerhalb der tabs */
DIV.cycleParts {
 position:relative;
 margin:0 0 0 40px;
 width:415px;
 height:105px;
}

.cyclePartsabo {
 position:relative;
 margin:0 0 0 45px;
 width:200px;
 height:170px;
 float:left;
}

.cyclePartsabo P {
 width:200px;
 float:left;
}

DIV.cycleFrame {
  padding:5px 0 0 0;
}
DIV.cycleFrame P.linkRight {
  text-align:right;
  padding:0 5px 0 0;
  font-weight:700;
}

.prevDiv {
 position:absolute;
 left:8px;
 top:41px;
 width:22px;
 height:42px;
 z-index:99;
}
.nextDiv {
 position:absolute;
 left:469px;
 top:41px;
 width:22px;
 height:42px;
 z-index:99;
}
.tabBig .prevDiv {
 position:absolute;
 left:569px;
 top:14px;
 width:15px;
 height:28px;
 z-index:99;
}
.tabBig .nextDiv {
 position:absolute;
 left:599px;
 top:14px;
 width:15px;
 height:28px;
 z-index:99;
}


/* Skin */
.tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0;
    width:499px;
    height:24px;
    border-right: 1px solid #9da1a4;
    overflow:hidden;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}

.tabs-nav li {
    float: left;
    margin: 0;
    height: 24px;
    min-width: 35px; /* be nice to Opera */
}

.tabs-nav a, .tabs-nav a span {
    display: block;
    padding: 0 8px;
    background: #9da1a4 url(../i/bg/tabs_grey.gif) no-repeat;
}
.tabblue .tabs-nav a, .tabblue .tabs-nav a span {
    background: #9da1a4 url(../i/bg/tabs_blue.gif) no-repeat;
}
.tabgold .tabs-nav a, .tabgold .tabs-nav a span {
    background: #9da1a4 url(../i/bg/tabs_gold.gif) no-repeat;
}
.tabs-nav a:link,
.tabs-nav a:visited,
.tabs-nav a:hover,
.tabs-nav a:active {
    position: relative;
    top: 1px;
    z-index: 2;
    padding: 0;
    color: #000;
    font-size: 11px;
    font-weight: bold;
    line-height: 23px;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
}

.tabs-nav .tabs-selected a {
    color: #000;
}
.tabs-nav .tabs-selected a, .tabs-nav .tabs-selected a:hover,  .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    background-position: 100% -23px;
    text-decoration: none;
    outline: 0; /* prevent dotted border in Firefox */
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    text-decoration: underline;
}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
    background-position: 100% -23px;
    text-decoration: none;
}
.tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 35px;
    height: 23px; /* IE 6 treats height as min-height */
    padding-right: 8px;
}
*>.tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.tabs-nav .tabs-selected a span {
    padding-top: 0;
}
.tabs-nav .tabs-selected a span, .tabs-nav a:focus span, .tabs-nav a:active span {
    background-position: 0 -23px;
}
.tabs-nav .tabs-selected a span.last, .tabs-nav a:focus span.last, .tabs-nav a:active span.last {
    border-right: 1px solid #9da1a4;
}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
    background-position: 0 0;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav .tabs-disabled {    
    color: #dc150f;
}

.tabs-nav .tabs-disabled a:link,
.tabs-nav .tabs-disabled a:visited,
.tabs-nav .tabs-disabled a:hover,
.tabs-nav .tabs-disabled a:active {    
    color: #dc150f; 
}
.tabs-container {
    border: 1px solid #bebebe;
    border-top: 0;
    padding:0;
    background: #eef1f0; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.tabblue .tabs-container {
    background: #ebf5fe; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.tabgold .tabs-container {
    background: #f9f7ee; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.tabs-loading em {
    padding: 0 0 0 20px;
    background: url(../i/loading.gif) no-repeat 0 50%;
}

/* Skin für col right */
#col-right .coltabs {
  position:relative;
    margin: 10px 0 15px 0;
    background:#eef1ef url(../i/bg/coltabs_top.gif) repeat-x;
    border:0;
    padding:0;
    overflow:hidden;
    width:300px;
}

#col-right .tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0;
    width:299px;
    height:18px;
    border-top: 1px solid #9da1a4;
    border-right: 1px solid #9da1a4;
    overflow:hidden;
}

#col-right .tabs-nav li {
    float: left;
    margin: 0;
    height: 18px;
    min-width: 15px; /* be nice to Opera */
}

#col-right .tabs-nav a,
#col-right .tabs-nav a span {
    display: block;
    padding: 0 5px;
    background: #f5f7f6 url(../i/bg/coltabs.gif) no-repeat;
}
#psonline #col-right .tabs-nav a,
#psonline #col-right .tabs-nav a span {
    background: #f5f7f6 url(../i/bg/coltabs_blue.gif) no-repeat;
}
#zweiraeder #col-right .tabs-nav a,
#zweiraeder #col-right .tabs-nav a span {
    background: #f5f7f6 url(../i/bg/coltabs_orange.gif) no-repeat;
}

#col-right .tabs-nav a:link,
#col-right .tabs-nav a:visited,
#col-right .tabs-nav a:hover,
#col-right .tabs-nav a:active {
    position: relative;
    top:0;
    z-index: 2;
    padding: 0;
    color: #000;
    font-size: 11px;
    font-weight: bold;
    line-height: 18px;
    text-align: left;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */   
}

#col-right .tabs-nav .tabs-selected a,
#col-right .tabs-nav .tabs-selected a:visited,
#col-right .tabs-nav .tabs-selected a:hover,
#col-right .tabs-nav .tabs-selected a:active {
    color: #fff;
}
#col-right .tabs-nav .tabs-selected a,
#col-right .tabs-nav .tabs-selected a:hover,
#col-right .tabs-nav a:hover,
#col-right .tabs-nav a:focus, .tabs-nav a:active {
    background-position: 100% -19px;
    text-decoration: none;
    outline: 0; /* prevent dotted border in Firefox */
}
#col-right .tabs-nav a:hover,
#col-right .tabs-nav a:focus,
#col-right .tabs-nav a:active {
    text-decoration: underline;
}

#col-right .tabs-nav a,
#col-right .tabs-nav .tabs-disabled a:hover,
#col-right .tabs-nav .tabs-disabled a:focus,
#col-right .tabs-nav .tabs-disabled a:active {
    background-position: 100% -19px;
    text-decoration: none;
}
#col-right .tabs-nav a span {
    width: 15px; /* IE 6 treats width as min-width */
    min-width: 15px;
    height: 18px; /* IE 6 treats height as min-height */
    padding-right: 4px;
}

#col-right .tabs-nav .tabs-selected a span,
#col-right .tabs-nav a:focus span,
#col-right .tabs-nav a:active span,
#psonline #col-right .tabs-nav .tabs-selected a span,
#psonline #col-right .tabs-nav a:focus span,
#psonline #col-right .tabs-nav a:active span,
#zweiraeder #col-right .tabs-nav .tabs-selected a span,
#zweiraeder #col-right .tabs-nav a:focus span,
#zweiraeder #col-right .tabs-nav a:active span {
    background-position: 0 -19px;
}

#col-right .tabs-nav .tabs-disabled {    
    opacity: .4;
    filter: alpha(opacity=40);
}

#col-right .tabs-nav .tabs-disabled a:link,
#col-right .tabs-nav .tabs-disabled a:visited,
#col-right .tabs-nav .tabs-disabled a:hover,
#col-right .tabs-nav .tabs-disabled a:active {    
    color: #000; 
}
*>#col-right .tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
#col-right .tabs-container {
    border: 1px solid #bebebe;
    padding:0;
    background: #eef1ef; /* declare background color for container to avoid distorted fonts in IE while fading */
}

/*///////////////////////////////////////////////////////////////////
// 2009-04   | motorpresse                                         //
// Project   | motorradonline                                      //
// Author    | Karsten Meyer                                       //                                                 
// Package   | main                                                //
///////////////////////////////////////////////////////////////////*/


/* # main area ######### */
#col-left {
 float:left;
 width:500px;
 /*
 margin-right:12px;
 */
}

#col-left H1 A:link,
#col-left H1 A:visited,
#col-left H1 A:hover,
#col-left H1 A:active{
	color: #000;
}

#col-left H2 A:link,
#col-left H2 A:visited,
#col-left H2 A:hover,
#col-left H2 A:active{
 color:#e2031b;
 margin-bottom:6px;
}

#breadcrumb {
 height:30px;
 line-height:22px;
 color:#000;
 font-size:11px;
 text-decoration:none;
 padding:0 0 0 11px;
}


#col-right {
 float:left;
 width:311px;
 padding-left:12px;
}

/* col left */
.teaserBox {
  position:relative;
  width:500px;
  padding:5px 0 7px 0;
  border-top:1px solid #b9b9b9;
  overflow:hidden;
  margin-top:5px;
}

.teaserBox H1 {
  //width:340px;
}

.teaserBox H2 {
  padding-top:4px;
}


DIV.logos {
  position:absolute;
  right:0;
  top:7px;
  width:70px;
  height:35px;
  text-align:right;
}

.teaserNoimg {
  margin:5px 10px 0px 0;
  float: left; 
  width: 95px; 
  height: 63px;
}

IMG.teaser {
  float:left;
  margin:5px 10px 0px 0;
}
.teaserLinks {
  clear:both;
}

.teaser_marke {
  float:left;
  padding:10px 15px 10px 15px;
  margin:5px 15px 0px 0;
  border:1px solid #bababa;
}

.teaser_marke_63 {
  float:left;
  padding:5px 15px 5px 15px;
  margin:5px 15px 0px 0;
  border:1px solid #bababa;
}

/* 5 teaser rotation */
#keyTeaserShow {
 position:relative;
}
#keyTeaser {
 width:500px;
 height:285px;
 z-index:3;
 overflow:hidden;
}
#keyTeaser2 {
 width:500px;
 height:150px;
 z-index:3;
 overflow:hidden;
}
#keyTeaser H1 {
  margin-bottom:7px;
}
#keyTeaser2 H1 {
  margin:23px 0 7px 0;
}
#keyTeaser IMG,
#keyTeaser2 IMG {
  margin-bottom:7px;
}

.cycleKeys { 
 width:500px;
 background-color:#fff;
 vertical-align:bottom;
}

.cycleKeys H1 {
  padding-top:7px;
}

#keyPager, #keyPager2 {
 position:absolute;
 left:325px;
 top:146px;
 width:178px;
 height:17px;
 z-index:5;
 background-color:#fff;
}

#keyPager2 {
 left:325px;
 top:3px;
}

#keyPager A,
#keyPager A:visited,
#keyPager A:hover,
#keyPager A:active,
#keyPager2 A,
#keyPager2 A:visited,
#keyPager2 A:hover,
#keyPager2 A:active { 
  display:block;
  float:left;
 margin: 0 0 0 6px;
 padding: 0;
 text-align:center;
 text-decoration: none;
 background: url(../i/bg/quad_off.gif) no-repeat;
padding-right:1px;background-position:right;
 width: 17px;
 height: 17px;
 line-height:15px; 
 font-weight:700;
 color:#000;
}

#keyPager A.activeSlide,
#keyPager2 A.activeSlide { 
  display:block;
  float:left;
 margin: 0 0 0 6px;
 text-decoration: none;
 color:#fff;
 background: url(../i/bg/quad_on.gif) no-repeat;
padding-right:1px;background-position:right;
 font-weight:700;
}
#keyPager A:focus,
#keyPager2 A:focus { outline: none; }

#keyButtons {
 position:absolute;
 right:6px;
 top:0px;
 cursor:pointer;
}

.headline {
 width: 478px;
 height: 21px;
 background: url(../i/bg/headline.jpg) no-repeat;
 font-weight:700;
 padding:2px 11px;
}

.quadshadow {
 background: #eef1f0 url(../i/bg/quad.gif) no-repeat;
 width: 17px;
 height: 17px;
 font-weight:700; 
 line-height:14px;
 text-align:center;
 margin:4px 0 0 5px;
 font-size:11px;
}

.themeBlock {
 border-bottom:1px solid #000;
 padding-bottom:10px;
}


/* leaf pages */
DIV.pages {
 margin-top:10px;
 padding:7px 0;
 height:30px;
 border-top:1px solid #9ea2a5;
}

DIV.pagesjmpl {
 margin-top:10px;
 padding:7px 0;
 height:30px;
 float:left;
 width:500px;
 border-top:1px solid #9ea2a5;
}

DIV.jumplistalt {
 font-size:11px;
 margin-top:10px;
 padding:7px 0;
 height:30px;
 float:left;
 width:500px;
 color:#838383;
 border-top:1px solid #9ea2a5;
}

DIV.pages-left  {
 float:left;
	width:25%;
 padding-top:2px;
}
DIV.pages-center {
 float:left;
height:auto;
	margin: 0;
	width:49%;
 text-align:center;
}
DIV.pages-right {
 float:left;
	width:25%;
 text-align:right;
 padding-top:2px;
}

.pages A:link,
.pages A:visited,
.pages A:hover,
.pages A:active {
 font-size:11px;
 font-weight:700;
}

.pagesjmpl A:link,
.pagesjmpl A:visited,
.pagesjmpl A:hover,
.pagesjmpl A:active {
 font-size:11px;
 color:#000;
 padding:2px 7px 2px 5px;
 line-height:13px;
 height:13px;
 width:20px;
 background: url(../i/bg/quad_off_big.gif) no-repeat;
 background-position:right;
 text-decoration:none;
}

.jumplistalt A:link,
.jumplistalt A:visited,
.jumplistalt A:hover,
.jumplistalt A:active {
 font-size:11px;
 font-weight:bold;
}

DIV.jumplistalt-left  {
 float:left;
 color:#fff;
 background-image: url(../i/bg/quad_prev.jpg) no-repeat;
 background-position:right;
 height:18px;
 width:40px;
}
DIV.jumplistalt-center {
 float:left;
	margin: 0;
	width:420px;
 text-align:center;
}
DIV.jumplistalt-right {
 float:left;
 color:#fff;
 background-image: url(../i/bg/quad_next.jpg) no-repeat;
 background-position:right;
 height:18px;
 width:40px;
}


.pagesjmpl b {
 color:#fff;
 background-image: url(../i/bg/quad_on_big.gif);
 background-position:right;
 text-decoration:none;
 line-height:13px;
 height:13px;
 font-size:11px;
 font-weight:700;
 width:20px;
 padding:2px 7px 2px 5px;
}

.pages A.number:link,
.pages A.number:active,
.pages A.number:visited,
.pages A.number:hover,
.pages A.numberOn:link,
.pages A.numberOn:active,
.pages A.numberOn:visited,
.pages A.numberOn:hover {
	font-size:11px;
	color:#000;
width:27px;
line-height:25px;
	height:25px;
position:relative;
padding:1px 6px 3px 4px;
margin:2px;
 background: url(../i/bg/quad_off_big.gif) no-repeat;
 background-position:right;
 text-decoration:none;
}

.pages b,
.pages A.numberOn:link,
.pages A.numberOn:active,
.pages A.numberOn:visited {
 color:#fff;
width:27px;
position:relative;
padding:1px 6px 3px 4px;	
margin:2px;
 background-image: url(../i/bg/quad_on_big.gif);
 background-position:right;
 text-decoration:none;
line-height:25px;
 height:25px;
 font-size:11px;
 font-weight:700;
}

.sbookmarks_oben {
  border: 1px solid #B9B9B9;
  background-image: url(../i/btn/btn_close.gif);
  background-position:top right;
  background-repeat:no-repeat;
  position: absolute;
  height:185px;
  left:380px;
  width:106px;
  line-height:20px;
  top:50px;
  padding:6px;
  background-color:#FFFFFF;
  z-index: 1000;
}

.sbookmarks_oben IMG {
  margin:0 5px 0 5px;
}

.sbookmarks_oben UL {
  margin:0;
  padding:0;
}

.sbookmarks_oben LI {
  list-style-type:none;
}

.sbookmarks_unten {
  border: 1px solid #B9B9B9;
  background-image: url(../i/btn/btn_close.gif);
  background-position:top right;
  background-repeat:no-repeat;
  position: absolute;
  height:185px;
  left:380px;
  width:106px;
  line-height:20px;
  top:-173px;
  padding:6px;
  background-color:#FFFFFF;
}

.sbookmarks_unten IMG {
  margin:0 5px 0 5px;
}

.sbookmarks_unten UL {
  margin:0;
  padding:0;
}

.sbookmarks_unten LI {
  list-style-type:none;
}


/* news detail */
P.shortdesc {
 font-weight:700;
}

.newsDetail {
 font-size:11px;
}

.newsDetail P {
 font-size:12px;
}

.newsDetail H1 {
 margin-bottom:8px;
}

.newsDetail H2 {
 font-size:16px;
 margin-bottom:8px;
}

.newsPlus {
 float:left;width:500px;
 position:relative;
 font-size:11px;
 color:#666;
 padding-top:5px;
}
.newsPlus TD {
 font-size:11px;
 color:#5b5b5b;
 border-bottom:1px solid #b9b9b9;
}

.newsPlus A:link,
.newsPlus A:visited,
.newsPlus A:hover,
.newsPlus A:active{
	color: #666;
	font-size:11px;
	padding:0;
}

.newsPlus .icon {
  position:absolute;
  right:0;
  top:0;
}

.moreInfos {
 float:left;
 padding:6px;
 font-size:11px;
 border-top:1px solid #b6b9bc;
 border-bottom:1px solid #b6b9bc;
 margin:5px 20px 5px 0;
}

.moreInfos P {
 font-size:11px;
}

.moreInfos strong {
 font-size:11px;
}

.newsImage {
 float:left;
 width:253px;
 margin:5px 9px 5px 0;
 background:#eef1f0 url(../i/bg/bildschatten.gif) no-repeat;
}
.newsImage IMG {
 margin-left:1px;
}
.imageSubline {
 background: url(../i/bg/bildunterschrift3.gif) right bottom no-repeat;
 padding:7px 9px 5px 9px;
 font-size:11px;
 line-height:14px;
}
.newsImage2 {
 float:left;
 width:203px;
 margin:0 9px 5px 0;
 background:#eef1f0 url(../i/bg/bildschatten2.gif) no-repeat;
}
.newsImage2 IMG {
 margin-left:1px;
}
.imageSubline2 {
 background: url(../i/bg/bildunterschrift2.gif) left bottom no-repeat;
 width: 185px;
 padding:7px 9px 5px 9px;
 font-size:11px;
 line-height:14px;
}

.boxColLeft {
 width:500px;  /* width:499px; */
 margin-bottom:15px;
}

.boxColLeft .boxhead {
 font-weight:700;
 color:#fff;
 background: url(../i/bg/boxhead_long.jpg) no-repeat;
 width: 486px;
 height: 20px;
 padding:0 9px 5px;
}

.comment {
 float:left;
 border-bottom:1px solid #b9b9b9;
 width:500px;
 padding:10px 0;
}
.commentImage {
 float:left;
 width:63px;
 padding-left:8px;
}
.commentUser {
 float:left;
 width:75px;
 padding:0 8px 2px 0;
}
.commentText {
 float:left;
 padding-left:8px;
 width:480px;
 font-size:11px;
}

#col-left .boxhead2 {
 font-weight:700;
 color:#000;
 background: url(../i/bg/boxhead2_grey.jpg) no-repeat;
 width: 152px;
 height: 19px;
 padding:0 8px 0 8px;
 border-right:1px solid #9da1a4;
}

#col-left .boxGrey {
 border:1px solid #9da1a4;
 background-color:#eef1ef;
}

/* Termine */
TABLE.termine TD {
  font-weight:700;
  padding:4px 0;
  border-bottom:1px solid #b7b7b7;
}

TABLE.termineDetail {
  border:1px solid #b7b7b7;
  margin:0 0 20px 1px;
}

TABLE.termineDetail TH {
  font-weight:700;
  padding:4px 7px;
  border-bottom:1px solid #b7b7b7;
  border-left:1px solid #b7b7b7;
  background: #ecf0f4 url(../i/bg/th.gif) repeat-x;
}

TABLE.termineDetail TD {
  padding:4px 7px;
  border-bottom:1px solid #b7b7b7;
  border-left:1px solid #b7b7b7;
}

/* Hefte */
TABLE.heftDetail {
  margin:0 0 20px 1px;
}

TABLE.heftDetail TD {
  padding:4px 0;
  border-bottom:1px solid #b7b7b7;
}
/* Community */
TABLE.rubrik {
  border-top:1px solid #b7b7b7;
  margin:0;
}

TABLE.rubrik TH {
  font-weight:400;
  padding:2px 8px;
  border-bottom:1px solid #b7b7b7;
  border-right:1px solid #b7b7b7;
}
TABLE.rubrik TD {
  padding:4px 8px;
  border-bottom:1px solid #b7b7b7;
  border-right:1px solid #b7b7b7;
}
TABLE.rubrik TD.last,
TABLE.rubrik TH.last {
  border-right:0;
}
TABLE.rubrik TR.last TD {
  border-bottom:0;
}


/* fotoshows */

.carousel-fotoshow {
 /*height:500px;*/
 width:580px;
 padding:4px 0 5px 30px;
}
.carousel-fotoshow #displayBU{
 position:relative;
 width:580px;
 min-height:30px;
 height:auto !important;
 height:30px; 
 padding:5px 0;
}
.carousel-fotoshow #displayHeadline{
 position:absolute;
 left:30px;
 top:25px;
 width:440px;
 height:25px;
 display:none;
 font-weight:700;
}
.carousel-fotoshow #displayAmount{
 position:absolute;
 left:470px;
 top:25px;
 width:90px;
 height:25px;
 display:none;
}
.carousel-fotoshow #displayTitle{
 display:none;
}
.carousel-fotoshow #displaySrc{
 display:none;
 text-align:right;
 padding-bottom:10px;
}

/* sonstiges */
.fotoshowThumb {
 float:left;
 height:100px;
 margin:10px 0 10px 10px;
 width:110px;
}

TABLE.modelle TD {
 padding:0 0 8px 0;
}

.picListe {
 padding:10px 0 10px 6px;
}
#katalogParts .picListe {
 padding:5px 0 5px 6px;
}
.picListe IMG {
 margin:0 3px 3px 0;
}
#katalogParts {
  border-left:1px solid #bababa;
  border-right:1px solid #bababa;
  border-bottom:1px solid #bababa;
}
#col-left #katalogParts H4 {
  background: url(../i/bg/katalogh4.gif) repeat-x;
  height: 22px;
  padding:3px 0 0 8px;
}
#katalogParts .katalog-dynamic {
  display:none;
}

SPAN.dynamic {
  font-size:12px;
  padding-left:16px;
  background: url(../i/bg/blackarrow_v.gif) left 3px no-repeat;
  cursor:pointer;
}

/* Links mit Pfeilen */
#breadcrumb A:link,
#breadcrumb A:visited,
#breadcrumb A:hover,
#breadcrumb A:active{
	color: #010101;
	font-size:12px;
	padding:0 5px 0 8px;
	background: url(../i/bg/blackarrow_w.gif) left 3px no-repeat;	
}

A.teaser:link,
A.teaser:visited,
A.teaser:hover,
A.teaser:active{
	color: #666;
	padding:0 15px 0 12px;
	white-space:nowrap;
	overflow:hidden;
	background: url(../i/bg/redarrow_w.gif) left 3px no-repeat;	
}

.add_link{
float:left;
}

A.redarrow-grey:link,
A.redarrow-grey:visited,
A.redarrow-grey:hover,
A.redarrow-grey:active{
	color: #dc150f;
	padding:0 0 0 12px;
 line-height:16px;
	background: url(../i/bg/redarrow_g.gif) left 2px no-repeat;	
}

A.redarrow-grey-add:link,
A.redarrow-grey-add:visited,
A.redarrow-grey-add:hover,
A.redarrow-grey-add:active{
  color: #dc150f;
  padding:0 0 0 12px;
  line-height:16px;
  background: url(../i/bg/redarrow_g.gif) left 5px no-repeat;	
  display:block;
}

A.redarrow:link,
A.redarrow:visited,
A.redarrow:hover,
A.redarrow:active{
	color: #dc150f;
	padding:0 5px 0 12px;
 line-height:16px;
 font-weight:700;
	font-size:11px;
	background: url(../i/bg/redarrow_w.gif) left 3px no-repeat;	
}
A.redarrowb:link,
A.redarrowb:visited,
A.redarrowb:hover,
A.redarrowb:active{
	color: #000;
	padding:0 5px 0 12px;
 line-height:16px;
 font-weight:700;
	font-size:11px;
	background: url(../i/bg/redarrow_w.gif) left 3px no-repeat;	
}
A.redarrownext:link,
A.redarrownext:visited,
A.redarrownext:hover,
A.redarrownext:active{
	color: #dc150f;
	padding:0 10px 0 0;
 line-height:16px;
 font-weight:700;
	font-size:11px;
	background: url(../i/bg/redarrow_next.gif) right 3px no-repeat;	
}
A.redarrowprev:link,
A.redarrowprev:visited,
A.redarrowprev:hover,
A.redarrowprev:active{
	color: #dc150f;
	padding:0 0 0 10px;
 line-height:16px;
 font-weight:700;
	font-size:11px;
	background: url(../i/bg/redarrow_prev.gif) left 3px no-repeat;	
}

#col-right A.redarrow:link,
#col-right A.redarrow:visited,
#col-right A.redarrow:hover,
#col-right A.redarrow:active{
	font-size:11px;
	background: url(../i/bg/redarrow_w.gif) left 2px no-repeat;	
}

A.blackarrow:link,
A.blackarrow:visited,
A.blackarrow:hover,
A.blackarrow:active{
	color: #dc150f;
	padding:0 0 0 12px;
 line-height:16px;
 font-weight:700;
	font-size:11px;
	background: url(../i/bg/blackarrow_w.gif) left 3px no-repeat;	
}
A.blackarrowb:link,
A.blackarrowb:visited,
A.blackarrowb:hover,
A.blackarrowb:active{
	color: #000;
	padding:0 0 0 12px;
 line-height:16px;
 font-weight:700;
	font-size:11px;
	background: url(../i/bg/blackarrow_w.gif) left 3px no-repeat;	
}

A.mail:link,
A.mail:visited,
A.mail:hover,
A.mail:active{
	color: #dc150f;
	padding:0 0 0 23px;
 line-height:16px;
 font-weight:700;
	font-size:11px;
	background: url(../i/bg/icon_mail.gif) left 2px no-repeat;	
}

A.user:link,
A.user:visited,
A.user:hover,
A.user:active{
	color: #dc150f;
	padding:0 23px 0 0;
 line-height:16px;
 font-weight:400;
	font-size:11px;
	background: url(../i/bg/icon_user.gif) right 3px no-repeat;	
}


#fotoeinzeln {
  width:642px;
  border:1px solid #BEBEBE;
  background-color:#EEF1F0;
  margin-bottom:20px;
}
            
.fotodetail {
  padding:4px 0pt 5px 30px;
  width:580px;
}
              
.fotodetail-container {
  position:relative;
  margin:10px 0pt 0pt;
  width:580px;
}

.fotodetail-image {
  height:387px;
  margin:0pt;
  width:580px;
  overflow:hidden;
  padding:20px 0pt 0pt;
  position:relative;
  z-index:2;
}

.fotodetail #display-credit {
  padding-bottom:10px;
  text-align:right;
  font-size:9px;
}
   
.fotodetail #display-headline {
  font-weight:700;
  height:25px;
  position:absolute;
  width:440px;
}

.linkblock_left {
 float:left;
 width:245px;
}

.tab_additional{
 float:left;
 width:482px;
 background-color:#EEF1F0;
 border:1px solid #BEBEBE;
 border-top:0px;
 margin-bottom:15px;
 padding:8px;
}

.breadcrumb_nocontent{
 color: #010101;
 font-size:12px;
 padding:0 5px 0 8px;
 display:inline;
 background: url(../i/bg/blackarrow_w.gif) left 3px no-repeat;	
}

#dseoptin{
 width:480px;
 float:right;
 font-size: 10px;
 line-height: 13px;
 margin-bottom:20px;
}

.rs_tools_img{
 width:30px;
 height:30px;
 border-bottom:1px solid #B6B9BC;
 float:left;
 padding-left:5px; 
}

.rs_tools_link{
 width:110px;
 height:30px;
 float:left;
 line-height:30px;
 border-bottom:1px solid #B6B9BC;
 padding-left:5px;
}

.rs_tools_link A:link,
.rs_tools_link A:visited,
.rs_tools_link A:hover,
.rs_tools_link A:active{
 font-size:10px;
}

.rs_tools_link2{
 width:126px;
 height:30px;
 float:left;
 line-height:30px;
 border-bottom:1px solid #B6B9BC;
 padding-left:5px;
}

.rs_tools_link2 A:link,
.rs_tools_link2 A:visited,
.rs_tools_link2 A:hover,
.rs_tools_link2 A:active{
 font-size:11px;
 font-weight:700;
}

.rs_tools_link3{
 width:163px;
 height:30px;
 float:left;
 line-height:30px;
 border-bottom:1px solid #B6B9BC;
 padding-left:5px;
}

.rs_tools_link3 A:link,
.rs_tools_link3 A:visited,
.rs_tools_link3 A:hover,
.rs_tools_link3 A:active{
 font-size:11px;
 font-weight:700;
}


/* END */

/*///////////////////////////////////////////////////////////////////
// 2009-04   | motorpresse                                         //
// Project   | motorradonline                                      //
// Author    | Karsten Meyer                                       //                                                  
// Package   | navigation                                          //
///////////////////////////////////////////////////////////////////*/

#spacer15 {
 height:7px;
}

#navigation-area {
 position:absolute;
 left:0;
 top:98px;
 width:680px;
 height:27px;
}

#subnavi-area {
 width:500px;
 margin-bottom:8px;
 background: url(../i/nav/bg_subnavi.jpg) repeat-y;
}

#col-right #subnavi-area {
 width:302px;
 height:60px;
 margin-bottom:8px;
 background: url(../i/nav/bg_subnavi2.jpg) repeat-y;
}
#subnavi-area UL {
 margin-bottom:3px;
}

/* ### main navigation ########*/

UL.navigation {
 margin:0;
 padding:0;
 list-style:none;
 font-size:12px;
 height:27px;
}
.navigation LI {
	position: relative;
 margin:0;
 padding:0;
	float:left;
}
.navigation A.mainnavi,
.navigation A.subnavi {
 float:left;
 margin:0;
 text-decoration:none;
 color: #fff;
 padding:6px 11px 0px 13px;
 height:21px;
 background: #7c0201 url(../i/nav/bg_off.gif) left top no-repeat;
}
#psonline .navigation A.mainnavi,
#psonline .navigation A.subnavi {
 background: #00529c url(../i/nav/bg_ps_off.gif) left top no-repeat;
}
#zweiraeder .navigation A.mainnavi,
#zweiraeder .navigation A.subnavi {
 background: #f26522 url(../i/nav/bg_2raeder_off.gif) left top no-repeat;
}
#classic .navigation A.mainnavi,
#classic .navigation A.subnavi {
 background: #d2232a url(../i/nav/bg_classic_off.gif) left top no-repeat;
}
#subnavi-area A.subnavi:link,
#subnavi-area A.subnavi:visited,
#subnavi-area A.subnavi:hover,
#subnavi-area A.subnavi:active {
 padding:6px 7px 0px 9px;
 font-weight:400;
}
.navigation A:hover.subnavi,
.navigation LI.current A.subnavi {
 text-decoration:underline;
}

.navigation LI:hover A.mainnavi,
.navigation LI.sfhover A.mainnavi {
	color: #000;
 background:#eef1f0 url(../i/nav/bg_on.gif) left top no-repeat;
}
#psonline .navigation LI:hover A.mainnavi,
#psonline .navigation LI.sfhover A.mainnavi {
	color: #000;
 background:#eef1f0 url(../i/nav/bg_ps_on.gif) left top no-repeat;
}
#zweiraeder .navigation LI:hover A.mainnavi,
#zweiraeder .navigation LI.sfhover A.mainnavi {
	color: #000;
 background:#eef1f0 url(../i/nav/bg_2raeder_on.gif) left top no-repeat;
}
#classic .navigation LI:hover A.mainnavi,
#classic .navigation LI.sfhover A.mainnavi {
	color: #000;
 background:#eef1f0 url(../i/nav/bg_classic_on.gif) left top no-repeat;
}
.navigation LI.current A.mainnavi {
	color: #000;
 background:#eef1f0 url(../i/nav/bg_on.gif) left top no-repeat;
}
#psonline .navigation LI.current A.mainnavi {
	color: #000;
 background:#eef1f0 url(../i/nav/bg_ps_on.gif) left top no-repeat;
}
#zweiraeder .navigation LI.current A.mainnavi {
	color: #000;
 background:#eef1f0 url(../i/nav/bg_2raeder_on.gif) left top no-repeat;
}
#classic .navigation LI.current A.mainnavi {
	color: #000;
 background:#eef1f0 url(../i/nav/bg_classic_on.gif) left top no-repeat;
}

LI.lastmain {
 background: url(../i/nav/bg_off.gif) right top no-repeat;
 height:26px;
}
#psonline LI.lastmain {
 background: url(../i/nav/bg_ps_off.gif) right top no-repeat;
}
#zweiraeder LI.lastmain {
 background: url(../i/nav/bg_2raeder_off.gif) right top no-repeat;
}
#classic LI.lastmain {
 background: url(../i/nav/bg_classic_off.gif) right top no-repeat;
}

/* ### subnavigation ########*/
#mainnavi li DIV.subnaviLayer {
 position: absolute;
 left: -999em;
 margin:0;
 width: 168px; 
 padding:0 2px 2px 0;
}
*>#mainnavi li DIV.subnaviLayer {
 background: url(../i/nav/bg_layer.png) 1px bottom no-repeat;
}
#mainnavi li DIV.layerBig {
 width:424px;
}
*>#mainnavi li DIV.layerBig {
 background: url(../i/nav/bg_layer_big.png) left bottom no-repeat;
}

#mainnavi li:hover DIV.subnaviLayer, #mainnavi li.sfhover DIV.subnaviLayer {
	left: 0px; 	
 top:27px;
}

#mainnavi li DIV.subnaviLayer UL {
 margin:0;
	padding:0;
 list-style:none;
 width: 164px; 
	border-top:1px solid #c1c4c5;
}

#mainnavi li DIV.subnaviLayer LI {
 float:left;
 width:147px;
 padding:2px 10px 4px 7px;
 margin:0;
 background-color: #eef1f0;
	border-left:1px solid #9da1a4;
	border-right:1px solid #9da1a4;
}

#mainnavi li DIV.subnaviLayer LI.sep {
 width:164px;
  padding:0 0 3px 0;
  border-top:1px solid #c1c4c5;
  margin:0;
  line-height: 0px;
  font-size:0px;
}
#mainnavi li DIV.subnaviLayer LI.last {
  border-bottom:1px solid #9da1a4;
}

DIV.subnaviLayer UL A:link,
DIV.subnaviLayer UL A:visited,
DIV.subnaviLayer UL A:hover,
DIV.subnaviLayer UL A:active {
  display:block;
 padding:0;
 color:#000;
 font-size:11px;
 padding-left:9px;
 background: url(../i/nav/quad.gif) 0 6px no-repeat;
}
DIV.subnaviLayer UL A:hover {
  text-decoration:underline;
}

#navbikes {
 background-color: #eef1f0;
 width:418px;
 border:1px solid #9da1a4;
 border-top:1px solid #c1c4c5;
}
#navbikes TD {
  padding-left:3px;
  line-height:20px;
}
#navbikes BR {
  display:none;
}
#navbikes TD BR {
  display:inline;
}
#navbikes TH {
  padding:5px 0 0 7px;
  font-weight:700;
}

A.quad:link,
A.quad:visited,
A.quad:hover,
A.quad:active {
  position:relative;
 display:block;
 padding:0;
 color:#000;
 font-size:11px;
 padding-left:9px;
  line-height:20px;
 background: url(../i/nav/quad.gif) 0 9px no-repeat;
}

#navbikes TD A:link,
#navbikes TD A:visited,
#navbikes TD A:hover,
#navbikes TD A:active {
 color:#000;
}

/* END */

.jcarousel-skin-ie7 .jcarousel-container {
    -moz-border-radius: 10px;
    background: #D4D0C8;
    border: 1px solid #808080;
}

.jcarousel-skin-ie7 .jcarousel-container-horizontal {
    width: 582px;

    padding: 10px 10px;
}

.jcarousel-skin-ie7 .jcarousel-container-vertical {
    width: 582px;
    padding: 10px 10px;
}

.jcarousel-skin-ie7 .jcarousel-clip-horizontal {
    width:  582px;

}

.jcarousel-skin-ie7 .jcarousel-clip-vertical {
    width:  582px;
    /*height: 500px;*/
}

.jcarousel-skin-ie7 .jcarousel-item {
    width: 580px;
    height: 500px;
}

.jcarousel-skin-ie7 .jcarousel-item:hover {
    border-color: #808080;
}

.jcarousel-skin-ie7 .jcarousel-item-horizontal {
    margin-right: 7px;
}

.jcarousel-skin-ie7 .jcarousel-item-vertical {
    margin-bottom: 7px;
}

.jcarousel-skin-ie7 .jcarousel-item-placeholder {
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-ie7 .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 15px;
    height: 32px;
    cursor: pointer;
    /*background: transparent url(next-horizontal.gif) no-repeat 0 0;*/
    background-color:#FF0000;
}

.jcarousel-skin-ie7 .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-ie7 .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal,
.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-ie7 .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 595px;
    width: 15px;
    height: 32px;
    cursor: pointer;
    /*background: transparent url(prev-horizontal.gif) no-repeat 0 0;*/
    background-color:#FF0000;
}

.jcarousel-skin-ie7 .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-ie7 .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-ie7 .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-vertical.gif) no-repeat 0 0;
}

.jcarousel-skin-ie7 .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-ie7 .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-ie7 .jcarousel-next-disabled-vertical,
.jcarousel-skin-ie7 .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-ie7 .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-ie7 .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-vertical.gif) no-repeat 0 0;
}

.jcarousel-skin-ie7 .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-ie7 .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-ie7 .jcarousel-prev-disabled-vertical,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}


.mceContentBody {
	font-family:courier new,mono;
  font-size: 0.9em;
}