@import url(https://fonts.googleapis.com/css?family=Open+Sans);

html 
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-text-size-adjust: 100%;
}
*, *:before, *:after 
{
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

body
{
	margin: 5px auto;
	padding: 10px;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	text-decoration: none;
	line-height: 1.4em;
}

h1
{
	text-shadow: 1px 2px #CCCCCC;
	line-height: 1.2em
}

a
{
	text-decoration: none;
	border-style: none;
	color: #0000EE;
}

.top
{
	width: 100%;	
	margin: 0px 0px 8px 0px;
	padding: 0px;
	clear: both;
	height:46px;
	border-radius: 0px 4px 4px 0px;

	background-image: url(../imagesq/top2016.png);
	background-repeat: no-repeat;
}

.topspacemobilemenu
{
	width: 100%;
	height: 57px;
	clear: both;
}

.xinput
{
	height:32px;
	float:left;
	font-size:1em;
	border-radius: 6px 6px 6px 6px;
	border: 1px solid #C0C0C0;
}
.xbutton
{
	height:35px;
	margin:5px 0px 5px 0px;
	float:left;
	font-size:1em;
	letter-spacing:3px;
	border-radius: 6px 6px 6px 6px;
	background:#5F97CB;
	color: white;
	border: 1px solid darkblue;
}

.bigmenu
{
	width: 100%;
	margin: 0px 0px 20px 0px;
	padding: 0;
	float: left;
}

.bigmenu ul
{
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	background: #5F97CB;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 3px 3px 3px #CCCCCC;
}

.bigmenu li a
{
	float: left;
	padding: 13px 12px 13px 12px;
	background: #5F97CB;
	border-right: 1px solid #FFFFFF;
	font-size: 1em;
	color: #FFFFFF;
	text-align: center;
}

.bigmenu a:hover
{
	background: black;
	color: white;
	margin-top: 0px;
}

.bigmenu .active a
{
	background: #164D80;
	background: #4284C2;
	background: #326EA6;
	border-bottom: 1px solid black;
}

.box100upper
{
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	/*border: 1px solid purple;*/
	clear: both;
}

.box100upper ul
{
	list-style-type: circle;
	list-style-image: url('/imagesq/checks.png');
	vertical-align: bottom;
	margin-top: auto;
}
.prodimg
{
    width: 27%;
    height: auto;
	float: right;
	clear: none;
	/*border: 1px solid green;*/
}
.prodimg img
{
	max-width: 100%;
	height: auto;
	float:right;
}

/*kombinerer 2 x box50left eller box50right*/
.comboboxleft
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	clear: left;
	/* pluss ulik media*/
}

/*kombinerer 2 x box50left eller 2 x box50right*/
.comboboxright
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
	clear: right;
	/* pluss ulik media*/
}

.box50left
{
	margin: 0px 0px 15px 0px;
	float: left;
	clear: left;
	border-radius: 15px 15px 15px 15px;
	border: 2px solid #DBDBDB;
	padding: 10px;
	/* pluss ulik media*/
}
.box50left img
{  
	border-style: none;
}


.box50right
{
	margin: 0px 0px 15px 0px;
	float: right;
	clear: right;
	border-radius: 15px 15px 15px 15px;
	border: 2px solid #DBDBDB;
	padding: 10px;
	/* pluss ulik media*/
}
.box50right img
{  
	border-style: none;
}

.box100mid
{
	width: 100%;
	margin: 0px 0px 10px 0px;
	float: left;
	clear: left;
	/*border-radius: 15px 15px 15px 15px;*/
	/*border: 2px solid #DBDBDB;*/
	/*padding: 10px;*/
	clear: both;
}

.box100bottom
{
	width: 100%;
	margin: 0px 0px 10px 0px;
	text-align: center;
	font-size: 0.9em;
	color: #808080;
	float: left;
	clear: both;
	border-radius: 4px 4px 4px 4px;
	border: 2px solid #DBDBDB;
	padding: 10px;
	background: #EBECED;
}

.bottomimg
{
	width: 100%;
	margin-bottom:5px;
}
.bottomimg img
{
	max-width: 100%;
	height: auto;
	border-radius: 4px 4px 4px 4px;
}

.empty20px
{
	width: 100%;
	height: 20px;
	clear: both;
}

.empty10px
{
	width: 100%;
	height: 10px;
	clear: both;
}


@media only screen and (max-width:630px)
{
	.mobilemenu {display: block;}
	.bigmenu {display: none;}
	.top {display: none;}
	.bottomimg {display: none;}
	.topspacemobilemenu {display: block;}

	.box100upper
	{
		margin: 50px 0px 2px 0px;
	}

	h1
	{
		font-family: 'Open Sans', sans-serif;
		font-size : 22px;
	}

	h2
	{
		font-family: 'Open Sans', sans-serif;
		font-size : 18px;
	}

	h3
	{
		font-family: 'Open Sans', sans-serif;
		font-size : 16px;
	}

	.box50left
	{
		width: 100%;
	}

	.box50right
	{
		width: 100%;
	}

	/*kombinerer 2 x box50left eller box50right*/
	.comboboxleft
	{
			width: 100%;
	}

	.comboboxright
	{
			width: 100%;
	}

}



@media only screen and (min-width:631px)
{
	.mobilemenu {display: none;}
	.bigmenu {display: block;}
	.bottomimg {display: block;}
	.topspacemobilemenu {display: none;}

	body
	{
		max-width: 900px;
	}

	h1
	{
		font-family: 'Open Sans', sans-serif;
		font-size : 25px;
	}

	h2
	{
		font-family: 'Open Sans', sans-serif;
		font-size : 20px;
	}

	h3
	{
		font-family: 'Open Sans', sans-serif;
		font-size : 17px;
	}

	.box50left
	{
		width:49%;
	}

	.box50right
	{
		width:49%;
	}

	/*kombinerer 2 x box50left eller box50right*/
	.comboboxleft
	{
			width: 49%;
	}

	.comboboxright
	{
			width: 49%;
	}

}