body { margin: 0; padding: 0; font-size: 75%; line-height: 1.9;
	font-family: tahoma,verdana,arial,helvetica,sans-serif; 
	background-color: black; background-position: top center; background-repeat: no-repeat; }    
	
#wrapper { position: relative; width: 1012px; margin: 55px auto 72px auto; 	padding: 150px 10px 30px 10px; z-index: 1;  }

#wrapper #title { position: absolute; top: 0; left: 4px; height: 150px; width: 800px; }  
#wrapper #title h1 { height: 150px; width: 800px; text-indent: -10000px; display: block;
    background: url('/images/bikezermatt/titel_8.png') no-repeat; }  
#wrapper #title h1 a { height: 150px; width: 800px; text-indent: -10000px; display: block; }  
#wrapper #title h2 { text-indent: -10000px; }	
#wrapper #smokey { background: url('/images/bikezermatt/smoke.png'); z-index: 1; }

#image { position: absolute; z-index: 1; right: 10px; top: 150px; } 
#image img { z-index: 1; }  

#container { position: relative; margin: 0 -10px; background: url('/images/bikezermatt/red_bars_24.png') repeat-y; z-index: 10; 
  min-height: 642px;}     

#content { float: right; position: relative; overflow: hidden;  margin: 0; padding: 87px 0 0 0; width: 900px; 
  color: white; font-size: 0.91667em; z-index: 10; }  
#content #main { position: relative;  width: 448px; z-index: 10; padding-top: 18px; }
#content #main ul, #content #info ul { list-style: none; margin: 0 0 1.5em 0; padding-left: 0; }
#content #main li, #content #info li { margin-left: 0; padding-left: 16px; background: url('/images/bikezermatt/arrow.png') 0 6px no-repeat; }
#content #main table { border-collapse: collapse;}
#content #main table td { min-width: 8em; vertical-align: top; }

#content a { text-decoration: underline; }


#content #info { position: relative;  width: 160px; z-index: 10; padding-top: 18px; padding-bottom: 160px;}  
#content #info img { margin: 0px -3px; }  
#content #info table { border-collapse: collapse; width: 210px; }
#content #info table td { min-width: 9em; vertical-align: top; padding: 0 6px 0 0; }
     
#content #intro {  position: relative;  width: 448px; z-index: 10; float: left; margin: 340px 0 48px 132px; }

.left #content #main { float: left; margin: 0 0 48px 132px;}  
.left #content #info { float: right; margin: 0 80px 48px 0; width: 200px; }
.left #content #main img { margin: 0 0 0 -18px; }  
.left #content #info img { margin: 0 0 0 -24px; }   

.full #content #main { float: left; margin: 0 0 48px 132px; width: 720px; }  

.freeride.left #content #main img { margin: 0 0 0 -64px; }  
.freeride.left #content #info img { margin: 0 0 0 -30px; }  

.allmountain.left #content #main img { margin: 0 0 0 -48px; }  
.allmountain.left #content #info img { margin: 0 0 0 -30px; } 

.news #content #main { float: left; margin: 0 0 48px 132px;}  
.news #content #info { float: right; margin: 0 90px 48px 0; }
.news #content #info img { margin: 9px 0px; }

.right #content #main { float: right; margin: 0 90px 48px 0; }
.right #content #info { float: left; margin: 0 0 48px 132px; }

/* Section specific styles */

#date { font-weight: bold; position: absolute; font-size: 14px;}
.camps #date { left: 218px; top: 418px; }  
.camps #content #intro {  margin: 380px 0 48px 132px;}  
.camps #content #intro h3 {  margin-right: -180px; }  


