BODY
{
/*    BACKGROUND: #ffffff;*/
    BACKGROUND: #006666;
	COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, sans-serif;
	Font-Size: 11px;
    LINK: #000000;
    TEXT: #000000;
    VLINK: #800080;
	Margin: 0px;
}

/*** Menu toplås start ***/
A
{
    COLOR: #000000;
    TEXT-DECORATION: None;
}
A:hover
{
    COLOR: #aa0000;
    TEXT-DECORATION: none;
}

IMG {
	Border: none; 
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/*** Menu toplås slut ***/


select {
	padding: 2px 15px 2px 5px;
	margin: 3px 0;
	border: 1px solid #ababab;
/*	border: 0 !important;             /*Removes border*/
    -webkit-appearance: none;            /*Removes default chrome and safari style*/
    -moz-appearance: none;             /* Removes Default Firefox style*/
    background: url('/images/select_down.png') no-repeat  #ffffff;          /*Adds background-image*/
    background-position: right;           /*Position of the background-image*/
    text-indent: 0.01px;          /* Removes default arrow from firefox*/
    text-overflow: "";               /*Removes default arrow from firefox*/
	Font-size: 12px;
	line-height: 18px;
	height: 20px;
	
	border-radius: 4px;
    -webkit-border-radius: 4px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
	box-shadow: 2px 2px 2px #888888;
	-webkit-box-shadow : 2px 2px 2px #888888;
	-moz-box-shadow : 2px 2px 2px #888888;

	cursor:pointer;
}
select::-ms-expand {
    display: none;
}
select:hover {
    background: #c0dde5;
    color: #414848;
    background: url('/images/select_down.png') no-repeat  #c0dde5;          /*Adds background-image*/
    background-position: right;           /*Position of the background-image*/
}


input:focus {
    background: #DFE9EC;
    color: #414848;
    outline: 0;
}

input:hover {
    background: #c0dde5;
    color: #414848;
}

input[type='checkbox'],input[type='radio'] {
	display: inline-block;
	cursor: pointer;
	position: relative;
	padding-left: 25px;
	margin-right: 15px;
	font-size: 13px;
	border-radius: 2px; 
	-moz-border-radius : 2px;
    -webkit-border-radius: 2px;
/*	box-shadow: 2px 2px 2px #888888;
	-webkit-box-shadow : 2px 2px 2px #888888;
	-moz-box-shadow : 2px 2px 2px #888888;
*/
}

input[type=text],input[type=password] {
	padding: 2px 5px;
	margin: 3px 0;
	box-sizing: border-box;
    border: 1px solid #ababab;
	Font-size: 12px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
	box-shadow: 2px 2px 2px #888888;
	-webkit-box-shadow : 2px 2px 2px #888888;
	-moz-box-shadow : 2px 2px 2px #888888;
}

button,input[type=submit],input[type=button] {
    border: solid 0px #DFE9EC;
	cursor: pointer;
	padding: 6px 20px;
	margin: 3px 0;
	box-sizing: border-box;
/*    border: 1px solid #ababab;*/
	Font-size: 15px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
	box-shadow: 2px 2px 2px #888888;
	-webkit-box-shadow : 2px 2px 2px #888888;
	-moz-box-shadow : 2px 2px 2px #888888;
}

button,input[type=submit]:hover,input[type=button]:hover {
    background: #c0dde5;
}
button,input[type=submit]:active,input[type=button]:active {

  background-color: #c0dde5;
  box-shadow: 0 1px #666;
  transform: translateY(2px);
}
button,input[type=submit]:focus,input[type=button]:focus {
    background: #DFE9EC; 
}


input#LoginInput[type=text],input#LoginInput[type=password] {
	padding: 12px 20px;

	Font-Size: 14px;
	font-weight: none;
	background: #eee;

	outline: none;
	width: 200px;
	border: none;
	border-bottom: 1px solid #aaa;
	background: transparent; */
	margin: 8px 0;
	margin-bottom: 10px;
	font: 16px Arial, Helvetica, sans-serif;
	height: 35px;

    border-radius: 4px; 
	-moz-border-radius : 4px;
    -webkit-border-radius: 4px;

	box-shadow: 2px 2px 2px #888888;
	-webkit-box-shadow : 2px 2px 2px #888888;
	-moz-box-shadow : 2px 2px 2px #888888;


}

