* {
  box-sizing: border-box;
}

.gcLogo {
	z-index:10;
	width: 10vw;
	height:10vh;
	float:left;	
	vertical-align:middle;
	display: inline;
	padding-left:3px;
}

.iLogo {
	height:100%;
}

.clearfloat{
line-height:0px;
height:0px;
margin:0px;
clear:both;
} 

.on
{
	visibility: visible;
	z-index:500;
	display: inline;

}
.off
{
	visibility: hidden;
	display: none;
}

.fl {
	float:left;
	}  
.fr {
	float:right;
	}  
.tc {text-align:center;};

html,body { height: 100% }

 /* For mobile phones: */

@media only screen and (max-width: 440px) {
body {
	font-family: Oswald, Verdana, Tahoma, Arial, Helvetica, sans-serif;
	background-color: #f4f3f0;
	font-size: 14pt;
	margin:0;
	padding: 0;
} 
label {
	font-family: Oswald, Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight:200;
	}


  .col-s-1 {width: 8.31%;}
  .col-s-2 {width: 16.64%;}
  .col-s-3 {width: 24.95%;}
  .col-s-4 {width: 33.31%;}
  .col-s-5 {width: 41.64%;}
  .col-s-6 {width: 59.95%;}
  .col-s-7 {width: 58.32%;}
  .col-s-8 {width: 66.65%;}
  .col-s-9 {width: 74.95%;}
  .col-s-10 {width: 83.33%;}
  .col-s-11 {width: 91.66%;}
  .col-s-12 {width: 100%;}

.lwps32 {
	width:32%;
	float:left;
	}  
.container {
	width: 99.8vw;
	min-height: 100vh;
	border: solid #000000 1px;
	border-radius: 5px;
	float: left;
	padding: 2px;
	overflow:visible;
	}
input[type="text"]
{
    font-size:18pt;
	
}

input[type="button"] {  
 font-size: 18pt;
  }
 	
select
{
    font-size:12pt;
	height:3em;
	font-weight:700;
	width:98vw;
	
}	
option
{
    font-size:11pt;
	font-weight:200;
	width:98vw;
	
}	

}


@media only screen and (min-width: 440px) {
  /* For tablets: */
  
  .itemX {display: inline-block;
		width:50%; }

}



/* Medium devices (tablets, 768px and up) */

@media only screen and (min-width: 768px) {
body {
	font-family: Oswald, Verdana, Tahoma, Arial, Helvetica, sans-serif;
	background-color: #f4f3f0;
	font-size: 12pt;
	margin:0;
	padding: 0;
} 

.gcTitel {
	width: 89%;
	font-family: Oswald, Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 24pt;
	background-color: #000033;
	color: #ffffff;
	text-align: left;
	float:left;
	padding-left:2px;
}
.gcSubTitel {
	font-family: Oswald, Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	background-color: #000033;
	color: #ffffff;
	text-align: left;
	float:left;
}

.container {
	width: 99.5vw;
	min-height: 99vh;
	border: solid #000000 1px;
	border-radius: 5px;
	float: left;
	padding: 2px;
	overflow:visible;
	}

 label { float: left; }
 input[type=button] { float: left; 
 font-family: Oswald, Verdana, Tahoma, Arial, Helvetica, sans-serif;
 font-size: 11pt;
  }
  

  
  

   .col-0 {width: 100%;}  
  .col-1 {width: 8.33%;float:left;}
  .col-2 {width: 16.66%;float:left;}
  .col-3 {width: 25%;}
  .col-4 {width: 33.33%;}
  .col-5 {width: 41.66%;}
  .col-6 {width: 50%;}
  .col-7 {width: 58.33%;}
  .col-8 {width: 66.66%;}
  .col-9 {width: 75%;}
  .col-10 {width: 83.33%;}
  .col-11 {width: 91.66%;}
  .col-12 {width: 99.5%;}

.dblitem {display: inline-block;
		width:50%; } 
		
.bo {
		border: solid #000000 1px;
}
.item {display: inline-block;
		width:24.73%; 
		border: solid #000000 1px;
		padding: 1px;
}
.itemp {display: inline-block;
		width:49.85%;
		background-color: #2727c6;
		vertical-align:top;		
		border:solid #ffffff 1px;
}
.palkc {
	font-size: 24pt;
	background-color: #2727c6;
	color: #ffffff;
	text-align: center;
	float:left;
}
.palkl {
	font-size: 24pt;
	background-color: #2727c6;
	color: #ffffff;
	text-align: left;
	float:left;
}

select
{
    font-size:12pt;
	height:3em;
	font-weight:700;
	width:98vw;
	
}	
option
{
    font-size:11pt;
	font-weight:200;
	width:98vw;
	
}	


.wrapperh {
	width:49.5%;
	border: solid #000000 1px;
	display: inline;
	float: left;
	
}
.optcol1 {
	border: solid #000000 1px;
	width:10vw;
	}
/* Large devices (desktops, 992px and up) */
/* Extra large devices (large desktops, 1400px and up) */