@import url(http://fonts.googleapis.com/css?family=Ubuntu);
html {
  height: 100%;
}
body {
  height: 100%;
  padding:0px;
  margin:0px;
  background-color:#161616;
  font-family: "Ubuntu","Lucida Grande", "Lucida Sans Unicode", Calibri, Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
  color:#000000;   
}

#kopf {
  background-color:#0f0f0f;
  background-repeat:repeat-x;
  height:188px;
  margin:0px;
  text-align:center; 
 

}

p{width:95%;}

#menu {
  position:relative;
  margin-left:180px;
  margin-right:180px;
  font-size:1.3em;
  background-color:#000000;
  color:#FFFFFF;
  padding:0px;
  margin-bottom:0px;
  
  }
#bgmenu{
width:100%;
background-color:#000000;
padding:0px;
margin-bottom:20px;
}

.mbutton{
display:inline-block;
width:20%;
margin:0px;
padding:0px;
}
.button_pad {
padding:5px;
background-color:#000000;
}
.button_pad_aktiv {
padding:0px;
margin-left:5px;
margin-right:5px;
}
a.topmenu_new{
display: inline-block;
width:100%;
height:66px;
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
text-align:center;
line-height:66px;
vertical-align:middle;
background-color:#000000;
border:#000000 2px solid;

}
a.topmenu_new:hover {
display: inline-block;
width:100%;
height:56px;
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
text-align:center;
line-height:56px;
vertical-align:middle;
background-color:#ee0000;
margin:0px;
border:#FFFFFF 2px solid;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

}
a.topmenu_new_aktiv{
display: inline-block;
width:100%;
height:80px;
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
text-align:center;
line-height:70px;
vertical-align:middle;
background:-moz-linear-gradient(top, #333333, #161616); /* Firefox */
background:-webkit-gradient(linear, left top, left bottom, from(#333333), to(#161616)); /* Safari, Chrome */
font-size:1.2em;
}

#mitte {
  position:relative;
  /* height:60%; */
  width:100%;
  color:#FFFFFF;

}

#mittevid {
  position:relative; 
  width:100%;
  color:#FFFFFF;

}

#inhalt {
  min-width:400px;
  height:100%;  
  padding-top:0px;
  padding-bottom:50px;
  margin:0px 180px;
  border-left:1px solid #3b3c3e;
  border-right:1px solid #3b3c3e;
  background-color:#161616;
  font-size:1em;
}
#mailform {
width:150px;
overflow:hidden;
font-size:1.2em;
font-weight:bold;
margin-top:20px;
margin-bottom:20px;
color:#A2A2A2;
padding:5px;
background-color:#101010;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#mailform span {
font-size:0.7em;
font-weight:normal;
}
#social {
font-size:1.2em;
font-weight:bold;
margin-top:20px;
margin-bottom:20px;
color:#A2A2A2;
padding:5px;
background-color:#101010;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.latest_video {
border:none;
}
.pad{
  padding-right:10px;
  padding-left:10px;	
}

.padv{
  padding-right:10px;
  padding-left:10px;	
  height:100%;  
}

#links {
  position:absolute;
  top:0px;
  left:10px;
  width:160px;
  height:300px;
  text-align:center;
  background-color:#161616;
  font-size:1em;  
}
#rechts {
  position:absolute;
  top:0px;
  right:10px;
  width:160px;
  height:300px;
  text-align:center;
  font-size:1.2em;
  background-color:#161616;
  padding-top:10px;
  color:#A2A2A2;
  font-weight:bold;
}
#fuss {
  position:fixed;	
  bottom:0px;  
  z-index:3;  
  border-top:#000000 1px solid;
  width:100%;
  margin-top:20px;
  padding-top:4px;
  padding-left:0px;
  padding-bottom:0px;
  color:#FFFFFF;
  background-color:#3b3c3e;
}
#inhaltsfeldteam {
  position:relative;
  width:100%;
}  
#inhaltsfeldrider {
  position:relative;
  width:100%;
     
}  
#riderpadding {
  background-color:#101010; 
   padding:10px;

}  
  
