body {
	background-image: url(img/btile.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height:100%;
}

img {
	
	border:none;
	padding:0px;
	margin:0px;
}

div#allmid {
    text-align: left;    /* Inhalte links ausrichten */
    margin: 0 auto;      /* standardkonforme horizontale Zentrierung */

	 width: 836px;
	 background-color: #fdfdfd;
	 margin-top:20px;
	 margin-bottom:10px;
	 font-size:20px;
}

/* obere ecken und oben "metrakit.." logo bereich */

div#bgtop {
   height: 71px;
	width: 836px;
	background-image: url(img/bg11.gif);
	font-size: 2px;
	background-repeat: no-repeat;
}

/* links, rechts, mitte */
div#bgleft {
	background-image: url(img/bg21.gif);
 	background-repeat: repeat-y;
	margin-bottom: 0px;
}

div#bgmid {
	margin-left: 6px;
	margin-right: 6px;
	padding-left: 10px;
	padding-right: 10px;
	background-position: bottom;
	background-color: #fdfdfd;
	text-align: left;
	background-image: url(img/bg22.gif);
 	background-repeat:repeat-x;
}



div#bgright {

		background-image: url(img/bg23.gif);
		background-repeat: repeat-y;
		background-position: 100% 0;
}

div#bgbottom {
	background-image: url(img/bg31.jpg);
	height: 292px;
	background-repeat: no-repeat;
	margin-top:0;
}

.notopgap {
	margin-top: 0px;
}

.nobottomgap { 
margin-bottom: 0px;
 } /* DNC: to avoid splitting of the box */

 /* nachfolgende relative positionierungen auf diese absolute position ausrichten */
.zeropos {
	position: relative;
	top: 0px;
	left: 0px;
}
 
/************ bissl content ... *************/

.bike {
	position:absolute;
	left: 31px;
	top: -283px;
	width: 491px;
	height: 400px;
	background-image: url(img/bikepic.jpg);
	background-repeat:no-repeat;
	/*z-index:10;*/

} 
 
 
 
/************   buttonwork *************/
 
.hidepics {
  width:0px;
  height:0px;
  visibility:hidden;
}

.preloader {
    
    width:1px;
    height:1px;
    position:absolute;
    left:0px;
    top:0px;
    overflow:hidden;
}

.buttonboxright {
	position:absolute;
	top:80px;
	left:792px;
	width:100px;
}

.buttonboxleft {
	position:absolute;
	top:80px;
	left:-60px;
	width:100px;
}


a.bikebutton:link, a.bikebutton:visited, a.bikebutton:hover {
	height: 100px;
	width:100px;
	background-image: url(img/bikes.gif);
	margin-bottom: 10px;
	display:block;
}

a.bikebutton:hover {
	background-image: url(img/bikeshover.gif);
}

a.langengbutton {
	position:absolute;
	top:17px;
	left:792px;
	height:15px;
	width:24px;
	background-image: url(img/eng.gif);
	border: 1px solid black;
}

a.langesbutton {
	position:absolute;
	top:17px;
	left:760px;
	height:15px;
	width:24px;
	background-image: url(img/esp.gif);
	border: 1px solid black;
}


a.impressumbutton:link, a.impressumbutton:visited, a.impressumbutton:hover {
	height: 40px;
	width:100px;
	background-image: url(img/impressums.gif);
	display:block;
	margin-top:140px;
}
a.impressumbutton:hover {
	background-image: url(img/impressumshover.gif);
}

a.reglementbutton:link, a.reglementbutton:visited, a.reglementbutton:hover {
	height: 40px;
	width:100px;
	background-image: url(img/reglements.gif);
	display:block;
	margin-bottom:10px;
}
a.reglementbutton:hover {
	background-image: url(img/reglementshover.gif);
}

a.subscriptbutton:link, a.subscriptbutton:visited, a.subscriptbutton:hover {
	height: 40px;
	width:100px;
	background-image: url(img/subscripts.gif);
	display:block;
	margin-bottom:10px;
}
a.subscriptbutton:hover {
	background-image: url(img/subscriptshover.gif);
}

a.cupinfobutton:link, a.cupinfobutton:visited, a.cupinfobutton:hover {
	height: 40px;
	width:100px;
	background-image: url(img/cupinfos.gif);
	display:block;
	margin-bottom:10px;
}
a.cupinfobutton:hover {
	background-image: url(img/cupinfoshover.gif);
}



a.fotobutton:link, a.fotobutton:visited, a.fotobutton:hover{
	height: 40px;
	width:100px;
	background-image: url(img/fotoss.gif);
	margin-bottom: 10px;
	display:block;
}
a.fotobutton:hover{
	background-image: url(img/fotosshover.gif);
}

