a{
    text-decoration:none;
    color:#2211ff;
	}
   
    a:hover {
    text-decoration:none;
     color:#2211ff;
    }
    
    
.center {
    margin: auto;
    position: relative;
    vertical-align: middle;
    width: auto;
    }

 
@font-face {
    font-family: 'BebasNeueRegular';
    src: url('/font/bebasneue-webfont.eot');
    src: url('/font/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('/font/bebasneue-webfont.woff') format('woff'),
         url('/font/bebasneue-webfont.ttf') format('truetype'),
         url('/font/bebasneue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/*BODY*/
body{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
    font-style: normal;
    padding:5px;
    color:black;
    width:100%;
    }
    
/*CONTAINER*/
    #container{
    	width:1200px;
        margin:0 auto;
        margin-top: 100px;
       
    }
    
  
    
/*INDEX*/
    #bg_index
    {
    width:1200px;
    
    position:absolute;
	margin: 0px 0 0 0px;

    }
    
    .index{
    	white-space: pre;
    	margin-left:630px;
    	margin-top:60px;
    	position:absolute;
    	font-family:Times;
    	font-size:16px;
    	
    }
    
/*VIDEO*/
 .videoplayer{ 

 margin:0px 0 0 0px;
 
 


}

/*Racemap now*/
.racemapnow{
	font-size:100px;
	margin-top:80px;
		margin-bottom:20px;


	
}

.racemapnowBig{
	font-size:100px;
font-family: 'BebasNeueRegular',Arial,sans-serif;
	margin-top:40px;
		margin-bottom:20px;
		background-color:yellow;

padding-left: 7px;
	
}
.racemapnowSmall{
	font-size:20px;
	


	
}
    
/*PROGRAMM*/
.programm{margin: 0 0 0 420px;
margin-top:80px;
margin-bottom:80px;
width:770px;
font-size:14px;

}

.tage
{
border-bottom:1px solid black;
font-weight:bold;

}

.space
{


}
/*PHOTOS*/
#photos_patience{
	font-size:50px;
	color:red;
}

.photo_fotografen{
	margin-left: 100px;
	margin-top:50px;
	
}
/*Apercu*/
.apercu{
white-space: pre;
	margin:30px 0px 0px 100px;
	font-size:14px;}
	
	
/*SPONSOREN*/
#test{
	font-size:30px;
	}
	
	
.sponsoren{
	white-space: pre;
	margin-top:30px;
	margin-left:100px;
	font-size:14px;
	}
	
   h1.headline{
   	font-size:24px;
   	margin-bottom:-10px;
   }
   
 .formular_text{
	font-size:12px;
 }
 
 .formular_fehler{
	font-size:12px;
	color:red;
 }
 
 .fr{
	color:#444446;
	font-style:italic;
	
	
 }


.feld{
	text-align : right;
	position:relative;}
	

	
	.neue_sponsoren {
			
				
			width:1000px;
			height:150px;
		white-space: normal;
			 
}

	.neue_sponsoren a{
			text-decoration: none;
			display:inline;		
            margin-right:15px;
			 
}



/*RACE*/
.race_content	{
			
}
.race_h2{
	margin-bottom:5px;}
	
	.race_img{
		float:left;
margin-right:10px;
margin-bottom:10px;

	}
	

	
/*MEDIA*/

.media{
	white-space: pre;
	margin:20px 0px 0px 100px;
	font-size:14px;
	}	
	
	
	/*PRESSE*/

.presse{
	white-space: pre;
	margin:20px 0px 0px 100px;
	font-size:14px;
	}
	
	/*VOLUNTEER*/

.volunteer{
	white-space: pre;
	margin:20px 0px 0px 100px;
	font-size:14px;
	}
/*UEBER UNS*/
	
.ueberuns{
	white-space: pre;
	margin:20px 0px 0px 100px;
	font-size:14px;
	}
	
 /*STRICH*/ 
#strich{
	width:100%; 
	height:2px; 
	background-color:black;
	margin-top:10px;
	margin-bottom:10px;
	clear:both;
	}


/*INSCRIPTION*/
#countdown{
	margin-left:400px;
	margin-top:200px;
	position:absolute;
	font-size:20px;
	color:blue;
	visibility:hidden;
}
.gameOver{
	font-size:40px;
	font-weight:bold;
}

#registration{
margin-top:50px;
margin-left:100px;
height:400px;
width:200px;


}

.registration_text{
	margin-top:50px;
	margin-left:420px;
	white-space: pre;
	font-size:14px;



}

.counter_ausgabe{
	color:blue;
	font-size:100px;
	margin-left:-390px;
	margin-top:-445px;
	position:absolute;
	z-index:1;
	font-family: 'BebasNeueRegular';
	-webkit-transform: rotate(-10deg); 
	-moz-transform: rotate(-10deg);

}

.reg_tabele{
margin-top:-400px;
margin-left:420px;
position:relative;

}
.reg_tabele_yeah{
margin-top:50px;
margin-left:420px;
position:relative;
}
.tbl_inscription{
	margin-bottom:40px;
}
.reg_danke{
width:300px;
white-space: pre;
}


.error{
	color:red;
}
/*RANKING*/
.merci{
	width:100%;
	margin-top:50px;
	float:left;
	margin-left:50px;
	margin-bottom:50px;
}
.wait{
	font-size:120px;
	background-color:yellow;
}