.news h1, .news h2, .news h3, .news h4 { color: #c61a20; }
.camps h1, .camps h2, .camps h3, .camps h4 { color: #f18d1d; }
.events h1, .events h2, .events h3, .events h4 { color: #a9c620; }  
.races h1, .races h2, .races h3, .races h4 { color: #a9c620; }   

.camps table th { font-weight: normal; color: #f18d1d; padding-top: 1em; }


#footer { height: 0; clear: both; margin: 0 0 2px 0;}       
 
#navigation { position: relative; float: left; width: 128px; margin:0; padding:0; z-index: 100; min-height:725px;
  height:auto !important; height:715px; }   
#navigation li a { color: white; }
#navigation li a.active, #navigation a:hover { color: black; text-decoration: none;}
#navigation li a.active { font-weight: bold;} 
 
ul#navi_1 { list-style: none; position: absolute; left: 18px; top: 220px; margin: 0; padding: 0; width: 180px;}
#navi_1 li { color: white; font-size: 1em; padding: 0 0; margin: 0 0 4px 0; }     
	
#navi_2 { list-style-type: none; margin: 4px 0 18px 0; padding:0;}
#navi_2 li { color: #c0c92e; font-size: 1em; padding: 0 0; margin: 0 0 4px 8px; }  



ul#navi_3 { width: 700px; position: absolute; left: 194px; top: -210px; list-style: none; z-index: 100; } 
#navi_3 li {	 position:relative; float:left; margin: 0 0 0 0; padding: 0; background-image: none; }
#navi_3 li a { display: block; float: left; color: red; padding: 0 22px 0 12px; height: 22px; line-height: 20px; background-repeat: no-repeat; }
#navi_3 li a.active, #navi_3 a:hover { text-decoration: none; font-weight: normal; color: white; }

.camps ul#navi_3 li a { color: #f18d1d;}
.camps ul#navi_3 li a.active { color: white; background-repeat: no-repeat; font-weight: bold; }
.camps ul#navi_3 li#nav_impressionen a { padding-right: 42px;}
.camps ul#navi_3 a:hover { color: white; }

/* Ladies Nav */
.ladies ul#navi_3 li#nav_programm a.active { background-image: url('/images/bikezermatt/ladies_90.png') }
.ladies ul#navi_3 li#nav_leistungsangebot a.active { background-image: url('/images/bikezermatt/ladies_140.png') }
.ladies ul#navi_3 li#nav_agenda a.active { background-image: url('/images/bikezermatt/ladies_70.png') }
.ladies ul#navi_3 li#nav_coaches a.active { background-image: url('/images/bikezermatt/ladies_90.png') }
.ladies ul#navi_3 li#nav_anmeldung a.active { background-image: url('/images/bikezermatt/ladies_90.png') }
.ladies ul#navi_3 li#nav_impressionen a.active { background-image: url('/images/bikezermatt/ladies_140.png') }

.ladies ul#navi_4 li a { color: white; padding: 0 0px 0 8px; width: 132px; background-image: url('/images/bikezermatt/ladies_160.png'); }
.ladies li#nav_coaches ul#navi_4 li a.active,
.ladies li#nav_programm ul#navi_4 li a.active { color: black; padding: 0 0 0 8px; font-weight: bold; 
  background-image: url('/images/bikezermatt/ladies_160.png'); }  
.ladies #nav_impressionen ul#navi_4 li a { background-image: url('/images/bikezermatt/ladies_90.png'); }      
.ladies #nav_impressionen ul#navi_4 li a.active { background-image: url('/images/bikezermatt/ladies_90.png'); }
  
/* Junior Nav */  
.junior ul#navi_3 li#nav_programm a.active { background-image: url('/images/bikezermatt/junior_90.png') }
.junior ul#navi_3 li#nav_leistungsangebot a.active { background-image: url('/images/bikezermatt/junior_140.png') }
.junior ul#navi_3 li#nav_whazzup a.active { background-image: url('/images/bikezermatt/junior_90.png') }
.junior ul#navi_3 li#nav_coaches a.active { background-image: url('/images/bikezermatt/junior_70.png') }
.junior ul#navi_3 li#nav_anmeldung a.active { background-image: url('/images/bikezermatt/junior_90.png') }
.junior ul#navi_3 li#nav_impressionen a.active { background-image: url('/images/bikezermatt/junior_120.png') }

.junior ul#navi_4 li a { color: white; padding: 0 0px 0 8px; width: 132px; background-image: url('/images/bikezermatt/junior_140.png'); }
.junior li#nav_coaches ul#navi_4 li a.active,
.junior li#nav_programm ul#navi_4 li a.active { color: black; padding: 0 0 0 8px; font-weight: bold; 
  background-image: url('/images/bikezermatt/junior_140.png'); }
  
.junior ul#navi_4 linav_whazzup a { color: white; padding: 0 0px 0 8px; width: 132px; background-image: url('/images/bikezermatt/junior_90.png'); }
.junior li#nav_coaches ul#navi_4 linav_whazzup a.active,
.junior li#nav_programm ul#navi_4 linav_whazzup a.active { color: black; padding: 0 0 0 8px; font-weight: bold; 
  background-image: url('/images/bikezermatt/junior_90.png'); }
  
/* Technik Nav */  
.technik ul#navi_3 li#nav_programm a.active { background-image: url('/images/bikezermatt/technik_90.png') }
.technik ul#navi_3 li#nav_leistungsangebot a.active { background-image: url('/images/bikezermatt/technik_140.png') }
.technik ul#navi_3 li#nav_agenda a.active { background-image: url('/images/bikezermatt/technik_70.png') }
.technik ul#navi_3 li#nav_coaches a.active { background-image: url('/images/bikezermatt/technik_70.png') }
.technik ul#navi_3 li#nav_anmeldung a.active { background-image: url('/images/bikezermatt/technik_90.png') }
.technik ul#navi_3 li#nav_impressionen a.active { background-image: url('/images/bikezermatt/technik_140.png') }

.technik ul#navi_4 li a { color: white; padding: 0 0px 0 8px; width: 132px; background-image: url('/images/bikezermatt/technik_140.png'); }
.technik li#nav_coaches ul#navi_4 li a.active,
.technik li#nav_programm ul#navi_4 li a.active { color: black; padding: 0 0 0 8px; font-weight: bold; 
  background-image: url('/images/bikezermatt/technik_140.png'); }

