html
	{
		text-align: center;
		background: #001D4E;
		color: #FFF;
	}
	
	.clearBoth { 
	  clear: both; 
	  height: 1px; 
	}
	
	.clearBoth0 { 
	  clear: both; 
	}
	
	
	body {
		position: relative;
		margin: 0; 
		padding: 0; 
		color: #FFF;
		text-align: center;
		/*z-index: -2;*/
		font-family: "weblysleek_uilight", Verdana, sans-serif;
		font-size: 15px;  
	}

	input {
		-webkit-appearance: none;
		border-radius: 0;
	}
	
	h1, h2, h3, h4, h1 *, h2 *, h3 *, h4 *, h1 a, h2 a, h3 a, h4 a, h1 a:link, h2 a:link, h3 a:link, h4 a:link {}
	h1 { padding-bottom: 0px; }
	h1, h1 *, h1 a, h1 a:link { font-size: 30px; margin-bottom: 10px;}
	h2, h2 *, h2 a, h2 a:link { font-size: 24px;; margin-bottom: 10px;}
	h3 { padding-bottom: 5px; }
	h3, h3 *, h3 a, h3 a:link { font-size: 18px;}
	h4 { padding-bottom: 5px; }
	h4, h4 *, h4 a, h4 a:link { font-size: 15px;}
	h5, h5 *, h5 a, h5 a:link { font-size: 10px;}
	
	.vspace {
	  height: 20px;
	}
		
	strong {
	  font-weight: bold; 
	}
	
	b {
	  font-weight: bold; 
	}
	
	em {
	  font-style:italic;
	}
	
	ol {
	  list-style:decimal;
	}
	
	ol, ul {
	  list-style-position:inside;
	}
	
	.uppercase 
	{
		text-transform: uppercase;
	}
	
	img 
	{
	    border: 0;
	    margin: 0;
	    padding: 0;
	}
	
	#container {
		width: 900px;
		margin: 0 auto; 
		padding: 0 0 0 0;		
		
	}
	
	
	#header
	{
		position: relative;
		text-decoration: none;
		text-align: left;
		margin: 0;
		color:#FFF;		
		padding-top: 10px;
	    /*border-bottom: 1px dotted #AAA;*/
	}
		
	
	
	#sitelogo {
		position: relative;
		max-width: 100%;
	}
		
	#sitelogo img {
		max-width: 100%;
		vertical-align: middle;
	}
		
	span.headerText {
		font-size: 40px;  
		vertical-align: middle;
	}

	#menuwrapper {
		position: relative;
		text-align: right;
		float: right;
		margin-right: 30px;
	}
	
	#menuwrapper:after {
		clear: both;
	}
	
	#content {
		width: 100%;
	}

	#footer 
	{
	    border-top: 1px dotted #AAA;
		position: relative;
		color:#AAA; 
		text-align: center;
		font-size: 13px;
		margin-bottom: 20px;
		padding-top: 10px;
	}
	
	sub {
	  font-size: 9px;
	}
	
	sup {
	  font-size: 9px;
	}
	
	/* ----  TOP NAVIGATION  ---- */
	#topmenu 
	{
	    position: relative;
	    text-align: right;
	    font-size: 10px;
	}
	
	#topmenu ul.top-nav 
	{
	    position: relative;
	    text-align: right;
	    font-size: 13px;
	}

	#topmenu ul.top-nav a
	{
	    color: #FFF;
	    text-decoration: none;
	}
	
	#topmenu ul.top-nav a:hover
	{
	    text-decoration: underline;
	}
	
	#topmenu ul.top-nav li {
		/*float: left;*/
		padding-left: 10px;
		display: inline;
	}
	
	#logininfo {
		text-align: right;
		font-size: 11px;
		margin-top:40px;
	}

	#logininfo #submit{
		border: 1px solid #FFF;
		background: #001D4E;
		color: #FFF;
		margin: 0 10px;
	}

	/* ----  MAIN NAVIGATION  ---- */
	
	#main-menu 
	{
	    width: 170px;
	    min-height: 200px;
	    margin-right: 60px;
	    float: left;
	    text-align: left;
	    display: block;
	}
		
	#main-menu-mobil 
	{
	    text-align: left;
	    display: none;
	    margin-bottom: 10px;
	}
	
	#dropitButton
	{
	    font-size: 15px;
	    text-decoration: none;
	    color: #000;
	    padding: 5px;
	    border: 1px solid #000;
	}
	
	
	span.dropit-text, #dropitButton img 
	{
	    vertical-align: middle;
	}
	
	
