/*----------------------------------------------------------------------
* Projekt:      Ranger's MC Webseite
* Autor:        Wolfgang Stroessner
* Copyright:    MMcom GmbH, Fuhrmannstr. 10, DE-95030 Hof
* ----------------------------------------------------------------------*/

* {
  font-family: Tahoma, Geneva, sans-serif;
  line-height: 1.4rem;
  text-align:  left;
  color:       #444444;
  font-size:   11pt;
}

a, a:active, a:visited { color:#0000AA; text-decoration:none; }
a:hover, a:focus       { color:#0000FF; text-decoration:underline; }

.top { vertical-align: top !important; }
.mid { vertical-align: middle !important; }
.bot { vertical-align: bottom !important; }
.l   { text-align:  left !important; }
.c   { text-align:  center !important; }
.r   { text-align:  right !important; }
.b   { font-weight: bold !important; }
.i   { font-style:  italic !important; }
.u   { text-decoration: underline !important; }
.normal { text-align:left !important;  font-weight:normal !important;  font-style:normal !important; }

.white     { color: #FFFFFF !important; }
.lightgray { color: #DDDDDD !important; }
.gray      { color: #AAAAAA !important; }
.darkgray  { color: #777777 !important; }
.black     { color: #000000 !important; }
.lightred  { color: #FF0000 !important; }
.red       { color: #CC0000 !important; }
.darkred   { color: #990000 !important; }
.lightyellow{ color: #FFFF00 !important; }
.yellow     { color: #CCCC00 !important; }
.darkyellow { color: #999900 !important; }
.lightgreen{ color: #00FF00 !important; }
.green     { color: #00CC00 !important; }
.darkgreen { color: #009900 !important; }
.lightblue { color: #00AAFF !important; }
.blue      { color: #0033FF !important; }
.darkblue  { color: #0000BB !important; }

.bgwhite     { background-color: #FFFFFF !important; }
.bglightgray { background-color: #DDDDDD !important; }
.bggray      { background-color: #AAAAAA !important; }
.bgdarkgray  { background-color: #777777 !important; }
.bgblack     { background-color: #000000 !important; }
.bgextralightred { background-color: #FFBBBB !important; }
.bglightred  { background-color: #FF0000 !important; }
.bgred       { background-color: #CC0000 !important; }
.bgdarkred   { background-color: #990000 !important; }
.bglightyellow{ background-color: #FFFF00 !important; }
.bgyellow     { background-color: #CCCC00 !important; }
.bgdarkyellow { background-color: #999900 !important; }
.bgextralightgreen{ background-color: #BBFFBB !important; }
.bglightgreen{ background-color: #00FF00 !important; }
.bggreen     { background-color: #00CC00 !important; }
.bgdarkgreen { background-color: #009900 !important; }
.bglightblue { background-color: #00AAFF !important; }
.bgblue      { background-color: #0033FF !important; }
.bgdarkblue  { background-color: #0000BB !important; }

.highlight:hover,
.highlight:active { background-color:#FFAA00 !important; }

.cursor { cursor:pointer; }

.txt8  { font-size: 0.7rem; }
.txt9  { font-size: 0.8rem; }
.txt10 { font-size: 0.9rem; }
.txt11, h6 { font-size: 1rem; }
.txt12, h5 { font-size: 1.1rem; }
.txt13, h4 { font-size: 1.2rem; }
.txt14, h3 { font-size: 1.3rem; }
.txt15, h2 { font-size: 1.4rem; }
.txt16, h1 { font-size: 1.5rem; }

h1, h2, h3, h4, h5, h6 { margin:5px 0px; }

.B1g { border:1px solid #00CC00 !important; }
.B1r { border:1px solid #CC0000 !important; }
.B1 { border:1px solid #555555 !important; }
.Bt { border-top:1px solid #555555 !important; }
.Bl { border-left:1px solid #555555 !important; }
.Br { border-right:1px solid #555555 !important; }
.Bb { border-bottom:1px solid #555555 !important; }
.B2 { border:2px solid #555555 !important; }

.pad1  { padding:1px !important; }
.pad2  { padding:2px !important; }
.pad3  { padding:3px !important; }
.pad4  { padding:4px !important; }
.pad5  { padding:5px !important; }
.pad10 { padding:10px !important; }

.mar1  { margin:1px !important; }
.mar2  { margin:2px !important; }
.mar3  { margin:3px !important; }
.mar4  { margin:4px !important; }
.mar5  { margin:5px !important; }
.mar10 { margin:10px !important; }

.w25   { width:25px; }
.w50   { width:50px; }
.w75   { width:75px; }
.w90   { width:90px; }
.w100  { width:100px; }
.w110  { width:110px; }
.w150  { width:150px; }
.w200  { width:200px; }
.w250  { width:250px; }
.w300  { width:300px; }
.w350  { width:350px; }
.w400  { width:400px; }
.w450  { width:450px; }
.w500  { width:500px; }

.w1p   { width:1%; }
.w25p  { width:25%; }
.w33p  { width:33%; }
.w50p  { width:50%; }
.w66p  { width:66%; }
.w75p  { width:75%; }
.w100p { width:100%; }

.h1   { height:1px; }
.h2   { height:2px; }
.h3   { height:3px; }
.h4   { height:4px; }
.h5   { height:5px; }
.h10  { height:10px; }
.h15  { height:15px; }
.h20  { height:20px; }
.h25  { height:25px; }
.h50  { height:50px; }
.h75  { height:75px; }
.h100 { height:100px; }

.mw25  { min-width:25px; }
.mw50  { min-width:50px; }
.mw75  { min-width:75px; }
.mw80  { min-width:80px; }
.mw90  { min-width:90px; }
.mw100 { min-width:100px; }

.inlineBlock { display:inline-block !important; }

.floatL { float:left; }
.floatR { float:right; }
.clear  { clear:both; }

#buhaHead  { font-size:35pt; margin-top:27px; }
.buhaBtns  { width:16px; }
.buhaBtnsA { font-size: 1.3rem; padding:2px; }
.mobile    { display:none; }
.notmobile { display:inline; }
.mobileTab    { display:none; }
.notmobileTab { display:table; }

/* Große Monitore */
body     { background:#FFFFFF url(bild/motorcyclebg.png) no-repeat fixed left bottom; background-size:100%; margin:0; }
#logo    { position:fixed; top:0px; right:0px; margin:1px 20px; }
#schrift { margin:0px 20px; }
.container { margin:0px 20px; }
#top     { padding:10px 0px; position:fixed; top:0px; width:100%;  }
#top2    { padding:10px 0px; top:0px; width:100%;  }
#header  { padding:5px 0px; }
#content { padding:20px 0px; margin-top:96px; }
#content .container { margin:0px auto; max-width: 1024px; }
#content2 { padding:20px 0px; }
#content2 .container { margin:0px auto; max-width: 1024px; }
.content { margin-bottom:20px; background-color:rgba(255,255,255,.6); padding:3px; border:1px solid #aaa; }
#footer  { padding:5px 0px; position:fixed; bottom:0px; width:100%; }
#footer .container2 { position:relative; float:right; }
/* Tablets */
  @media only screen and (max-width: 1024px) {
    .content .container { max-width: 900px; }
  }
/* Kleine Monitore */
  @media only screen and (max-width: 760px) {
    #top     { padding:5px 0px }
    #top2    { padding:5px 0px }
    #logo    { display:none; }
    #schrift { margin:0px; width:250px; }
    #content { margin-top:64px }
    #content .container { max-width: 500px; padding:3px; }
    #content2 .container { max-width: 500px; padding:3px; }
    #buhaHead  { font-size:18pt;  margin-top:15px; }
    .buhaBtns  { width:25px; }
    .buhaBtnsA { font-size: 1.5rem; padding:5px; }
    .mobile    { display:inline; }
    .notmobile { display:none; }
    .mobileTab    { display:table; }
    .notmobileTab { display:none; }
  }
/* Handys */
  @media only screen and (max-width: 480px) {
    #content .container { max-width: 100%; padding:3px; }
    #content2 .container { max-width: 100%; padding:3px; }
  }

.doNotSelect {
    -webkit-touch-callout: none !important;
    -webkit-user-select: none !important;
    -khtml-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}