@import url("font.css");
@import url("form.css");
@import url("shop.css");
@import url("guest.css");

html {
   margin: 0; 
   padding: 0; 
   border: 0;
   width: 100%;
   height: 100%;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10px;
   font-style: normal;
   line-height: normal;
   font-weight: normal;
   font-variant: normal;
   color: #000000;
   text-decoration: none;
   background: url(../images/page/pattern.gif);
}

body {
   margin:0px 0px; 
   padding:0px; 
   text-align:center;
   font-size: 12px;
}


#headline {
   position: relative;
   top: 0px;
   width: 860px;
   height: 200px;
   margin : 0px auto;
   text-align : center;
   background-color: #414141;
}

#header {
   position: relative;
   top: 5px;
   left: 0px;
   width: 850px;
   height: 65px;
   margin : 0px auto;
   text-align : center;
   background: url(../images/page/header.gif);
}

#header2 {
   position: relative;
   top: 5px;
   left: 0px;
   width: 850px;
   height: 95px;
   margin : 0px auto;
   text-align : center;
}

#pic1 {
   position: relative;
   top: 5px;
   width: 170px;
   height: 90px;
   float: left;
   background: url(../images/page/shop.gif);
}

#pic2 {
   position: relative;
   top: 5px;
   width: 170px;
   height: 90px;
   float: left;
   background: url(../images/page/bmx.gif);
}

#pic3 {
   position: relative;
   top: 5px;
   width: 170px;
   height: 90px;
   float: left;
   background: url(../images/page/spot.gif);
}

#pic4 {
   position: relative;
   top: 5px;
   width: 170px;
   height: 90px;
   float: left;
   background: url(../images/page/mtb.gif);
}

#spacer {
   position: relative;
   top: 5px;
   width: 170px;
   height: 90px;
   float: left;
   background-color: black;
}

#spacerText {
   position: relative;
   top: 55px;
   width: 160px;
   text-align: right;
   color: #6a6a6f;
}

.spacerTextClass {
   top: -8px;
   display: inline;
}

#navi {
   position: relative;
/*   clear: left;*/
   top: 10px;
   width: 850px;
   height: 30px;
   margin : 0px auto;
   text-align: center;
   z-index: 10;
   background-color: #ff7d00;
}

#body {
   position: relative;
   top: 0px;
   clear: both;
   width: 860px;
   height: auto;
   display: block;
   margin : 0px auto; 
   background-color: #414141;
  font-size: 12px;
}

#contentWrapper {
   position: relative;
   top: 5px;
   width: 850px;
   text-align: center;
   margin : 0px auto;
   background-color: white;
}

#innerWrapper {   
   top: 0px;
   position: relative;
   width: 575px;
   float: left;
}

#contentArea {
   text-align: left;
   margin: 0 auto;
   width: 535px;
   z-index: 1;
   background-color: white;
}

#leftInfo {
   position: relative;
   top: 20px;
   left: 5px;
   margin-bottom: 40px;
   display: block;
   float: left;
   width: 130px;
   text-align: left;
   border-left: 1px solid #777777;
   border-top: 1px solid #777777; 
   border-right: 3px solid #777777;
   border-bottom: 3px solid #777777;
   background-color: white;
}

#rightInfo {
   position: relative;
   top: 20px;
   left: 0px;
   margin-bottom: 40px;
   float: left;
   width: 130px;
   border-left: 1px solid #777777;
   border-top: 1px solid #777777;
   border-right: 3px solid #777777;
   border-bottom: 3px solid #777777;
   background-color: white;

}
 
#border {
   position: relative;
   top: 0px;
   text-align: center;
   margin: 0 auto;
   clear: both;
   width: 850px;
   height: 45px;
/*   background-color: #ebebeb; */
   background: url(../images/page/farbverlaufGross.gif);
   border-top: 5px solid #414141;
   border-bottom: 5px solid #414141;
}

.contentElement{
   position: relative;
/*   clear: both;*/
   display: block;
   top: 30px;
}
 
#shop a {
   font-family: Verdana;
   font-size: 14px;
   text-indent: 26px;
   text-align: left;
   text-decoration: none;
   padding-top: 7px;
   width: 80px;
   height: 23px;
   text-decoration: none;
   background: url(../images/page/shopOff.gif) no-repeat;
   background-position: 10 10;
   float: left;
   display: block;
   border-right: 1px solid black;
   text-decoration: none;
}

#shop a:hover {
   font-family: Verdana;
   font-size: 14px;
   text-indent: 26px;
   text-align: left;
   text-decoration: none;
/*   padding-top: 7px;*/
   width: 80px;
   height: 23px;
   text-decoration: none;
   background: url(../images/page/shopOn.gif) no-repeat;
   background-position: 10 10;
   float: left;
   display: block;
   border-right: 1px solid black;
   text-decoration: none;
   color: white;
   background-color: #b45a00;
}
#news a {
   font-family: Verdana;
   font-size: 14px;
   padding-top: 7px;
   text-indent: 28px;
   text-align: left;
   width: 80px;
   height: 23px;
   background: url(../images/page/newsOff.gif) no-repeat;
   background-position: 10 10;
   float: left;
   border-right: 1px solid black;
   text-decoration: none;
}

#news a:hover {
   font-family: Verdana;
   font-size: 14px;
   padding-top: 7px;
   text-indent: 28px;
   text-align: left;
   width: 80px;
   height: 23px;
   background: url(../images/page/newsOn.gif) no-repeat;
   background-position: 10 10;
   float: left;
   border-right: 1px solid black;
   text-decoration: none;
   color: white;
   background-color: #b45a00;
}