/* ----  1st LEVEL NAVIGATION ---- */

ul.nav1level
{
    color: #000;
    font-size:15px;
    padding: 0px 0px;
    /*border-bottom: 1px solid #999;*/
}

ul.nav1level li{
  padding: 5px 0px 5px 0;
  border-bottom: 1px solid #999;
}

ul.nav1level li.last{
  /*border-bottom: 1px solid #999;*/
}

ul.nav1level a{
    color: #000;
    text-decoration: none;
    margin: 12px 0px;
}

ul.nav1level a.selected {
  font-weight: bold;
}

ul.nav1level a:hover {
  text-decoration: underline;
}

/* ----  2nd level NAVIGATION  ---- */

ul.nav2level
{
    color: #000;
    font-size:13px;
    padding: 0px 0px;
    margin: 7px 0 0 0;
    border-top: 1px solid #999;
}

ul.nav2level li{
  padding: 5px 0px 5px 0;
  margin-left: 25px;
  border: 0px;
  font-weight: normal;
}

ul.nav2level a{
    color: #000;
    text-decoration: none;
    margin: 12px 0;
    font-weight: normal;
}

ul.nav2level a.selected {
  font-weight: bold;
}

ul.nav2level a:hover {
  text-decoration: underline;
}


/* ----  1st LEVEL NAVIGATION MOBILE---- */

ul.nav1level-mobile
{
    color: #000;
    font-size:15px;
    padding: 0px 0px;
	border: 1px solid #000;
	padding: 5px;
    -webkit-box-shadow: 0px 1px 5px 0px #000;
	-moz-box-shadow: 0px 1px 5px 0px #000;
	box-shadow: 0px 1px 5px 0px #000;
    background: #FFF;
    
}

ul.nav1level-mobile li{
  padding: 10px 20px;
  border-bottom: 1px solid #999;
}

ul.nav1level-mobile li.last{
  /*border-bottom: 1px solid #999;*/
}

ul.nav1level-mobile a{
    color: #000;
    text-decoration: none;
    margin: 12px 0px;
}

ul.nav1level-mobile a.selected {
  font-weight: bold;
}

ul.nav1level-mobile a:hover {
  text-decoration: underline;
}

/* ----  2nd level NAVIGATION MOBILE  ---- */

div.nav2level-mobile
{
    color: #000;
    font-size:13px;
    padding: 0px 0px;
    margin: 7px 0 0 0;
    /*border-top: 1px solid #999;*/
	background: #FFF;    
}

div.nav2level-mobile div.sub2li{
  padding: 5px 0px 5px 0;
  margin-left: 25px;
  border: 0px;
  font-weight: normal;
}

div.nav2level-mobile a{
    color: #000;
    text-decoration: none;
    margin: 12px 0;
    font-weight: normal;
}

div.nav2level-mobile a.selected {
  font-weight: bold;
}

