@charset "UTF-8";
/* CSS Document */
/*
 *ssk orange fd531f
 *SB #45cc90; #ff6565;
 *
 */
@import url('https://fonts.googleapis.com/css2?family=Cabin&display=swap');
@media print
{    
    .no-print, .noprint, .no-print *
    {
        display: none !important;
    }
	.doprint{
		display:block !important;
	}
}

body{
			font-family: 'Montserrat', sans-serif;
			font-family: 'Quicksand', sans-serif;
			font: Arial Rounded MT Bold;
			font-family: 'Cabin', sans-serif;
			
			color: #fd531f;
			color: #333;
			font-size: 1.2em;
		}
		.shout{
			
			color: #fd531f;
font-size: 2em;
		}
		.hidescreen{
			display: none;
		}
		.shout_light{
			/*
			color: #000;
font-size: 1.2em;*/
		}
		
		.shout_small{
			
			color: #000;
font-size: 1.2em;
		}
		.shout_small_left{
			
			color: #000;
font-size: 1.2em;
text-align: left;
margin: auto;
  width: 52%;

		}
		
		input{
			
			color: #fd531f;;
			border: 4px solid #fd531f;
			padding: 10px;
			font-size: 1em;
			margin: auto;
  width: 50%;
		}
		
		textarea{
					color: #fd531f;;
			border: 4px solid #fd531f;
			padding: 10px;
			font-size: 1em;
			margin: auto;
  width: 50%;
font-family: 'Cabin', sans-serif;
		}
		
		select{
			
			color: #ff6565;
			border: 4px solid #fd531f;
			padding: 10px;
			font-size: 1em;
			margin: auto;
  width: 52%;
		}
/*		
		input[type="checkbox"],checkbox {
			color: #ff6565;
			border: 4px solid #fd531f;
			padding: 10px;
			font-size: 2em;
				margin: auto;
  width: 52%;
	padding-right: 10px;
			margin-right: 10px;
		}
		label{
			font-size: 1.5em;
			padding-left: 10px;
			margin-left: 10px;
		}
	*/

		h1,h2,h3,h6{
			margin: auto;
  width: 52%;
	text-align: left;
		}
		h1{
			color: #fd531f;
		}
		table{
		
			border:0;
			
		
		}
		.centermainbox{
						margin: auto;
  width: 52%;
	text-align: left;
		}
		.transbox{
			border: 0;
			padding: 0px;
			font-size: 0.9em;
			margin: auto;
  width: 50%;
	text-align: left;
	margin-top: 0;
		}
		.borderbox{
			border: 4px solid #fd531f;
			padding: 10px;
			font-size: 2em;
			margin: auto;
  width: 50%;
		}
		.solidbox{
			border: 4px solid #fd531f;
			padding: 10px;
			font-size: 2em;
			background: #fd531f;
			border-radius: 25px;
			color: #ffffff;
  padding: 10px;
  
  
  			margin: auto;
  width: 50%;
  
		}
		
		.solidbox_button{
			border: 4px solid #fd531f;
			padding: 6px;
			font-size: 1.5em;
			background: #fd531f;
			border-radius: 25px;
			color: #ffffff;
  padding: 10px;
  
  
  			margin: auto;
  width: 50%;
	
	cursor: pointer;
  
		}
		
		
		.no_line{
			text-decoration: none;
			color: #FFFFFF;
		}
		.txtunderline{
			padding-top: 6px;
			padding-bottom: 10px;
			border-bottom: #ffffff 2px solid;
			cursor: pointer;
		}
		.txtunderline_no{
			padding-top: 6px;
			padding-bottom: 10px;
			cursor: pointer;
		}
		.biglink{
			font-size: 1.7em;
		}
		
		.tb_norm{
			padding: 10px;
			font-size: 1em;
			
		}
		.tb_header{
			font-weight: bold;
			background: #cecece;
			padding: 10px;
		}
		.tb_header_arr{
			font-weight: bold;
			background:  #fd531f;
			color: #fff;
			padding: 10px;
			cursor: pointer;
		}
		.tb_row{
			cursor: pointer;
			background: #efefef;
			padding: 10px;
			margin: 10px;
		}
		td{
			padding:10px;
		}
		tr.tb_row:hover td {
			background:#FFFF9E;
			color: #111;
		}
		tr.tb_header_arr:hover td {
			background:#FF9777;
			color: #000;
		}
		
		
		
		
		
		/*CBOX ST*/
		
		

.cb_cont {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  /*font-size: 22px;*/
	font-size: 1em;
	padding-top: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
	
	margin: auto;
  width: 49.5%;
	text-align: left;
	padding-bottom: 10px;

	
}

.cb_cont input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
	

	
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

.cb_cont:hover input ~ .checkmark {
  background-color: #ccc;
}


.cb_cont input:checked ~ .checkmark {
  background-color: #2196F3;
	background-color: #fd531f;;
}


.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}


.cb_cont input:checked ~ .checkmark:after {
  display: block;
}

.cb_cont .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
		
		
		
		/*CBOX END*/
		
		
		
		a{
			color: #fd531f;
		}
		a:visited{
			color: #fd531f;
		}
		
		
		
		
		
		
		
		
		
		
		
		.produkt{
			color: #666666;
			font-size: 1em;
			border: 1px solid #cccccc;
			border-radius: 6px;
			width: 220px;
			margin: 10px;
			float: left;
		}
		.produkt_information{
			
		}
		.produkt_pris{
			font-weight: bold;
			
		}
		.produkt_stop{
			float: none;
			clear:left;
		}
		.produkt_antal_holder{
			margin: auto;
  			width: 50%;
		}
		.produkt_antal{
			color: #666666;
			font-size: 1em;
			display: inline;
			display: flex;
  flex-flow: row wrap;
			width: 20px;
			border: 0;
			
		}
		.produkt_change{
			cursor: pointer;
			display: inline;
			display: flex;
  flex-flow: row wrap;
		}
		
	.wrapbox{
		white-space: pre-wrap;
	}
	
	.container_image{
  /*
	 width: 400px;
   height: 225px;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
   gap: 10px;
   border: 1px solid black;
   */
	 width: 700px;
   height: 300px;
}

#display_image{
   /*
	 width: 300px;
   height: 169px;
   border: 1px solid black;
   background-position: center;
   background-size: cover;
   */
	 width: 700px;
   height: 300px;
}

.logo_top{
		width: 50%;
   height: 50%;
	
}

.logo_top_print{
	width:20%;
	height: auto;
}
.ak_text_box{
	text-align: left;
	border:0;
	margin:0;
				margin: auto;
  width: 52%;
	
}
.ak_text_box_gr{
	text-align: left;
	border:0;
	margin:0;
				margin: auto;
  width: 52%;
	background-color: #e1e2e0;
	padding:6px;
	
	margin-top:10px;
	margin-bottom:10px;
	min-width: 580px;	
}


@media only screen and (max-width: 700px) {
	.ak_text_box_gr{
		text-align: left;
		border:0;
		margin:0;
					margin: auto;
	  width: 92%;
		background-color: #e1e2e0;
		padding:6px;
		
		margin-top:10px;
		margin-bottom:10px;
		
	}
	table{
		width: 80%;
	}
	.logo_top{
			
		height: 50%;
		width: 50%;
		margin:auto;
	
	}
}

.transbox{
	width: 52%;
}
table{
	/*border-collapse: collapse;
	border-color: #ffffff;*/
}
td{
	/*border-color: #ffffff;*/
}