@font-face {
 font-family: 'Helvetica';
 src:  url('/fonts/HelveticaNeueLTCom-Th.ttf') format('truetype');
}


html, body {margin:0;padding:0}
* { 
	font-family: 'Helvetica', Futura, "Trebuchet MS", Arial, sans-serif;	
	color:#eee;
	font-size: 100%; 
	
}



html { 
	/*background: url(/images/bg2.jpg) no-repeat center top fixed; 
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100%;*/
	background-color:#333;
	
	
}

body {  color:#444; font-size:20px; }



.banners {
	
	-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */
-khtml-border-radius: 10px; /* for old Konqueror browsers */
	


}



.bigtitle {
	color:#eee;
	font-size:100px;
		
}

.heading {
	color:#eee;
	font-size:50px;
}

.heading2 {
	color:#eee;
	font-size:30px;
}

.themenu {
	/*
	background-color:#f58520;	
	-moz-border-radius-bottomright: 50px 25px;
	border-bottom-right-radius: 50px 25px;
	-moz-border-radius-bottomleft: 50px 25px;
	border-bottom-left-radius: 50px 25px;
	*/
	height:70px;
	text-align:center;
}

.menuitem, .menuitem_on {
	color:#FFF;
	width:15%;
	text-align:center;
	font-size:20px;
	padding-top:10px;
	padding-bottom:10px;
	cursor:pointer;
	display:inline-block;
	margin:5px;

	
}

.menuitem_on, .menuitem:hover {
	background-color:#f58520;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
}

#full-size {
    height:100%;
    width:100%;
    position:absolute;
    top:0;
    left:0;
    overflow:hidden;
	
}
#wrapper {
    /*You can add padding and margins here.*/
    padding:0;
    margin:0;
	border: 1px solid red;
}

.menu,.info {
	font-size:2em;
	font-weight:100px;
}

.menu {
	padding-bottom: 5%;	
}

a {
	text-decoration:none;
	font-size:1em;
	font-weight:100px;
}
		
a:hover {
	opacity:1;	
}
.maincontent {
	width:80%;
	border:30px solid #555;
	padding:20px;
	background:#222;
	margin-bottom: 1%;
	
	
}

input, select, textarea{ 
	color:#333;	
	padding:10px;
}

option {
	color:#333;	
}

.thebutton {
	background-color: #a01f62;
	border:2px solid #e6aa3c; 
	color:#fff;
	font-weight:bold;	
	margin:20px;
	text-align:center;
	padding-top:40px;
	padding-bottom:40px;
	cursor:pointer;
}

.thebutton:hover, .thebutton:active, .thebutton_on {
	background-color:#e6aa3c;	
	color:black;
}



.logocontainer,.menucontainer {
	
	width:50%;
	float:left;
}

.logocontainer2 {
	
	width:30%;
	float:left;
}

.menucontainer2 {
	
	width:70%;
	float:left;
}

input[type='checkbox'] {
   transform: scale(2) !important;
}
input[type='checkbox']:checked {
    background-color:limegreen;
}


@media screen and (max-width: 600px) {
	body {font-size:18px; }
	.heading {font-size:20px;}	
	.bigtitle {font-size:20px;}
	.menuitem, .menuitem_on { font-size:12px;}
	.maincontent {width:100%; padding:0px; border:5px solid #555;}
	.formtable {text-align: center; width:100%; font-size:20px;}
	.formfield {width:90%; font-size:30px;}
	.thebutton {font-size:16px; padding-top:10px; padding-bottom:10px; margin:4px;}	
	.logocontainer,.menucontainer { width:100%;  }
	.menucontainer2 { padding-top:20px;}
	.chequename {width:90%}
	
}

@media screen and (min-width: 600px) {
	body {font-size:18px; }
	.heading {font-size:22px;}	
	.bigtitle {font-size:40px;}
	.menuitem, .menuitem_on { font-size:14px;}
	.maincontent {width:100%; padding:0px; border:5px solid #555;}
	.formtable {text-align: center; width:100%; font-size:30px;}
	.formfield {width:90%; font-size:30px;}
	.thebutton {font-size:16px; padding-top:10px; padding-bottom:10px;}
	.logocontainer {	width:30%;	float:left; }
	.menucontainer {	width:70%;	float:left; }
	.menucontainer2 { padding-top:20px;}
	.chequename {width:90%}
	
}

@media screen and (min-width: 1000px) {
	body {font-size:16px;}
	.heading {font-size:25px;}	
	.bigtitle {font-size:60px;}
	.menuitem, .menuitem_on { font-size:18px; white-space:nowrap;}
	.maincontent {width:100%; border:30px solid #555;	padding:20px;}
	.formtable {text-align: center; width:100%;}
	.formfield {width:100%;}
	.thebutton {font-size:24px; padding-top:20px; padding-bottom:20px;}
	.logocontainer {	width:40%;	float:left; }
	.menucontainer {	width:60%;	float:left; }
	.menucontainer2 { padding-top:40px;}
	.chequename {width:50%}
	
}

@media screen and (min-width: 1600px) {
	body {font-size:18px;}
	.heading {font-size:50px;}
	.bigtitle {font-size:60px;}
	.menuitem, .menuitem_on { font-size:20px; white-space:nowrap;}
	.maincontent {width:80%;border:30px solid #555;	padding:20px;}
	.formtable {text-align: center; width:80%;}
	
	.formfield {width:100%;}
	.thebutton {font-size:30px; padding-top:40px; padding-bottom:40px;}
	.logocontainer,.menucontainer {	width:50%;	float:left; }
	.menucontainer2 { padding-top:80px;}
	.chequename {width:50%}
	
}




.artrosevolunteertimes + label, .confirmbox + label{
	cursor:pointer;
	padding:2px;
	
}


.artrosevolunteertimes:checked + label, .confirmbox:checked + label{

	color:#f58520;


}


.custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
}
.custom-file-input::before {
  content: 'Select some files';
  display: inline-block;
  background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3);
  border: 1px solid #999;
  border-radius: 3px;
  padding: 5px 8px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  text-shadow: 1px 1px #fff;
  font-weight: 700;
  font-size: 10pt;
}
.custom-file-input:hover::before {
  border-color: black;
}
.custom-file-input:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}


::-webkit-input-placeholder {
    font-weight: bold;
}
:-moz-placeholder {
    font-weight: bold;
}
:-ms-input-placeholder {
    font-weight: bold;
}