div.nav2level-mobile a:hover {
  text-decoration: underline;
}
	
	/* ----     SIDEBAR BOXES    ---- */
	
	#sidebar-boxes
	{
	    width: 275px;
	    margin-left: 60px;
	    min-height: 200px;
	    float: right;
	}
	
	div.sidebarBox 
	{
	    width: 275px;
	    height: 150px;
	    margin: 0px 0px 20px 0;
	    text-align: center;
        -webkit-box-shadow: 0px 1px 5px 0px #000;
		-moz-box-shadow: 0px 1px 5px 0px #000;
		box-shadow: 0px 1px 5px 0px #000;
	}
	
	/* ---- images floating----*/
	p.left, p.right {
	  margin: 0 !important;
	}
	
	img.left {
	  float: left;
	  margin: 0 1em 1em 0 !important;
	}
	
	img.right {
	  float: right;
	  margin: 0 0 1em 1em !important;
	}
	
	
	/* ==== page templates ====*/
	
	div.pageHeading {
		font-size: 28px;
		padding: 0 0 20px 0px;
	}
	
	#content-body 
	{
	    margin: 48px 0 32px 0;
		text-align: left;
	}
	/* ==== homepage ====*/
	
	div.pageTextHome 
	{
	    margin: 0 auto;
	    padding: 13px 0;
	    border-top: 1px solid #000;
	    border-bottom: 1px solid #000;
	    font-size: 16px;
	    font-style:italic;
	    width: 730px;
	}
	
	#loginform {
		width: 45%;
		border: 1px dotted #888;
		float: left;
		font-size: 14px;
	}

	div.loginboxtext {
		padding: 10px;		
	}
	
	div.loginboxheader {
		padding: 10px 10px 0 10px;
		font-size: 20px;
	}
	
	#loginBody{
		padding: 0 10px 10px 10px;
	}

	#loginBody label{
		width: 70px;
	}

	div.fieldlabel {
		float: left;
		width: 80px;
		text-align: right;
		margin-right: 10px;
		font-size: 16px;
	}

	ul#loginList li {
		margin: 5px 0;
	}

	ul#loginList #username,
	ul#loginList #password {
		margin: 5px 0;
		border: none;
		font-size: 15px;
		padding: 3px 5px;
	}

	#submit {
		margin: 10px;
		padding: 5px;
	}


	div.frontBodyText {
		margin-bottom: 10px;
	}

	div.frontBodyTextpublic {
		margin-bottom: 30px;
	}

	#forsidebutikker {
		width: 45%;
		float: left;
		font-size: 14px;
	}

	#textpages {
		width: 45%;
		float: right;
		
	}


	div.tpLink {
		padding: 5px 0;
	}

	div.tpLink a{
		color: #EEE;
	}


	/* ==== text page ====*/
	#page-content 
	{
	    width: 395px;
	    float: left;
	    text-align: left;
	    /*margin-left: 230px;*/
	}
	
	div.pageText p 
	{
	    margin-bottom: 10px;
	}
	
	#page-content-full 
	{
	    width: 730px;
	    float: left;
	    text-align: left;
	}

	div.textpagepublicHeader {
		margin-bottom: 10px;
		font-size: 25px;
	}

	div.textpagepublic {
		margin-bottom: 20px;
	}

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

	/* ==== newsletter ====*/
	div.footer-text .newsletter {
		margin: 10px 0;
	}
	
	div.footer-text #txtEmail {
		height: 20px;
		border: 0;
		padding: 0 0 0 10px;
		width: 160px;
		font-size: 11px;
		vertical-align: middle;	
	}
	
	div.footer-text #btnSubmit {
		height: 20px;
		width: 25px;
		border: 0;
		background: #FFF url('/images/tilmeld.png') no-repeat;
		vertical-align: middle;
	}

	/* ==== gallery ====*/
	img.galleryThumb {
		float: left;
		border: 0;
		margin: 5px;
	}


	/* ==== buttons ====*/

	div.webshopbutton {
		background: #0077C6;
		width: 300px;
		height: 150px;
		font-size: 25px;
		text-align: center;
		margin: 5px;
		float: left;
	}

	div.wbTitle {
		padding-top: 60px;
	}

	div.wbTitle a{
		color: #FFF;
		text-decoration: none;
	}


	/* === cart ===*/

	div.cart-btn-prev {
		float: left;
		background: #0077C6; /*#606060;*/
		font-size: 16px;
		text-align: left;
		margin: 5px 0;
		padding: 5px 10px;
		vertical-align: bottom;
	}

	div.cart-btn-chst {	
		background: #267800;
	}

	div.cart-btn-prev a{
		color: #FFF;
		text-decoration: none;
	}

	div.cart-btn-next {
		float: right;
	}

	div.cart-btn-next a{
		color: #FFF;
        font-weight: bold;
	}

	div.cart-btn-next input.btn{
		background: #0077C6;
		/*width: 310px;		*/
		font-size: 20px;
		text-align: center;
		margin: 5px 0;
		padding: 5px 10px;
		border: none;
		color: #FFF;
		font-family: "weblysleek_uilight", Verdana, sans-serif;
	}

	div#cartBottom {
		padding: 10px 0;
	}

	div.error {
		background: #F00;
		color: #FFF;
		padding: 20px;
		font-weight: bold;
		margin: 10px 0;
	}

    div.error a {
        color: #FFF;
    }

	input#ankomstdato {
		display: block;
	}

	div.datalabel {
		float: left;
		width: 45%;
		text-align: right;
		margin: 10px;
	}
	div.datainput {
		width: 45%;
		text-align: left;
		float: left;
		margin: 10px;
	}

	input.sendtilbud, input.sendbekr, input.showcancelled {
		-webkit-appearance: checkbox;
	}

	div.control-group {
		margin: 25px;
	}
	
	input[type=radio] {
		-webkit-appearance: radio;
		margin: 3px;
	}

	span.headline {
		font-weight: bold;
	}

	span.description {
		
	}

	#paymentInformation {
		padding: 10px 20px;
	}
		
    #checkkort {
        padding: 10px 10px;
    }
		
    #checkhavn {
        padding: 10px 10px;
    }
		
	/* ===  other products === */
		
		
	div.innerProduct {
		float: left;	
        width: 200px;
        height: 200px;
        border: 1px solid #FFF;
        margin: 10px;
        padding: 5px;	
	}

    div.quantity {
        margin: 5px 0;
    }

    input.quantity {
        width: 50px;
        border: 1px solid #000;
        padding: 3px 5px;
    }

    input.addToCart {
        width: 100%;
        padding: 2px 0;
        margin: 5px 0;
		background: #0077C6;
		font-size: 20px;
		text-align: center;
		margin: 5px 0;
		padding: 5px 10px;
		border: none;
		color: #FFF;
		font-family: "weblysleek_uilight", Verdana, sans-serif;
    }

    div.orderLineCol {
        float: left;
        padding: 5px 10px;
    }

    div.orderLineCol1 {
        width: 100px;
    }
    div.orderLineCol2 {
        width: 150px;
    }
    div.orderLineCol3 {
        width: 100px;
    }
    div.orderLineCol4 {
        width: 100px;
    }


    div.orderLineRow {
        border-bottom: 1px dotted #999;
    }

    div.input-append input {
        float: left;
    }

    div.input-append input.plus,
    div.input-append input.minus {
        width: 30px;
        height: 30px;
		background: #0077C6;
		font-size: 20px;
		text-align: center;
		margin: 0;
		padding: 0 0 0 0;
		border: none;
		color: #FFF;
		font-family: "weblysleek_uilight", Verdana, sans-serif;
    }

    div.mailfieldseparator {

        height: 40px;
    }

    div.input-append input.quantity {
        height: 24px;
    }

    #rabatform {
        margin: 20px 0;
    }

    #kontantrabat_submit {
		background: #0077C6;
		font-size: 16px;
		text-align: center;
		margin: 0;
		padding: 3px 5px;
		border: none;
		color: #FFF;
		font-family: "weblysleek_uilight", Verdana, sans-serif;
    }

    #kontantrabat {
		font-size: 16px;
		margin: 0;
		padding: 3px 5px;
		border: none;
		font-family: "weblysleek_uilight", Verdana, sans-serif;
    }

    div.datainput input[type=text] {
		font-size: 16px;
		margin: 0;
		padding: 3px 5px;
		border: none;
		font-family: "weblysleek_uilight", Verdana, sans-serif;
        color: #000;
    }

    div.mobilprint {
       display: block;
       margin-right: 20px;

    }

    div.pcprint {
       display: block;
       margin-right: 20px;
       		background: #178f1a;
    }

    div.pcplcprint {
       display: block;
       margin-right: 20px;
       		background: #dd630c;
               background: #aa4e0d;
    }

    /* ========== oversigter =========== */
    div.oversigtrow {
        border-bottom: 1px dotted #999;
    }

    div.oversigtrowtr {
        border-bottom: 1px dotted #999;
        width: 850px;
    }

    div.oversigtcol {
        float: left;
        width: 100px;
           text-decoration: inherit;
           color: inherit;
    }

    div.oversigtcoltr {
        float: left;
        width: 100px;
        text-decoration: inherit;
        color: inherit;
        /*border: 1px solid #999;*/
        padding: 5px 0;
    }

    div.coldetails {
        width: 200px;
    }

    div.coldetails div{
        font-size: 13px;
    }

    div.tabheader {
        font-weight: bold;
    }

    div#oversigter {
        margin-top: 10px;
    }

    div.adminbutton {
        background: #007C90;
    }


    input.adminbtn{
		background: #0077C6;
		/*width: 310px;		*/
		font-size: 18px;
		text-align: center;
		margin: 0;
		padding: 5px 10px;
		border: none;
		color: #FFF;
		font-family: "weblysleek_uilight", Verdana, sans-serif;
	}

    select.adminlist{
		font-size: 16px;
		text-align: center;
		margin: 0;
		padding: 2px 5px;
		border: none;
		font-family: "weblysleek_uilight", Verdana, sans-serif;
	}

    input.admintext{
		font-size: 16px;
		margin: 0;
		padding: 2px 5px;
		border: none;
		font-family: "weblysleek_uilight", Verdana, sans-serif;
	}

    span.leftmargin {
        margin-left: 10px;
    }

    .datefield {
        width: 100px;
    }

    div.cancelled {
        text-decoration: line-through;
        color: #F00;
    }

    div.usedmembcard {
        margin-top: 5px;
        font-size: 12px;
        background: #0077C6;
    }
    div.usedrabbcard {
        margin-top: 5px;
        font-size: 12px;
        background: #044e05;
    }

    span.cancelled {
        background: #F00;
    }

    #alltransactions {
        position: relative;
        padding-top: 100px;
    }

    #overssummary {
        height: 90px;
        position: absolute;
        top: 0;
        left: 0;
    }

    div.oversigtcenter {
        margin-top: 10px;
        text-align: left;
    }

    div.oversigtcenter input.adminbtn{
        padding: 5px 30px;
    }

    div.controlrow {
        margin-bottom: 5px;
    }

    div.controlrow span {
        width: 200px;
        display:block;
    }

    div.controlcol {
        width: 400px;
        float: left;
        text-align: left;
    }

    div.havnekoder {
        font-size: 17px;
    }

    div.fordeling {
        margin-top: 40px;
    }

    div.fordeling div.oversigtrowtr{
        max-width: 460px;
    }

    div.fordeling div.oversigtcoltr{
        width: 150px;
    }

    /* ====== text page stander ====== */

    div.stander-menu {
        width: 190px;
        float: left;
    }

    div.stander-menu li {
        background: #0077C6;
        padding: 10px 5px;
        margin: 0 0 5px 0;
    }

    div.stander-menu a {
        color: #fff;
        text-decoration: none;
        font-size: 18px;
    }

    div.stander-menu a:hover {
        text-decoration: underline;
    }

    div.stander-textpage {
        width: 650px;
        float: right;
    }


    /* stander status */
    div.statusrow {
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 17px;
        border-bottom: 1px solid #555454;
    }
    div.headerrow {
        font-weight: bold;
        padding-top: 10px;
        border-top: 1px solid #555454;
        margin-top: 20px;
        display: block;
    }

    div.statuscol {
        float: left;
    }

    div.statuscol .innerwrapper{
        margin: 4px;
    }

    div.havnnavn {
        width: 20%;
    }

    div.antallabels {
        width: 20%;
    }

    div.printerstatus {
        width: 20%;
    }

    div.aktueltrin {
        width: 20%;
    }

    div.sidstmodtaget {
        width: 20%;
    }

    div.indicator {
        width: 15px;
        height: 15px;
        display: inline-block;
        border: 1px solid #555454;
        margin-right: 5px;
        border-radius: 15px;
    }

    div.indgreen {
        background: #178f1a;
    }

    div.indred {
        background: #cf0000;
    }

    div.indorange {
        background: #dd630c;
    }

    span.mobilelabel {
        display: none;
    }

	@media screen and (max-width: 600px) {
        div.statuscol {
            float: none;
            width: auto;
        }
        div.antallabels,
        div.printerstatus,
        div.aktueltrin,
        div.sidstmodtaget,
        div.havnnavn {
            /*padding-left: 50px;*/     
            text-align: left;
            padding: 2px 0;       
        }

        div.headerrow {
            display: none;
        }

        span.mobilelabel {
            display: inline-block;
            width: 40%;
            /*text-align:right;*/
            padding-right: 5px;
        }

        span.innerwrapper {
            font-weight: bold;
        }
	}

	/* ========== response for smaller screen  ===========*/
	
	@media screen and (max-width: 970px) {
		#container	{
			width: 95%;
		}
		
	}

	@media screen and (max-width: 650px) {
        div.stander-menu {
            float: none;
        }
        div.stander-textpage {
            width: auto;
            float: none;
            margin-top: 20px;
			text-align: left;
        }

        #forsidebutikker {
            width: 90%;
            float: none;
            font-size: 14px;
        }

        #textpages {
            width: 90%;
            float: none;
        }

	}





	@media screen and (max-width: 500px) {
		div.datalabel {
			float: none;
			width: auto;
			text-align: left;
			margin: 5px;
		}
		div.datainput {
			width: auto;
			text-align: left;
			float: none;
			margin: 5px 5px 10px 30px;
            font-weight: bold;
		}

       div.controlcol {
            width: 90%;
            float: none;
        }

	}

	@media screen and (max-width: 500px) {
		#loginform {
			float: none;
			width: 300px;
			margin: 0 auto;
		}
	
		#textpages {
			float: none;
			width: 300px;
			margin: 20px auto;
		}
		span.headerText {
			font-size: 25px;  
		}
	
		#content-body {
			text-align: center;
			margin-top: 2px;
		}
		div.webshopbutton {
			width: 90%;
			height: 100px;
			margin: 5px auto;
			float: none;
		}
	
		div.wbTitle {
			padding-top: 35px;
		}
	
		div.cart-btn-prev {
			float: none;
            padding: 20px 10px;
		}
		
		div.cart-btn-next {
			float: none;
			width: auto;
            padding: 20px 10px;
		}
	
		div#cartBottom {
			text-align: center;
		}
	
		div.cart-btn-next input.btn{
			width: 100%;
			text-align: right;
			font-size: 16px;
                        padding: 20px 10px;
		}
	
        div.mobilprint {
            display: block;
        }

    div.pcprint {
       display: none;
    }

    div.pcplcprint {
       display: none;
    }

        h1, h1 *, h1 a, h1 a:link {
            font-size: 26px;
            margin-bottom: 5px;
        }

        h2, h2 *, h2 a, h2 a:link {
            font-size: 20px;
            margin-bottom: 5px;
            font-weight: bold;
        }
	}
	
	
	@media screen and (max-width: 320px) {
		span.headerText {
			font-size: 25px;  
		}
	}




























































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */