﻿/*
	MASTER STYLESHEET FOR SKI.DK
	all rights reserved
	
	VERSION: 		1.3
	LAST MODIFIED:	11-DEC-2007
	MODIFIED BY:	msa@cubizz.com
*/

/* IMPORT */
@import url(mainmenu.css);


* {
		margin: 0;
		padding: 0;
		font-size: 100%;
	}

body {
		background-color: #a0a8a8;
		background-image: url(/Style%20Library/Images/SKI/bg_ski_logo_tile.gif);
		color: #000;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.84em;
		line-height: 1.33;
		padding-bottom: 2em;
	}

th, caption {
		text-align: left;
	}

hr {
		height: 0;
		margin: 9px 0;
		border-bottom: #F2F4F4;
		border-width: 0 0 3px 0;
		border-style: none none solid none;
		clear: both;
	}

p {
		margin-bottom: 1em;
	}

img {
		border: none;
	}

h1, h2, h3, h4, h5 {
		font-family:  Arial, Helvetica, sans-serif;
		font-weight: bold;
	}
	
	h1 {
		font-size: 1.8em;
		line-height: 1;
		font-weight: normal;
		margin-bottom: .75em;
	}
	
	h1#masthead {
		height: 60px;
		margin: 11px 0 0 20px;
		float: left;
	}

	
	h2 { font-size: 1.6em; }
	
	h3 { font-size: 1.4em; }
	
	h4 { font-size: 1.1em; }
	
	h5 { font-size: 1em; }
	
	h6 {											/* date under h1 */
		font-size: 1em;
		margin-top: -1.1em;
		font-weight: normal;
		margin-bottom: .75em;
	}

/*
	### LINKS ###
*/
a, a:link, a:active, a:visited, a:hover
	{
		color: #000;
		text-decoration: underline;
	}
	
	a.arrow, a.arrow:link, a.arrow:active, a.arrow:visited, a.arrow:hover {
		color: #2778a3;
		text-decoration: none;
	}

	a.arrow:hover {
		text-decoration: underline;
	}
	
	a.arrow img {
		margin-bottom: 1px;
	} 
	
li {
		line-height: 1.33;
	}
  li a:link,li a:active,li a:visited,li a:hover {
		color: #2778a3;
		text-decoration: none;
	}

form {
		display: inline;
		margin: 0;
	}

.inpfield, select {
		border: 1px solid #7f9db9;
		background-color: #FFF;
		
	}

	select {
		padding: 0;
	}

.inpbtn {
	padding: 0 10px;
}

.width-215px {
		width: 215px;
		margin-right: 45px;
	}
	
.width-115px {
		width: 115px;
		margin-right: 45px;
	}
	
.width-130px {
		width: 130px;
		margin-bottom: 7px;
	}
	
.inpfield-small {
		width: 90px;
		margin-right: 5px;
		border: 1px solid #7f9db9;
		background-color: #FFF;
		padding: 2px;
	}

#related .box .inpfield {
		width: 130px;
		padding: 2px;
		margin-bottom: 10px;
	}	
	
.wide {
	width: 300px;
}	
	
/*
	### PAGE TOP & FOOTER ###
*/
#top, #footer {
		width: 976px;
		margin: 8px auto 0 auto;
		text-align: left;
		background-color: #FFFFFF;
	}
	
	#footer {
		width: 976px;
		margin: 0 auto 0 auto;
		text-align: center;
		background-color: #f2f4f4;
		padding: 5px 0;
		font-size: 85%;
	}
	
	
/*
	### MAIN PAGEWRAP ###
*/
#pagewrap {
	width: 936px;
    margin: 9px auto 0 auto;
    padding: 9px 20px 5px 20px;
	background-color: #fff;
}


