/*
 * include/css/layout.css
 *
 * Styles for main layout elements
 * $Id: layout.css 315 2007-03-11 19:58:56Z paal $
 *
 * by idata as <post@i-data.no>
 *
*/

#main {
	width:			900px;
	min-height:		586px;
	margin:			0px auto 30px auto;
	padding:		0px 7px 0px 0px;

	background-color:	#000000;

	background-image:	url('../../img/layout/shadow-right.png');
	background-repeat:	repeat-y;
	background-position:	900px 0px;
}

* html #main {
	padding:		0px;

}

#header {
	position:		relative;
	width:			900px;
	height:			330px;
	
	margin:			0px;
	padding:		0px 7px 0px 0px;

	color:			#ffffff;
	background-color:	#000000;

	background-image:	url('../../img/layout/shadow-right_header.png');
	background-repeat:	no-repeat;
	background-position:	900px 0px;
}


#header img.mytravel {
	position:		absolute;
	right:			7px;
	top:			89px;

	margin:			0px;
	padding:		0px;
}


#header #logo {
	position:		absolute;
	top:			27px;
	left:			24px;
}

#header #accountinfo {
	position:		absolute;
	top:			5px;
	right:			10px;
	
	font-size:		9px;
	
	padding:		0px;
	margin:			0px;
}

#header #accountinfo a {
	color:			#daa018;
}

#header #mainmenu {
	display:		block;
	position:		absolute;
	left:			270px;
	margin:			0px;
	padding:		0px;

	list-style:		none;
}

#header #mainmenu li {
	float:			left;
	margin:			0px 0px 0px 5px;
	padding:		0px;
}

#header #mainmenu li img.separator {
	margin: 0px 0px 0px 5px;
}

#header #mainmenu {
	top:			97px;
}

#header #toppromo {

	height:			100px;
	position:		absolute;
	top:			120px;
}

#header #toppromo img {

	width:			900px;
	height:			200px;

}

#header #toppromo ul {
	margin:			0px;
	padding:		0px;
	list-style-type:	none;
}

#header #toppromo .promobox {
	position:		absolute;
	top:			60px;
	left:			585px; 

	width:			305px;
	height:			130px;
	
	background-image:	url('../../img/layout/transparent_70.png');
}

#header #toppromo .promobox p {
	width:			250px;
	padding:		25px 20px;

}

/* IE6 hack :-/ */
* html #header #toppromo .promobox {
	background-image:	none;
	filter:			progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/layout/transparent_70.png',sizingMethod='scale');
}


#content {
	clear:			right;
	float:			right;
	width:			628px;
	min-height:		400px;

	padding:		10px 0px 10px 5px;
	margin:			0px;
	
	background-color:	transparent;
	background-image:	url('../../img/layout/content-background.png');
	background-repeat:	repeat-y;
}

/* IE6 hack :-/ */
* html #content {
	height:			400px;
}

#content table {
	margin-left:		8px;
}


#content.eventinfoblock {
	padding-top:		0px;
	padding-bottom:		0px;
}

/* event list */
#content.eventlist {
	min-height:		411px;
	padding:		8px 0px 0px 5px;
	background-color:	#515051;
}

* html #content.eventlist { /* ie workaround */
	height:			411px;
}


#content.small {
	height:			400px;
	padding:		15px 0px 0px 5px;
}

#content.small table {
	margin-left:		8px;

}

#content.small h1 {
	margin-top:		0px;
}

#content h1, h2, h3, h4 {
	clear:			left;
	margin-left:		8px;
}

#content img.content {
	float:			right;
	clear:			right;
	margin:			0px 0px 10px 10px;
}

#content img.heading {
	float:			left;
	margin:			0px 0px 20px 8px;
}

#content img.heading.right {
	float:			right;
	margin:			0px 8px 20px 0px;
}

#content img.bottom {
	margin-left:		8px;
}

#content p {
	padding-left:		8px;
}

#footer {
	clear:			both;
	height:			0px;
	width:			100%;
	padding:		0px;
	line-height:		0px;
	font-size:		0px;
}

#footer a {
	color:			#daa018;
}

#footer img {
	margin-left: 5px;
}

#footer p {
	margin:			0px 0px 0px 265px;
}