
div.form {
		width:800px;
		margin:0 0;
		position:relative;
	}
	div.formfield {
		box-sizing:border-box;
		padding:10px;
		float:left;
	}
	div.form div.formRow {
		margin-bottom:10px;
	}
	div.form div.formRow div.formfield:first-child {

	}
	div.form div.formRow:after {
		display:block;
		content:' ';
		height:1px;
		overflow:auto;
		clear:both;
	}
	div.form div.formRow.formCols-five div.formfield {
		width:20%;
	}
	div.form div.formRow.formCols-for div.formfield {
		width:25%;
	}
	div.form div.formRow.formCols-three div.formfield {
		width:33.33%;
	}
	div.form div.formRow.formCols-two div.formfield {
		width:50%;
	}
	div.form div.formRow.formCols-one div.formfield {
		width:100%;
	}
	
	div.form div.formRow.formCols-five-spec div.formfield:nth-child(1), 
	div.form div.formRow.formCols-five-spec div.formfield:nth-child(2) {
		width:23%;
	}
	div.form div.formRow.formCols-five-spec div.formfield:nth-child(3) {
		width:20%;
	}
	div.form div.formRow.formCols-five-spec div.formfield:nth-child(4) {
		width:16%;
	}
	div.form div.formRow.formCols-five-spec div.formfield:nth-child(5) {
		width:18%;
	}
	div.form div.formRow.formCols-five-spec div.formfield {
		/*border:1px dotted black;*/
	}
	
	div.form div.formRow.formGroup {
		border-bottom:1px dotted #333;
		padding-bottom:15px;
		margin-bottom:25px;
	}

	div.formfield label.heading {
		font-weight:bold;
		font-size:90%;
		margin-bottom:3px;
		text-transform:uppercase;
	}
	div.formfield label.heading .xforklaring {
		display:inline-block;
		margin-left:6px;
		color:#888;
	}
	div.formfield.field-checkbox label.heading {
		display:none;
	}
	div.formfield input,
	div.formfield textarea,
	div.formfield select {
		padding:5px;
		font-size:13px;
		box-sizing:border-box;
		border:1px solid #ccc;
		border-radius:5px;
		width:100%;
	}
	div.formfield textarea {
		resize: vertical;
		height:70px;
	}
	div.formfield select {
		height:30px;
	}
	div.formfield input[type='submit'] {
		width:auto;
		padding:4px 10px;
	}
	div.formfield input[type='checkbox'], div.formfield input[type='radio'] {
		width:auto;
		margin-right:10px;
	}
	span.formfield {
		display:block;
		border-bottom:1px solid #ddd;
		padding-bottom:3px;
	}
	div.formInfo, div.klassDesc {
		background-color:#f5f5f5;
		border:1px solid #eee;
		border-radius:7px;
		box-sizing:border-box;
		padding:10px;
		margin:10px;
	}
	div.formHeader {
		background-color:#fafafa;
		border:1px solid #ddd;
		border-radius:7px;
		box-sizing:border-box;
		padding:0px;
		margin:10px 0;
		position:relative;
		overflow:hidden;
	}
	div.formHeader>span {
		display:block;
		border-right:4px solid #ccc;
		float:left;
		padding:10px 22px;
		transform: skew(-40deg);
		color:#666;
		background-color:#f4f4f4;
	}
	div.formHeader>span>span {
		display:block;
		transform: skew(40deg);
	}
	div.formHeader>span:first-child {
		margin-left:-12px;
	}
	div.formHeader span.active {
		background-color:#438d46; /*#438d46*/
		color:#fff;
		font-weight:bold;
	}
	div.steg {
		position:absolute;
		background-color:#438d46;
		border-radius:50%;
		overflow:hidden;
		font-weight:bold;
		text-transform:uppercase;
		height:80px;
		width:80px;
		top:-26px;
		right:20px;
		text-align:center;
		z-index:10;
		padding-top:12px;
		color:#fff;
		font-size:12px;
	}
	div.steg b {
		font-size:40px;
		display:block;
		text-align:center;
	}
	div.form h2 {
		margin:25px 0 10px 0;
		border-bottom:1px solid #aaa;
		padding-bottom:2px;
		
		font-weight:bold;
        border-bottom:5px solid rgba(67,141,69,1);
		background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAFElEQVQImWNggAKnXpf/OBgMDAwAdl8GN3VJjMEAAAAASUVORK5CYII=);
		padding:8px;
		color:#000;
		text-shadow:-1px 0px 2px #fff,
		0px -1px 2px #fff,
		-1px -1px 2px #fff,
		1px 0px 2px #fff,
		0px 1px 2px #fff,
		1px 1px 2px #fff;
		
	}
	div.form h3 {
		background-color:#438d46;
		color:#fff;
		padding:5px 10px;
		display:inline-block;
		margin-top:0px;
		margin-bottom:10px;
		font-size:16px;
	}
	div.form h3 strong {
		text-transform:uppercase;
	}
	a.formButton {
		display:inline-block;
		color:#555 !important;
		margin-right:7px;
		font-weight:normal;
		padding:11px 32px;
	}
	div.form div.formfield .formButtonAdd, div.form div.formfield .formButtonRm {
		font-size:11px;
		padding:6px;
		border-radius:5px;
		color:#fff;
		font-weight:bold;
		text-transform:uppercase;
		border:none;
		cursor:pointer;
		margin-top:6px;
		line-height:1;
	}
	div.form div.formfield .formButtonAdd:active, div.form div.formfield .formButtonRm:active {
		position:relative;
		top:1px;
	}
	.formButtonRm {
		background-color:maroon;
	}
	.formButtonAdd {
		background-color:green;
		float:right;
	}
	.formButtonRm:hover {
		background-color:#333;
	}
	.formButtonAdd:hover {
		background-color:#333;
	}
	.formButton {
		-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
		-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
		box-shadow:inset 0px 1px 0px 0px #ffffff;
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
		background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
		background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
		background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
		background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
		background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
		background-color:#f9f9f9;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
		border:1px solid #dcdcdc;
		display:inline-block;
		cursor:pointer;
		color:#000;
		font-family:Arial;
		font-size:13px !important;
		font-weight:bold;
		padding:10px 32px;
		text-decoration:none;
		text-shadow:0px 1px 0px #ffffff;
		box-sizing:border-box;
		line-height:1;
	}
	
	.formButton.formButtonPrev { 
		font-weight:normal;
		color:#777;
	}
	.formButton:hover {
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
		background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
		background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
		background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
		background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
		background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
		background-color:#e9e9e9;
	}
	.formButton:active {
		position:relative;
		top:1px;
	}
	span.popuptxtholder {
		display:inline-block;
		padding:6px;
	}
	div.formError {
		color:#fff;
		background-color:red;
		padding:15px;
		border-radius:10px;
		font-weight:bold;
		margin-top:22px;
	}
	div.formError h2 {
		color:#fff;
		font-size:18px;
		margin:0 0 10px 0;
		padding:2px 0;
		border-bottom:2px solid #fff;
		background:none;
		text-shadow:none;
	}
	div.formError ul {
		list-style-type: square;
		padding:0 0 0 8px;
		margin:2px 5px;
	}
	div.formError ul li {
		margin:2px 5px;
	}
	div.formSent, div.paymentError {
		margin:150px auto;
		padding:20px;
		width:500px;
		border-radius:15px;
		background-color:#f5f5f5;
		border:1px solid #ddd;
		text-align:center;
		/*border-bottom:3px solid #438d46;*/
		position:relative;
		box-shadow:0 0 10px #ddd;
		overflow:hidden;
	}
	div.formSent strong, div.paymentError strong {
		font-size:140%;
	}
	div.formSent::after, div.paymentError::after {
		display:inline-block;
		position:absolute;
		bottom:0px;
		width:500px;
		content:'.';
		font-size:1px;
		height:6px;
		left:0px;
		color:#438d46;
		background-color:#438d46;
	}
	div.paymentError::after {
		background-color:red;
	}
	span.reqField {
		display:inline-block;
		color:red;
		margin-left:5px;
		font-size:140%;
		height:14px;
		vertical-align:middle;
		overflow:hidden;
	}





	#poclose {
		float:right;
		cursor:pointer;
	}
	#poclose:hover {
		color:maroon;
	}
	div#popup {
		background-color:rgba(255,255,255,0.8);
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		z-index:1000;
		display:none;
	}
	div#popup div.popupInner div.popupKlasser {
		display:none;
	}

	div#popup div.popupInner div.row {
		position:relative;
		height:316px;
	}
	div#popup div.popupInner div.rowHeader {
		margin-top:3px;
		height:23px;
		background-color:#666;
		color:#fff;
		border-top:1px solid #ccc;
	}
	div#popup div.popupInner div.rowHeader div.col {
		padding:6px;
		text-transform:uppercase;
		font-family: 'AvenirNextLTW01-Demi', Arial, sans-serif;
		font-size:85%;
	}
	div#popup div.popupInner div.rowHeader div.col::after {
		
	}
	div#popup div.popupInner div.col {
		float:left;
		width:33.33%;
		height:100%;
		border-right:1px solid #ccc;
		overflow:hidden;
		
	}
	
	div#popup div.popupInner div.row div.col:last-child {
		border:none;
	}
	div#popup div.popupInner div.col a {
		display:block;
		padding:7px;
		padding-right:15px;
		border-bottom:1px solid #ccc;
		/*background-color:#ddd;*/
		text-decoration:none;
		color:#000;
		position:relative;
	}
	div#popup div.popupInner div.col div.popupKlasser a {
		background-color:#eee;
	}
	div#popup div.popupInner div.col a::before {
		content: '›';
		float:right;
		display:block;
		height:100%;
		vertical-align:center;
		margin-left:5px;
		margin-right:-10px;
		position:relative;
	}
	div#popup div.popupInner div.col a.active2::after {
		display:block;
		position:absolute;
		width: 0;
		height: 0;
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
		z-index:100;
		border-left: 10px solid #438d46;
		top:3px;
		right:-9px;
		content:' ';
		overflow:hidden;
	}
	div#popup div.popupInner div.col a.active {
		/*
		border-radius:0 8px 8px 0;
		width:104%;
		z-index:10;
		border-right:1px solid #fff;
		border-bottom:1px solid #fff;
		*/
		font-family: AvenirNext, Arial, sans-serif;
		font-weight:bold;
	}

	div#popup div.popupInner div.col a:hover,
	div#popup div.popupInner div.col a.active {
		color:#fff;
		background-color:#438d46 !important;
	}

	div#popup div.popupInner {
		background-color:rgba(245,245,245,1);
		box-shadow: 0px 0px 20px #aaa;
		border-radius:13px;
		border:3px solid #aaa;
		padding:20px;
		width:700px;
		height:420px;
		margin:100px auto;
		z-index:1001;
		overflow:hidden;
		box-sizing: border-box;
		position:relative;
	}
	#selectedKlass {
		display:none;
		padding:10px 15px;
	}
	#selectedKlassTxt {
		height:250px;
		border-bottom:1px dotted #ccc;
		box-sizing:border-box;
		padding-bottom:10px;
		overflow:auto;
		line-height:1.2;
	}
	#selectedKlassTxt strong {
		margin-bottom:5px;
		text-transform:uppercase;
		display:inline-block;
	}
	#selectedKlassBtn {
		margin-top:10px;
	}
	#selectedKlassBtn .formButton {
		float:right;
	}
	div#popup div.popupInner em {
		font-size:11px;
		margin-bottom:20px;
		line-height:1;
		text-transform:uppercase;
		font-family: 'AvenirNextLTW01-Demi', Arial, sans-serif;
		font-style:normal;
		overflow:hidden;
	}
	div#popup div.popupInner b {
    	display:block;
		font-family: 'AvenirNextLTW01-Demi', Arial, sans-serif;
		font-size:20px;
		border-bottom:5px solid #666;
		padding-bottom:5px;
		color:#333;
		text-shadow:1px 1px 0px #fff;
		margin-bottom:0px;
		
		
		font-weight:bold;
        border-bottom:5px solid rgba(67,141,69,1);
		background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAFElEQVQImWNggAKnXpf/OBgMDAwAdl8GN3VJjMEAAAAASUVORK5CYII=);
		padding:8px;
		color:#000;
		text-shadow:-1px 0px 2px #fff,
		0px -1px 2px #fff,
		-1px -1px 2px #fff,
		1px 0px 2px #fff,
		0px 1px 2px #fff,
		1px 1px 2px #fff;
		
		/*text-align:center;*/
		/*text-transform:uppercase;*/
    }
    div#popup div.popupInner .rimg {
    	float:left;
    	margin-right:8px;
    	margin-top:-7px;
    }
	div#popup div.popupInner div.pfrow {
   		margin:16px 0;
	}
	div#popup div.popupInner div.pfrow label {
   		font-family: 'Gochi Hand', cursive, 'AvenirNextLTW01-Regular', sans-serif;
		font-size:20px;
		margin:6px 0px 4px 0;
		color:#555;
		display:block;
	}
	div#popup div.popupInner div.pfrow label em {
		font-style:normal;
		font-size:12px;
		display:inline-block;
		margin-left:10px;
		color:#666;
   		font-family: 'AvenirNextLTW01-Regular', Arial, sans-serif;
   		margin-bottom:0px;
   		padding:0;
	}
	div#popup div.popupInner div.pfrow input, div#popup div.popupInner div.pfrow textarea {
		width:100%;
		border-radius:5px;
		font-size:14px;
		padding:4px;
		box-sizing: border-box;
		border:1px solid #aaa;
		margin-bottom:6px;
	}
	div#popup div.popupInner div.pfrow input[type="checkbox"] {
		margin:2px;
		background-color:#eee;
		outline: 2px solid #ddd;;
		display:inline-block;
	}
	div#popup div.popupInner div.pfrow textarea {
		height:50px;
	}

	div.suminfo {
		background-color:rgba(67,141,69,0.05);
		border-radius:8px;
		border:1px dotted rgba(67,141,69,1);
		
		padding:25px;
		margin:10px;
		margin-top:40px;
		text-align:center;
		box-shadow:0 0 1px #ccc;
	}
	div.suminfo strong {
		font-size:200%;
		display:inline-block;
		margin:18px 0;
	}
	div.suminfo span {
		font-size:120%;
	}
	div.suminfo em {
		font-size:80%;
		display:inline-block;
		margin-top:20px;
	}
	div.social-icons-banner {
		display:none;
	}
	div.nofloat label {
		display:block;
	}


@media only screen and (max-width: 600px) {

	div.form,
	div.form div.formRow.formCols-for div.formfield,
	div.form div.formRow.formCols-three div.formfield {
		width:100%;
	}

}