/*
	### CONTENT COLUMN ###
*/
#content {
		float: left;
		width: 536px;
	}
	
	#content ul {
		list-style-type: square;
		list-style-position: outside;
		list-style-image: url(/Style%20Library/Images/SKI/gx_list_sqbullet.gif);	
		margin-left: 1.5em;
	}
	
	#content li {
				 margin-bottom:10px;
	}


.columns2,
.columns3,
.columns4 {
		clear: both;
		background: #fff;
	}
	.columns2 div {
		display: inline;
		float: left;
		width: 253px;
		margin-right: 30px;
		margin-bottom: 25px;
	}
	
	.columns3 {
		margin-left: -9px;
	}
	.columns3 div {
		display: inline;
		float: left;
		margin-left: 9px;
		width: 172px;
	}
	.columns4 div {
		display: inline;
		float: left;
		width: 127px;
		margin-right: 9px;
		margin-bottom: 25px;
	}

div.firstdiv div {
		margin-top: -46px;		
	}
	
.firstdiv div h1 {
		margin-top: 10px;
	}
	
div.last {
		margin-right: 0;
	}

div.clear {
	clear: both;
	height: 0;
	float: none;
	overflow: hidden;
}

.pagebottom {
	margin-bottom: 25px;
}

.date {
	font-size: .85em;
}

/*
	### RELATED ITEMS (RIGHT COLUMN) ###
*/
#related {
		width: 160px;
		float: right;
	}
	
	#related div.box {
		margin-bottom: 13px;
		background-image: url(/Style%20Library/Images/SKI/bg_related_box.gif);
		background-color: #F1F2F2;
		background-repeat: repeat-y;
	}
	
	#related div.box div {
		padding: 3px 12px 10px 12px;
	}
	
	#related div.box table {
		margin-bottom: 1em;
	}
	
	#related div.box td {
		padding: 1px 3px 1px 0;
		vertical-align: top;
	}

	#related div.netindkoeb {
		background-image: url(/Style%20Library/Images/SKI/bg_box_netindkoeb.gif);
		background-color: #a2c6dd;
		color: #fff;
	}
	
	#related div.netindkoeb a {
		color: #fff;
	}
	
	#related div.netindkoeb p {
		margin: 0;
	}
	

/*
	### SITETOOLS ###
*/
.sitetools {
		z-index: 19;
		position: relative;
		float: right;
		margin: 0 0 22px 22px;
	}

	.sitetools img {
		margin-left: 2px;
	}


.pagetools {
	float: left;
}


.contentbox, .infobox, .detailbox {
	background-color: #f2f4f4;
	background-repeat: no-repeat;
	background-position: 0 bottom;
}

.contentbox {
		padding: 9px 9px 18px 9px;
		background-image: url(/Style%20Library/Images/SKI/gx_arrow_down_content.gif);
		margin: 9px 0;
	}
	
	.contentbox table {
		margin-top: 9px;
	}

.infobox {
	padding: 16px 8px 32px 8px;
	margin-top: 30px;
	background-image: url(/Style%20Library/Images/SKI/gx_infobox_arrow.gif);
}

div.detailbox {
	padding: 9px 9px 9px 13px;
	width: 231px;
	background-image: url(/Style%20Library/Images/SKI/gx_arrow_left_detailbox.gif);
	background-position: 0 top;
}


.newsicon {
	vertical-align: middle;
}

.align-center {
	text-align: center;
}
.align-right {
	text-align: right;
	white-space: nowrap;
}
/*
	### GLOBAL NAVIGATION ###
*/
#globalnav
	{
		background-image: url(/Style%20Library/Images/SKI/bg_globalnav.gif);
		background-repeat: repeat-x;
		margin-right: 20px;
		float: right;
		width: 497px;
		font-size: 70%;
		display: inline;
	}

	#globalnav ul
	{
		float: left;
		list-style: none;
		margin: 0 10px 0 5px;
	}
	
	#globalnav a
	{
		text-decoration: none;
		color: #000;
		padding: 0 5px;
		text-transform: uppercase;
		line-height: 30px;
		display: block;
	}
	
	#globalnav li a:hover, 
	#globalnav li a.selected
	{
		background-color: #6b7373;
		color: #ffffff;
	}


	#globalnav li a.loginlink,
	#globalnav li a.logoutlink
	{
		background-image: url(/Style%20Library/Images/SKI/ic_lock_open.gif);
		background-repeat: no-repeat;
		background-position: right center;
		padding-right: 15px;
	}

	#globalnav li a.logoutlink
	{
		background-image: url(/Style%20Library/Images/SKI/ic_lock_closed.gif);
	}