input#LoginButton[type=submit] {
    padding: 5px 15px; 
    background:#ccc; 
    border: solid 0px #DFE9EC;
    cursor: pointer;
	Line-Height: 30px;
    border-radius: 4px; 
	-moz-border-radius : 4px;
    -webkit-border-radius: 4px;
	box-shadow: 2px 2px 2px #888888;
	-webkit-box-shadow : 2px 2px 2px #888888;
	-moz-box-shadow : 2px 2px 2px #888888;
}


Textarea {
	padding: 2px 5px;
	margin: 3px 0;
	box-sizing: border-box;
    border: 1px solid #ababab;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
	box-shadow: 2px 2px 2px #888888;
	-webkit-box-shadow : 2px 2px 2px #888888;
	-moz-box-shadow : 2px 2px 2px #888888;
}

Textarea {
	display: inline-block;
	cursor: pointer;
	position: relative;
/*	padding-left: 25px;
*/	margin-right: 15px;
    FONT-FAMILY: Verdana, Arial, sans-serif;
	font-size: 12px;
	Border: 1px solid #ababab;
	border-radius: 2px; 
	-moz-border-radius : 2px;
    -webkit-border-radius: 2px;
	box-shadow: 2px 2px 2px #888888;
	-webkit-box-shadow : 2px 2px 2px #888888;
	-moz-box-shadow : 2px 2px 2px #888888;
}


Textarea:focus {
    background: #DFE9EC;
    color: #414848;
    outline: 0;
}

Textarea:hover {
    background: #c0dde5;
    color: #414848;
}

.tdDark
{
	BackGround:#eeeeee;
}
.tdLight
{
	BackGround:#ffffff;
}


.Title {
	Font-Size: 18px;
	font-weight: Bold;
	Line-Height: 35px;
}

.TopMenu {
	Position: Absolute;
	Top: 10px;
	Right: 50px;
	Color: #ffffff;
	Text-Align: Bottom;
}

/*.TopMenu > A {
	Vertical-Align: middle;
	Color: #ffffff;
} */

.TopMenuItem {
	Color: #ffffff;
}

.MainContent {
	Text-Align: Center;
	Font-Size: 14px;
	Margin-Bottom: -80px;
}

.TopBanner {
	Display: Inline;
}

.CityImg {
	Margin-Top: 50px;
	Margin-Left: auto;
	Margin-Right: auto;
	Width: 850px;
	Height: 340px;
	Z-Index: -1;
}

.CityName {
	Position: relative;
	Top: -275px;
	Margin-Left: auto;
	Margin-Right: auto;
	Text-Align: Center;
	Font-Size: 60px;
	font-weight: Bold;
	Width: 750px;
	Z-Index: 1;
}

.CityAlias {
	Position: relative;
	Top: -275px;
	Margin-Left: auto;
	Margin-Right: auto;
	Text-Align: Center;
	Font-Size: 15px;
	font-weight: Bold;
	Width: 750px;
	Z-Index: 1;
}

.MailPrice {
	Position: relative;
	Top: -185px;
	Left: 300px;
	Font-Size: 40px;
	font-weight: Bold;
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg); /* Safari */
	-moz-transform: rotate(-90deg); /* Firefox */
	-ms-transform: rotate(-90deg); /* IE */
	-o-transform: rotate(-90deg); /* Opera */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /* Internet Explorer */
}

.Content1 {
	Display: Inline-block;
	Margin-Left: auto;
	Margin-Right: auto;
	Padding-Left: 30px;
	Padding-Right: 30px;
	Width: 500px;
	Height: 750px;
	Text-Align: Left;

	Background: #fff;
    Border: solid 1px #000;
/*    cursor: pointer;*/

    border-radius: 8px; 
	-moz-border-radius : 8px;
    -webkit-border-radius: 8px;
/*	box-shadow: 2px 2px 2px #888888;
	-webkit-box-shadow : 2px 2px 2px #888888;
	-moz-box-shadow : 2px 2px 2px #888888;*/

}

