﻿/*----- Generelle styles -----*/
* {margin: 0; padding:0; font-size:12px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.clear {clear: both;}
.left {float: left;}
.right {float: right;}

ul {margin:0; padding:0; list-style: none;}
li {margin:0; padding:0;}

h1, h2, h3, h4, h5 {font-family: Verdana, Arial, Helvetica, sans-serif;}

p, a {margin:0; padding:0; text-decoration: none;font-size:12px;font-family: Verdana, Arial, Helvetica, sans-serif;}

a {color:#df0318; text-decoration: underline;}
a:hover {color: #111111; text-decoration: underline;}

img {border: 0;}

/*----- Basisopbygning -----*/
#wrapper {width: 960px; height:auto; position:relative; margin:0 auto; background: transparent; border:1px solid #000;}
#header {width: 960px; height:125px; position:relative; background: #636363 url(/Files/Billeder/gfx/spedalsoe/headerBack.png);}
#logo {position: absolute; left:0; top:0; width: 318px; height: 91px;}
#serviceNav {width: 136px; height:100px; position: absolute; right:0; bottom: 0; background: transparent;}
#serviceNav ul {}
#serviceNav ul li a {font-family: Verdana, Arial, Helvetica, sans-serif; color:#fff; font-size:12px; display: block; width: 117px; height: 23px; padding: 3px 0 0 19px; background: url(/Files/Billeder/gfx/spedalsoe/serviceMenuBullet.png) 0px 8px no-repeat;text-decoration: none;}
#serviceNav ul li a:hover {color: #df0318; text-decoration: none;}
#columns {width: 928px; height:auto; position: relative; background:#fff; padding:18px 15px 0px 17px;}

/*----- Navigation -----*/
#navigation {width: 237px; height:auto; position: relative; background: #fff; float: left; margin:0; padding:0;}
#navTop {width: 237px; height:1px; font-size:1px; /*background: url(/Files/Billeder/gfx/spedalsoe/navTopBack.png);*/}
#navContent {width: 236px; height: auto; background: #fff url(/Files/Billeder/gfx/spedalsoe/navigationBack.png) repeat-y; padding:0 0 0 1px;}

#navContent div.M0 div {margin:0; padding:0; background: url(/Files/Billeder/gfx/spedalsoe/navBtnL0Back.png) repeat-x; width: 233px;}
#navContent div.M0 div a:link, #navContent div.M0 div a:visited, #navContent div.M0 div a:hover, #navContent div.M0 div a:active {font-family: Verdana, Arial, Helvetica, sans-serif; color:#4a4a4a; font-size:12px;  margin:0; padding: 8px 0 7px 12px; line-height:100%; display: block; border-top: 1px solid #4a4a4a; border-bottom: 0px solid #4a4a4a;text-decoration: none;}
#navContent div.M0 div a:hover {color: #df0318;text-decoration: none;}
#navContent div.M0 div a.inpath:link, #navContent div.M0 div a.inpath:visited, #navContent div.M0 div a.inpath:hover, #navContent div.M0 div a.inpath:active {font-family: Verdana, Arial, Helvetica, sans-serif; color:#4a4a4a; font-size:12px;  margin:0; padding: 8px 0 7px 12px; line-height:100%; display: block; border-top: 1px solid #4a4a4a; border-bottom: 1px solid #4a4a4a;text-decoration: none;}
#navContent div.M0 div a#activeitem:link, #navContent div.M0 div a#activeitem:visited, #navContent div.M0 div a#activeitem:hover, #navContent div.M0 div a#activeitem:active {font-family: Verdana, Arial, Helvetica, sans-serif; color:#4a4a4a; font-size:12px;  margin:0; padding: 8px 0 7px 12px; line-height:100%; display: block; border-top: 1px solid #4a4a4a; border-bottom: 1px solid #4a4a4a;text-decoration: none;}


#navContent div.M1 {border-bottom: 0px solid #4a4a4a;}
#navContent div.M1 div {margin:0; padding:0px 0 0px 0; background: #fff url(/Files/Billeder/gfx/spedalsoe/navBtnL1Back.png) no-repeat; }
#navContent div.M1 div a:link, #navContent div.M1 div a:visited, #navContent div.M1 div a:hover, #navContent div.M1 div a:active {font-family: Verdana, Arial, Helvetica, sans-serif; color:#4a4a4a; font-size:12px;  margin:0; padding: 5px 0 5px 25px;line-height:100%; display: block; border-top: 0px solid #4a4a4a; border-bottom: 0px solid #4a4a4a;text-decoration: none;}
#navContent div.M1 div a:hover {color: #df0318;text-decoration: none;}
#navContent div.M1 div a.inpath:link, #navContent div.M1 div a.inpath:visited, #navContent div.M1 div a.inpath:hover, #navContent div.M1 div a.inpath:active {font-family: Verdana, Arial, Helvetica, sans-serif; color:#4a4a4a; font-size:12px;  margin:0; padding: 5px 0 5px 25px;line-height:100%; display: block; border-top: 0px solid #4a4a4a; border-bottom: 0px solid #4a4a4a;text-decoration: none;}
#navContent div.M1 div a#activeitem {color: #df0318;text-decoration: none;}
#navContent div.M1 div a#activeitem:link, #navContent div.M1 div a#activeitem:visited, #navContent div.M1 div a#activeitem:hover, #navContent div.M1 div a#activeitem:active {font-family: Verdana, Arial, Helvetica, sans-serif; color:#4a4a4a; font-size:12px;  margin:0; padding: 5px 0 5px 25px;line-height:100%; display: block; border-top: 0px solid #4a4a4a; border-bottom: 0px solid #4a4a4a;text-decoration: none;}


#navContent div.M2 {border-bottom: 0px solid #4a4a4a;}
#navContent div.M2 div {display: block; margin:0; padding:0; height: auto; background:#fff url(/Files/Billeder/gfx/spedalsoe/navBtnL2Back.png) no-repeat;}
#navContent div.M2 div a:link, #navContent div.M2 div a:visited, #navContent div.M2 div a:hover, #navContent div.M2 div a:active {font-family: Verdana, Arial, Helvetica, sans-serif; color:#4a4a4a; font-size:12px; margin:0; padding: 5px 0 5px 40px; display: block; border-top: 0px solid #4a4a4a; border-bottom: 0px solid #4a4a4a;text-decoration: none;}
#navContent div.M2 div a:hover {color: #df0318;text-decoration: none;}
#navContent div.M2 div a.inpath:link, #navContent div.M2 div a.inpath:visited, #navContent div.M2 div a.inpath:hover, #navContent div.M2 div a.inpath:active {font-family: Verdana, Arial, Helvetica, sans-serif; color:#4a4a4a; font-size:12px; margin:0; padding: 5px 0 5px 40px; display: block; border-top: 0px solid #4a4a4a; border-bottom: 0px solid #4a4a4a;text-decoration: none;}
#navContent div.M2 div a#activeitem:link, #navContent div.M2 div a#activeitem:visited, #navContent div.M2 div a#activeitem:hover, #navContent div.M2 div a#activeitem:active {font-family: Verdana, Arial, Helvetica, sans-serif; color:#4a4a4a; font-size:12px; margin:0; padding: 5px 0 5px 40px; display: block; border-top: 0px solid #4a4a4a; border-bottom: 0px solid #4a4a4a;text-decoration: none;}


#navBottom {width: 237px; height:3px; position: relative; background: url(/Files/Billeder/gfx/spedalsoe/navBottomBack.png); no-repeat; font-size:1px;}

#content {width: 461px; height:auto; position: relative; background: #ffffff; float: left; margin:0 16px 0 16px; padding:0; border: 0px solid #000;}
#contentFrontpage {width: 453px; height:auto; position: relative; background: #ffffff; float: left; margin:0 16px 0 16px; padding:3px; border: 1px solid #000;}
#boxes {width: 198px; height:auto; position: relative; background: #fff; float: left; margin:0; padding:0;}		
.boxTop {width: 198px; height:3px; font-size:1px; background:url(/Files/Billeder/gfx/spedalsoe/boxTopBack.png);}
.boxMiddle {width: 198px; height:auto; background: url(/Files/Billeder/gfx/spedalsoe/boxMiddleBack.png) repeat-y; }
.boxContent {width: 194px; left:1px; height:auto; position:relative; background: url(/Files/Billeder/gfx/spedalsoe/boxGradientBack.png) center bottom no-repeat; padding: 0 0 30px 0;}
.boxContent p {font-size:12px;}
.boxContent a {color: #111111; text-decoration: none;font-size:12px;}
.boxContent div img {margin: 0 5px 0 0;}
.boxBottom {widht: 198px; height: 4px; background: #fff url(/Files/Billeder/gfx/spedalsoe/boxBottomBack.png) no-repeat; font-size:1px; padding: 0 0 23px 0;}

#footer {width: 960px; height:75px; position:relative; margin:0; padding:0; background: url(/Files/Billeder/gfx/spedalsoe/footerBack.png);border-top: 20px solid white;}
span#footerText {display: block; position: absolute; left: 15px; top: 47px;}
span#footerText div small {font-size: 12px; color: #fff;}
span#footerText div small a {font-size: 12px; color: #be0606;}

/*----- Billedgalleri -----*/
#imageGalleryBtnNext { width: 17px; height: 33px; position: absolute; left: 103px; top:0px;}
#imageGalleryBtnNext div { cursor:pointer; display:none; overflow:hidden; text-indent: -9000px; height: 33px;background: url(/Files/Billeder/gfx/spedalsoe/imageGalleryBtnNext.png);text-decoration: none;}
#imageGalleryPaging {position: absolute; left: 30px; top:9px; height: auto; width: 73px; text-align: center; color: #fff; font-weight: bold;}
#imageGalleryBtnBack {width: 17px; height: 33px; position: absolute; left: 13px; top:0px;}
#imageGalleryBtnBack div { cursor:pointer; display:none; overflow:hidden; text-indent: -9000px; height: 33px; background: url(/Files/Billeder/gfx/spedalsoe/imageGalleryBtnBack.png); text-decoration: none;}
#imageGallery { overflow:hidden; }

#bottomBoxLeft {float: left; width: 208px; height: 186px; padding: 7px 4px 4px 9px; background: url(/Files/Billeder/gfx/spedalsoe/bottomBoxBack.png) bottom center no-repeat; border: 1px solid #000; position: relative; margin: 4px 0 0 0;}
#bottomBoxLeft h2 {font-size: 10px; font-weight: bold; padding: 0 0 15px 0;}
#bottomBoxLeft p, li {font-size: 10px;}
#bottomBoxLeft p {line-height: 14px;}
#bottomBoxLeft a {font-size: 10px; color: #111;}
#bottomBoxLeft ul li {background: url(/Files/Billeder/gfx/spedalsoe/listStyle.gif) 2px center no-repeat; padding: 0px 0 0 27px; margin: 0 0 5px 0;}
#bottomBoxRight {float: right; width: 208px; height: 186px; padding: 7px 9px 4px 9px; background: url(/Files/Billeder/gfx/spedalsoe/bottomBoxBack.png) bottom center no-repeat; border: 1px solid #000; position: relative; margin: 4px 0 0 0;}
#bottomBoxRight h2 {font-size: 10px; font-weight: bold; padding: 0 0 15px 0;}
#bottomBoxRight p, li {font-size: 10px;}
#bottomBoxRight p {line-height: 14px;}
#bottomBoxRight a {font-size: 10px; color: #111;}
#bottomBoxRight ul li {background: url(/Files/Billeder/gfx/spedalsoe/listStyle.gif) 2px center no-repeat; padding: 0px 0 0 27px; margin: 0 0 5px 0;}

/*----- Forside -----*/
#SpedalsoFlashIndhold {padding: 0px;}