.searchfield {
		border: 1px solid #a5acb2;
		padding: 2px 0 2px 3px;
		width: 95px;
	}

#top-search	{
		float:right;
		margin-right: 5px;
	}
	
	#top-search a {
		padding: 2px;
		display: inline;
		margin-left: 1px;
	}
	
	#top-search a:hover {
		color: #fff;
		background-color: #6b7373;
	}


/*
	### BREADCRUMB ###
*/
#breadcrumb
	{
		font-size: 85%;
		color: #FFF;
		background-repeat: repeat-x;
		height: 22px;
		padding-left: 8px;
		padding-top: 12px;
		margin-bottom: 28px;
	}
	
	#breadcrumb a, #breadcrumb a:link, #breadcrumb a:hover, #breadcrumb a:active, #breadcrumb a:visited {
		text-decoration: none;
		color: #FFF;
	}
	
	#breadcrumb a:hover {
		text-decoration: underline;
	}
	
	#breadcrumb a.active {
		font-weight: bold;
	}


/*
	### HEADERBOX ###
*/
#headerbox
	{
		width: 754px;
		float: left;
		background-repeat: repeat-x;
		margin-bottom: 5px;
	}
	
#headerbox-content
	{
		background-image: url(/Style%20Library/Images/SKI/gx_arrow_down_headerbox.gif);
		background-repeat: no-repeat;
		background-position: 0 bottom;
		height: 92px;
		color: #fff;
		padding: 13px 0 0 13px;
	}
	
	#headerbox-content h1 {
		margin-bottom: .6em;
	}
	
	#headerbox-content p {
		width: 450px;
	}


