body
{
	background: #fcfcfc;
	color: #333;
	margin: 0px;
	font-size: 15px;
}

h1
{
	font-size: 50px;
	margin: 0;
}

a
{
	color: #288ECB;
}

p
{
	margin: 0;
	padding: 0;
}

.Top
{
	left: 0;
	top: 0;
	width: 100%;
	min-height: 60px;
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);

	background-image: url(../img/logo.png);
	background-repeat: no-repeat;
	background-position: 25px 50%;
	background-size: 125px auto;

	display: flex;
	justify-content: space-between;
	align-items: stretch;
}

.TopMenu
{
	margin-left: 175px;
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
}
.TopMenu a
{
	text-decoration: none;
	font-size: 15px;
	display: flex;
	align-items: center;
	border-bottom: 2px solid rgba(0, 0, 0, 0);
	color: #999;
	margin-right: 25px;
	white-space: nowrap;
}

.TopMenuActive
{
	border-bottom: 2px solid #1CA63F !important;
	color: #000 !important;
}

.TopRight
{
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	justify-content: flex-end;
}
.TopRight a
{
	text-decoration: none;
	font-size: 15px;
	display: flex;
	align-items: center;
	color: #288ECB;
	white-space: nowrap;
	margin-right: 15px;
	line-height: 15px;
}
.TopRightButton
{
	background-color: #288ECB !important;
	color: #fff !important;
	padding: 10px;
	margin: 5px auto;
	text-decoration: none;
}

.Content, .Content2
{
	clear: both;
	min-height: 300px;
	max-width: 1200px;
	margin: 15px auto;
}

.Bottom
{
	margin: 50px auto 0px auto;

	max-width: 1200px;
	min-height: 100px;

	display: flex;
	justify-content: space-between;
	align-items: stretch;
	
	border-top: 1px solid #ccc;
}
.Bottom div
{
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	padding-right: 15px;
	color: #999;
}
.BottomLogo
{
	min-width: 160px;
	width: 160px;
	background-image: url(../img/logo.png);
	background-repeat: no-repeat;
	background-size: 125px auto;
	background-position: center;
	filter: grayscale(100%);
	opacity: 0.5;
}
.Bottom a
{
	margin: 8px;
	color: #999 !important;
}

.ContentButton
{
	background-color: #35a114 !important;
	color: #fff !important;
	padding: 10px;
	text-decoration: none;
	display: inline-block;
	white-space: nowrap;
	border-radius: 5px;
}

/* Boks med titel, beskrivelse, action og billede */
.BoxTitleImage
{
	display: flex;
	flex-flow: row wrap;
	min-height: 300px;
	align-items: center;
	color: #fff;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	flex-direction: column;
}
.BoxTitleImage > .Inner
{
	flex: 1;
	max-width: 1200px;
	margin: auto;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
}
.BoxTitleImage a
{
	color: #fff;
}
.BoxTitleImage > *
{
	flex: 1 50%;
}
.BoxTitleImage .Title
{
	font-size: 40px;
	padding: 5px;
}
.BoxTitleImage .Description
{
	font-size: 25px;
	padding: 5px;
}
.BoxTitleImage .Actions
{
	font-size: 15px;
	padding: 5px;
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
}
.BoxTitleImage .Actions a
{
	margin: 5px;
	white-space: nowrap;
}
.BoxTitleImage .Image
{
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	align-self: stretch;
}

/* Boks med overskrift + underliggende kolonner */
.BoxTitleCols
{
	display: flex;
	flex-flow: column;
	margin-top: 50px;
}
.BoxTitleCols > *
{
	flex: 1 100%;
}
.BoxTitleCols > .Title
{
	font-size: 40px;
	text-align: center;
}
.BoxTitleCols .Cols
{
	display: flex;
	flex-flow: row wrap;
	align-items: flex-start;
	justify-content: space-evenly;
}
.BoxTitleCols .Cols > div
{
	display: flex;
	flex-flow: column;
	align-items: center;
	flex: 0 25%;
	min-width: 300px;
}
.BoxTitleCols .Cols > div > img
{
	height: 150px;
}
.BoxTitleCols .Cols > div > .Title
{
	font-size: 25px;
	padding: 10px 0px;
}
.BoxTitleCols .Cols > div > .Description
{
	font-size: 15px;
	padding-bottom: 10px;
	text-align: center;
}