<!-- Video Start   -->           
#inhaltsfeldvid {
 
}  
.navidiv_vid { 
  margin-bottom:40px;
  padding-left:4%;
  text-align:left;
}

.shadowlayer {
	position:fixed; 
	width:100%; 
	height:100%; 
	background-color:#000000;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity:0.5;
	z-index:99;
	margin:0px;
}
#videobox {
	position:fixed;
	top:50%;
	left:50%;
	width:600px;
	height:420px;
	margin-left:-300px;
	margin-top:-200px;
	background-color:#000000;
	z-index:100;
	text-align:right;
	padding:10px;
	border:#FFFFFF 3px solid;
}
.thumb_box_start {
	float:left;
	margin-left:4%;
	margin-right:2%;
	width:28%;
	text-align:left;
}
.thumb_box {
	float:left;
	margin-left:2%;
	margin-right:2%;
	width:28%;
	text-align:left;
}
.thumb_img {
	width:100%;
	border:#FFFFFF 3px solid;
	margin:0px;
}
.thumb_time {
	position:relative;
	z-index:9;
	top:-28px;
	width:100%;
	height:20px;
	margin:0px;
	text-align:right;
}
.thumb_title {
	height:3em;
	margin-top:-1em;
}
<!-- Video Ende  -->


.mail {
width:100%;
border:#A2A2A2 1px solid;
background-color:#FFFFFF;
}
.mail:hover {
background-color:#eeeeee;
}
.mail:focus {
background-color:#eeeeee;
}
.submit {
border:#A2A2A2 2px solid;
background-color:#000000;
margin:5px;
font-weight:bold;
color:#A2A2A2;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.submit:hover {
border:#FFFFFF 2px solid;
background-color:#ee0000;
margin:5px;
font-weight:bold;
color:#FFFFFF;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#ridersprofilelinks {
  width:50%;

	float:left; 
	  
}

#ridersprofilerechts {
  width:48%;
 float:right;  

  
}