/* Allmountain Nav */  
.allmountain ul#navi_3 li#nav_programm a.active { background-image: url('/images/bikezermatt/allmountain_90.png') }
.allmountain ul#navi_3 li#nav_leistungsangebot a.active { background-image: url('/images/bikezermatt/allmountain_140.png') }
.allmountain ul#navi_3 li#nav_agenda a.active { background-image: url('/images/bikezermatt/allmountain_70.png') }
.allmountain ul#navi_3 li#nav_coaches a.active { background-image: url('/images/bikezermatt/allmountain_70.png') }
.allmountain ul#navi_3 li#nav_anmeldung a.active { background-image: url('/images/bikezermatt/allmountain_90.png') }
.allmountain ul#navi_3 li#nav_impressionen a.active { background-image: url('/images/bikezermatt/allmountain_120.png') }

.allmountain ul#navi_4 li a { color: white; padding: 0 0px 0 8px; width: 132px; background-image: url('/images/bikezermatt/allmountain_140.png'); }
.allmountain li#nav_coaches ul#navi_4 li a.active,
.allmountain li#nav_programm ul#navi_4 li a.active { color: black; padding: 0 0 0 8px; font-weight: bold; 
  background-image: url('/images/bikezermatt/allmountain_140.png'); }
  
/* freeride Nav */  
.freeride ul#navi_3 li a { padding: 0 18px 0 18px; }

.freeride ul#navi_3 li#nav_programm a.active { background-image: url('/images/bikezermatt/freeride_90.png'); padding-right: 24px; }
.freeride ul#navi_3 li#nav_leistungsangebot a.active { background-image: url('/images/bikezermatt/freeride_140.png') }
.freeride ul#navi_3 li#nav_agenda a.active { background-image: url('/images/bikezermatt/freeride_70.png') }
.freeride ul#navi_3 li#nav_coaches a.active { background-image: url('/images/bikezermatt/freeride_70.png') }
.freeride ul#navi_3 li#nav_anmeldung a.active { background-image: url('/images/bikezermatt/freeride_90.png') }
.freeride ul#navi_3 li#nav_impressionen a.active { background-image: url('/images/bikezermatt/freeride_140.png'); padding: 0 30px 0 30px; }

