body,p,h1,h2,h3,h4,h5 {font-family: "Times New Roman", Times, serif;}
body {font-size: 16px; margin: 0px;padding: 0px;}

.txt-small{font-size:12px}
.txt-medium{font-size:16px}
.txt-large{font-size:18px}
.txt-xlarge{font-size:24px}
.txt-xxlarge{font-size:36px}

.txt-italic{
	font-style: italic;
	}
.txt-bold{
	font-weight: bold;
	}
.txt-grey{
	color: #404040;
	}


.pl-container{
	min-width: 300px;
	max-width: 700px;
	}
	
.pl-table{
	width: 100%;
	}
	
.pl-shortinfo{
	font-size: 14px;
	}




textarea{
	width: 100%;
	}



ul.Argument {
	list-style-type: none;
	padding-left: 5px;
	}
	
ul.Argument li{
	background-image: url("checkbox.gif");
	background-repeat: no-repeat;	
	background-position: center left;	
	padding: 7px 7px 7px 36px;
	}
	
	
.index_column1{
	display: block;
	padding-right: 15px;
	}
	
.index_column2{
	display: block;
	margin-left: 40px;
	margin-right: 40px;
	margin-top: 50px;
	
	padding: 5px;
	
   -webkit-border-radius: 10px;
	border-radius: 10px;	
	box-shadow: 1px 3px;
	border-style: solid;
	border-color: #4E7583;

	background-color: #C2D5C5;	
	}
	
.index_produktbild{
	max-width: 450px;
	}	
	


	
.paket_column1{
	float: left;
	min-width: 300px;
	width: 320px;	
	}
	
.paket_column2{
	float: left;	
	}		

	
	
ul.green-bullet { /* To make bullet green instead of black */
	list-style: none;
	margin-top: 5px;
	padding-left: 1em;
	}


ul.green-bullet li::before { /* To make bullet green instead of black */
	content: "\2022";
	color: #4EB720;
	font-weight: bold;
	display: inline-block; 
	width: 1em;
	margin-left: -1em;
	}	
	

	

	
	
	
	
.lesmerbtn{ 
   -webkit-border-radius: 15px;
	border-radius: 15px;
	padding-top: 4px;
	padding-bottom: 4px;		
	padding-left: 10px;
	padding-right: 10px;	
	box-shadow: 3px 2px #505050;
	background-color: #4E7583;
	color: white;
	text-decoration: none;
	white-space: nowrap;
	margin-left: 1px;
	}
.lesmerbtn:hover{ 
    background-color: #808080;
    color: white;
	}		
		
	
	
.tillbakabtn{ 
   -webkit-border-radius: 15px;
	border-radius: 15px;
	padding: 8px;	
	padding-left: 7px;
	padding-right: 7px;	
	box-shadow: 3px 2px #505050;
	background-color: #4EB720;
	color: white;
	text-decoration: none;
	white-space: nowrap;
	vertical-align: middle;
	}
.tillbakabtn:hover{ 
	background-color: #9DF078;
	color: black;
	}

input[type=submit] {
	-webkit-appearance: none; /* Needed for Safari */
	-webkit-border-radius: 15px;
	border-radius: 15px;
	padding: 8px;	
	padding-left: 7px;
	padding-right: 7px;	
	box-shadow: 3px 2px #505050;
	background-color: #4E7583;	
	color: white;
	text-decoration: none;
	white-space: nowrap;
	border:0 none;
	cursor:pointer;
	}
input[type=submit]:hover{ 
	background-color: #808080;
    color: white;
	}

		
	
	


.arrow{ /*added 2022-08-09 arrows for html link buttons*/
	border: solid white;
	border-width: 0 3px 3px 0;
	display: inline-block;
	padding: 3px;
	}

.right {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);	
	}

.left {
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);	
	}




img {
	max-width: 100%;
	height: auto;
	}


  
.ShowOnLarge {
	display: none;
	}
	
.ShowOnSmall {
	display: block;
	}
	
.InvisibleOnSmallest {
	visibility: hidden;
	}	

.BackgroundLoggo {
	background-image: url("banner.gif");
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: center left;
	padding: 14px 24px;
	color: white;
	text-align: right;
	font-weight: bold;    
	}           

.TelOnLarge {
	color: white;     
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	}
   


div.nav {
	min-width: 320px;  
	width: 100%;
	height: auto;
	}
	

div.nav,ul.nav {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    overflow: auto;    
/*	background-color: #4F4F6E;*/
/*	background-color: #000000;*/
	background-color: #4E7583;
 
}


ul.nav li a {
	display: block;
	float: left; 
	color: white;
	text-align: center;
	padding: 7px 8px; 
	text-decoration: none;
	font-weight: bold;  
}

ul.nav li:first-child > a { /* Add 210331, we set smaller padding to the left of first menu item, as index page has hidden item last it harder to do this on padding right on last item */
	padding-left: 5px; 
}



ul.nav li a.active {
    background-color: #C8C8CE;
    color: black;
}

ul.nav li a:hover:not(.active) {
/*    background-color: #202020;*/
    background-color: #808080;
    color: white;
}



.fulltxt{ /* 210330 Added, we show different menu text on small and larger screens */
	display: none;
	}
	
.txtsizescrndep{ 
	font-size: 16px;
	}



div.content {
    margin-left: 0;
    padding-left: 15px;
    padding-right: 15px;
    
 	background-color: #FFFFFF;

   }
    
    
    
    

	
.ContactVerF{ /* added 210403 contact form... */
	display: none;
	}	
    
    
	



@media screen and (min-width: 497px){ /* 210331 changed to 497 from 495 due to price list need 2 more pixels to fit*/
	ul.nav li a {
/*		float: left; Made comment 210330, not needed any more, float left also for smaller screens now */
		padding: 7px 16px;	/*Added 210330, we have more padding in menu on larger screens */
		}
		
	ul.nav li:first-child > a { /* Add 210331 we restore larger padding for larger screens */
		padding-left: 16px; 
		}

		
	.fulltxt{ /* Added 210330 show longer menu text on larger screens */
		display: block;
		}
	.shorttxt{ /* Added 210330 show shorter menu text on smaller screens */
		display: none;
		}

	.InvisibleOnSmallest {
		visibility: visible;
		}
		
	.txtsizescrndep{ 
		font-size: 18px;
		}
		
	.paket_column1{
		width: 350px;	
		}	
		
						
						
		
	

}


@media screen and (min-width: 993px){
 
	body{
		height: 100%;
		background-color: #EAEAEA; 	
		overflow-y: scroll; /*always add scroll, otherwise side moves when scroll is added*/
	}

	html{
		height: 100%;
		margin: 0;
		padding: 0;
	}
	
    div.centerlarge {
		width: 982px;	  	
		margin-left: auto;
		margin-right: auto;
		height: 100%;	
		
		background-color: #FFFFFF;		
    }	
		
			
	.BackgroundLoggo {
		padding: 24px 24px;
		}
		
   .ShowOnLarge {
		display: block;
		}
		
		
	.ShowOnSmall {
		display: none;
		}       		

	
	.index_column1{
		float: left;
		width: 70%;
		}
		
	.index_column2{
		float: left;
		width: 20%;
		padding: 10px;
		margin: 0px;
		margin-top: 40px;	
		}

	.paket_column1{
		width: 450px;	
		}

	.pl-shortinfo{
		font-size: 15px;
		}

	


				
}