html {background-color: #f3f3f3}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th {margin: 0; padding: 0}
table {border-collapse: collapse; border-spacing: 0}
fieldset, img {border:0}
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal; font-weight: normal}
li {list-style:none}
caption, th{text-align: left}
h1, h2, h3, h4, h5, h6 {font-size: 100%; font-weight: normal}
q:before, q:after {content: ''}
abbr, acronym {border: 0; font-variant: normal}
sup {vertical-align: text-top}
sub {vertical-align: text-bottom}
input, textarea, select {font-family: inherit; font-size: inherit; font-weight: inherit}
input, textarea, select {*font-size: 100%}
legend {color: #000}

body {color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 35px 0}
a {color: #007c3d; text-decoration: underline}
a:hover {text-decoration: none}
h1, h2, h3, h4, h5, h6, strong {font-weight: bold}
em {font-style: italic}

#index {background: url(/gui/images/index_bg.gif) no-repeat top center}
#sub {background: url(/gui/images/sub_bg.gif) no-repeat top center}

#master {width: 964px; margin: 0 auto}
#logo {background: url(/gui/images/logo.gif) no-repeat; width: 208px; height: 43px; float: left}
#logo a {display: block; width: 208px; height: 43px; outline: none}

#nav {height: 43px; float: left; position: relative; }
#nav ul li {display: inline}
#nav ul li a { display: block; width: 86px; height: 0; padding-top: 43px; overflow: hidden; float: left; outline: none}
#nav ul #nav1 a {background: url(/gui/images/nav1_1.gif) no-repeat}
#nav ul #nav2 a {background: url(/gui/images/nav2_1.gif) no-repeat}
#nav ul #nav3 a {background: url(/gui/images/nav3_1.gif) no-repeat}
#nav ul #nav4 a {background: url(/gui/images/nav4_1.gif) no-repeat}
#nav ul #nav5 { width:90px;}
#nav ul #nav5 a {background: url(/gui/images/nav5_1.gif) no-repeat}
#nav ul #nav1 a:hover, #nav ul #nav1 .selected, #nav ul #nav2 a:hover, #nav ul #nav2 .selected, #nav ul #nav3 a:hover, #nav ul #nav3 .selected, #nav ul #nav4 a:hover, #nav ul #nav4 .selected, #nav ul #nav5 a:hover, #nav ul #nav5 .selected, #nav ul #nav6 a:hover, #nav ul #nav6 .selected{background-position: 0 -43px}

#newsletter {background: url(/gui/images/newsletter.gif) no-repeat; width: 323px; height: 43px; float: left}
#newsletter div {width: 180px; margin: 12px 0 0 143px}
#newsletter #EMAIL_FIELD {background-color: #fff; border: 1px solid #ddd; display: block; width: 120px; padding: 3px; float: left}
#newsletter #newsletter_button {display: block; float: left; margin: 2px 0 0 10px}

#flash_header {height: 348px; clear: both}

#section {background: url(/gui/images/section.gif) no-repeat; height: 46px; clear: both}
#section h1 {color: #f77216; font-size: 14px; padding: 0 27px; line-height: 42px}

#index_shortcuts {background: url(/gui/images/index_shortcuts.gif) no-repeat; height: 263px}
#index_shortcuts .shortcut {width: 314px; height: 263px; padding-left: 5px; float: left; position: relative}
#index_shortcuts .shortcut h2 {color: #f77216; font-size: 14px; padding: 0 10px; line-height: 35px}
#index_shortcuts .shortcut p {padding: 10px 19px}

#subnav {width: 209px; float: left}
#subnav ul li a {background: url(/gui/images/green_link.gif) no-repeat; color: #fff; text-decoration: none; font-weight: bold; line-height: 29px; display: block; height: 33px; padding: 0 15px; outline: none}
#subnav ul li a:hover, #subnav ul .selected {background: url(/gui/images/orange_link.gif) no-repeat; color: #fff}
#subnav ul li .unpublished {background: url(/gui/images/green_link_unpublished.gif) no-repeat; color: #eee}
#subnav ul li ul li a {background: url(/gui/images/light_gray_link.gif) no-repeat; color: #333}
#subnav ul li ul li a:hover, #subnav ul li ul .selected {background: url(/gui/images/dark_gray_link.gif) no-repeat; color: #333}
#subnav ul li ul li  .unpublished {background: url(/gui/images/light_gray_link_unpublished.gif) no-repeat; color: #aaa}

#content {width: 545px; float: left}

#content .content_header {background: url(/gui/images/content_header.gif) no-repeat; height: 55px}
#content .content_header h2 {color: #007c3d; font-size: 16px; line-height: 35px; padding: 0 25px}
#content .content_expand {background: url(/gui/images/content_expand_bg.gif) repeat-y}
#content .content_expand .content {margin: 0 24px 0 25px}
#content .content_expand .content p {padding: 0 0 10px 0}
#content .content_expand .content h3 {background: url(/gui/images/content_secondary_header.gif) no-repeat; margin-bottom: 10px; padding: 0 20px; line-height:  26px}
#content .content_footer {background: url(/gui/images/content_footer.gif) no-repeat; height: 15px}

#aside {width: 209px; float: left}
#aside .shortcut {background: url(/gui/images/sub_shortcut.gif) no-repeat; width: 209px; height: 185px; position: relative}
#aside .shortcut h2 {color: #f77216; font-size: 14px; padding: 0 13px; line-height: 35px}
#aside .shortcut p {padding: 13px 13px 0 13px}

#footer {width: 963px; clear: both}

#footer ul {width: 451px; height: 38px; margin: 0 auto}
#footer ul li {display: inline}
#footer ul li a {display: block; height: 0; padding-top: 24px; overflow: hidden; float: left}
#footer ul #club_metro a {background: url(/gui/images/club_metro.gif) no-repeat; width: 100px}

#footer ul #metro_se a {background: url(/gui/images/metro_se.gif) no-repeat; width: 91px}

#footer ul #news a {background: url(/gui/images/nyheter.gif) no-repeat; width: 86px}
#footer ul #contact a {background: url(/gui/images/kontakt.gif) no-repeat; width: 88px}
#footer ul #read_metro a {background: url(/gui/images/read_metro.gif) no-repeat; width: 133px}
#footer ul #download_metro a {background: url(/gui/images/download_metro.gif) no-repeat; width: 125px}
#footer ul #login_metro a {background: url(/gui/images/login_metro.gif) no-repeat; width: 101px}
#footer ul #logout_metro a {background: url(/gui/images/logout_metro.gif) no-repeat; width: 101px}
#footer p {clear: both; color: #ccc; font-size: 9px; text-align: center; text-transform: uppercase}
#footer p a {color: #ccc; text-decoration: none}

.float_left {float: right; margin: 20px 0 10px 10px}

#admin_header {width: 968px; height: 29px; z-index: 9999; position: absolute; top: 0}
#admin_header div {background: url(/gui/images/admin_header.gif) no-repeat; color: #fff; width: 968px; height: 29px; line-height: 29px; left: -10px; position: relative}
#admin_header div p {margin-left: 10px; float: left}
#admin_header div ul {float: right}
#admin_header div ul li {display: inline; margin-right: 10px}
#admin_header div ul li a {color: #fff; text-decoration: underline}

.admin_icon a {width: 16px; height: 16px; display: block; float: left; margin-right: 8px; outline: none}
.admin_icon a span {display: none}
.admin_icon a:hover {position: relative; z-index: 100}
.admin_icon a:hover span {position: absolute; display: block; z-index: 10; float: left; background-color: #fff; border: 1px solid #f3f3f3; white-space: nowrap; top: -26px; left: 16px; padding: 5px}

.add_page a {background: url(/gui/images/admin_icons/add_page.gif) no-repeat}

.edit_page a {background: url(/gui/images/admin_icons/edit_page.gif) no-repeat}

.delete_page a {background: url(/gui/images/admin_icons/delete_page.gif) no-repeat}

.case_edit a {background: url(/gui/images/admin_icons/case_edit.gif) no-repeat}

.case_delete a {background: url(/gui/images/admin_icons/case_delete.gif) no-repeat}

.admin_login, .user_login {background: url(/gui/images/admin_login.gif) no-repeat; width: 209px; height: 235px; margin: 0 auto}
.admin_login h2, .user_login h2 {color: #f77216; font-size: 14px; padding: 0 13px; line-height: 35px}
			    .user_login h2 { color: #65cc33 !important; }
.admin_login .login_form, .user_login .login_form {padding: 20px}
.admin_login .login_form div, .user_login .login_form div {margin-bottom: 10px}

.form_text {border: 1px solid #ddd; background-color: #fff; margin-top: 5px; padding: 3px}

#content2 {width: 963px; float: left}
#content2 .content_header2 {background: url(/gui/images/content_header2.gif) no-repeat; height: 55px}
#content2 .content_header2 h2 {color: #007c3d; font-size: 16px; line-height: 35px; padding: 0 25px}
#content2 .content_expand2 {background: url(/gui/images/content_expand_bg2.gif) repeat-y}
#content2 .content_expand2 .content2 {margin: 0 24px 0 25px}
#content2 .content_expand2 .content2 p {padding-bottom: 10px}
#content2 .content_footer2 {background: url(/gui/images/content_footer2.gif) no-repeat; height: 15px}

#add_news_button a {display: block; background: url(/gui/images/add_news_button.gif) no-repeat; width: 209px; height: 51px; color: #fff; text-decoration: none; font-size: 16px; font-weight: bold; text-align: center; line-height: 51px}


.shortcut_tinymce {background-color: #fff; border: 1px solid #ccc; position: absolute; z-index: 100; padding-bottom: 10px}

.clear {clear: both}

.float_right {float: right}

.float_left {float: left}

.case_area {padding-bottom: 20px}
.case_area li {font-weight: bold; display: inline; padding-right: 10px}

#metro_visual_flash {width: 958px; height: 570px; margin-left: 3px; float: left}


/* d2d styles, edited 20090325 by MvK */
/* edited 20090306 / erjo */
#section.d2dSection h1 {
	color:#c71e1e;
}

#d2dwrapper{
	margin: 0;
	padding: 0;	
	width: 962px;
	font-family: courier new;
	font-size: 12pt;
}
#d2dcontent{
	width: 542px;
	margin: 0 2px 0 4px;
	min-height: 725px;
	float: left;
	text-align: left;
}
.d2dcontentheader{
	background: url(/gui/images/2d2images/header.png) no-repeat;
	width: 542px;
	height: 126px;
}
#d2dcontentholder{
	background: url(/gui/images/2d2images/content.jpg) no-repeat;
	min-height: 722px;
	width: 542px;
	padding: 0;
}
.d2dcontenttext{
	width: 542px;
	padding:20px 2px;
	letter-spacing: 1pt;
}
#d2dtexttest{
	font-size:8pt;
}
.d2dcontenttext img{
	/*margin-left: 65px;*/
}

.d2dcontenttext table{
	width:500px;
	font-size:11px;
	letter-spacing:normal;
	margin:0 auto;
	margin-bottom:20px;
	margin-top:20px;
}

.d2dcontenttext td {
	height:35px;
}
.d2dcontenttext #col1 ,#col2 ,#col3 ,#col4 ,#col5{font-weight:bold;border-bottom:1px solid #666;}
.d2dcontenttext #col1{width:120px;}
.d2dcontenttext #col2{width:140px;}
.d2dcontenttext #col3{width:80px;text-align:center;}
.d2dcontenttext #col4{width:80px;text-align:center;}
.d2dcontenttext #col5{width:80px;text-align:right;}
.d2dcontenttext .col3,.col4{text-align:center;}
.d2dcontenttext .col5{text-align:right;}


.d2dcontentfooter{
	background: url(/gui/images/2d2images/footer.png) no-repeat;
	width: 542px;
	height: 41px;
	margin-bottom: 30px;
}
#d2dmenu{
	height: 500px;
	width: 204px;
	float: left;
}
#d2dmenucontent{
	background: url(/gui/images/2d2images/menu.jpg) no-repeat;
	width: 204px;
	min-height: 110px;
	float: left;
	padding: 0;
}
#d2dmenu ul{
	list-style: none;
	margin-top: 18px;
	margin-bottom: 8px;
}
#d2dmenu li{
	margin-top: 4px;
	margin-left: 3px;
	background: url(/gui/images/2d2images/atagpic.gif) ;
	width: 198px;
	height: 25px;
}
#d2dmenu a{
	font-family: courier new;
	font-size: 9pt;
	margin: 0 11px;
	text-decoration: none;
	color: #000;
	font-weight: bolder;
	letter-spacing: -1,5pt;
	outline: none;
}
#d2dmenu a:hover{
	text-decoration: underline;
}
#d2dmenu .selected{
	color: #c71e1e;
	cursor: default;
}
#d2dmenu .selected:hover{
	text-decoration: none;
	cursor: default;
}
#d2dmenufooter{
	background: url(/gui/images/2d2images/menufooter.jpg) no-repeat;
	height: 25px;
	width: 204px;
	float: left;
	margin: 0;
}
#d2dads{
	float:  left;
	width:  210px;
	height: 500px;
	margin: 0;
	padding: 0;
}
#d2dads a{
	text-decoration: none;
	outline: none;
	cursor: pointer;
}
#d2dads a:hover{
	text-decoration: underline;
}
.d2dad1{
	background: url(/gui/images/2d2images/annons1.png) no-repeat;
	width: 	209px;
	height: 185px;
	font-size: 9pt;
	margin: 0;
}
.d2dad1 a{
	color: #000;
	position: relative;
	font-weight: bold;
	top: 100px;
	left: 18px;
}
.d2dad2{	
	background: url(/gui/images/2d2images/annons2.png) no-repeat;
	width: 	209px;
	height: 189px;
	font-size: 9pt;
	margin:0;
}
.d2dad2 a{
	color: #000;
	position: relative;
	font-weight: bold;
	top: 70px;
	left: 13px;
}
.d2dad1 p{
	width: 100px;
	position: relative;
	left: 16px;
	top: 90px;
	
}
.d2dad2 p{
	width: 85px;
	position: relative;
	left: 12px;
	top: 60px;
}