.ContentRegister {
	Margin-Left: auto;
	Margin-Right: auto;
	Margin-Bottom: 100px;
	Padding-Left: 30px;
	Padding-Right: 30px;
	Width: 640px;
	Text-Align: Left;

	Background: #fff;
    Border: solid 1px #000;

    border-radius: 8px; 
	-moz-border-radius : 8px;
    -webkit-border-radius: 8px;
}

.Checkmail {
	Margin-Left: auto;
	Margin-Right: auto;
	Width: 470px;

	Text-Align: Center;
	Font-Size: 20px;
	font-weight: Bold;
	Line-Height: 25px;

    padding:12px 5px; 
}

.Checkmail > FORM > Input[type="text"] {
	Text-Align: right;
	Font-Size: 18px;
	font-weight: Bold;
	background: #eee;

	outline: none;
	width: 200px;
	border: none;
	border-left: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	background: transparent; */
	margin-bottom: 10px;
	font: 16px Arial, Helvetica, sans-serif;
	height: 35px;

	box-shadow: none;
	-webkit-box-shadow : none;
	-moz-box-shadow : none;
}

.Checkmail > FORM > select {
	Text-Align: right;
	outline: none;
	width: 200px;
	border: none;
	border-Right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	background: transparent; */
	margin-bottom: 10px;
	font: 16px Arial, Helvetica, sans-serif;
	height: 35px;

    background: url('/images/select_down.png') no-repeat;          /*Adds background-image*/
    background-position: right;           /*Position of the background-image*/

	box-shadow: none;
	-webkit-box-shadow : none;
	-moz-box-shadow : none;
}

.Checkmail > FORM > Input[type="submit"] {
	Width: 250px;
	Height: 50px;
	Color: #fff;
	Font-Size: 16px;
	font-weight: Bold;
	background: #2A6881;
	box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.28);
	-moz-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.28);
	-webkit-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.28);
}
.Checkmail > FORM > Input[type="submit"]:hover {
	Text-decoration: Underline;
}

.ShowAddress {
	Line-Height: 45px;
	Text-Align: Center;
}

.CompatIconBlock {
	Position: Relative;
	Display: Inline-block;
	Width: 100px;
	Text-Align: Center;
}

.CompatIcon {
	Height: 30px;
}

.Content2 {
	Position: Relative;
	Top: -469px;
	Display: Inline-block;
	Margin-Left: 4px;
	Width: 200px;
	Vertical-Align: Middle;
}

.Content3 {
	Position: Relative;
	Top: -475px;
	Display: Inline-block;
	Margin-Right: 15px;
	Width: 200px;
	Height: 500px;
	Vertical-Align: Middle;
}

.ContentPoints{
	Margin-top: 30px;
	Margin-Left: auto;
	Margin-Right: auto;
    padding:12px 5px; 
	Background: #fff;
    Border: solid 1px #000;
/*    cursor: pointer;*/
	Line-Height: 15px;
    border-radius: 8px; 
	-moz-border-radius : 8px;
    -webkit-border-radius: 8px;
/*	box-shadow: 2px 2px 2px #888888;
	-webkit-box-shadow : 2px 2px 2px #888888;
	-moz-box-shadow : 2px 2px 2px #888888;*/
}

.ContentPoints1{
	Width: 200px;
}

.ContentPoints2{
	Width: 200px;
	Height: 456px;
}

.CPointText {
	Width: 195px;
	display: table;
	Text-Align: Center;
}

.ContentP2-FullW {
		Width: 190px !important;
}
.ContentP2-Types{
	Display: Inline-Block;
	Width: 95px;
	Text-Align: Center;
	Line-Height: 30px;
	font-weight: Bold;
}

.ContentP2-Icons {
/*	Width: 25px;*/
	Height: 50px;
	Border: none;
}

.CPointText {
	Text-Align: Left;
	Padding-Left: 7px;
}

.CustomerForm {
	Margin-Bottom: 20px;
}

.CustFormTitle {
	Display: inline-Block;
	Width: 210px;
	Padding-Left: 2px;
}