.freeride ul#navi_4 li a { color: white; padding: 0 0px 0 28px; margin-left: -12px; width: 172px; background-image: url('/images/bikezermatt/freeride_180.png'); background-position: 0 0;}
.freeride li#nav_coaches ul#navi_4 li a.active,
.freeride li#nav_programm ul#navi_4 li a.active { color: black; padding: 0 0px 0 28px; margin-left: -12px; font-weight: bold; 
  background-image: url('/images/bikezermatt/freeride_180.png'); }
  
  
/* Special rules for Parks and Races 
.races #navi_3 { list-style-type: none; margin: 4px 0 4px 0; padding:0; position: static; color: white; width: 120px; }
.races #navi_3 li { position: static; color: #c0c92e; font-size: 1em;  display: block; float: none; margin: 0 0 4px 0}  
.races #navi_3 li a { color: #fff; font-size: 1em;  float: none; display: inline; }   
.races #navi_3 li a.active  { text-decoration: none; font-weight: bold; color: black; }  
.races #navi_3 a:hover { text-decoration: none; font-weight: normal; color: black; }   */  

.races ul#navi_3 { width: 700px; position: absolute; left: 194px; top: -210px; list-style: none; z-index: 100; } 
.races #navi_3 li {	 position:relative; float:left; margin: 0 0 0 0; padding: 0; background-image: none; }
.races #navi_3 li a { display: block; float: left; color: red; padding: 0 22px 0 12px; height: 20px; line-height: 20px;}
.races #navi_3 li a.active, .races #navi_3 a:hover { text-decoration: none; font-weight: normal; color: white; }

.races ul#navi_4 {	position: absolute; left: -36px;	top: 24px;	list-style: none;	z-index: 100;	width: 780px; }
.races ul#navi_4 li {	position: relative;	display: block;	float: left;	font-size: 11px; width: auto; 
  margin: 0 0;	padding: 0 0 0 20px;	height: 18px;	line-height: 18px;	text-align: left;  background: url('/images/bikezermatt/nav_slash.png') 5px 4px no-repeat;} 
.races ul#navi_4 li a { color: white; width: auto; margin: 0;}  
.races ul#navi_4 li a:hover, .races ul#navi_5 li a.active { color: red; } 
.races ul#navi_4 li a { color: white; width: auto;  margin: 0; padding: 0;}  
.races ul#navi_4 li a.active, .races.sm.gallery  ul#navi_5 li a:hover  { color: red; }  


ul#navi_4 {	position: absolute; left: -36px;	top: 24px;	list-style: none;	z-index: 100;	width: 280px; }
ul#navi_4 li {	position: relative;	display: block;	float: none;	font-size: 11px;  
  margin: 0 0;	padding: 0 8px 0 10px;	height: 22px;	line-height:  22px;	text-align: left;
	padding-bottom: 2px; }


/*-- Logos --*/
h1#zermatt { height: 1px; margin: 0 0 0 -1px; }
h1#zermatt a{ position: absolute; top: 18px; right: 89px;  z-index: 1000; }
a#matterhorn_logo { position: absolute; top: -1px; left: 18px; z-index: 1000; }

#camp_logo { position: absolute; bottom: 32px; right: 90px; }
#camp_logo .date { position: absolute; top: 130px; right: 8px; font-size: 11px; font-weight: bold; color:white;}

a { text-decoration: none; color: white; }     
a:hover { text-decoration: underline; color: white; } 

table { border-collapse: collapse; }
table th { text-align: left; } 