.metroSubFlashPage {
	width:500px;
}
.metroSubFlashPage h1 {
	padding-top:20px;
	padding-bottom:20px;
}
#d2dannons {
	height:700px;
}
#d2dabout {
	line-height:16px;
	width:490px;
}
.d2dpage {
	width:400px;
	font-family:"Courier New", Courier;
	padding-left:20px;
}
.d2dpage h1{
	width:400px;
	font-size:16px;
	font-weight:bold;
	margin:0 auto;
	margin-top:0px;
	margin-bottom:10px;
	letter-spacing:-1px;
	text-align:center;
}
.d2dpage p{
	font-size:12px;
	margin-bottom:10px;
	letter-spacing:1px;
}

.d2dpage a {
	color: #c71e1e;
	text-decoration:none;
}
.d2dpage a:hover {
	text-decoration:underline;
}

.d2dpage .pdf {
	display:block;
	background-image: url(/gui/images/icons/PDF_icon.gif);
	background-position: bottom left;
	background-repeat:no-repeat;
	padding:15px 0px 0px 30px;
	color: #c71e1e;
	font-weight:bold;
}

.d2dpage .d2dptitle{
	margin-bottom:10px;
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
}
.d2dpage .quote {padding-left:20px;width:100%;margin-bottom:20px;}
.d2dpage .quote p{margin-left:20px;display:inline-block;padding-top:10px;line-height:16px;font-size:16px; text-indent:1px; }
.d2dpage .quote em{font-family:"Times New Roman", Times, serif;font-size:30px;font-weight:bold;position:absolute;}

