body { background: #f4f4f4 url(/res/img/bg.gif) no-repeat top center; }
#Holder { position: relative; margin: 0 auto; text-align: left; width: 900px; min-height: 100%; }
* html #Holder { height: 100%; }
#Head { position: relative; width: 900px; height: 256px; overflow: hidden; }
#Side { position: relative; float: left; left: 10px; width: 220px; padding-bottom: 40px; }
#Anmalan { position: relative; display: block; width: 220px; height: 50px; margin: 0 0 10px 0; background: url(/res/img/anmalan.gif) top left no-repeat; }

#NavHolder { position: relative; margin: 0 0 10px 0; }
#NavHolder #Nav { margin: 0 0 0 10px; }
#NavHolder #Nav li a { display: block; height: 32px; voice-family: "\"}\""; voice-family: inherit; height: 24px; text-decoration: none; padding: 8px 0 0 30px; color: #fff; font-size: 120%; }
#NavHolder #Nav li.ActiveDirectory a:link, #NavHolder #Nav li.ActiveDirectory a:visited { background: url(/res/img/menu.gif) 0 -64px no-repeat; }
#NavHolder #Nav li a:link, #NavHolder #Nav li a:visited { background: url(/res/img/menu.gif) no-repeat; }
#NavHolder #Nav li a:hover { background: url(/res/img/menu.gif) 0 -32px no-repeat; }
#NavHolder #Nav li a:focus { outline: 0; }
#NavHolder #Nav li a:active { background: url(/res/img/menu.gif) 0 -64px no-repeat; outline: none; }

#Search { margin-bottom: 10px; }
#Search form { margin: 0; }
#Search input.Search { width: 145px; line-height: 20px; margin-left: 10px; border: 1px solid #666; background-color: #FFF; }
#Search input.SearchButton { width: 50px; }

#SubNav { list-style: none; margin-left: 20px; }
#SubNav li { float: left; display: inline; width: 130px; height: 130px; margin: 10px; text-align: center; }
#SubNav li a { text-decoration: none; outline: 0; }
#SubNav li a:focus,  #SubNav li a:active { outline: 0; }
#SubNav li a span { display: block; font-size: 140%; color: #000; margin-top: -10px; }

#AdsHolder #Ad1, #AdsHolder #Ad2 { margin: 10px; }

#NewsHolder, #AdsHolder { position: relative; margin: 0 0 10px 0; }
#NewsHolder h2, #AdsHolder h2 { text-align: center; font-size: 160%; margin-bottom: 4px; }

#News, #News li, #News li a { display: block; width: 210px; cursor: pointer; }
#News li a { padding: .4em; text-decoration: none; color: #000; }
#News li a:hover { background: #c4c4c4; text-decoration: none; }
#News li a strong.Date { display: block; background: #df4f13; color: #ffffff; padding: .3em 0; margin-bottom: 4px; width: 4.2em; text-align: right; }
#News li a strong.Date span { background: #565656; margin-left: .3em; padding: .3em; }
#News li a em { display: block; font-weight: bold; font-style: normal; margin-left: .5em; }

#SiteMap a { color: #000000; text-decoration: none; }
#SiteMap a:hover { color: #df4f13; text-decoration: underline; }
#SiteMap li a { font-size: 140%; }
#SiteMap li ul li a { font-size: 90%; }
#SiteMap li ul li ul li a { font-size: 70%; }

#ContentHolder { position: relative; float: left; left: 20px; width: 650px; margin-bottom: 45px; }
#ContentHolder div#BreadCrumb { width: 600px; overflow: hidden; display: block; margin: 10px 0 20px 20px; }
#ContentHolder div#BreadCrumb li { float: left; display: inline; margin-right: .5em; font-size: 130%; }
#ContentHolder div#BreadCrumb li a { display: block; background: url(/res/img/breadcrumb.gif) center right no-repeat; padding-right: 20px; text-decoration: underline; color: #000; }
#ContentHolder #Content, #ContentHolder #Content2 { position: relative; left: 20px; top: 0; width: 600px; }
#Foot { position: relative; display: block; margin: -40px auto 0 auto; height: 40px; background: #838383 url(/res/img/footbg.gif) repeat-x; }
#Foot p { position: absolute; display: block; width: 100%; top: 7px; font-style: italic; font-size: 80%; color: #fff; text-align: center; margin: 0; }
/* A CSS hack that only applies to IE -- specifies a different offset for the footer */
* html #Foot { margin-top: -40px; }