/*
	### SECONDARY MENU ###
*/
#submenu {
		padding-right: 26px;
		float: left;
		width: 192px;
	}
	
	
	/* the links */
	#submenu a {
		text-decoration: none;
		padding: 5px 5px 5px 8px;
		display: block;
	}
	
	#submenu a.selected,
	#submenu a.active {
		color: #FFF;
	}
	
	#submenu a.active {
		font-weight: bold;
	}
	
	#submenu ul {
		border-bottom: 1.7em solid #f2f4f4;
	}
	
	#submenu ul ul,
	#submenu ul ul ul,
	#submenu ul ul ul ul {
		border-bottom: 0;
	}
	
	/* the li's */
	#submenu ul li {
		display: inline;
		list-style: none;
		line-height: 1.1;
	}
				
	/* the ul's */
	#submenu ul ul ul {
		border-left: 16px solid #fff;
		background-color: #e2e8e8;
	}
	


	/* level2collapsed ul's */
	#submenu ul.level2collapsed ul ul {
		border: none;
	}
	
	#submenu ul.level2collapsed ul ul ul {
		border-left: 16px solid #fff;
		padding-top: 0;
		background-image: none;
	}
	
	/* css3 neatness */
	/*#submenu ul.level2collapsed ul ul ul li:first-child a {
		padding-top: 7px;
	}
	#submenu ul.level2collapsed ul ul ul li:last-child a {
		padding-bottom: 7px;
	}*/
	
	
	#submenu ul ul a,										/* LEVEL 2 */
	#submenu ul.level2collapsed ul ul a {					/* L2C - LEVEL 3 */
			background-color: #f2f4f4;
		}
		
		#submenu ul ul a:hover,
		#submenu ul.level2collapsed ul ul a:hover {
			background-color: #dee4e4;
		}
	
	#submenu ul ul ul a,									/* LEVEL 3 */
	#submenu ul ul ul ul a,									/* LEVEL 4 */
	#submenu ul.level2collapsed ul ul ul a {				/* L2C - LEVEL 4 */
			background-color: #e7ebeb;
		}
		
		#submenu ul ul ul a:hover,
		#submenu ul ul ul ul a:hover,
		#submenu ul.level2collapsed ul ul ul a:hover {
			background-color: #d5dcdd;
		}		
	
	#submenu ul ul ul ul a,									/* LEVEL 4 */
	#submenu ul.level2collapsed ul ul ul ul a {				/* L2C - LEVEL 5 */
			background-color: #dde3e3;
		}
		
		#submenu ul ul ul ul a:hover,
		#submenu ul.level2collapsed ul ul ul ul a:hover {
			background-color: #ccd5d6;
		}
	
	#submenu ul.level2collapsed ul a.selected:hover,		/* LEVEL 2 SELECTED */
	#submenu ul ul a.selected,
	#submenu ul ul ul.selected {
			background-color: #6f8d8d;
		}
	
	
	#submenu ul.level2collapsed ul ul a.selected:hover,		/* LEVEL 3 SELECTED */
	#submenu ul ul ul a.selected,
	#submenu ul ul ul ul.selected {
			background-color: #88a1a1;
		}
	
	#submenu ul.level2collapsed ul ul ul a.selected:hover,	/* LEVEL 4 SELECTED */
	#submenu ul ul ul ul a.selected,
	#submenu ul ul ul ul ul.selected {
			background-color: #9cb1b1;
		}
	
	#submenu ul ul a.active,								/* ACTIVE LINKS */
	#submenu ul ul a.active:hover,
	#submenu ul ul ul a.active,
	#submenu ul ul ul a.active:hover,
	#submenu ul ul ul ul a.active,
	#submenu ul ul ul ul a.active:hover,
	#submenu ul ul ul ul ul a.active,
	#submenu ul ul ul ul ul a.active:hover {
		/*	don't change colour!	*/
			background-color: #587b7b;
		}

	#submenu ul ul a.selected,
	#submenu ul ul ul a.selected
	{
		padding-bottom: 5px;
		margin-bottom: 0;
	}
	
	#submenu ul ul a.active,
	#submenu ul ul ul a.active,
	#submenu ul ul ul ul a.active,
	#submenu ul ul ul ul ul a.active {
		background-image: url(/Style%20Library/Images/SKI/gx_arrow_right_submenu.gif);
		background-repeat: no-repeat;
		background-position: right 50%;
		padding-bottom: 5px;
		margin-bottom: 0;
		margin-right: -4px;
	}

	#submenu ul ul a.selected {
		background-image: none;
		margin-right: 0;
	}
	
	#submenu ul ul img {
		float: left;
	}
	
	#submenu ul.selected,
	#submenu ul.level2collapsed ul.selected {	
		padding-top: 9px;
		background-image: url(/Style%20Library/Images/SKI/gx_arrow_down_submenu.gif);
		background-repeat: no-repeat;
	}
	
	#submenu ul ul.selected ul,
	#submenu ul.level2collapsed ul.selected ul ul {
		padding-top: 0px;
	}	
	
	#submenu .parent-active,
	#submenu .parent-selected {
		height: 4px;
		background-image: url(/Style%20Library/Images/SKI/gx_arrow_down_submenu_pact.gif);
		z-index: 5;
		position: relative;
		margin-bottom: -4px;
	}
	
	#submenu .parent-selected {
		background-image: url(/Style%20Library/Images/SKI/gx_arrow_down_submenu_psel.gif);
	}
	