a.newsbutton:link, a.newsbutton:visited, a.newsbutton:hover{
	height: 40px;
	width:100px;
	background-image: url(img/news.gif);
	margin-bottom: 10px;
	display:block;
}
a.newsbutton:hover{
	background-image: url(img/newshover.gif);
}

a.kostenbutton:link, a.kostenbutton:visited, a.kostenbutton:hover{
	height: 40px;
	width:100px;
	background-image: url(img/kosten.gif);
	margin-bottom: 10px;
	display:block;
}
a.kostenbutton:hover{
	background-image: url(img/kostenhover.gif);
}

a.downloadbutton:link, a.downloadbutton:visited, a.downloadbutton:hover{
	height: 40px;
	width:100px;
	background-image: url(img/downloads.gif);
	margin-bottom: 10px;
	display:block;
}
a.downloadbutton:hover{
	background-image: url(img/downloadshover.gif);
}

a.moreinfobutton:link, a.moreinfobutton:visited, a.moreinfobutton:hover  {
	height: 44px;
	width: 338px;
	background-image: url(img/moreinfos.gif);
	z-index: 999;
	display:block;
	margin-top:20px;
	margin-left:80px;
}

a.moreinfobutton:hover {
	background-image: url(img/moreinfoshover.gif);
}


a.backbutton:link, a.backbutton:visited, a.backbutton:hover  {
	height: 30px;
	width: 85px;
	background-image: url(img/backs.gif);
	display:block;
}

a.backbutton:hover {
	background-image: url(img/backshover.gif);
}


/* content */
div#content, div#shortcontent {
	/*border: 1px solid;*/
	/*width:7px;*/
	/*height: 640px;*/
	/*position: absolute;*/
	top:100px;
	left:40px;
	font-size:12px;
	padding-top:25px;
	padding-left:35px;
	padding-right:35px;
}

div#shortcontent {
	height: 520px;
}

div#contentform {
	/*border: 1px solid black;*/
	position: static;
	top:50px;
}

div#formerrbox {
	font-size: 15px;
	font-weight: bold;
	color:red;
	text-align: center;
	height:3em;
}

div#photoform {
	/*border: 1px solid black;*/
	top:35px;
	text-align: center;
	padding:5px;
}


/* diverse formatierungen */

.noformat {
	clear:both;
	padding-bottom:5px;
}

/* fürs formular ************/
.label {
	width:250px;
	text-align: right;
	float:left;
	padding-top: 4px;
	padding-right: 5px;
}

.zeile {
	clear:both;
	padding: 2px 0px;
	font-weight: bold;
}

.feldinput, .feldcheck, .feldtext1, .label, .feldtext2 {
	font-weight: bold;
}

.label {
		font-style: italic;
}

.feldinput, .feldtext1 {
	width:300px;
}

.feldtext1 {
	height:48px;
}

.feldtext2 {
	height:70px;
	width:400px;
}

.errfont {
	font-size: 15px;
	font-weight: bold;
	color:red;
}

.fatnew {
	font-size: 12px;
	margin-left: 0px;
	font-weight: bold;
	padding-bottom: 0.5em;
}


.piccenter {
	text-align:center;
}

.photo, .photoleft {
	padding: 5px;
	border: 1px solid black;
	margin: 2px;

}

.photo:hover, .photoleft:hover {
	padding: 5px;
	border: 1px solid red;
	margin: 2px;
}
.photoleft, .photoleft:hover{
	float:left;
}

.indent1 {
	
text-align: left;
margin-left: 20px;
padding-left: 20px;
padding-right: 40px;
}

.indent2 {
	text-align: left;
	padding-left: 30px;
}



.biketech {
	position: absolute;
	top: 40px;
	left: 450px;
	width: 300px;
	/*z-index: 999;*/
}

.arrow {
	float: left;
	padding: 5px;
}

h2 {
	font-size: 18px;
	margin-top:0px;
	margin-bottom:5px;
}

h2#link a:link, h2#link a:visited, h2#link a:hover {
	font-size: 16px;
	margin-top:0px;
	margin-bottom:5px;	
	color: black;
	text-decoration: none;
}

h3 {
	font-size: 15px;
	margin-top:0px;
	margin-bottom:5px;
}

.klein {
	font-size: 10px;
}

.dllink:link, .dllink:visited {
	font-size: 14px;
	text-decoration:none;
	color:black;	
	font-weight:bolder;
	margin-bottom: 5px;
}

.dllink:hover {
	font-size: 14px;
	text-decoration:none;
	font-weight:bold;
	color:black;	
	border: 1px black solid;	
	margin-bottom: 5px;
}

a.downloadbutton:link, a.downloadbutton:visited, a.downloadbutton:hover{
	height: 40px;
	width:100px;
	background-image: url(img/downloads.gif);
	margin-bottom: 10px;
	display:block;
}
a.downloadbutton:hover{
	background-image: url(img/downloadshover.gif);
}