/*///////////////////////////////////////////////////////////////////
// 2012-01   | motorpresse                                         //
// Project   | motorradonline                                      //
// Author    | Karsten Meyer                                       //                                                    
// Package   | print                                               //
///////////////////////////////////////////////////////////////////*/


#topBanner,
#rightBanner,
#nav,
#topthemen,
#meta,
#meta2,
#search,
#col-right,
.link,
#footer,
.noprint,
.form,
FORM,
#themes,
#aero, #fr-ak, #fr-kdl, #ak-fr, #ak-kdl, #kdl-fr, #kdl-ak,
#heft, #ipad,
#login,
#navigation-area {
 display:none; 
}

/* # general ########## */
* {
  padding:0;
  margin:0;
  line-height:1.5;
}
html, body {
  font:normal 11pt Arial;
  text-align:left;
  background-color:#fff;
  color:#000;
  margin:0;
}
#container {
  width:auto;
  background:transparent !important;
  overflow:visible !important;
}

li {
  list-style-type: none !important;
}

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

A.link {
	font-weight:700;
}

IMG, A IMG {
	border:0;
}


P {
 padding:0 0 5px 0;
}


h1, h2, h3, h4, h5, caption, legend, .field {
  text-align:left;
  page-break-after:avoid;
}
H1 {
 font-size:18px;
 color:#cc0000;
 margin-bottom:4px;
}
H2 {
 font-size:14px;
 color:#666;
 line-height:1em;
 margin-bottom:6px;
}
H3 {
 font-size:12px;
 color:#000;
 border-bottom:1px solid #000;
}

.headline2 {white-space: pre-line;}

SPAN.h2 {
	font-size:16px;
	font-weight:700;
	display:block;
	margin-bottom:5px;
}
SPAN.h3,
A.h3 {
	font-size:12px;
	font-weight:700;
	display:block;
	margin-bottom:5px;
	color:#666;
}
.newsteaser A.h3 {
	font-size:15px;
}
P.h3 {
	font-size:18px;
	font-weight:700;
	margin:0;
	color:#666;
	padding:0;
}
SPAN.h4,
P.h4 {
	font-size:12px;
	font-weight:700;
	display:block;
	margin-bottom:5px;
}
P.h4 {
	padding:0;
	margin:0;
}



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

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


.clearer {
  clear: both;
  line-height: 0px;
  font-size:0px;
  height: 0px;
  margin: 0px;
  padding: 0px;
}

.float-left{float:left;}

.float-right{float:right;}


/* # page settings ########## */
/* header */
#header {
	width:auto;
}

#logo {
	margin-bottom:25px;
}
#logo A {
 font-weight:700;
 font-size:25px;
}

#breadcrumb {
 position:relative;
 width:auto;
	margin-bottom:25px;
}
#breadcrumb A {
	color:#000;	
	font-size:12px;
	padding:0 9px;
  background: url(../i/sp/sprite.png) -596px 3px no-repeat;	
}


/* # main area ######### */
#main {
 width:auto;
}

#col-left {
 width:auto;
}


/* #  allgemeines  ########## */
.field {	
	position:relative;
	float:left;
	width:auto;
	margin-bottom:10px;
}
.field.moremargin {	
	margin-bottom:27px;
}
.field.border {	
	width:auto;
	border:1px solid #ccc;
}

/* article */
#meta-top {
  overflow:hidden;
	font-size:12px !important;
  color:#666 !important;
  margin-bottom:10px;
}

.sep {
	clear:both;	
	margin-bottom:4px;
	border-bottom:1px solid #b6b6b6;
	height:3px;
}


#meta-foot {
    overflow:hidden;
    font-size:12px !important;
    color:#666 !important;
    margin-bottom:10px;
}
.autor {
    float: right;
    clear: right;
}
A.print {
	padding-left:25px;
  background: url(../i/sp/sprite.png) -583px -184px no-repeat;
}
P.artikel-weiter {
	text-align:center;
	font-weight:700;
  color:#333 !important;
  padding-bottom:2px;
}
P.artikel-weiter A {
  color:#333 !important;
  padding-right:18px;
  background: url(../i/sp/sprite.png) right -230px no-repeat;
}

.pager {
	border-top:1px solid #ccc;
	border-bottom:1px solid #dadada;
	height:32px;
	text-align:center;
	padding-top:10px;
	margin-bottom:10px;
	font-size:16px;
	font-weight:700;
  clear:both;
}
.pager SPAN {
	font-size:16px;
	font-weight:400;
	padding:0 8px;
}
.pager A {
	font-size:12px;
  color:#999;
	font-weight:700;
}
.pager A.first,.pager A.last,.pager A.next,.pager A.prev {
  background: url(../i/sp/sprite.png) no-repeat;
  text-decoration:none !important;
}
.pager A.first {
  background-position: 0 -103px;
  padding:0 4px;
  margin-right:3px;
}
.pager A.prev {
  background-position: -18px -103px;
  padding:0 4px;
  margin-right:20px;
}
.pager A.next {
  background-position: -33px -103px;
  padding:0 4px;
  margin-left:20px;
}
.pager A.last {
  background-position: -49px -103px;
  padding:0 5px;
  margin-left:3px;
}


.prefix {
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 10px;
  color:#666;
}

#article P {
	font-size:14px;
	line-height:1.5em;
	margin-bottom:20px;
}

#bigpic {
	margin-bottom:28px;
}
#bigpic IMG, .article-pic IMG {
	display:block;
}
#bigpic .bu, #article .article-pic .bu {
	font-weight:700;
	font-size:12px;
	padding:6px 30px 0 10px;
	border-top:1px solid #ccc;
	margin-bottom:6px;
}
A.magnifier {
	display:none;
}

.article-pic {	
	float:left;
	margin:0 20px 10px 0;
	width: 283px;	
}

.article-more {	
	float:left;
	font-weight:700;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:18px 9px;
	margin:5px 20px 10px 0;
}
#article .article-more P {	
	margin:0;
	font-size:12px;
}
.article-more A {	
	color:#cc0000;
	margin-right:10px;
}

#artikelverzeichnis {
	border-bottom:1px solid #999;
	margin-bottom:18px;
	clear:both;
	overflow:hidden;
}
#artikelverzeichnis .float-left {
	width:260px;
	margin-bottom:7px;
}
#artikelverzeichnis P {
	color:#474747;
	font-size:12px;
	font-weight:700;
	padding-bottom:0px;
	border-bottom:1px solid #999;
	margin-bottom:5px;
}
#artikelverzeichnis .nrlink {
	margin-bottom:2px;
	overflow:hidden;
	font-size:12px;
}
#artikelverzeichnis .nrlink DIV {
	float:left;
	padding:3px 0;
}

#artikelverzeichnis A {
	color:#333;
	font-size:12px;
	font-weight:700;
	display:block;
}
#artikelverzeichnis .current A, #artikelverzeichnis .current .nr  {
	color:#999;
}

#artikelverzeichnis .nr {
	padding:0 3px;
	font-weight:700;
	margin-right:4px;
	text-decoration:none;
}


#artikelverzeichnis .float-right, #pdfdownload, A.download  {
	display:none;
}


/* big pic mit tabs */
#tab-area {
	position:relative;
	float:left;
	width:580px;
	height: 362px;
	background-color:#fff;
	border-bottom:1px solid #ccc;
	margin-bottom:20px;
}

.tabpic {
	position:relative;
	width:578px;
	height:248px;
	margin-bottom:10px;
	border:1px solid #a7a6a9;
	overflow:hidden;
}

.tabtext A.h3 {	
	font-size:28px;
}
.tabtext P {	
	clear:both;
}
.tabtext .h4 {
  font-weight: 700;
  padding-bottom: 2px;
}

#tabs {
	position:absolute;
	left:1px;
	top:229px;
	width:580px;
	height: 21px;
	margin-bottom:0;
}

#tabs UL {
  list-style:none;
  height:32px;
}
#tabs UL.page {
	margin-left:6px;
}
#tabs LI {
	position: relative;
	float:left;
	background: rgb(51, 51, 51);
 background: rgba(0, 0, 0, 0.8);
	margin-right:1px;
}
#tabs A {
	display:block;
	float:left;
  font-size:12px;
  text-transform: uppercase;
  font-weight:700;
  color: #fff;	
  height: 21px;	
  line-height: 21px;
	text-decoration:none;
	padding:0 11px;
}
#tabs A:hover  {
	text-decoration:underline;
}
#tabs A.current  {
	background-color: #fff;
	color:#cc0033;
}

/* teaser */
.teaser-item {
	position:relative;
	float:left;
	width:auto;
	padding:0 0 20px 0;	
	border-bottom:1px solid #e0e0e0;
	margin-bottom:18px;
	clear:both;
}
.field .teaser-item:last-child {	
	border-bottom:0;
	margin-bottom:0;
}

.teaser-pic {
	float:left;
	width:20%;
	padding-top:3px;
}
.teaser-pic IMG {
	border: 1px solid #ccc;
	display:block;
}
.teaser-text {
	float:left;
	width:80%;
}
.teaser-text .h3 {
	font-size:18px;
	font-weight:700;
	margin-bottom:5px;
}
.teaser-text .h4 {
	font-weight:700;
	padding-bottom:2px;
}


/* Doppel-Teaser */
.double-teaser {
	position:relative;
	float:left;
	width:580px;
	margin-bottom:15px;
	clear:both;
}
.double-teaser .item {
	position:relative;
	float:left;
	width:285px;
	margin:0;
}
.double-teaser .item.float-right {
	float:right;
}

.double-teaser .teaser-pic {
	float:left;
	width:283px !important;
	padding-top:0 !important;
	margin-bottom:15px;
}

.double-teaser .teaser-text {
	float:left;
	width:285px;
}



.model P {
	line-height:1.5em;
}
.model-pic {
	position:relative;
	float:left;
	margin:2px 10px 10px 0;
	border:1px solid #ccc;
}
.model-pic IMG {
	display:block;
}
DIV.model-pic A.magnifier {
	display:block;
	position:absolute;
	right:5px;
	top:164px ;
}

.tec-data {
	width:100%;
	margin:0 0 10px 10px;
	line-height:1.7em;
}
.tec-data B {
	color:#666;
}

.katalog DIV {
	float:left;
	margin:0 12px 20px 0;
	text-align:center;
	font-weight:700;
}


/* fotoshow 4 pics */
.fotoshows {
	float:left;
	width:558px;
	padding:10px 10px 3px;
	overflow:hidden;
  background: url(../i/sp/sprite.png) 0 -570px no-repeat;
	border: 1px solid #ccc;	
	margin-bottom:15px;
}
.fotoshows .item {
	float:left;
	width:135px;
	margin-right:6px;
}
.fotoshows .item:last-child {	
	margin-right:0;
}
.fotoshows .item .pic {
	width:135px;	
	margin-bottom:5px;
}
.fotoshows .item .pic IMG {
	border: 1px solid #ccc;
}
.fotoshows .item .desc {
	width:135px;
	font-weight:700;
}
.fotoshows .item .desc SPAN {
	font-weight:400;
}

.fotoshow-preview img.space-right {
    margin-right: 8px;
}


UL.aktuell {
 list-style:none;
 height:20px;
 width:580px;
 line-height:20px;
 margin:-1px 0 10px -1px;
 background-color:#474747;
}
.aktuell LI {
	position: relative;
	float:left;	
}
.aktuell A {
	display:block;
	color:#fff;
	font-weight:700;
	padding:0 9px;
	border-right:1px solid #fff;
}
.aktuell LI.current A {
	color:#cc0000;
	padding:0 9px;
	border:1px solid #ccc;
	border-bottom:0;
}
.aktuell LI.current {
 padding-right:1px;
 background-color:#fff;
}


P.spezial {
	margin-bottom:10px;
}
.spezial SPAN {
	color:#333;
	font-weight:700;
}
.spezial A {
	font-weight:700;
	font-size:15px;
}


#fotoshow {	
	position: relative;
	width:558px;
  margin-bottom:20px;
}
#fotoshow H2 {	
	font-size:18px;
	margin-bottom:10px;
}
#fotoshow .imginfo {	display:none;}

P.source {
	font-size:9px;
	color:#666;
	text-align:right;
	padding-bottom:5px;
}
#fotoshow A.arrow {	display:none;}


.tab {
	float:left;
	height: 21px;
	line-height: 21px;
	color:#fff;
	letter-spacing:0.5px;
	font-weight:700;
	padding:0 5px 0 11px;
	background-color:#474747;
	text-transform:uppercase;
}
.tab A {
	color:#fff;
	font-weight:700;
	padding-right:25px;	
  background: url(../i/sp/sprite.png) right -17px no-repeat;
}
.icon {
	float:left;
	height:19px;
	width:32px;
  background-image: url(../i/sp/sprite.png);
  background-repeat:no-repeat;
  margin-right:8px;
}
.icon.comments {
	background-position: -161px -45px;
}
.icon.camera {
	background-position: -161px -64px;
}
.icon.used {
	width:52px;
	background-position: -161px -83px;
}



.tab2 {
	float:left;
	height: 21px;
	width:100%;
	line-height: 21px;
	color:#474747;
	letter-spacing:0.5px;
	font-weight:700;
	padding:0 5px 0 0;
	text-transform:uppercase;
	border-bottom:1px solid #ccc;
	margin-bottom:9px;
}

.tab2 A {
	color:#474747;
	font-weight:700;
	padding-right:22px;
  background: url(../i/sp/sprite.png) right -230px no-repeat;
}



/* footer */
#footer-area {
 width:auto;
 font-size:12px;
 line-height:23px;
}

#footer-head {
 position:relative;
 width:auto;
 color:#d9d9d9;
 background-color:#333;
 height:23px;
 line-height:23px;
 padding:0 11px;
}
#footer-head A {
 display:none;
}
#footer-head SPAN {
 display:none;
}
#copyright {
 position:absolute;
 right:11px;
 top:0;
 font-size:10px;
 color:#d9d9d9;
}



/* # themes ########## */

#ps #tabs A.current {
  color: #006699;
}

#zweiraeder #tabs A.current {
  color: #ff6600;
}

#classic #tabs A.current {
  color: #006633;
}


/* END */