#pics a {
   font-family: Verdana;
   font-size: 14px;
   padding-top: 7px;
   text-indent: 28px;   
   text-align: left;
   width: 80px;
   height: 23px;
   background: url(../images/page/picsOff.gif) no-repeat;
   background-position: 10 10;
   float: left;
   border-right: 1px solid black;
   text-decoration: none;
}

#pics a:hover {
   font-family: Verdana;
   font-size: 14px;
   padding-top: 7px;
   text-indent: 28px;
   text-align: left;
   width: 80px;
   height: 23px;
   background: url(../images/page/picsOn.gif) no-repeat;
   background-position: 10 10;
   float: left;
   border-right: 1px solid black;
   text-decoration: none;
   color: white;
   background-color: #b45a00;
}

#spots a {
   font-family: Verdana;
   font-size: 14px;
   padding-top: 7px;
   text-indent: 28px;
   text-align: left;
   width: 80px;
   height: 23px;
   background: url(../images/page/spotsOff.gif) no-repeat;
   background-position: 10 10;
   float: left;
   border-right: 1px solid black;
   text-decoration: none;
}

#spots a:hover {
   font-family: Verdana;
   font-size: 14px;
   padding-top: 7px;
   text-indent: 28px;
   text-align: left;
   width: 80px;
   height: 23px;
   background: url(../images/page/spotsOn.gif) no-repeat;
   background-position: 10 10;
   float: left;
   border-right: 1px solid black;
   text-decoration: none;
   color: white;
   background-color: #b45a00;
}

#kontakt a {
   font-family: Verdana;
   font-size: 14px;
   padding-top: 7px;
   text-indent: 28px;
   text-align: left;
   width: 95px;
   height: 23px;
   background: url(../images/page/kontaktOff.gif) no-repeat;
   background-position: 10 10;
   float: left;
   border-right: 1px solid black;
   text-decoration: none;
}

#kontakt a:hover {
   font-family: Verdana;
   font-size: 14px;
   padding-top: 7px;
   text-indent: 28px;
   text-align: left;
   width: 95px;
   height: 23px;
   background: url(../images/page/kontaktOn.gif) no-repeat;
   background-position: 10 10;
   float: left;
   border-right: 1px solid black;
   text-decoration: none;
   color: white;
   background-color: #b45a00;
}

#termine a {
   font-family: Verdana;
   font-size: 14px;
   padding-top: 7px;
   text-indent: 28px;
   text-align: left;
   width: 95px;
   height: 23px;
   background: url(../images/page/termineOff.gif) no-repeat;
   background-position: 10 10;
   float: left;
   border-right: 1px solid black;
   text-decoration: none;
}

#termine a:hover {
   font-family: Verdana;
   font-size: 14px;
   padding-top: 7px;
   text-indent: 28px;
   text-align: left;
   width: 95px;
   height: 23px;
   background: url(../images/page/termineOn.gif) no-repeat;
   background-position: 10 10;
   float: left;
   border-right: 1px solid black;
   text-decoration: none;
   color: white;
   background-color: #b45a00;
}

#links a{
   font-family: Verdana;
   font-size: 14px;
   padding-top: 7px;
   text-indent: 28px;
   text-align: left;
   width: 80px;
   height: 23px;
   background: url(../images/page/linksOff.gif) no-repeat;
   background-position: 10 10;
   float: left;
   border-right: 1px solid black;
   text-decoration: none;
}

#links a:hover {
   font-family: Verdana;
   font-size: 14px;
   padding-top: 7px;
   text-indent: 28px;
   text-align: left;
   width: 80px;
   height: 23px;
   background: url(../images/page/linksOn.gif) no-repeat;
   background-position: 10 10;
   float: left;
   border-right: 1px solid black;
   text-decoration: none;
   color: white;
   background-color: #b45a00;
}

#guest a {
   font-family: Verdana;
   font-size: 14px;
   padding-top: 7px;
   text-indent: 28px;
   text-align: left;
   width: 80px;
   height: 23px;
   background: url(../images/page/guestOff.gif) no-repeat;
   background-position: 10 10;
   float: left;
   border-right: 1px solid black; 
   text-decoration: none;
}

#guest a:hover {
   font-family: Verdana;
   font-size: 14px;
   padding-top: 7px;
   text-indent: 28px;
   text-align: left;
   width: 80px;
   height: 23px;
   background: url(../images/page/guestOn.gif) no-repeat;
   background-position: 10 10;
   float: left;
   border-right: 1px solid black;
   text-decoration: none;
   color: white;
   background-color: #b45a00;
}

#impressum a {
   font-family: Verdana;
   font-size: 14px;
   padding-top: 7px;
   text-indent: 28px;
   text-align: left;
   width: 120px;
   height: 23px;
   background: url(../images/page/impressumOff.gif) no-repeat;
   background-position: 10 10;
   float: left;
   text-decoration: none;
}
#impressum a:hover {
   font-family: Verdana;
   font-size: 14px;
   padding-top: 7px;
   text-indent: 28px;
   text-align: left;
   width: 120px;
   height: 23px;
   background: url(../images/page/impressumOn.gif) no-repeat;
   background-position: 10 10;
   float: left;
   text-decoration: none;
   color: white;
   background-color: #b45a00;
}

table {
   font-size: 12px;
   width: 100%;
   padding: 20px;
}

th {
   font-size: 16px;
   text-align: left;
}

table a {
   text-decoration: none;
   font-size: 12px;
}