/*
  ---------------------------------------------------------------------
  centrales css für den content www.mtb-trophy.at
  ---------------------------------------------------------------------
*/
  textarea, pre, code, kbd, samp, var, tt {
    font-family:Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
  }

body  {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 0.92em;
color : #222;
background : url(http://www.mtb-trophy.at/images/hi-grau-breitgestreift-verlauf_oben.gif);
margin-left : 5px;
margin-right : 5px;
margin-top : 5px;
margin-bottom : 5px;
overflow-y:scroll;
} 


  /* ---  Allgemeine Textauszeichnung ------------------------------------------ */

blockquote, cite, q  {
font-family : Georgia, "Times New Roman", Times, serif; font-style : italic;
}
blockquote {
margin : 0 0 1em 1.6em;color : #666;
} 

  strong,b { font-weight:bold; }
  em,i { font-style:italic; }

  big { font-size:116.667%; }
  small { font-size:91.667%; }
 
  pre { line-height:1.5em; margin:0 0 1em 0; }
  pre, code, kbd, tt, samp, var { font-size:100%; }
  pre, code { color:#800; }
  kbd, samp, var, tt { color:#666; font-weight:bold; }
  var, dfn { font-style:italic; }

  acronym, abbr {
    border-bottom:1px #aaa dotted;font-variant:small-caps; letter-spacing:.07em; cursor:help;
  }

  sub, sup { font-size:91.6667%; line-height:0; }

  hr {
    color:#888;
    background:transparent;
    margin:0.1em;
    padding:0 0 0.5em 0;
    border:0;
    border-bottom:1px #eee solid;
  }


/*
  ---------------------------------------------------------------------
  redefinitions of HTML tags
  ---------------------------------------------------------------------
*/

h1, h2, h3, h4, h5, h6 {  font-weight: bold}
h1 {font-size : 16px;font-weight : bold; line-height : 18px; color : #004; background-color : #fff; padding : 2px 2px 2px 10px;} 

/* redesign H4 H5 H6 und formated für Nutzung mit cushycms 
- H4 important: wichtige Info, rot, Rand, (sparsam nutzen!)
- H5 note: Notiz, grüner rand
- H6 dimmed: untergeordnete Randinfo, kleiner, hellgrau
und ev noch [formated, adress, pre], noch zu überlegen.
*/

  h1 { font-size:200%; } 
  h2 { font-size:125%; font-family:Arial, Times, serif; font-weight:bold; color:#292; margin:0.3em 0.2em }   /* h2 { font-size:200%; } */
  h3 { font-weight:normal; background:#f04; color:#fff; border-bottom:1px #800 solid;  padding:0.1em 0.2em; margin: 0.2em 0em; }                   
  h4 { font-weight:normal; background:#ff5; color:#f00; border:2px #f00 solid; padding:10px; margin: 0.2em 0 0.2em 0; border:2px #f00 solid; } /*important*/
  h5 { font-weight:normal; font-size:90.00%; background:#efe; color:#484; padding:2px 5px; margin: 0.2em 0 0.2em 0; border:1px #484 solid;} /*note*/
  h6  {font-weight : lighter;font-size : 75%;background : #fafafa;color : #999;padding : 4px;margin : 0.2em 0 0.2em 0;border : 1px dotted #999;} 

ul {  list-style-type: square;}

  a { color:#f04; background:transparent; text-decoration:none; }
  a:visited  { color:#f04; }
  a:focus { text-decoration:underline; color:#000; background: #fff; outline: 1px #f0a dotted; }
  a:hover,  a:active { color:#f08; text-decoration:underline; outline:0 none; }

a.grau, a.grau:link, a.grau:active, a.grau:hover, a.grau:visited  {
  text-decoration: none;   color: #000; 
}
a.grau:hover {
  text-decoration: underline;  color: #333;
}

/*
  ---------------------------------------------------------------------
  navigation 

  ---------------------------------------------------------------------
*/
/*nav leiste oben*/

a.block, a.block:link, a.block:active, a.block:hover, a.block:visited{
color:#223; background:#ccff33;
display:block; text-align:center; 
width:100px; height:20px;
border-right: 1px #8e2 solid; 
font:bold 12px arial, sans-serif;text-decoration:none; padding:5px 0px 0px 0px;
border:#000 solid 0px; border-bottom: 2px #080 solid; /*8e2*/
/*background:#c0c0c0 url("images/#/#.jpg") repeat-x center right;
/*td display:inline;*/
}

a.block:visited{
border-right: 0px #8e2 solid; 
}

a.block:hover{
color:#020;
background-color:#8e2;
text-decoration:none; 
border-style: solid; border-bottom-width: 2px; border-color:#f0f;
border-right: 0px #8e2 solid; 
}

/*aktives feld*/

a.blocka, a.blocka:link, a.blocka:active, a.blocka:hover, a.blocka:visited { 
background:#4a0; color:#cf3;
display:block; text-align:center; 
width:100px;height:20px;border:#000 solid 0px; 
padding:5px 0px 0px 0px;
font:bold 12px arial, sans-serif; text-decoration:none; 
border-style: solid; border-bottom-width: 2px; border-color:#cf3; /*080*/
}

a.blocka:visited{
color:#fff;
}

a.blocka:hover, a.blockv:hover{
background-color:#8e2; color:#006;
text-decoration:none; 
border-style: solid; border-bottom-width: 2px; border-color:#f0f;
}

a.blockv, a.blockv:link, a.blockv:active,  a.blockv:visited{ 
background:#6c0; color:#000;display:block; text-align:center; width:100px;height:20px;border:#000 solid 0px; padding:5px 0px 0px 0px;text-decoration:none; 
font:bold 12px arial, sans-serif;
background:#ffff33; border-left:0px; border-right:0px ; border-bottom:2px solid #f00; border-top:0px; border-collapse: collapse;
}

a.blockv:hover{
color:#000; background-color:#8e2; border-style: solid; border-bottom-width: 2px; border-color:#f0f;
}

/*subnav*/
a.blocks, a.blocks:link, a.blocks:active, a.blocks:hover, a.blocks:visited{
color:#223; background:#ffff00;
display:block; text-align:center; 
width:100px;height:16px;
border-right: 0px #8e2 solid; 
font:bold 11px arial, sans-serif;text-decoration:none; padding:1px 0px 0px 0px;
border:#000 solid 0px; border-bottom: 2px #080 solid; /*8e2*/
}
a.blocks:hover{
color:#020;background-color:#8e2;text-decoration:none; 
border-style: solid; border-bottom-width: 2px; border-color:#f0f;
}
a.blocksa, a.blocksa:link, a.blocksa:active, a.blocksa:hover, a.blocksa:visited{
background:#4a0; color:#fff; /*cf3*/
display:block; text-align:center; 
width:100px;height:16px;
font:bold 11px arial, sans-serif;text-decoration:none; padding:1px 0px 0px 0px;
border:#000 solid 0px; border-bottom: 2px #080 solid; /*8e2*/
}
a.blocksa:hover{
color:#020;background-color:#8e2;text-decoration:none; 
border-style: solid; border-bottom-width: 2px; border-color:#f0f;
}



.tablenav {
  background-color: #ccff33;  /*background-image:url(http://www.##);*/
  border-collapse:collapse;  padding: 0px 0px 0px 0px;  /*ggf variiren lt design */
}
.gru {
/*background:#ccff33; border-left:0 px; border-right:0px ; border-bottom:0px solid #8e2; border-top:0px; border-collapse: collapse;*/
background:#ccff33; background:url("images/gru.gif") repeat-x center right;
border-right: 0px #8e2 solid; 
}
.grum {
background:#ccff33; background:url("images/grum.gif") repeat-x center right;
border-right: 0px #8e2;
}
.grus {
background:#ffff00; background:url("images/grus.gif") repeat-x center right;
border-right: 0px #8e2 solid; 
}

/*---*/

.headline {background-color:#8e2; font-size: 16px; font-weight: bold;line-height: 16px; color: #020;  padding: 5px 0px 5px 0px;}
.headliner {background-color:#4a0; font-size: 16px; font-weight: bold;line-height: 16px; color: #020; padding: 5px 0px 5px 0px;}
.headlineg {background-color:#4a0; color: #020; padding: 5px 0px 5px 0px;}
.footer {background-color:#8e2; font-size: 80%; color: #020; padding: 0px 0px 0px 0px;}
.null {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}

.left10{margin-left:10px}
.left20{margin-left:20px}
.leftright20{margin-left:20px; margin-right:20px}

/* 
  ---------------------------------------------------------------------
  tabellen hintergruende
  ---------------------------------------------------------------------
*/

.tableinhalt {
  background-color: #fff;
  color: #222;
  font-size: 90%;
  padding: 10px 10px 10px 20px;
  tr td border: 0px; border-right: 1px #ddd dotted;  
   
  
}
.dezent td {border-bottom: 1px solid #ddd;}

.tableinhaltu {
  background-color: #eee;
  color: #333;
  font-size: 11px;
  padding: 8px;
  border: 1px solid #555;
}


.tableueberschr {
  background-color: #cccccc;
  padding: 5px 10px 5px 10px;
  color: #000;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid #000;
}
.tablewichtig {
  background-color: #f20;
  padding: 2px 5px 2px 5px;
  font-weight: bold;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  border: 1px solid black;
} 
.tablewichtig a:visited,
.tablewichtig a:active
{  text-decoration: none;  color: #000;}
.tablewichtig a:hover {  text-decoration: none; background-color: #ff0;  color: #f00; 
}

.tablesponsor {
  background-color: #fff;
  color: #222;
  font-size: 12px;
  border: 0px;
  image border: 0px;
} 
.tablesponsor a {text-decoration: none;  color: #f80;}
.tablesponsor a:visited,
.tablesponsor a:active {text-decoration: none;  color: #f80;}
.tablesponsor a:hover {text-decoration: underline; background-color: #fff;  color: #f00; 
}

.sponsor220 { 
 border: 0px; border-style: solid; border-left: 1px #ccc dotted; margin: 5em 0em; 
}
.sponsor220 table{ margin: 2.5em 0em; width:220px; background-color: #ff0; margin: 4.5em 0em; }
.sponsor220 img { margin: 0.2em 0em 0.2em 0em; } /*width:220px;*/

.optional220 { 
 border: 0px; border-style: solid; border-left: 1px #ddd dashed;
}
/*.optional220 table td img { width:220px; }*/

.tablehinweis {
  background-color: #004674;
  padding: 2px 5px 2px 5px;
  color: #FFFFFF;
  font-size: 11px;
  border: 1px solid #069;
}
.tableankuendig {
  background-color: #eee;
  margin: 10px 5px 10px 5px;
  color: #000;
  font-size: 11px;
  border: 2px solid #6a0;
}
.tableankuendig tr:hover { background:#ccff33; }
  
.z1 {
  background-color: #004674;
  padding: 2px 5px 2px 5px;
  color: #FFFFFF;
  font-size: 11px;
  border: 1px solid #444;
}
.za {
  background-color: #fff; border: 1px solid #cdc; margin: 15px 0px; color: #222;   font-size: 11px; 
  border-collapse:collapse;
}
.za td {padding: 5px 5px 5px 10px;}

.pad3333 {
  padding: 3px 3px ;
}
.pad310310{
  padding: 3px 10px ;
}
.marg3333 {
  margin: 3px 3px ;
}
.marg310310 {
  margin: 3px 10px ;
}
.marg320320 {
  margin: 3px 20px ;
}
.gruppe {margin: 10px 0px; font-size: 12px;}
.us1 {background-color: #4a0; color: #fff;font-weight: bold; border: solid 1px #4a0;}
.us2 {background-color: #cf3;  border: solid 1px #4a0;}
/*
  ---------------------------------------------------------------------
  textfarben
  ---------------------------------------------------------------------
*/
.txtevents {  font-weight: bold;  color: #154A05;}


/*
  ---------------------------------------------------------------------
  div-formatierung
  ---------------------------------------------------------------------
*/


  
<-- /* SLIDESHOW */
#slideshow {
 height:200px; /* hier Hoehe der Slideshow-Bilder angeben */
 position:relative;
}
#slideshow img {
 display:none; position:absolute; top:0; left:0;
}
#slideshow img.start {
 display:block;
}
#gesamt {
	text-align:left;	margin: 0 auto;	position:absolute; top: 0;	left:50%;
}
#pos {
	text-align:left;margin: 0 auto;position:absolute;top: 122px;	left: -480px;
},
-->