a.topmenu:link {  color:#A2A2A2; text-decoration:none; }
a.topmenu:visited { color:#A2A2A2; text-decoration:none; }
a.topmenu:focus { color:#A2A2A2; text-decoration:none; outline: none; }
a.topmenu:hover { font-weight:normal; color:#cccccc; text-decoration:underline; }

.linkicon {
border:0px;
margin:5px;
}

.rot {
  color:red;
  font-size:1.3em;
  font-weight:bold;
}
.menulinkskopf {
  position:relative;
  width:100%;
  height:1.2em;
  background-color:#3b3c3e;
  border-left:1px solid #333333;
  border-right:1px solid #333333;
  border-top:1px solid #333333;
  text-align:left;  
}
.menulinksbody {
  position:relative;
  width:100%;
  text-align:center;
  border-left:0px solid #333333;
  border-right:0px solid #333333;
  border-bottom:0px solid #333333;
  padding-top:4px;
  padding-bottom:4px;
}
.headingteampage{
  width:40%;
  background-color:#3b3c3e;
}
.blidteampage{
  width:100%;
  border:0px none;
  margin:0px;
  padding:0px;  
}

.nahtlos{
  width:100%;		
 overflow:hidden;
 white-space:nowrap;
 line-height:0px;
}

.riderpicsmall {
  width:25%;
  float:left;
  margin-right:10px;
  margin-bottom:10px;
}
.riderpicbig {
  width:100%;
}
.riderdescription {
  clear:left;
  margin-bottom:2em;
}

.b {
  font-weight:bold;
}
.bu {
  font-weight:bold;
  text-decoration:underline;
}


.spacer { 
  position:relative;
  height:40px; 
  }
.clear {
clear:both;
}
  
  /* team.inc  Anfang */

a:focus { outline:none; }

a.bild1 { position:relative; width:20%; z-index:1;border:0px;margin:0px; padding:0px;display:inline-block; }
a.bild1:hover { visibility:hidden; }

a.bild1hov {position:relative; left:-20%; width:20%; z-index:0; border:0px; margin:0px; padding:0px;display:inline-block;}
a.bild1hov:hover { position:relative; left:-20%; width:20%; z-index:2; border:0px; margin:0px; padding:0px;display:inline-block;}

a.bild2 { position:relative; width:20%; left:-20%; z-index:1;border:0px;margin:0px; padding:0px; display:inline-block;}
a.bild2:hover { visibility:hidden; }

a.bild2hov {position:relative; left:-40%; width:20%; z-index:0; border:0px; margin:0px; padding:0px;display:inline-block;}
a.bild2hov:hover { position:relative; left:-40%; width:20%; z-index:2; border:0px; margin:0px; padding:0px;display:inline-block;}

a.bild3 { position:relative; width:20%; left:-40%; z-index:1;border:0px;margin:0px; padding:0px; display:inline-block;}
a.bild3:hover { visibility:hidden; }

a.bild3hov {position:relative; left:-60%; width:20%; z-index:0; border:0px; margin:0px; padding:0px;display:inline-block;}
a.bild3hov:hover { position:relative; left:-60%; width:20%; z-index:2; border:0px; margin:0px; padding:0px;display:inline-block;}

a.bild4 { position:relative; width:20%; left:-60%; z-index:1;border:0px;margin:0px; padding:0px; display:inline-block;}
a.bild4:hover { visibility:hidden; }

a.bild4hov {position:relative; left:-80%; width:20%; z-index:0; border:0px; margin:0px; padding:0px;display:inline-block;}
a.bild4hov:hover { position:relative; left:-80%; width:20%; z-index:2; border:0px; margin:0px; padding:0px;display:inline-block;}

a.bild5 { position:relative; width:20%; left:-80%; z-index:1;border:0px;margin:0px; padding:0px; display:inline-block;}
a.bild5:hover { visibility:hidden; }

a.bild5hov {position:relative; left:-100%; width:20%; z-index:0; border:0px; margin:0px; padding:0px;display:inline-block;}
a.bild5hov:hover { position:relative; left:-100%; width:20%; z-index:2; border:0px; margin:0px; padding:0px;display:inline-block;}
  /* team.inc  Ende */

/*choose.inc  Anfang */

a.mtb { position:relative; width:50%; z-index:1;border:0px;margin:0px; padding:0px; display:inline-block;}
a.mtb:hover { visibility:hidden; }

a.mtbhov {position:relative; left:-50%; width:50%; z-index:0; border:0px; margin:0px; padding:0px;display:inline-block;}
a.mtbhov:hover { position:relative; left:-50%; width:50%; z-index:2; border:0px; margin:0px; padding:0px;display:inline-block;}

a.snow { position:relative; width:50%; left:-50%; z-index:1;border:0px;margin:0px; padding:0px; display:inline-block;}
a.snow:hover { visibility:hidden; }

a.snowhov {position:relative; left:-100%; width:50%; z-index:0; border:0px; margin:0px; padding:0px;display:inline-block;}
a.snowhov:hover { position:relative; left:-100%; width:50%; z-index:2; border:0px; margin:0px; padding:0px;display:inline-block;}

.chooseimg {
	border:none;
	width:100%;
	}


/*choose.inc  Ende */


  /* news.inc  Anfang */

a.kommentare:link {  color:#FFFFFF; text-decoration:none; }
a.kommentare:visited {  color:#FFFFFF; text-decoration:none; }
a.kommentare:focus {  color:#FFFFFF; text-decoration:none; outline: none; }
a.kommentare:hover { color:#cccccc; text-decoration:none; }
a.kommentare:active { color:#FFFFFF; text-decoration:none; }

a.beitr:link {  color:#FFFFFF; text-decoration:none; border:0px;}
a.beitr:visited {  color:#FFFFFF; text-decoration:none; border:0px;}
a.beitr:focus {  color:#FFFFFF; text-decoration:none; outline: none; border:0px;}
a.beitr:hover { color:#FFFFFF; text-decoration:none; color:#cccccc; border:0px;}
a.beitr:active { color:#FFFFFF; text-decoration:none; border:0px;}

a.mehr:link {  color:#FFFFFF; text-decoration:none; font-style:italic;}
a.mehr:visited {  color:#FFFFFF; text-decoration:none; font-style:italic;}
a.mehr:focus {  color:#FFFFFF; text-decoration:none; outline: none;  font-style:italic;}
a.mehr:hover { font-weight:normal; color:#cccccc; text-decoration:underline; font-style:italic;}
a.mehr:active { color:#FFFFFF; text-decoration:none; font-style:italic;}

.newskopfn { height:50px;line-height:50px;padding:10px; }
.newskopfnlogo { vertical-align:middle; height:50px; }
.newskopfntitel { vertical-align:middle;margin-left:10px;font-weight:bold; }
.newsbildn { width:100%;border:0px; }
.newstextn { padding:10px; }
.newsfussn { width:30%;border-top:#FFFFFF 1px solid; margin-bottom:15px;margin-left:10px; }

.spacer { height:40px; }

  /* news.inc Ende */


 /* beitrag.inc Anfang */

.newskopfb { height:50px;line-height:50px; padding:10px;  }
.newskopfblogo { vertical-align:middle; height:50px; }
.newskopfbtitel { vertical-align:middle;margin-left:10px;font-weight:bold; }
.newsbildb { width:100%;}
.newstextb { padding:10px; }

.spacer { height:40px; }

.addthisdiv { text-align:right;margin:15px; }

.errordiv { font-weight:bold;color:#FF0000;text-align:center; margin-bottom:1em; }

.kommentarautordiv { border-top:#FFFFFF 1px solid;border-bottom:#FFFFFF 1px solid; }
.kommentardate { margin-left:20px; }
.kommentartextdiv { width:100%;overflow:hidden;padding-top:10px;margin-bottom:35px; }

.editkommentardiv { text-align:center;border-top:#FFFFFF 1px solid; }
.kommentartextarea { width:80%;height:200px; }

.erasebegr {color:#FF0000;}
 /* beitrag.inc Ende */


 /* newsarchiv.inc Anfang */

.newsadiv { background-color:#3b3c3e; color:#000000; border: #cccccc 0px solid; margin-bottom:15px;clear:left;padding:5px; }
.newsatitel { font-size:1em;float:left; }
.newsadate { margin:4px; border-top:#000000 1px solid; font-size:0.8em; }
.newsalogodiv { text-align:right; }
.newsalogo { height:50px; }

.navidiv { margin-bottom:40px; }
.navitabs { border:#cccccc 1px solid;padding-left:5px;padding-right:5px; margin-left:1px;margin-right:1px; }
.navitabs:hover { border:#cccccc 1px solid;padding-left:5px;padding-right:5px; margin-left:1px;margin-right:1px; background-color:#101010;}
.navitabsdead { border:#777777 1px solid;padding-left:5px;padding-right:5px; margin-left:1px;margin-right:1px; color:#777777;}
.navitabsspacer { padding-left:10px;padding-right:10px; margin-left:1px;margin-right:1px;}
.navitabactive { border:#cccccc 1px solid;padding-left:5px;padding-right:5px; margin-left:1px;margin-right:1px;background-color:#3b3c3e;}

a.navilink:link {  color:#FFFFFF; text-decoration:none; }
a.navilink:visited {  color:#FFFFFF; text-decoration:none; }
a.navilink:focus {  color:#FFFFFF; text-decoration:none; outline: none;  }
a.navilink:hover { color:#FFFFFF; text-decoration:none; }
a.navilink:active { color:#FFFFFF; text-decoration:none; }


 /* newsarchiv.inc Ende */


.fuss1{
width:50%;
float:left;	
}

.fuss2{
padding-left:10px;
}

.fuss3{
width:49%;
text-align:right;
float:right;	
}

.fuss4{
margin-right:180px;
line-height:32px;
vertical-align:middle;	
}