﻿body{
	font: small/18px Tahoma, Verdana, Arial, sans-serif;
	color: #000;
	margin: 0;
	padding: 0;
	background: #fff url(../images/bg_black_tile.gif) repeat-y top left;
}

body span#right_graphic{
	background: #fff url(../images/bg_frontpage_right.jpg) no-repeat top right;
	display: block;
	width: 682px;
	height: 512px;
	position: absolute;
	right: 0;
}

img{
	float: left;
	margin: 20px 0 0 8px;
}

#wrapper{
	padding: 0;
	margin: 0;
	position: absolute;
	width: 100%;
	z-index: 10;
}

#container{
	padding: 0;
	width: 70%;
	margin: 0 0 0 100px;
}

#footer{
	float: right;
	margin: 325px 10px 0 0;
	padding: 0;
}

#footer address{
	position: relative;
	z-index: 100;
	width: 130px;
	margin: 0;
	padding: 0;
	font-style: normal;
}

#footer address p{
	margin: 0;
	padding: 0;
}

#nav{
	margin: 50px 0 0 0;
	padding: 0;
	width: 200px;
}

#nav li{
	padding: 4px 0;
	position: relative;
	margin: 0;
}

#nav a{
	padding: 0 40px 0 0;
	margin: 0;
	height: 13px;
	overflow: hidden;
	text-indent: -9999px;
	outline: none;
}

#nav li#abonner a{
	width: 126px;
	background: url(../images/abonner_sprite.gif) no-repeat top left;
	display: block;
}

#nav li#abonnement a{
	width: 148px;
	background: url(../images/abonnement_sprite.gif) no-repeat top left;
	display: block;
}

#nav li#betaling a{
	width: 148px;
	background: url(../images/betaling_sprite.gif) no-repeat top left;
	display: block;
}

#nav #abonner a:hover, #nav #abonnement a:hover, #nav #betaling a:hover, #nav #abonner a.selected, #nav #abonnement a.selected, #nav #betaling a.selected{
	background-position: 0 -13px;
}

strong, p.price{
	color: #9c1414;	
}

h1{
	margin-top: 100px;
	font-size: 270%;
	line-height: 1em;
}

#subcontainer{
	width: 550px;
	float: left;
	background: #fff;
}

#member{
	width: 250px;
	height: 250px;
	margin: 0;
	padding: 0;
	background: url(../images/bg_pattern_member.jpg) repeat top left;
}

#nonmember{
	width: 270px;
	height: 250px;
	margin: 0 0 0 7px;
	padding: 0;
	background: url(../images/bg_pattern_nonmember.jpg) repeat top left;
}

#member p, #nonmember p{
	padding: 0 30px;
}

#nonmember p{
	padding-bottom: 35px;
}

#nonmember p.price{
	padding-bottom: 0;
}

#subcontainer, #member, #nonmember{
	float: left;
}

img#cards{
	clear: both;
	margin: 0;
	padding: 20px 0;
	display: block;
}

/*styles til DIBS på side 3 starter */
#payment div#cards table{
	border-top: 1px solid #fff;
	margin: 1px 0 0 0;
	padding: 0;
	background: #d4e5f3;
	width: 525px;
	clear: both;
}

#payment div#cards td a img{
	margin: 0 0 0 -12px;
	padding: 0 2px 0 0;
}

/* styles til DIBS slutter */
ul{
	list-style: none;
}

p.last{
	margin: 0;
	padding: 0 150px 60px 0;
	clear: both;
}

p.last strong{
	font-size: 125%;
}

p.price{
	text-align: right;
	margin: 0;
	padding: 0;
}

big{
	font-weight: bold;
	font-size: 155%;
	margin: 0;
}

h3{
	margin: 0;
	padding: 25px 30px 0 30px;
	font-size: 130%;
}

form{
	margin: 0;
	padding: 16px 0 0 0;
	text-align: center;
}

form#first input{
	left: 60px;
	_left: -65px; /*fixer IE6*/
}

form#first, form#second{
	position: relative;
}

form#second{
	padding: 17px;
}

form#second input{
	left: 75px;
	_left: -60px; /*fixer IE6*/
}

#header{
	width: 525px;
}

#header p{
	text-align: right;
	padding: 0 160px 10px 0;
}

/*CSS til bestillingsproces - teksterne i toppen*/

#subcontainer ul{
	background: #f0f0f0;
	width: 525px;
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;
	height: 35px;
}

#subcontainer ul li{
	float: left;
	height: 100%;
	width: 126px;
	margin: 0;
	padding: 0;
}

#subcontainer ul li.active{
	background: url(../images/bg_bestilling.gif) no-repeat top left;
	color: #9d1415;
}

#subcontainer ul li p{
	width: 79px;
	margin: 0 0 0 20px;
	padding: 0;
	font-weight: bold;
	position: relative;
	top: 2px;
}

#subcontainer ul li p span{
	position: absolute;
	left: 0;
	top: 12px;
}

/*CSS til bestillingsprocs slut*/

#bestilling{
	width: 525px;
	margin: 0;
	padding: 0;
	background: url(../images/bg_pattern_member.jpg) repeat top left;
}

#order #bestilling p strong{
	color: #000;
}

#bestilling p.right{
	font-size: 11px;
	position: absolute;
	left: 378px;
	top: 2px;
	width: 135px;
	margin: 0;
	padding: 0;
}