h1,h2,h3,h4,h5,h6 { font-family: tahoma,verdana,arial,helvetica,sans-serif; color: #ee0000; }

h1 { font-weight: bold; text-transform: uppercase; font-weight: normal;	font-size: 1.3333em;	margin: 0 0 1.5em 0; }
h2 { font-weight: bold;	font-size: 1.3333em; margin: 0 0 1.5em 0; }
h3 { font-weight: bold;	font-size: 1.3333em; margin: 0 0 0 0; line-height: 1.4;}
h4 { font-weight: bold; font-size: 1.0833em;	margin: 0 0 0 0; }
h5 { font-weight: normal;	font-size: 1em;	margin: 0 0 0 0;	color: white; }

a { outline: none; -moz-outline: none; }
a img {  border: none; }

p { margin: 0 0 1.5em 0; }

a#creation { position: absolute; left: 6px; bottom: -24px; z-index: 100; color: #777; font-size: 11px; }

#form { width: 377px;  padding: 50px 40px; margin: -20px -10px; }/* height: 447px;*/
#form h3 { margin: 8px 0; }
#form input.text { border: 1px solid #333; padding: 2px; }
#form select { width: 12em; }
#form td { padding: 2px 0 3px 0; position: relative; }
#form .checkbox { text-align: right; padding-right: 0.5em; position: relative;}
#form .checkbox .error { }
#form { background-repeat: none;}
label.error { color: black; display: block; }  

.gallery #content #main { width: 610px; height: 300px; margin: 200px 0 0 180px;  }
.gallery #content #scroller { height: 300px; width: 578px;  overflow: auto; }   
.gallery #content #main ul { list-style: none; margin: 0; padding: 0; margin: 0 -8px 0 0; }           
.gallery #content #main ul li { float: left; margin: 0 8px 8px 0; padding: 0; width: 135px; height: 90px; background: #555; text-align: center; overflow: hidden; } 


.freefall.gallery #content #main { width: 610px; height: 286px; margin: 150px 0 0 140px; } 

 
.sm.gallery #content #main { width: 610px; margin: 210px 0 0 200px; }  
.sm.gallery #content #scroller { height: 284px; color: black; }  
.sm.gallery #content #text_scroller { height: 284px; color: black; width: 590px; }   
.sm.gallery #content #text_scroller table th { vertical-align: top; }  
.sm.gallery #content #text_scroller table td { width: auto; min-width: 2em; padding-right: 4px; vertical-align: top; }

.gallery #content #text_scroller { height: 270px; width: 480px; overflow: auto; }   
  
    

table { font-size: 1em; }
.freefall h2 { margin: 0 0 0 0; }         

ul#impressionen { list-style: none; margin: 0; padding: 0; } 
#main #impressionen li { float: left; margin: 0 19px 19px 0; background: none; padding: 0; width: 120px; height: 90px; background: #222; text-align: center; 
  overflow: hidden; }      


#main table td.time { width: 8em; } 
#info table td { width: 9em; } 

/* li#navi_1_events ul#navi_2 { height: 0; margin: 0; padding: 0; }
li#navi_1_events ul li a { display: none; }
li#navi_1_events ul ul#navi_3 li a { display: none; }
li#navi_1_events ul ul#navi_3 ul#navi_4 li a { display: block; } */


.sm_2010 h2 { color: #adc600; } .sm_2010 h3, .sm_2010 h4, .sm_2010 h5 { color: #c3112b; }
.sm_2010 p { color: #fff; }
.sm_2010 #navi_3 li a { color: white; padding-right: 16px; }
.sm_2010 #navi_3 li a:hover { color: red; }
.sm_2010 #navi_3 li a.active { color: red; }

.sm_2010 a { color: red; }
.sm_2010 form { margin-left: -30px; margin-top: -0px; padding-left: 0; }

.em_2011 h2, .em_2011 h2 { color: red; }
.em_2011 h3, .em_2011 h3 { color: red; }
.em_2011 h4, .em_2011 h4 { color: red; }
.em_2011 #navi_3 li a:hover { color: red; }
.em_2011 #navi_3 li a.active { color: red; }


th p { margin: 0; }
.sm_2010 #camp_logo { position: absolute; bottom: 12px; right: 48px; }
.em_2011 #camp_logo { position: absolute; bottom: 12px; right: 30px; }

.sm_2010 table { margin: 0 0 1.5em 0; }
.sm_2010 #nav_anmeldung ul#navi_4 { width: 480px; }

form .error { color: red; }