/*
	### SEND TO A FRIEND BOX ###
*/
#staf
	{
		position: absolute;
		z-index: 20;
		margin-top: 25px;
		margin-left: 280px;
		width: 256px;
		background-color: #F2F4F4;
		background-image: url(/Style%20Library/Images/SKI/bg_staf.gif);
		background-repeat: repeat-x;
		background-position: 0 4px;
	}
	
	#staf h1 {
		font-size: 100%;
		margin-bottom: 15px;
		font-weight: bold;
	}
	
	#staf input, #staf a.arrow {
		font-size: 90%;
	}
	
	#staf textarea.inpfield {
		border-color: #a5acb2;
		margin-top: 4px;
	}
	
	#staf .inpfield {
		margin-bottom: 9px;
		width: 220px;
	}
	
	#staf .sendbtn {
		float: right;
		margin-right: -6px;
	}
	
#stafform, 
#stafprogress
	{
		padding: 16px 18px;
		background-image: url(/Style%20Library/Images/SKI/gx_staf_top.gif);
		background-repeat: no-repeat;
	}
	
	#stafprogress img {
		display: block;
		margin: 40px auto;
	}

/*
	### DETAIL TABLE ###
*/
table.detail tbody tr th {
		font-weight: normal;
		padding-right: 15px;
		vertical-align: top;
	}
	
	table.detail tbody tr.groupstart td,
	table.detail tbody tr.groupstart th {
		padding-top: 10px;
	}

/*
	### FORM TABLE ###
*/
table.form tbody tr td,
table.form tbody tr th {
		padding: 2px 0;
		vertical-align: middle;
	}
	
	table.form tbody tr th {
		font-weight: normal;
		padding-right: 15px;
	}
	
/*
	### SORTABLE TABLE ###
*/
table.sortable {
		border-collapse: collapse;
		margin: 10px 0;
	}
	
	table.sortable thead a {
		text-decoration: none;
		display: block;
	}
	
	table.sortable thead a:hover,
	table.sortable tbody tr td a:hover {
		text-decoration: underline;
	}
	
	
	table.sortable thead tr th {
		background-color: #F2F4F4;
		border-right: 2px solid #ffffff;
		padding: 0 5px 2px 5px;
		background-image: url(/Style%20Library/Images/SKI/gx_noarrow_down.gif);
		background-repeat: repeat-x;
		background-position: 0 bottom;
		white-space: nowrap;
	}
	
	table.sortable thead tr th a {
		padding: 3px 45px 5px 0;
		background-image: url(/Style%20Library/Images/SKI/bn_sorter.gif);
		background-repeat: no-repeat;
		background-position: right top;
	}
	
	table.sortable thead tr th a.mini {
		padding: 6px 20px 6px 0;
		background-image: url(/Style%20Library/Images/SKI/bn_sortermini.gif);
		background-repeat: no-repeat;
		background-position: right top;
	}
	
	table.sortable thead tr th.sorted {
		background-color: #668686;
		background-image: url(/Style%20Library/Images/SKI/gx_arrow_down_content.gif);
		color: #ffffff;
	}
	
	table.sortable thead tr th.sorted a {
		color: #ffffff;
		background: none;
		padding-right: 5px;
	}
	
	table.sortable tbody tr th
	{
		padding: 5px 5px 0 5px;
		border-top: 2px solid #F2F4F4;
		border-right: 2px solid #FFFFFF;
	}
	
	table.sortable tbody tr.first th {
		border-top: none;
	}
	
	table.sortable tbody tr td a {
		color: #2778a3;
		text-decoration: none;
	}
	
	table.sortable tbody tr td {
		padding: 4px 5px 6px 5px;
		vertical-align: top;
	}
	
	table.sortable .price {
		text-align: right;
		white-space: nowrap;
	}


/*
	### TABLE WITH NUMBERS ###
*/
.tableheader {
	background-image: url(/Style%20Library/Images/SKI/gx_arrow_down_content.gif);
	padding: 7px 7px 28px 7px;
	background-repeat: no-repeat;
	background-position: 0 bottom;
	color: #ffffff;
	margin-bottom: 4px;
}