.d2dtitleImage {
	width:330px;
	height:45px;
	margin-left:100px;
}
#helsidan, #uppslaget, #halvsidanliggande, #halvsidanstaende, #rinkuppslaget, #rinken{
	float:left;
	width: 470px;
	height: 100px;
	padding: 10px;
	margin: 0 10px;
}

#helsidan img, #uppslaget img, #halvsidanliggande img, #halvsidanstaende img, #rinkuppslaget img, #rinken img{
	float: left;
	margin: 8px 0;
}
#helsidan p, #uppslaget p, #halvsidanliggande p, #halvsidanstaende p, #rinkuppslaget p, #rinken p{
	margin: 0 0 0 100px;
}
#helsidan h4, #uppslaget h4, #halvsidanliggande h4, #halvsidanstaende h4, #rinkuppslaget h4, #rinken h4{
	margin: 5px 0 4px 100px;
}

#internal_aside {width: 209px; float: left}
#internal_aside ul li a {background: url(/gui/images/green_link.gif) no-repeat; color: #fff; text-decoration: none; font-weight: bold; line-height: 29px; display: block; height: 33px; padding: 0 15px; outline: none}
#internal_aside ul li a:hover{background: url(/gui/images/orange_link.gif) no-repeat; color: #fff}
#internal_aside ul .selected {background: url(/gui/images/orange_link.gif) no-repeat; color: #fff}
#internal_aside ul li .unpublished {background: url(/gui/images/green_link_unpublished.gif) no-repeat; color: #eee}
#internal_aside ul li ul li a {background: url(/gui/images/light_gray_link.gif) no-repeat; color: #333}
#internal_aside ul li ul li a:hover, #subnav ul li ul .selected {background: url(/gui/images/dark_gray_link.gif) no-repeat; color: #333}
#internal_aside ul li ul li  .unpublished {background: url(/gui/images/light_gray_link_unpublished.gif) no-repeat; color: #aaa}
#internal_aside ul .newsunread {background: url(/gui/images/lightgreen_link.gif) no-repeat; color: #fff}
#internal_aside ul .newsread {background: url(/gui/images/green_link.gif) no-repeat; color: #fff}