/* Vandret liste med referencer */
.BoxCases
{
	display: flex;
	flex-flow: column;
	align-items: center;
	margin-top: 50px;
}
.BoxCases .Title
{
	font-size: 40px;
}
.BoxCases .Description
{
	padding-top: 10px;
}
.BoxCases .Cases
{
	width: 100%;
	display: flex;
	flex-flow: row;
	align-items: center;
	justify-content: space-evenly;
}
.BoxCases .Cases > *
{
	max-width: 15%;
	max-height: 75px;
	opacity: 0.5;
}
.BoxCases .Cases > *:hover
{
	opacity: 1 !important;
}

/* Mobil */
@media (max-width: 625px)
{
	.Top
	{
		background-size: 20% auto !important;
		background-position: 5% 50% !important;
	}
	.TopMenu
	{
		margin-left: 28% !important;
	}
	.BottomLogo
	{
		width: 0px !important;
		min-width: 0px !important;
		background: none !important;
	}
}

/* Prices */
.Prices
{
	
}

/* Screendumps */
.Screendumps
{
	display: flex;
	flex-flow: column;
	align-items: center;
	margin-top: 50px;
	display: flex;
	justify-content: center;
	flex-direction: row;
}
.ScreendumpsTitle
{
	font-size: 25px;
	margin-top: 25px;
	text-align: center;
}

.ScreendumpDesktop
{
	width: 350px;
	max-width: 58%;
	transition: transform 0.25s ease;
}
.ScreendumpDesktop:hover
{
	transform: scale(1.25);
}

.ScreendumpTablet
{
	width: 150px;
	max-width: 25%;
	transition: transform 0.25s ease;
	transform: translateX(-30px) translateY(20px) rotateZ(2deg);
}
.ScreendumpTablet:hover
{
	transform: translateX(-30px) translateY(20px) rotateZ(2deg) scale(1.25);
}

.ScreendumpPhone
{
	width: 100px;
	max-width: 17%;
	z-index: 1;
	transition: transform 0.25s ease;
	transform: translateX(30px) translateY(50px) rotateZ(-10deg) scale(1);
}
.ScreendumpPhone:hover
{
	transform: translateX(30px) translateY(50px) rotateZ(-10deg) scale(1.25);
}

.ZoomAlarmSMS
{
	transition: transform 0.75s ease, clip-path 0.75s;
	transform: scale(1);
	clip-path: circle(70%);
}
.ZoomAlarmSMS:hover
{
	transform: translate(80px, 25px) scale(5);
	clip-path: circle(20% at 30% 40%);
}


/* Tabel */
th
{
	font-size: 9pt;
	font-weight: normal;
	text-align: center;
	padding: 10px;
	background: linear-gradient(#0A8DC8, #0A8DC8);
	color: #ffffff;
}
td
{
	font-size: 9pt;
}
.table100
{
	width: 100%;
}

.td1, .td1right, .td1center, .td1nowrap
{
	margin: 1px;
	background-color: #f0f0f0;
}
.td2, .td2right, .td2center, .td2nowrap
{
	margin: 1px;
	background-color: #e0e0e0;
}

.td1nowrap, .td2nowrap
{
	white-space: nowrap;
}

.td1right, .td2right
{
	text-align: right;
}
.td1center, .td2center
{
	text-align: center;
}


.tableLog {
	width: 100%;
}
.tableLog td {
	overflow: hidden;
}

.divPaging a {
	display: inline-block;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	width: 22px;
	text-align: center;
	border: 1px solid #e0e0e0;
	padding: 3px;
}

.LargeGreenButton
{
	display: inline-block;
	padding: 15px;
	margin: 10px;
	text-transform: uppercase;
	font-size: 10pt;
	background: #81D742;
	color: #000;
	border-radius: 5px;
}

/* SMS menu */
.boxBlueTop
{
	margin-top: 10px;
	width: 145px;
	height: 34px;
	background: linear-gradient(#0A8DC8, #0A8DC8);
}
.boxBlueTop div
{
	padding-top: 10px;
	color: #ffffff;
}
.boxBlueBottom
{
	width: 145px;
	background-color: #f5f5f5;
}
.boxBlueBottom div
{
	border-left: 1px solid #57adc7;
	border-right: 1px solid #57adc7;
	border-bottom: 1px solid #57adc7;
	padding: 5px;
}

.boxBlueBottomB
{
	width: 145px;
}
.boxBlueBottomBorder
{
	border-left: 1px solid #57adc7;
	border-right: 1px solid #57adc7;
	border-bottom: 1px solid #57adc7;
	padding: 5px;
}