table.numbers {
		border-bottom: 3px #f2f4f4 solid;
	}
	
	table.numbers td, table.numbers th {
		border-left: 3px #FFF solid;
		border-bottom: 1px #FFF solid;
		vertical-align: middle;
		line-height: 1;
		text-align: right;
	}
	
	table.numbers tbody td, table.numbers tbody th {
		background-color: #f2f4f4;
		padding: 2px 7px 0 7px;
		font-weight: normal;
	}
	
	table.numbers tbody th {
		background-color: #ffffff;
		font-weight: bold;
		border-top: 3px #FFF solid;
		border-left: none;
	}
	
table.numbers td.first, table.numbers th.first {
	border-left: none;
	text-align: left;
}
table.numbers thead th {
	color: #ffffff;
	background-color: #b5c4c4;
	vertical-align: middle;
	padding: 6px 7px 3px 7px;
	text-align: right;
	border-bottom: 3px #FFF solid;
} 

/*
	### TABLE WITH SPECIAL HEADER ###
*/

.supertable div {
		text-align: right;
		padding: 2px 5px 6px 0;
		color: #fff;
		background-color: #b5c4c4;
		width: 531px;
		font-weight: bold;
		background-image: url(/Style%20Library/Images/SKI/gx_arrow_down_content_reverse.gif);
		background-repeat: no-repeat;
		background-position: right bottom;
	}
	
	.supertable div.indent2 {
		width: 483px;
	}
	
	.supertable div.indent3 {
		width: 435px;
	}
	.supertable div.indent4 {
		width: 387px;
	}
	.supertable div.indent5 {
		width: 339px;
	}
	.supertable div.indent6 {
		width: 291px;
	}
	.supertable div.indent7 {
		width: 243px;
	}
	
	.supertable table {
		width: 100%;
		margin-bottom: 2em;
	}
	.supertable th,
	.supertable td {
		text-align: left;
		background-color: #f2f4f4;
		padding:0 5px;
		font-weight: normal;
		border-bottom: 1px solid #fff;
	}
	.supertable tr.header th,
	.supertable tr.header td {
		font-weight: bold;
		background: none;
		padding-bottom: 2px;
		padding-top: 10px;
	}
	.supertable td {
		width: 35px;
		border-left: 3px solid #fff;
		text-align: center;
	}


/*
	### SEARCH RESULT ###
*/
table.searchresult {
		margin-bottom: 20px;
		width: 100%;
		border-collapse: collapse;
	}
	
	table.searchresult th {
		padding-top: 1em;
	}
	
	table.searchresult td {
		padding-right: 15px;
		vertical-align: top;
	}
	
	table.searchresult td.align-right {
		padding-right: 0;
	}

table.two-columns td {
	width: 50%;
}

table.compact tbody tr td,
table.compact tbody tr th {
		padding: 0px 5px 0px 5px;
	}

	table.compact tbody tr th {
		border-top: none;
		padding-top: 1em;
	}
	
	table.compact tbody tr.first th {
		padding-top: 5px;
	}
/*
	### SEARCH RESULT FOOTER ###
*/
table.searchresultfooter
{
	margin-bottom: 20px;
	width: 100%;
	border-collapse: collapse;
}
	
	table.searchresultfooter tr td
	{
		background-color: #F2F4F4;
		padding: 4px 0 2px 5px;
		vertical-align: middle;
		width: 100%;
		background-image: url(/Style%20Library/Images/SKI/gx_arrow_up_content.gif);
		background-repeat: no-repeat;
	}
	.searchresultfooter td.buttons {
		text-align: right;
		padding: 0;
		width: auto;
		background: none;
		vertical-align: bottom;
		border-left: 2px solid #fff;
	}
	
	.searchresultfooter img { 
		vertical-align: middle;
	}