.ranking{
	
margin-top:80px;
margin-bottom:80px;
width:900px;
font-size:14px;
margin-left:50px;


}

.ranking_tabele{
margin-left:50px;
//height:500px;
float: left;
margin-top:50px;

}

.tabele_content{
	margin-top:50px;
	margin-bottom:50px;
	font-size:11px;
	line-height: 1.5;

}





.tabele_name{
	
	margin-top:0px;
	margin-bottom:-40px;
	font-size:20px;
	background-color:yellow;
	
}

.download{
	clear: left;
	margin-left:100px;
	margin-bottom:50px;

}


/*RACEMAP*/
.racemap{
		margin-left:100px;

}	
/*BIEL/BIENNE*/
.bienne_font{
	font-size:100px;
	position:relative;
	margin-bottom:100px;
	//margin-top:-500px;
	//margin-left:300px;
}
.bienne_font_klein{
	font-size:14px;
}
.bienne_artikel{
	margin-left:300px;
	//white-space: pre;
	margin-top:-500px;
	margin-bottom:100px;
}

a.bienne_fast {
	font-size:40px;
	position:relative;
	color:yellow;
	text-decoration: none;
	background-color:black;
	padding:2px;
	
	top:-270px;
	
	margin-left:300px;
	
}

a.bienne_fast:hover {

	position:relative;
	color:white;
	text-decoration: none;
	
}

.bienne_pix{
	position:relative;


}

/*LOGO*/
.logo{
	position:relative;
	top:42px;
	margin-left:0px;
	margin-top:-28px;
	float:left;}
	
	
/*NAVIGATION*/

#logo_font li{display:inline;}
#logo_font{
	font-size:18px;
	font-family: 'BebasNeueRegular',Arial,sans-serif;
	line-height:18px;
	margin-left:55px; 
	
}

#logo_font:first-line
	{
	font-size:20px;
	}

#logo_font a{
	font-size:18px;
	padding:3px;
	text-decoration: none; 
	color:black;
	 }

#logo_font a:hover
	{
		color:#2211ff;
	}

#logo_font #aktiv a
	{
	color:#2211ff;
	}


#logo_font a:link[name="menu"]
	{
		
	margin-left:60px;
	
	}
	
	#logo_font li a:link[name="submenu"] {
text-decoration:none;
color:black;
font-size:12px;
color:black;

}
	#logo_font li a:link[name="sponsoren"] {


}



/*FOOTER*/
#footer{
	margin-left:-37px;
	margin-top:-10px;
	background-color:white;
	height:200px;
	
}

.beschriftung{
	font-family: 'BebasNeueRegular',Arial,sans-serif;
	float:left;
	  margin-top:5px;
    margin-left:38px;
    width:50px;
    height:50px;
    padding-top:5px;
    
}

.beschriftung_support{
	font-family: 'BebasNeueRegular',Arial,sans-serif;
	float:left;
	  margin-top:5px;
    margin-left:38px;
    width:50px;
    height:50px;
    margin-top:1px;
}
#footer_right{
	font-family: 'BebasNeueRegular',Arial,sans-serif;
	font-size:12px;

	position:relative;
	float:left;
    margin-top:5px;
    margin-left:20px;
	height:120px;
        width:300px;

}
#footer_right a{
	font-size:12px;
	margin-left:5px;
	text-decoration: none;
	color:black;
		margin-left:20px;
}
#footer_right a:hover{
color:blue;
}


#footer_sponsoren{
	font-family: 'BebasNeueRegular',Arial,sans-serif;
	font-size:12px;
	margin-top:5px;
	position:relative;
	float:left;
	width:820px;
	height:100px;
	margin-left:5px;
	

	
	
	
}
#footer_sponsoren a{
	font-size:12px;
	margin-left:5px;
	
	text-decoration: none;
	color:black;
	position:relative;

}




#footer_supporter{
	font-family: 'BebasNeueRegular',Arial,sans-serif;
	font-size:12px;
	width:780px;
	
	
	
	
}
#footer_supporter a{
	font-size:12px;

	text-decoration: none;
	color:black;
		margin-left:5px;

}

.center {
    margin: auto;
    
    vertical-align: middle;
    
    width: auto;
    }



/*GALLERY*/


.bild li { 

    float:left;
    margin:0 20px 20px 0;
    list-style-type:none;
   
    	padding-top:8px;
     }
     




.bild span  {
     display:block;
    text-align:center;
    font-size:10px;
}




.bild li:hover{
   
  
background-color:yellow;


}


  .galerie_box{
  	width:1000px; 
  	
  	clear:both;
  	margin-left:60px;
  	margin-top:8px;
  	position:relative;
  	//padding:30px 0 0 0;
  	}
  	
  	.gallery_beschriftung{
  		background-color:yellow;
  		width:200px;
  	}

/*TOOLTIP*/
.tooltip {
	display:none;
	background:transparent url(/img/tooltip.png);
	background-repeat:no-repeat;
	font-size:10px;
	
	height:100px;
	width:250px;
	padding:20px 20px 60px 20px;
	margin-bottom:900px;
	color:white;	
} 
a#tp{color:yellow;
	
}

@media only screen and (min-device-width: 320px) and (max-device-width: 1280px) {
	body{width:1280px;}
    img{
        max-width:100%;
        height:auto;
}

	/* Hier der CSS Code für Smartphones wie z.B. iPhone, Android, WebOS, Windows Phone 7 Geräte o.Ä. */
}