/* StylePage für WebDesign-Grosche.de */

* {
   padding:0;
   margin:0;
  }

body  {
   background-color:#FFFFFF;
   font-family: Verdana;
   font-size:11px;
   text-align:center;
}

a:link       {color:#0000FF;
              text-decoration:none;
              font-weight:bold;
              }

a:visited    {color:#0000FF;
              text-decoration:none;
              font-weight:bold;
              }

a:hover      {color:#00FF00;
              text-decoration:none;
              font-weight:bold;}

a:active     {color:#FF0000;
             font-weight:bold; }






hr {
 height:1px;
 width:745px;
}

/* allgemeine */
#alles {
      margin: 0 auto;
      text-align: left;
      width: 980px;
      background:white;
}

#content {
      padding:0 3px;
      position:relative;
      width:980px;
}

#head {
      position:relative;
      top:2px;
      background:url(menu_kopf_bg.png) no-repeat;
      width:980px;
      height:84px;
      margin-bottom:15px;
      color:white;
}
#head div {
      position:absolute;
      right:50px;
      top:8px;
      color:white;
      font-size:32px;
      font-weight:bold;
}
#head ul {
      position:absolute;
      top:65px;
      left:10px;
      font-weight:bold;
      color:#00FF00;
      width:980px;
}
#head li {
      display:inline;
      margin-right:15px;
      color:#808080;
}
#head li span {
      color:#00FF00;
}
#head li a {
      color:white;
      text-decoration:none;
      font-size:11px;
      border:0;
}
#head li a:visited {
      color:#FFFFFF;
      text-decoration:none;
      font-size:11px;
}
#head li a:hover {
      color:red;
      text-decoration:none;
}
#head ul#right {
 position:absolute;
 left:auto;
 right:32px;
 width:150px;
 text-align:right;
 }

#footer {
      position:relative;
      background:url(menu_fuss.gif);
      margin:2em 0 10px 0;
      height:20px;
      width:100%;
      font-weight:bold;
}
#footer ul {
     float:right;
     margin-top:3px;
}
#footer li {
      display:inline;
      margin-right:15px;
      color:#00FF00;
}
#footer li a {
      color:white;
      text-decoration:none;
      font-size:11px;
}
#footer li a:visited {
      color:#FFFFFF;
      text-decoration:none;
      font-size:11px;
}
#footer li a:hover {
      color:red;
      text-decoration:none;
}


/* index-Seite */
#willkommen {
    margin-left:116px;
    width:460px;
    text-align:right;
}

#karts {
   background:url(RimoEVO4_1.png) no-repeat;
   background-position:10px -15px;
   margin-left:0px;
   width:300px;
   text-align:center;
   float:left;
}
#fahrspass, #textur {
   margin-left:500px;
   width:430px;
   text-align:justify;
}
#fahrspass h1, #textul h1{
   font-size:11px;
   text-decoration:underline;
}
#textul {
   float:left;
   background:none;
   text-align:left;
   padding:10px;
   width:auto;
   overflow: hidden;

 }

/* Preise */


/* Veranstaltungen */






#minitext {
      font-size:8pt;
      color:black;
      text-decoration:none;
}


/* faq */
.stt {
     font-weight:bold;
     font-style:italic;
     font-size:11px;
     color:black;
     margin-bottom:.8em;

}


#logotext    {
     font-size:32pt;
     color:#A0A0A0;
     font-weight:bold;;
}

#fehlertext  {
     font-size:16pt;
     color:red;
     background-color:yellow;
}

#no_menu     {
     font-size:8pt;
     color:#AFAFAF;
     font-weight:bold;;
}


#linkbox {
    font-size:8pt;
    color:#000000;
    font-weight:bold;
    background-color:#F8F8F8;
    padding-left:20px;
}

#racelist {border:2px solid blue;
           width:250px;
           padding:0px;
          }
#racelist ol
         {margin-left:0px;
          list-style:none;
          border:1px solid black;
          background:#FF0000;
          }

#racelist li
         {margin-left:0px;
          list-style:none;
          border:1px solid black;
          background:#FF0000;
          }

#box {
  position:relative;
  padding:.5em 0 .5em 1em;
  border:1px solid red;
  text-align:left;margin:0 20px;
  background:white;
}

#left, #right {
       margin:0;
       padding:0;
       display:inline;
       width:6em;
       text-align:left;
}
#right {
       margin-left:2em;
       width:18em;
       }
#left  {
       margin-left:2em;
       }

#hotsummer {
    position:relative;
    margin-left:230px;
    margin-top:2px;
    width:725px;
    height:298px;
    background:url(hot_summer_bg.png) no-repeat;
}
#hotsummer img {
    position:absolute;
    bottom:7px;
    right:14px;
}

/* ##################################################################################### */
/* Classes */


/* Messagebox */
.mbox, .m2box {
  position:relative;
  margin:0 0 1em 0px;
  border:1px solid black;
  width:200px;
  background:white;
}
.m2box {
  width:350px;
}

.mbox h1 {
   font-size:12px;
   font-weight:bold;
   background:#c7d0d8;
   color:#0060FF;
   padding:.5em;
   border-bottom:1px solid black;
}
.mbox ul, .mbox div {
 margin:.8em 3px;
}
.mbox li {
 margin:5px 0 5px 15px;
 list-style:disc outside;
}
.mbox span, m2box span {
  position:absolute;
  right:2px;
}
.mbox span#redtext {
  position:relative;
  margin-left:1px;
  color:red;
  font-weight:bold;
}

.bigtext {
     font-size:14pt;
     color:#A0A0A0;
     color:black;
     font-weight:bold;
}
.bigtext span {
     font-size:11px;
     font-weight:normal;
}

span.nowrap {
 white-space:nowrap;
}


.fleft {
  float:left;
}
.aright {
  text-align:right;
}



.redtext {
 color:red;
}



.head     {background-image:url(../img/menu_fuss.gif);
          width:250px;
          height:50px;

          }




.thead    { background-color:#A0A0A0;
           font-weight:bold;
          }
.tdata    {

          }
.tdata2   {text-align:center;}

.clear {
  clear:both;
}