@font-face {
    font-family: headerFont;
    src: url(../fonts/dirt.ttf);
}

html 
{ 
	background-color: black;
    /* The background image */
    background-image: url("../images/background.jpg");
    /* Set a specified height, or the minimum height for the background image */
    min-height: 500px;
    /* Set background image to fixed (don't scroll along with the page) */
    background-attachment: fixed;
    /* Center the background image */
    background-position: center;
    /* Set the background image to no repeat */
    background-repeat: no-repeat;
    /* Scale the background image to be as large as possible */
    background-size: cover;  

    font-family: Verdana, Geneva, sans-serif;  

}

body
{
	width:1200px;
	margin: 0 auto;
}

h2
{
	font-family:headerFont;
	font-size:48px;
	text-transform: uppercase;
}


#language
{
	background-color:yellow;
	right:0;
}

#edition
{
	position:absolute;
	color: yellow;
	font-family:headerFont;
	font-size: 50px;
	margin-top: -40px;
	margin-left:320px;
    -webkit-text-stroke: 1px black;
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
}

.flag
{
	opacity:0.5;
}

.flag_selected
{
	opacity:1;
}

#language img
{
	float:right;
	height:30px;
	padding:5px;
	margin-bottom:-30px;
	cursor:pointer;
}

#language img:hover
{
	opacity:1;
}

#footer
{
	position: absolute;
	left:0;
	color:white;
	background-color:rgba(30,30,35,0.95);
	box-shadow: 0px -10px 5px rgba(40,40,40,0.5);
}

#footer_text
{
	margin: 0 auto;
	width:1200px;
	padding:20px;
	color:grey;
}

#footerTable
{
	width:100%;
}

#navTable tr td a
{
	color: white;
	text-decoration: none;
	cursor: pointer;
}

#navTable tr td a:hover
{
	color: lightGrey;
}


#headerTable
{
	width: 100%;
}

#navTable
{
	color:white;
	font-family:headerFont;
	font-size:52px;
	text-align:center;
	width:100%;
	padding:20px;
}

#banner
{
	/*width: 2000px;*/
	position: absolute;
	left:0;
}

#content
{
	text-align: center;
	font-size: 20px;
	color: white;
	/*margin-top:650px;*/
}

#contentWithoutHeader
{
	text-align: center;
	font-size: 20px;
	color: white;
	margin-top:50px;
}

#nextCamp
{
	font-size:30px;
	padding: 20px 0px;
	border-top: grey solid 1px;
	border-bottom: grey solid 1px;
}

#nextCampDate
{
	font-family: Impact, Charcoal, sans-serif;  
	padding: 30px 0px;
	font-size:100px;
	color:red;
	font-family:headerFont;
}

#registrationLimit
{
	font-size:20px;
}

#firstPageTable tr td
{
	width:50%;
}

.firstPageTdLeft
{
	text-align: right;
}

.firstPageTdRight
{
	text-align: left;
	padding: 50px;
}

.firstPageTdLeft img, .firstPageTdRight img
{
	height:300px;
}

#infoTable
{
	width:100%;
}

#infoTable
{
	width:100%;
}

.informationQuestion
{
	width:30%;
	text-align: right;
	font-family:headerFont;
	font-size:56px;
	vertical-align:text-bottom;
}

.informationResponse
{
	width:70%;
	text-align: left;
	font-size:24px;
	color:lightgrey;
	vertical-align:text-bottom;
}

.informationResponse a
{
	color: white;
}


.preaseasonTdLeft
{
	width:40%;
	text-align: right;
	font-family:headerFont;
	font-size: 30px;
}

.preaseasonTdRight
{	
	width:60%;
	text-align: left;
	font-size: 20px;
}

.preaseasonTdRight input
{	
	/*height: 25px;*/
	line-height:1.5em;
	font-size: 16px;
}

.preaseasonTdRight select
{	
	height: 25px;
}

.numberContour
{
	border: 3px solid grey;
	width:80px;
	margin: 0 auto;
	font-size:60px;
	border-radius:40px;
	color:grey;
}

.numberContourActive
{
	border: 3px solid white;
	width:80px;
	margin: 0 auto;
	font-size:60px;
	border-radius:40px;
	color:white;
}

.numberTextActive
{
	color:white;
}


#registerStepsDiv
{
	padding-bottom:30px;
}

#registerStepsTable
{
	color:grey;
	width:90%;
	margin: 0 auto;
	border: 1px solid grey;
	background-color:rgba(0,0,0,0.5);
	padding: 15px;
}

#registerStepsTable tr td a
{
	text-decoration: none;
}

#registration_step2_content
{
	font-family:headerFont;
	font-size: 36px;
}

#registration_step3_content
{
	font-family:headerFont;
	font-size: 36px;
}

#submitButton
{
	background-color:black;
	color:white;
	border: white solid 1px;
	font-size: 40px;
	border-radius:10px;
	padding: 10px 20px;
	cursor:pointer;
}

#gallery_year a
{
	font-size:26px;
	color: white;
	text-decoration: none;
	cursor:pointer;
}


.choiceButton
{
	background-color:black;
	color:white;
	border: white solid 1px;
	font-size: 32px;
	border-radius:10px;
	padding: 10px 20px;
	cursor:pointer;
}