fieldset{
	text-align: left;
	position: relative;
	margin: 0;
	padding: 10px 0 0 0;
	border: none;
}

fieldset li fieldset{
	padding: 20px 0 0 0;
	margin: 0;
}

fieldset li fieldset input{
	position: absolute;
	left: 160px;
}

fieldset li fieldset label{
	display: block;
	margin: 4px 0 0 180px;
}

fieldset fieldset a, #payment a, #order a{
	color: #000;
}

fieldset fieldset a:hover, #order a:hover, payment a{
	text-decoration: none;
}

ol{
	list-style: none;
	margin: 0;
	padding: 0 0 0 20px;
	font-size: 11px;
}

ol li{
	margin: 0;
	padding: 3px 0;
}

ol#buttons{
	margin: 15px 0 25px -5px;
	padding: 0;
}

ol#buttons li{
	display: inline;
	margin: 0;
	padding: 0;
}

ol#buttons li input{
	position: relative;
}

input{
	position: absolute;
	margin: 0;
	padding: 0;
	left: 180px;
}
input.second{
	position: absolute;
	margin: 0;
	padding: 0;
	left: 420px;
}

em{
	position: absolute;
	left: 332px;
	font-style: normal;
}

#confirm #bestilling, #payment #bestilling, #order #bestilling{
	position: relative;
}

#confirm #bestilling ol, #payment #bestilling ol#buttons{
	margin: 0;
	padding: 70px 0 30px 40px;
	list-style: none;
}

#payment #bestilling ol#buttons{
	padding: 25px 0 30px 0;
}

#confirm #bestilling ol li, #payment #bestilling ol#buttons li{
	display: inline;
	padding: 0;
	margin: 0;
}

#confirm #bestilling input, #payment #bestilling #buttons input{
	left: 150px;
	position: relative;
}

#confirm #bestilling input{
	left: 0px;
}

#confirm #bestilling ol li a img{ /*Styrer position af link knappen "ret oplysninger" på bekræftelse af bestilling - Kan slettes, såfremt input boksen bruges*/
	left: 0px;
	top: -20px;
	position: relative;
	border: none;
	padding: 0 4px 0 0;
}

#confirm #bestilling form, #payment #bestilling form{
	text-align: left;
}

#payment #amount strong{
	color: #000;
}

#payment fieldset#cardinfo{
	margin: 10px 0 0 0;
}

#payment fieldset#cardinfo ol{
	margin: 10px 0 0 0;
}

#payment fieldset legend{
	padding: 0 0 0 20px;
	font-weight: bold;
	color: #000;
	font-size: 11px;
}

#payment fieldset#cardinfo input{
	position: absolute;
	left: 150px;
}

#payment fieldset#cardinfo input#mm, #payment fieldset#cardinfo input#yy{
	width: 60px;
}

#payment fieldset#cardinfo input#yy{
	left: 232px;
}

#payment fieldset#cardinfo label span{
	position: relative;
	left: 88px;
}

#payment #cards{
	margin: 0;
	padding: 0;
}
/* Liste med betalingskort */
#payment fieldset#paycards{
	margin: 0 0 30px 0;
}

#payment fieldset#paycards ol{
	margin: -32px 0 0 0;
}

#payment fieldset#paycards ol li{
	display: block;
	position: relative;
	padding: 15px 0;
}

#payment fieldset#paycards ol li img{
	position: absolute;
	margin: 0;
	padding: 2px 0 0 8px;
	left: 160px;
	top: 4px;
}

#payment fieldset#paycards ol li img#jcb{
	top: -8px;
}

#payment fieldset#paycards ol li input{
	left: 140px;
	top: 8px;
	position: absolute;
}

/* Liste med betalingskort slutter */

#information{
	margin: 20px 0 0 0;
}

#amount{
	position: absolute;
	top: 28px;
	/*_left: 335px;*/
	right: 20px;
}

table{
	border-collapse: collapse;
}

td{
	padding: 5px 10px 5px 25px;
}

#amount tfoot{
	background: #000;
	color: #fff;
}

#amount tbody{
	background: #fff;
	color: #000;
}

#amount td{
	padding: 4px 10px;
}

#amount tr.first td{
	padding: 7px 15px 0 10px;
	margin: 0;
	text-align:right;
}

#amount tr.second td{
	padding: 0 15px 7px 10px;
	margin: 0;
	text-align:right;
}

#order h2, #order h3, #order h4{
	padding: 0 0 0 10px;
	margin: 0;
}

#order h3, #order h4{
	padding-bottom: 15px;
}

#order h4{
	padding-top: 30px;
	font-size: 110%;
}

#order #bestilling p{
	padding: 10px 260px 10px 10px;
	margin: 0;
}

#order table td{
	padding: 0 10px;
}

#order ul#accesories{
	list-style: none;
	background: none;
	height: auto;
	width: 150px;
	font-size: 11px;
	position: absolute;
	top: 10px;
	left: 370px;
}

#order ul#accesories li{
	width: auto;
	display: block;
	float: none;
}

#order ul#accesories li#print{
	background: url(../images/print.gif) no-repeat left center;
}

#order ul#accesories li#mail{
	background: url(../images/mail.gif) no-repeat left center;
}

#order ul#accesories li#print, #order ul#accesories li#mail{
	padding-left: 25px;
}

#abonnementsbeting h3{
	padding: 0 0 4px 0;
	margin: 0;
}

#abonnementsbeting p{
	padding: 0 0 15px 0;
	margin: 0;
}