/* stylesheet hk.css for Helles klint hjemmesiden. January 2010	*/

/*------------------------------------------------------------------------------------------GENERAL ELEMENTS----*/

body{							margin:							0px;
								padding:						0px;
								background-color:				#FFFFFF;}

a{								text-decoration:				none;
								color:							#004187;}

a:visited{						text-decoration:				none;
								color:							#004187;}

a:hover{						text-decoration:				none;
								color:							#C30300;}

p{								font-size:						11px;
								font-family:					Verdana;}

h1{								font-family:					Arial,Verdana;
								font-size:						16px;
								font-weight:					bold;
								font-style:						normal;
								color:							#C30300;
								line-height:					24px;}

h2{								font-family:					Arial,Verdana;
								font-size:						13px;
								font-weight:					bold;
								font-style:						normal;
								color:							#1A4FA5;
								margin-bottom:					5px;}

h3{								font-family:					Arial,Verdana;
								font-size:						12px;
								font-weight:					bold;
								font-style:						italic;
								color:							#1A4FA5;
								margin-bottom:					5px;}

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

li{								list-style-type:				none;
								padding-left: 					4px;
								color:							#C30300;}

/*------------------------------------------------------------------------------------------GENERAL PAGE LAYOUT----*/

#title_banner{					position:						absolute;
								left:							24px;
								width:							922px; /*Container width of 902px + 2 x padding á 10px*/
								top:							5px;
								height:							95px;
								background-image:				url('../images/page_banner_1200.jpg');
								background-repeat:				no-repeat;
								border:							1px solid #869AAE;
								z-index:						0;}

#title_text{					position:						absolute;
								left:							35px;
								width:							728px;
								top:							13px;
								font-family:					Verdana;
								font-size:						24px;
								font-weight:					normal;
								color:							#2C486D;
								text-align:						left;
								z-index:						4;}

#main_menu{						position:						absolute;
								left:							35px;
								top:							80px;
								font-family:					Arial,Verdana;
								font-size:						12px;
								color:							#004187;
								text-align:						left;
								z-index:						4;}

#menu_info{						position:						absolute;
								width:							770px;
								text-align:						left;
								left:							40px;
								top:							45px;
								font-family:					Verdana;
								font-size:						11px;
								color:							#7B9EC6;
								z-index:						4;}

#large_image{					position:						relative;
								padding:						0px;
								margin:							0px;
								border: 						1px solid #869AAE;}

/*------------------------------------------------------------------------------------------CONTAINERS----*/

#container{						position:						relative; /*absolute;*/
								padding:						10px;
								padding-top:					0px;
								overflow:						visible;
								left:							24px;
								top:							105px;
								width:							902px;
								border:							1px solid #869AAE;
								font-family:					Verdana;
								font-size:						11px;
								font-style:						normal;
								line-height:					16px;
								z-index:						0;}

#container a{					text-decoration:				none;
								color:							#004187;}

#container a:visited{			text-decoration:				none;
								color:							#004187;}

#container a:hover{				text-decoration:				none;
								color:							#C30300;}

/*--------------------------------------------------------------------------------*/

#sub_container{					position:						relative;
								left:							0px;
								top:							0px;
								width:							933px;
								height:							400px;}	/* needs to be adjusted if height of link lists is changed */

/*--------------------------------------------------------------------------------*/

#submenu{						position:						absolute;
								padding:						5px;
								padding-bottom:					10px;
								left:							10px;
								top:							10px;
								width:							280px;
								font-family:					Verdana;
								font-size:						11px;
								border:							0px solid #869AAE;
								color:							#1A4FA5;
								line-height:					18px;
								text-align:						left;
								z-index:						100;}
								
#submenu ul{					list-style-image:				url('../images/list_item_6px.gif');
								list-style-position:			inside;}

#submenu li{					margin-bottom:					6px;	/* controlls spacing between each list item */
								line-height:					13px;}	/* controlls line-height of multi-line items in list */

/*------------------------------------------------------------------------------------------COLUMN FORMATTING----*/

.columnized div {				float:							left;
								width:							18em;
								padding:						10px;
								position:						relative;
								text-align:						justify;
								margin:							0;}

.columnized div .readOn {		position:						absolute;
								right:							1em;
								bottom:							-0.5em;
								color:							#999999;}			
								
#text_column{					width:							910px;}

/*------------------------------------------------------------------------------------------END CSS----*/