#internt_flik {height: 43px; float: left}
#internt_flik ul li {display: inline}
#internt_flik ul li a { display: block; width: 86px; height: 0; padding-top: 43px; overflow: hidden; float: left; outline: none}
#internt_flik ul #nav1 a {background: url(/gui/images/internt_1.gif) no-repeat}
#internt_flikul #nav5 { width:90px;}
#internt_flik ul #nav5 a {background: url(/gui/images/nav5_1.gif) no-repeat}
#internt_flik ul #nav1 a:hover, #internt_flik ul #nav1 .selected{background-position: 0 -43px}

#popupMessage {
	background: url(/gui/images/popup.gif);
	position: absolute;
	width: 291px;
	height: 105px;
	top: 150px;
	left: 113px;
	padding: 55px 0 0 25px;
	z-index: 99999;
}

#popupMessage #close {
	background: url(/gui/images/close.gif);
	position: absolute;
	top: -5px;
	right: -5px;
	width: 22px;
	height: 22px;
	text-indent: -9999px;
}

#popupMessage #close a {
	width: 22px;
	height: 22px;
	display: block;
}

.user_valid {background: url(/gui/images/user_login.gif) no-repeat; width: 209px; height: 335px; margin: 0 auto}
.user_valid h2 {color: #f77216; font-size: 14px; padding: 0 13px; line-height: 35px}
.user_valid .login_form {padding: 20px}
.user_valid .login_form div {margin-bottom: 10px}


#add_news_button a {
	display: block; 
	background: url(/gui/images/redesign/subnav-items.png) scroll 0 0 no-repeat; 
	border: 1px solid #003A1E; 
	width: 194px; 
	height: 33px; 
	color: #fff; 
	text-decoration: none; 
	font-size: 14px; 
	font-weight: bold; 
	text-align: center; 
	line-height: 33px;
	}