
body { margin: 0; font-size: 10pt; font-family: arial; background-color: #ffffff; }
#wrap { background: transparent url('/images/top.png') no-repeat 0 0; width: 803px; margin: 0 auto 0 auto; }

#headfreelink { width: 300px; height: 50px; left: 20px; top: 50px; margin: 0 auto 0 auto; z-index: 1; }


#head { width: 803px; height: 111px; margin: 0 auto 0 auto; }
#head a { float: left;}
#head a img { border: none; }
a img { border: none; }
#head ul.menu { margin: 0 10px 0 0; padding: 0; list-style-type: none; float: right; font-family: verdana; font-size: 6pt; font-weight: bold; }
#head ul.menu li { margin: 0 1px 0 1px; padding: 2px 3px 0 3px; float: left; border: 0px; border-left: 1px solid darkred; border-bottom: 1px solid darkred; border-right: 1px solid darkred; }
#head ul.menu li a { text-decoration: none; color: #ffffff; }
#main { width: 803px; margin: 0 auto 0 auto; }
#main { /* for frontpage og pay  padding-top: 178px;*/ padding-top: 22px; }
#foot { width: 803px; height: 100px; margin: 0 auto 0 auto; padding: 10px 0 0 30px; }
#ffoot { *margin-top: -50px; }
#foot img { float: left; margin-right: 15px; }
.cb { background: transparent url('/images/cbc.png') repeat-y 1px 34px; margin-bottom: 14px; }
.cbt { background: transparent url('/images/cbt.png') no-repeat top left; height: 34px; width: 803px; margin: 10px 0 0 0; 
	position: relative; z-index: 2000; } 
.cbc { padding: 34px 10px 10px 10px; margin: -34px 0 -14px 0; width: 783px; 
	 position: relative; z-index: 5000; }
.cbb { background: transparent url('/images/cbb.png') no-repeat top left; height: 34px; width: 803px;
	position: relative; z-index: 3000; margin-bottom: -19px; }

h1, h2, h3, h4 { color: #298032; font-family: Verdana; clear: left; }
h1 { letter-spacing: 0.03em; font-size: 155%; margin-bottom: -34px; margin-left: 1em; padding: 0; position: relative; z-index: 10000; }
h2 { letter-spacing: 0.03em; font-size: 125%; margin-bottom: -34px; margin-left: 1em; padding: 0; position: relative; z-index: 10000; }
h3 { letter-spacing: 0.03em; font-size: 115%; margin-bottom: -34px; margin-left: 1em; padding: 20px 0 0 5px; position: relative; z-index: 10000; }
h3.faq { letter-spacing: 0.03em; font-size: 115%; margin: 0; margin-bottom: 0px; margin-left: 0em; padding: 20px 0 0 5px; position: relative; z-index: 10000; }
p.fga { padding-left: 5px; margin-top: 0; }

form div input { margin: 0; padding: 0; }
form { margin: 0; padding: 0; font-size: 8pt; }
form div label { cursor: pointer; }

form input { display: block;  clear: left; margin: 2px 0 3px 0;  }
form select { display: block; margin: 2px 0 3px 0; }


form div.lrow label { clear: left; display: block; font-family: Verdana; }
form div.drow label { clear: left; display: block; font-family: Verdana; }
form div.lrow input { float: left; clear: none; }
form div.drow input { float: left; clear: none; }

form div.lrow input { border: 1px solid gray; }
form div.drow input { border: 1px solid gray; }
form div.lrow input:focus { border: 1px solid #298032; }
form div.drow input:focus { border: 1px solid #298032; }


/*form div.drow input { float: left; clear: none; margin: 0 25px 0 0px; }
form div.lrow input { float: left; clear: none; margin: 0 25px 0 0px; }*/
li.hicc input { margin: 0 25px 0 10px; }
form div.drow { padding: 5px 0 0 0; }
form div.lrow { padding: 5px 0 0 0; }

.lrow {  float: left; width: 230px; margin: 2px 1em 2px 1em; /*border: 1px solid red;*/}
.drow {  float: left; width: 230px; margin: 2px 1em 2px 1em; /*border: 1px solid blue;*/}

/*
.drow { background-color: #f1e8ce; padding: 5px; }
.lrow { padding: 5px; }

.drow label { display: block; float: left; width: 300px; cursor: pointer; }
.lrow label { display: block; float: left; width: 300px; cursor: pointer; }

.drow input { font-size: 1em; }
.lrow input { font-size: 1em; }
*/
#captchaimg { margin: -5px 0 0 0; padding: 0; }
.formbutton { width: 300px; text-align: center; margin-bottom: -10px; margin-right: 20px; *margin-right: 10px; float: right; }
.formbutton input { padding: 0; margin-top: 0; }

/***.formbutton label { float: left; position: relative; top: -76px; left: 0px; z-index: 20000; }*/
.formbutton label { position: relative; top: -66px; left: 0px; z-index: 20000; }
#iaccept { display: inline; *margin-bottom: -10px; }
#paycards { position: relative; top: -100px; left: 0px; z-index: 20000; margin-bottom: -20px; }
#paycards img { }
#payterms { float: left; margin-bottom: -14px; }

label img { float: left; }
input#continue { margin: 0; font-size: 11pt; font-weight: bold; 
	background: transparent url('/images/knap.png') no-repeat top left; 
    color: #905708;
	height: 68px; width: 290px; border: none;
	position: relative; left: 0px; top: -30px; z-index: 10000; 
	cursor: pointer; }
input#continue { *margin-bottom: -50px; }
.iambutton {  cursor: pointer; display: block; font-size: 150%; font-weight: bold; background: transparent url('/images/knap.png') no-repeat top left; height: 68px; width: 290px; color: #905708; 
    position: relative; left: 0px; top: -30px; z-index: 10000; margin: 0; }

p.fejl a { font-size: 125%; color: red; } 
form#login .fejl { z-index: 300; position: absolute; right: 300px; margin-top: 50px; font-size: 125%; color: red; border: 3px solid red; padding: 1em; background-color: yellow; }

#paynotice { margin-top: 50px; }

#abonnement { color: green; }
#abonnementspris { color: blue; }
#amounttotal { font-size: 120%; color: blue; }

.loginbox { float: right; clear: right;
	width: 180px; height: 60px;
	margin-top: 20px;
	padding-right: 10px;
	text-align: right;
}

.loginbox form { margin: 0; padding: 0; }
.loginbox form p { margin: 0; padding: 0; }

.loginbox input { }
.loginbox a, .loginbox a:hover, .loginbox a:visited { color: #ffffff; font-size: 6pt; }
#username { border: 1px solid gray; width: 60px; height: 20px; margin-right: 5px; }
#password { border: 1px solid gray; width: 60px; height: 20px; }
#loginb { float: right; clear: none; width: 20px; height: 20px; border: none;  margin: 15px 10px 5px 0; padding: 1px; background-image: url('/images/login.png'); cursor: pointer; }

.lilab { float: left; }
.lilab label { color: #ffffff; font-size: 6pt; float: left; display: block; clear: right; height: 12px; }

label.fejl { }
span.fejl { font-size: 125%; color: red; border: 3px solid red; clear: left; float: right; margin-top: -7px; display: block; position: relative; z-index: 10001; background-color: #fefefc; }

div.pakkelist { margin-bottom: 0px; float: left; }
div.pakke { float: left; width: 200px; height: 152px; background: transparent url('/images/produkt_boks_blank_off.png') no-repeat top left; 
		margin: 0 0 15px 15px; }
div.aktivpakke { float: left; width: 200px; height: 152px; background: transparent url('/images/produkt_knap_blank_on.png') no-repeat top left; 
		margin: 0 0 15px 15px; }

div.pakke input { position: relative; top: 120px; left: 30px; }
div.pakke input { *top: 110px; *left: -60px; }
div.pakke label { position: relative; top: 0; left: 90px; width: 100px; height: 100px; display: block; text-align: right; font-size: 12pt; font-weight: bold; }
div.aktivpakke input { position: relative; top: 120px; left: 30px; }
div.aktivpakke input { *top: 110px; *left: -60px; }
div.aktivpakke label { position: relative; top: 0; left: 90px; width: 100px; height: 100px; display: block; text-align: right; font-size: 12pt; font-weight: bold; 
			 }

.clear { clear: both; float: none; display: block; }

/** trin 1, 2, 3 i betaling */
ul.s123 { display: none; text-align: left; height: 100px; list-style-type: none; padding: 0; padding-top: 0px; width: 803px; }
ul.s123 li { float: left; margin-top: 1.8em; margin-left: 5px; padding: 0; color: gray; width: 190px; height: 60px; padding-top: 60px; }
li#trin1 { background: transparent url('/images/trin1off.gif') no-repeat top left; margin-top: 0; font-style: bold;   }
li#trin1over { color: #b40000; margin-top: 0; font-style: bold;   background: transparent url('/images/trin1on.gif') no-repeat top left; }
li#trin2 { margin-top: 0; font-style: bold;  background: transparent url('/images/trin2off.gif') no-repeat top left;  }
li#trin2over { color: #b40000;margin-top: 0; font-style: bold;  background: transparent url('/images/trin2on.gif') no-repeat top left; }
li#trin3 { margin-top: 0; font-style: bold;  background: transparent url('/images/trin3off.gif') no-repeat top left;  }
li#trin3over { color: #b40000;margin-top: 0; font-style: bold;  background: transparent url('/images/trin3on.gif') no-repeat top left; }

.partners { width: 90%; margin: 10px auto 0 auto; padding-left: 10px; border: 1px solid #eeeeee; padding-top: 5px; padding-bottom: 10px; }
.partners p { width: 60%; margin: 0 0 0 auto; }
.partners img { margin: 0 10px 0 0; }
.partners a { float: left; display: block; width: 30%; height: 50px; }

pre.terms {
text-align: left; margin-left: 10px;
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}

#offers { margin: 50px 0 0 0; padding-left: 150px; background: transparent url('/images/produkt_boks_label.png') no-repeat 20px 20px; } 
 
#offers input.vaelg { position: relative; top: 1px; left: 115px; /*margin: 22px 0 0 115px; */} 
#offers label { width: 200px; height: 52px; position: relative; top: 0; left: 0; display: block; }
ul.supul { list-style-type: none; margin: 0 0 0 120px; padding: 0; }
ul.supul li { margin: 5px 0 0 0; font-weight: bold; }
h3.suph3 { margin: 20px 0 0 120px; padding: 0 0 0 0; }
.pakke34_on { width: 200px; height: 152px; background: transparent url('/images/en_hl.jpg') no-repeat top left; float: left; } 
.pakke35_on { width: 200px; height: 152px; background: transparent url('/images/to_hl.jpg') no-repeat top left; float: left; margin-left: 25px; } 
.pakke36_on { width: 200px; height: 152px; background: transparent url('/images/tre_hl.jpg') no-repeat top left; float: left; margin-left: 25px; } 
 
.pakke34_off { width: 200px; height: 152px; background: transparent url('/images/en.jpg') no-repeat top left; float: left; } 
.pakke35_off { width: 200px; height: 152px; background: transparent url('/images/to.jpg') no-repeat top left; float: left; margin-left: 25px; } 
.pakke36_off { width: 200px; height: 152px; background: transparent url('/images/tre.jpg') no-repeat top left; float: left; margin-left: 25px; } 

h3.dl { color: #0067ac; margin: 0 0 10px 0; text-align: center; }
p.ver { color: #0067ac; font-family: monospace; text-align: center; }
p.fsize { color: #0067ac; text-align: center; }
    
/** formular i status.php */
.accountstatus { padding-bottom: 40px; padding-right: 10px; }
.accountstatus form { float: none; padding-right: 10px; }
.accountstatus label { clear: left; vertical-align: middle; }
.accountstatus span { display: block; height: 20px; padding-top: 5px;   }
.accountstatus input { float: right; padding: 3px; }

/**
.ordertotal { padding-bottom: 0px; padding-right: 10px; }
.ordertotal form { float: right; padding-right: 10px; }
.ordertotal label { clear: left; vertical-align: middle; }
.ordertotal span { display: block; height: 20px; padding-top: 5px;   }
.ordertotal input { float: right; }
*/
.ordertotal { }
select#ExpireYear { }
select#ExpireMonth { clear: left; }
.payinfo { width: 75%; }
.payinfo select { float: left; }

.filename { text-align: right; font-size: 50%; }
.dllink { text-align: center; font-weight: bold; } /* til download links */
.smallprint { padding: 2em 0 0 0; margin: 0; float: none; clear: both; }
.creditcards { text-align: center; padding-top: 10px; }

address { white-space: pre; margin-bottom: 20px;  }

.fp { margin-top: 20px; }
.fp div { float: none; border: 1px solid white; }
.fp img { }
.fp p { display: inline; margin: 0 0 10px .5em; }
ul#nrr { list-style-type: none; margin: 0 0 50px 0; padding: 0; }
ul#nrr li { margin: 20px 0 0 0; }
ul#nrr li span { vertical-align: top; }

#koebnu { clear: left; float: right; margin-left: 20px; }

.buzb { font-weight: bold; color: #b60000; text-decoration: none; }

.br { height: .1em; clear: both; }
