/*///////////////////////////////////////////////////////////////////
// 2008-11   | motorpresse                                         //
// Project   | RW Coach                                            //
// Author    | Karsten Meyer                                       //                                                   
// Package   | master                                              //
///////////////////////////////////////////////////////////////////*/


/* # general ########## */
HTML {
	margin:0;
	padding:0;
	height:100%;
}
BODY {
	color: #000;
	font: 12px  Verdana, Arial, Tahoma, sans-serif;
	height:100%;
	margin:0 0 0 12px;
  background: repeat-x;
}

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

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

P {
 margin:0;
 padding:0 0 16px 0;
}
H1, H2, H3, H4, H5, H6 {
 margin:0;
 padding:0;
 color:#000;
}

H1 {
 font-size: 18px;
 padding-bottom:10px;
 margin-bottom:7px;
 background: url(/i/coach/bg/h1.gif) left bottom repeat-x;
}

H2 {
 font-size:12px;
 margin-bottom:6px;
}

H3, H4, H5, H6 {
 font-size:12px;
}

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


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

FORM {
  margin:0;
  padding:0;
}

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

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

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

/* # Styles für banner ######### */


/* # page settings ########## */
#container {
 position:relative;
 width:916px;
 border:2px solid #fff;
 background: #fff url(/i/bg/container.gif) repeat-y; 
}

.mborder2 {
 padding-top:15px;
 margin-bottom:5px;
}

#content .teaser {
 float:left;
 padding-top:10px; 
 width:100%;
 border-bottom:1px dotted #B4B2B5;
}

.mborder2 H1{
 font-size: 18px;
 padding-bottom:10px;
 margin-bottom:7px;
 font-weight:bold;
 background: url(/i/coach/bg/h1.gif) left bottom repeat-x;
}

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

#content {
 padding:0 69px 0 68px;
 line-height:1.5em;
 margin-top:30px;
 margin-bottom:30px;
 background-color:transparent;
}

#content_left {
 float:left;
 width:504px;
 background-color:transparent;
}

#content_right {
 float:left;
 width:300px;
 margin-left: 15px;  
 background-color:transparent;
}

/* header */
#meta {
	width:918px;
	height:20px;
	padding-top:10px;
	text-align:right;
	color:#fff;
    font-size:10px;
}
#meta A:link,
#meta A:visited,
#meta A:hover,
#meta A:active{
	color: #fff;
	font-weight:700;
	text-decoration:none;
}
#meta A:hover{
	text-decoration:underline;
}

#header {
 position:relative;
 width:916px;
 background-color:#0b0602;
}

#teaser {
 position:absolute;
 left:676px;
 top:10px;
 width: 204px;
 height: 205px;
 z-index:999;
}

#navigation-area {
 float:left;
 width:916px;
 border-top:2px solid #fff;
 border-bottom:2px solid #fff;
 padding:0;
 font-size:11px;
}

/* ### main navigation ########*/
UL#mainnavi {
 float:left;
 margin:0;
 list-style:none;
 padding:0;
}
#mainnavi LI {
 float:left;
 margin:0;
 padding:0;
 border-right:1px solid #fff;
}
#mainnavi A,
#mainnavi A:hover {
 float:left;
 margin:0;
 padding:5px 14px;
 text-decoration:none;
 color: #fff;
 font-weight:700;
 text-align:center;
}

#mainnavi A:hover {
 color: #000;
}
#mainnavi LI.current A {
 color: #000;
}

/* ### content ########*/
#catarrow {
	position:relative;
	left:18px;
	top:75px;
	width: 31px;
	height: 22px;	
	background: url(/i/coach/bg/arrows.png) no-repeat;
}

.picRight {
 float:right;
 margin:3px -29px 5px 25px;
 background-color:transparent;
}
.picLeft {
 float:left;
 margin:3px 0px 5px 0px;
 background-color:#FFF;
 background-color:transparent;
}

.picRight IMG,
.picLeft IMG {
 padding:2px;
 border:2px solid #e4e4e4;
}


