
div.form {
		width:1040px;
		margin:-50px auto;
		position:relative;
		background-color:#fff;
		border-radius:10px;
		padding:20px 30px;
	}
	div.formfield {
		box-sizing:border-box;
		padding:10px;
		float:left;
	}
	div.suminfo div.formfield {
		float:none;
	}
	div.suminfo div.formfield div:before {
		content:'€';
		font-size:180%;
		display:inline-block;
		margin-right:15px;
		font-weight:bold;
		color:#555;
	}
	div.suminfo div.formfield div:after {
		content:'.00';
		font-size:170%;
		display:inline-block;
		margin-left:4px;
		color:#555;
		letter-spacing:2px;
	}
	div.suminfo div.formfield input {
		width:150px;
		font-size:170%;
		color:#555;
		text-align:right;
		letter-spacing:2px;
		font-family: AvenirNext, Arial, sans-serif;
	}
	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%;
		box-sizing:border-box;
		padding:10px 15px;
	}
	div.form div.formRow.formCols-two {
		margin-bottom:0;
	}
	div.form div.formRow.formCols-two div.formfield:first-child {
		border-right:1px dotted #888;
	}
	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:#bbb;
	}
	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'] {
		width:auto;
		margin-right:10px;
	}
	span.formfield {
		display:block;
		border-bottom:1px solid #ddd;
		padding-bottom:3px;
	}
	div.formInfo {
		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:-15px;
	}
	div.formHeader span.active {
		background-color:rgba(0,61,76,1); /*rgba(0,61,76,1)*/
		color:#fff;
		font-weight:bold;
	}
	div.steg {
		position:absolute;
		background-color:rgba(0,61,76,1);
		border-radius:50%;
		overflow:hidden;
		font-weight:bold;
		text-transform:uppercase;
		height:80px;
		width:80px;
		top:10px;
		right:40px;
		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;
		margin-top:-10px;
	}
	div.form h2 {
		margin:25px 0 10px 0;
		border-bottom:1px solid #aaa;
		padding-bottom:2px;

		font-weight:bold;
        border-bottom:5px solid rgba(0,61,76,1);
		background-color:rgba(0,61,76,0.2);
		/*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-shadow:1px 1px 0px #fff
	}
	div.form h3 {
		background-color:rgba(0,61,76,1);
		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:#444;
	}
	.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 !important;
		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;
		color:#fff !important;
	}
	div.formSent {
		margin:150px auto;
		padding:20px;
		width:500px;
		border-radius:15px;
		background-color:#f5f5f5;
		border:1px solid #ddd;
		text-align:center;
		/*border-bottom:3px solid rgba(0,61,76,1);*/
		position:relative;
		box-shadow:0 0 10px #ddd;
		overflow:hidden;
	}
	div.formSent strong {
		font-size:140%;
	}
	div.formSent::after {
		display:inline-block;
		position:absolute;
		bottom:0px;
		width:500px;
		content:'.';
		font-size:1px;
		height:6px;
		left:0px;
		color:rgba(0,61,76,1);
		background-color:rgba(0,61,76,1);
	}
	span.reqField {
		display:inline-block;
		color:red;
		margin-left:5px;
		font-size:140%;

		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 rgba(0,61,76,1);
		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:rgba(0,61,76,1) !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;
	}

	h3 {

		text-transform:uppercase;
	}
	div.dagarRow {
		padding:0px 0;
		border-bottom:1px solid #ccc;
	}
	div.dagarRow:after {
		display:block;
		content:'.';
		font-size:1px;
		clear:both;
		color:#fff;
		overflow:hidden;
		height:0px;
	}
	div.dagar {
		margin:10px;
	}
	div.dagarRowC {
		float:left;
		width:20%;
		text-align:right;
		box-sizing:border-box;
		padding:5px 10px;
	}
	div.dagarRowC span.formfield {
		padding:4px 0;
		border:0;
	}
	div.dagarRowC.tlb {
		border-left:2px solid #aaa;
	}
	div.dagarRowC1 {
		width:80%;
		text-align:left;
		overflow:hidden;
		white-space: nowrap;
	}

	div.dagarRowC1 label {
		margin:0;
	}
	div.dagarRowC1 input {
		margin-right:5px;
		width:auto;
	}
	div.dagarRowHead {
		font-weight:bold;
		background-color:#f5f5f5;
	}
	.under30 {
		margin:10px;
	}
	.under30 input {
		width:auto;
		margin-right:5px;
	}
	div.p1g {
		text-decoration:line-through;
	}
	div.p2g {
		color:#888;
	}



	.listPris {
		background-color:rgba(0,61,76,1);
		float:right;
		display:block;
		padding:4px 6px;
		color:#fff;
		border-radius:4px;
		font-weight:bold;
		font-size:90%;
		margin-left:20px;
		margin-top:-2px;
	}
	.totPrice {
		font-weight:bold;
		text-align:right;
		margin:10px 5px;
	}
	span.lholder {
		display:inline-block;
		padding:4px;
	}

	div.suminfo {
		background-color:rgba(0,61,76,0.05);
		border-radius:8px;
		border:1px dotted rgba(0,61,76,1);

		padding:25px;
		margin:10px;
		text-align:center;
		box-shadow:0 0 1px #ccc;
	}
	div.suminfo strong {
		font-size:180%;
		display:inline-block;
		margin:10px 0;
	}
	div.suminfo span {
		font-size:120%;
	}

	.typography h4, .typography h5 {
		margin:0;
		padding:10px 25px;
		font-size:14px;
	}

	div.dagar .ui-accordion .ui-accordion-content {
		font-size:13px;
		padding:0;
		font-weight:normal;
   		font-family: 'AvenirNextLTW01-Regular', Arial, sans-serif;
	}
	h5 {
		padding:10px 3px;
	}
	h5, div.dagar .ui-state-active, div.dagar .ui-widget-content .ui-state-active, div.dagar .ui-widget-header .ui-state-active, div.dagar a.ui-button:active, div.dagar .ui-button:active, div.dagar .ui-button.ui-state-active:hover {
		/*border: 1px solid #003eff;*/
		/*background: #007fff;*/
		background:rgba(0,61,76,1);
		font-weight: normal;
		color: #ffffff;
		font-family: 'AvenirNextLTW01-Demi', Arial, sans-serif;
		font-weight:bold;
	}
	div.intro {
		margin-top:25px;
	}
	span.hl {
		font-weight:bold;
	}
	s {
		color:#555;
	}


@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%;
	}

}