.CustFormField {
	Display: inline-Block;
	Width: 420px;
	Vertical-Align: top;
	Padding-Left: 5px;
	Margin-Left: -4px;
}
.CustFormFieldSmall {
	Font-Size: 12px;
}

.Footer {
	Bottom: 0;
	Height: 200px;
	Width: 100%;
	Margin-Left: auto;
	Margin-Right: auto;
	Padding-Top: 20px;
	Text-Align: Center;
	Color: #fff;
	Background-Color: #000;
}

.FooterBlock {
	Display: inline-block
}

.FooterLogo1 {
    border-radius: 4px; 
	-moz-border-radius : 4px;
    -webkit-border-radius: 4px;
}

.FooterLogo2 {
    border-radius: 4px; 
	-moz-border-radius : 4px;
    -webkit-border-radius: 4px;
}


.FooterMenu > A {
	Color: #fff;
}

.FooterMenu > A:Hover {
	Color: #aa0000;
}

.Footer > .FooterBlock > IMG {
	Background: #fff;
}

@media (max-width: 885px){
.Footer {

	Height: 290px;
}
}

@media (max-width: 1075px){
	.MainContent {
		Margin-Bottom: 0px;
	}

	.Content1 {
		Position: Relative;
		Display: Inline-block;
		Top: -510px;
		Width: 600px;
	}
	.Content2 {
		Position: Relative;
		Top: -517px;
		Height: 0px;
		Display: Inline-block;
		Margin-Left: 225px;
		Vertical-Align: Middle;
	}


	.Content3 {
		Top: 745px;
		Position: Relative;
		Display: Inline-block;
		Margin-Right: 225px;
		Vertical-Align: Middle;
	}
}


@media (min-width: 1400px){
	.SideLeft {
		Position: Absolute;
		Display: flex;
		Margin-Top: 25px;
		Margin-Left: 20px;
		Margin-Right: 40px;
		Text-Align: Center;
		Max-Width: 13%;
		padding: 4% 2%;
		box-sizing: border-box;
		Height: 800px;;
		Z-Index: -10;
	}

	.SideRight {
		Position: Absolute;
		Top: 0px;
		Right: 0px;
		Display: flex;
		Margin-Top: 75px;
		Margin-Left: 40px;
		Margin-Right: 20px;
		Text-Align: Center;
		Max-Width: 13%;
		padding: 4% 2%;
		box-sizing: border-box;
		Height: 800px;;
		Z-Index: -10;
	}

}



@page {
  size: A4;
}
@media print{
	*{
		text-shadow:none !important;
		color:#000 !important;
		background:transparent !important;
		box-shadow:none !important;
		Max-Width: 100% !important;
	}
	.hidden-print{
		display:none !important;
		height: 0;
	}
	.show-print{
		display:block !important;
		height: 0;
	}
	.print-80px {
		margin-top: -48px;
		Width: 1024px !important;
	}
	html, BODY {
		font-family: Arial, Verdana, Helvetica;
		Width: 640px;
		page-break-after:always;
		top: 0;
		left: 0;
		display:block;
	}
	.Text {
		font-size: 11px;
		line-height: 13px;
		margin-bottom: 11px;
		text-decoration: none;
	}
	.BoxRoundCorner {
		Border: None;
	}
/*	.CityImg {
		Margin-Top: 0px;
		Width: 450px;
	}
*/
	.CityName {
		Top: 0px;
		Font-Size: 30px;
		font-weight: Bold;
		Width: 350px;
	}
	
	.CityAlias {
		Top: 10px;
/*		Margin-Top: 40px;*/
	}

	.MainContent {
		Margin-Bottom: 0px;
	}

	.Content1 {
		Position: Relative;
		Display: Inline-block;
		Top: -510px;
		Width: 600px;
	}
	.Content2 {
		Position: Relative;
		Top: -517px;
		Height: 0px;
		Display: Inline-block;
		Margin-Left: 225px;
		Vertical-Align: Middle;
	}


	.Content3 {
		Top: 635px;
		Position: Relative;
		Display: Inline-block;
		Margin-Right: 225px;
		Vertical-Align: Middle;
	}

	.ContentRegister {
		Margin-Top: 40px;
		Margin-Bottom: 0px;
	}

	.Footer {
		Height: 60px;
	}

}