.bu {
 padding:17px 0 0 10px;
 font-style:italic;
 line-height:1.3em;
 background-color:transparent;
}

P.shortdesc {
	font-weight:700;
}


/* # Styles für Formularelemente ######### */


/* footer area */
#footer {
 width:916px;
 /*height:134px;*/
 font-size:10px;
 color:#fff;
 background-color:#0b0602;
 border-top:2px solid #fff;
}

.footer_nav{
 float: left;
 margin-bottom: 3px;
 width: 410px;
}

.footer_nav_right{
 padding:4px;
 float:left;
 width:365px;
}

#categories {
 /*height:88px;*/
 padding:15px 0 15px 18px;
 font-family: Verdana, Arial, sans-serif; 
 color:#fff;
}

#categories DIV {
	width:31px;
	margin-bottom:2px;
  color:#fff;
}

#categories TD {
	vertical-align:middle;
	font-size:12px;
  color:#fff;
}
#categories A:link,
#categories A:visited,
#categories A:hover,
#categories A:active{
	color: #fff;
	font-weight:700;
  font-size:12px; 
}

#copyright {
 line-height:30px;
 text-align:right;
 border-top:2px solid #fff;
 font-weight:700;
 padding:0px 12px 0 0;
}

#link-footer {
 position:relative;
 width:920px;
 text-align:center;
 font-size:10px;
 line-height:1.5em;
 color:#8f8880;
 padding-bottom:25px;
}

#link-footer A:link,
#link-footer A:visited,
#link-footer A:hover,
#link-footer A:active{
	color: #8f8880;
	font-weight:700;
	text-decoration:none;
}

#ad-fullsize {
 margin: 20px 0 0 0;
 text-align:center;
 width:846px;
 position: relative;
}

#ad-skyscraper {
 position:absolute;
 left:943px;
 top:142px;
}

/* Lauftrainer */

.question{
 float:left;
 width:419px;
 margin:10px 0 0 0;
 padding:5px;
 background-color:#F0F2F5;
}

.question LABEL{
 float:left;
 width:210px;
}

.question INPUT{
 float:left;
 width:205px;
 border:1px solid #1E63A8;
}
.question SELECT{
 float:left;
 margin-right:5px;
 border:1px solid #1E63A8;
}

.question TEXTAREA{
 float:left;
 width:205px;
 height:60px;
 border:1px solid #1E63A8;
}

#weiterleiten H2{
 clear:left;
 padding-top:20px;
 padding-bottom:5px;
}

.lt_senden{
 color:white;
 font-weight:bold;
 cursor:pointer;
 margin:20px 0 0 0;
 border:0;
 background-color:#1E63A8;
 padding:2px;
 float:right;
 border:0;
}

.lt_zurueck {
 color:white;
 font-weight:bold;
 cursor:pointer;
 margin:20px 0 0 0;
 border:0;
 background-color:#1E63A8;
 padding:2px;
 float:left;
 border:0;
}

.error_list{
 float:left;
 width:360px;
 list-style-image: url(/i/coach/bg/arrow_red.jpg);
 color:#DD0000;
 font-weight:bold;
}

.radio_list{
 float:right;
 list-style-type:none;
 padding-left:0;
 margin-left:0;
}

.radio_list INPUT{
 float:left;
 width:15px;
 border:0px;
}

.radio_list LABEL{
 float:left;
 width:188px;
}

.lauftrainercheck TD{
 width:205px;
 padding:5px;
}

.h2check {
 margin:30px 0 10px 0;
 font-size:18px;
}

.lauftrainercheck TR{
 border-top:1px dotted #BBBBBB;
}

.lauftrainercheck B{
 margin:10px 0 0 0;
}

#pruefen_agb,
#pruefen_optin {
  width: 20px;
}

/*///////////////////////////////////////////////////////////////////*/

UL.navigation {
 margin:0;
 padding:0;
 list-style:none;
}
.navigation LI {
 position: relative;
 margin:0;
 padding:0;
 float:left;
}
.navigation A.mainnavi{
 float:left;
 color:#CCC;
}

/* ### subnavigation ########*/
#mainnavi li DIV.subnaviLayer {
 position: absolute;
 left: -999em;
 margin:0;
 width: 168px; 
 padding:0 2px 0px 0;
 z-index: 100;
}

#mainnavi li:hover DIV.subnaviLayer, #mainnavi li.sfhover DIV.subnaviLayer {
 left: 0px;
 position:absolute;
 text-align:left; 
}

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

#mainnavi li DIV.subnaviLayer LI {
 float:left;
 width:174px;
 background-color: #FFF;
 border-left:1px solid #C4C9CB;
 border-right:1px solid #C4C9CB;
 border-top: 1px solid #C4C9CB;
}

#mainnavi li DIV.subnaviLayer LI.last {
 border-bottom:1px solid #C4C9CB;
}

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;
 padding-left:9px;
 font-weight:normal;
 font-size:10px; 
}
DIV.subnaviLayer UL A:hover {
  text-decoration:underline;
  font-weight:normal;
  font-size:10px;
}

p.fotocredit {
    float: right; 
	clear: right; 
	font-size: 10px; 
	margin-top: 5px;
}
span.fotocredit {
    float: right; 
	font-size: 10px; 
}

#ticker {
    width: 902px;
}

.div pointer {
    width: 900px;
}

.picRight a.lightbox, .picLeft a.lightbox {
    background: url("/i/sp/sprite.png") no-repeat scroll -217px -137px transparent;
    bottom: 30px;
    display: block;
    height: 20px;
    position: relative;
    float: right;
    right: 10px;
    text-indent: -9999em;
    width: 20px;
}

.picLeft a.lightbox { 
	    right: 22px;
}

/*** Lightbox / Slimbox ***/
#lbOverlay {
    background-color: #000000;
    cursor: pointer;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}
#lbCenter, #lbBottomContainer {
    background-color: #FFFFFF;
    overflow: hidden;
    position: absolute;
    z-index: 9999;
}
.lbLoading {
    background: url("/i/bg/ajax-loader.gif") no-repeat scroll center center #FFFFFF;
}
#lbImage {
    background-repeat: no-repeat;
    border: 10px solid #FFFFFF;
    left: 0;
    position: absolute;
    top: 0;
}
#lbPrevLink, #lbNextLink {
    display: block;
    outline: medium none;
    position: absolute;
    top: 0;
    width: 50%;
}
#lbPrevLink {
    left: 0;
}
#lbPrevLink:hover {
    background: url("/i/bg/prevlabel.gif") no-repeat scroll 0 15% transparent;
}
#lbNextLink {
    right: 0;
}
#lbNextLink:hover {
    background: url("/i/bg/nextlabel.gif") no-repeat scroll 100% 15% transparent;
}
#lbBottom {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #FFFFFF;
    border-right: 10px solid #FFFFFF;
    border-style: none solid solid;
    border-width: 10px;
    color: #444444;
    font-family: Arial,Geneva,Helvetica,sans-serif;
    font-size: 14px;
    line-height: 1.4em;
    text-align: left;
}
#lbCloseLink {
    background: url("/i/bg/closelabel.gif") no-repeat scroll center center transparent;
    display: block;
    float: right;
    height: 22px;
    margin: 5px 0;
    outline: medium none;
    width: 66px;
}
#lbCaption, #lbNumber {
    margin-right: 71px;
}
#lbCaption {
    font-weight: normal;
}

ul.download {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 15px 0 25px 0;
}
ul.download li {
  clear: left;
  list-style-type: none;
  padding-bottom: 10px;
  margin-left: 0;
}
ul.download li span {
  float: left;
  width: 280px;
}
ul.download li a {
  background-color: #C3CF00;
  color:#fff;
  font-weight: bold;
  padding: 2px 6px;
  text-decoration: none;
  border: 1px solid #C3CF00;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
}

/* END */