
body {
    background: #000000;
    margin: 0;
    padding: 0;
    color: #000000;
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
}

#overcoat {
    margin: 0 auto;
    margin-top: 10px;
    width: 870px;
    position: relative;
    background: #000;
    text-align: left; /*this is an additional div layer used when the side adverts are required, and it works in conjunction with #container ads*/
}

#container_ads {
    width: 731px;
    background: #fff;
    text-align: left;
}

#container {
    margin: 0 auto;
    margin-top: 10px;
    width: 732px;
    position: relative;
    background: #fff;
    text-align: left; /*used when the overcoat isn't, i.e. no side adverts */
}

#header {
    background: #000 url( "../images/gui/header.jpg" ) no-repeat 0 0;
    height: 80px;
    margin-bottom: -10px;
    padding: 0;
}

html>body #header {
    margin: 0;
}

#header h1 a {
    display: block;
    height: 75px;
    width: 230px; /*border: 1px solid #fff;*/
    padding: 0;
    margin: -54px 0 -25px 0;
}

html>body #header h1 a {
    position: relative;
    top: -32px;
    margin: 0;
    padding: 0;
}

.payment_message {
	margin: 0 0 15px 0;
	padding: 0;
	background-color: #ff9;
}
.payment_message DIV {
	padding: 10px; 
}
.payment_message_ok {
	color: #0b0 !important;
}
.payment_message_error {
	color: #c00 !important;
}

/** Hidden logo, only visible for print **/

#printLogo {
    display: none;
}

/******************* main horizontal nav bar ****************/

#main_nav {
    border-top: 1px solid #fff;
    background: #000000;
    font-size: 10px;
    margin: 0 0 0 0;
    padding: 0;
}

#main_nav h3, #login_nav h3 {
    display: none;
}

#main_nav ul {
    padding: 0;
    margin: 0 0 0 0;
    list-style-type: none;
}

html>body #main_nav ul {
    padding: 0;
    margin: 0 0 0 5px;
    list-style-type: none;
}

#main_nav li {
    display: inline;
    line-height: 24px;
    border-right: 1px solid #ffffff;
    padding: 0;
    margin: 0;
}

html>body #main_nav li {
    margin: 0 0 0 0;
}

#main_nav li.no_border {
    border: none;
}

#main_nav a {
    margin: 0 -5px 0 0;
    padding: 2px 12px 2px 12px;
    text-decoration: none;
    color: #FFFFFF;
}

html>body #main_nav a {
    margin: 0 -1px 0 -5px;

}

#main_nav a:hover, #main_nav a.current {
    background: #ffffff;
    text-decoration: none;
    color: #000000;
}

/******************secondary horizontal nav bar, visible only to loggin in visitors ***/

#login_nav {
    border-top: 1px solid #fff;
    background-color: #e5e5e5;
    font-size: 10px;
}

#login_nav ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

#login_nav li {
    display: inline;
    line-height: 22px;
    border-right: 1px solid #000000;
    margin: 0;
    padding: 0;
}

html>body #login_nav li {
    border-right: 1px solid #000000;
    margin: 0;
}

#login_nav li .no_border {
    border: none;
}

#login_nav a {
    text-decoration: none;
    color: #000000;
    padding: 0 12px 0 12px;
    margin: 0 -2px 0 0;
}

html>body #login_nav a {
    margin: 0 3px 0 0;
}

#login_nav a:hover, #login_nav a.current {
    background: #fff;
    text-decoration: none;
}

/************* main page content containers **********/

#pagebox {
    width: 731px;
    margin: 0;
    padding: 8px 0 0 0;
}

#main1 {
    margin: 0;
    padding: 0;
    background: url( "../images/gui/background.gif" ) top left repeat-y;
    line-height: 1.2;
}

#main2 {
    margin: 0;
    padding: 0;
}

#left {
/* left column*/
    float: left;
    width: 174px;
    margin: 0;
    padding: 0 0 250px 0;
    height: 540px;
}

#left_bg {
    height: 400px;
    background: url( "../images/gui/sidebar_text_bg.gif" ) top left no-repeat;
}

#sidebar_1 {
/* sidebar is the left column menu containers*/
    padding: 10px;
    margin-left: -10px;
    margin-top: 10px;
    width: 152px;
    text-align: left;
    background: #e5e5e5;
}

#sidebar_2 {
    width: 152px;
    text-align: left;
}

#sidebar_2 dt {
    font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
    font-size: 15pt;
    padding: 5px 0 10px 0; /*letter-spacing: -0.01em;*/
    letter-spacing: 0.03em;
}

html>body #sidebar_2 dt {
    font-size: 15pt;
    letter-spacing: -0.01em;
    padding: 0 0 10px 0;
    margin-top: -5px;
}

#sidebar_2 a {
    display: block;
    width: 140px;
    color: #000000;
    padding-left: 5px;
    text-decoration: none;
}

#sidebar_2 a:hover, #sidebar_2 a.current {
    color: #000000;
    background: #ffffff 150px 10px;
    text-decoration: none;
}

#sidebar_2child {
    margin-bottom: -10px;
    padding-bottom: -10px;
}

#sidebar_2child a {
    display: block;
    width: 125px;
    color: #000000;
    padding-left: 20px;
    text-decoration: none;
}

#sidebar_2child a:hover, a.currentLevel3 {
    color: #000000;
    background: 0;
    border-left: 5px solid #fff;
    padding-left: 8px;
    margin-left: 7px;
}

#sidebar_2child a.currentLevel3 {
    color: #000000;
    font-weight: normal;
    background: 0;
    border-left: 5px solid #fff;
    padding-left: 8px;
    margin-left: 7px;
}

#right {
/* right column*/
    float: right;
    width: 180px; /*180px*/
    margin: 0;
    padding: 0 0 6px 0;
}

/* center column*/
#middle {
    margin: 0 181px 0 176px; /*margin: 0 181px 0 170px;*/
    padding: 0 2px 0 0;
    background: #fff;
    border-right: 1px solid #ccc;
    width: 360px; /*368px*/

}

/* center column Mozilla */
html>body #middle {
    width: 362px;
    /* margin: 0 185px 0 180px;*/
     margin: 0 185px 0 178px;
    padding: 0 5px 0 0;
}

#middle h2, #headf h2, #middlek h2 {
    margin: 0;
    font-size: 16px;
    font-weight: normal;
    padding: 5px 0 0 0;
}

#middle h2.contentTitle {
    font-size: 22px;
    font-weight: bold;
    margin: 0 0 0 0;
    padding: 5px 0 1px 0;
}

#middle div.articleContent {
    margin: 0 0;
    padding: 8px 0;
}

#middle a, #middle h2 a {
    text-decoration: none;
}

#middle h2 {
    font-size: 14px;
    margin: 0;
    padding: 6px 0 0 0;
}

#largeTeasersHolder {
    padding: 0 0 6px 0;
}

#largeTeasersHolder a:hover {
    text-decoration: underline;
}

#middle .bigTeaserContent {
    font-size: 10px;
    margin: 0;
    padding: 6px 0 6px 0;
}

html>body #middle .bigTeaserContent {
    padding: 6px 0 6px 0;
}

#middle .bigTeaserContent p {
    margin: 0;
    padding: 0;
}

#middle a img {
    text-decoration: none;
    border: 0;
    padding: 0;
    margin: 0;
}

.column-in {
/* pads the sides of respective columns*/
    margin: 0;
    padding: 0 9px 0 10px;
}

.cleaner {
/* align float sections*/
    clear: both;
    height: 1px;
    font-size: 1px;
    border: none;
    margin: 0;
    padding: 0;
}

/******************************homepage center column sub sections****/
#minicolumns {
    margin: 0;
    padding: 0;
    border-top: 1px solid #ccc;
}

#minicolone {
    float: left;
    width: 160px;
    padding: 0 10px 20px 0;
    margin: 0;
}

#minicoltwo {
    border-left: 1px solid #cccccc;
    float: left;
    width: 158px;
    padding: 0 0 20px 10px;
    margin: 0;
}

/** small teaser titles **/

#minicolone h2, #minicoltwo h2 {
    font-size: 10px;
    margin: 0 0 -14px 0
}

html>body #minicolone h2, html>body #minicoltwo h2 {
    margin: 0 0 -5px 0
}

#minicolone h2 a:hover, #minicoltwo h2 a:hover {
    text-decoration: underline;
}

#minicolone a.puffLink, #minicoltwo a.puffLink {
    font-size: 10px;
    text-decoration: none;
    color: #000;
    margin: 0;
    padding: 0;
}

#minicolone p, #minicoltwo p {
    margin: 19px 0 -8px 0;
    padding: 0;
}

html>body #minicolone p, #minicoltwo p {
    margin: 13px 0 1px 0;
    padding: 0;
}

.smallTeaserImage {
    width: 162px;
}

.largeTeaserImage {
    width: 342px;
    height: 175px;
}

.contentMainImage {
    width: 342px;
    height: 175px;
}

/** HIDDEN LABELS AND OTHER TEXT FOR IMAGE REPLACEMENT **/

#header h1 a span, #header h1 span, .hide_me {
    overflow: hidden;
    position: absolute;
    left: -9000px;
}

#login_div form label, #kal_form label, h3.nyheterTitle span, h3.kalendarTitle span, #newsSearchForm label {
    overflow: hidden;
    position: absolute;
    left: -9000px;
}

#member_signup_div form label, #kal_form label {
    overflow: hidden;
    position: absolute;
    left: -9000px;
}

/*****************************the nav located in the header, top right***/

#header_nav {
    position: relative;
    top: 20px;
    left: 391px;
    width: 332px;
    height: 20px;
    background: url( "../images/gui/menu_bar.gif" ) top left no-repeat;
    padding: 0;
    margin: 0;
}

#header_nav ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    background-color: #f1e6e2;
}

#header_nav li {
    display: inline;
}

#header_nav a {
    display: block;
    height: 18px;
    text-decoration: none;
    color: #000000;
    padding: 0;
    float: left;
}

#header_nav a:hover {
    text-decoration: none;
}

#header_nav a.w1 {
/*sets the button width on the header nav ***/
    width: 72px
}

#header_nav a.w2 {
    width: 51px
}

#header_nav a.w3 {
    width: 82px
}

#header_nav a.w4 {
    width: 62px
}

#header_nav a.w5 {
    width: 64px
}

#header_nav li a span {
    visibility: hidden;
}

/****************** The right column padding and item boxes *****/

#ncc_one img, #ncc_one a img {
    border: 0;
}

.padding_nnc {
    padding: 1px 10px 3px 10px;
}

html>body .padding_nnc {
    padding: 0 10px 3px 10px;
}

.padding_nnc p {
    margin: 0;
    padding: 5px 0;
}

.padding_nnc dd a, .padding_nnc a {
    color: #000066;
    text-decoration: none;
}

.padding_nnc dd a:hover, .padding_nnc a:hover {
    text-decoration: underline;
}

.padding_nnc dd, .blue, .blue a {
    color: #000066;
    text-decoration: none;
}

.padding_nnc ul {
    list-style: none;
    margin: 0;
    padding: 0 10px 7px 0;
}

.padding_nnc ul li {
    margin: 0 0 4px 0;
}

#ncc_frontpage {
    border: 0;
    margin-top: 10px;
    padding: 0;
    overflow: hidden;
}

#ncc_frontpage .littleRightImage {
    border: 0;
    padding: 0;
    margin: 0;
    width: 162px;
}

html>body #ncc_frontpage .littleRightImage {
    width: 163px;
}

#ncc_two, #ncc_three {
    border: 1px solid #999999;
    margin-top: 10px;
    padding: 0;
    width: 160px;
}

#ncc_two .rightTeaserImage, #ncc_three .rightTeaserImage {
    margin: 0;
    padding: 0;
    width: 160px;
}

#ncc_two.top {
    margin-top: 0;
}

#ncc_two h3, #ncc_three h3 {
    margin-top: 0;
    padding: 7px 0 7px 5px;
    display: block;
    width: 158px;
    line-height: 20px;
    background-color: #e71f22;
    color: #FFFFFF;
    font: bold 11pt Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 154px;
}

#ncc_two h3.nyheterTitle {
    background: #e71f22 url( "../images/gui/nyheterPuff.gif" ) 0 0;
    height: 28px;
    width: 160px;
    margin: 0;
    padding: 0;
}

#ncc_three h3.kalendarTitle {
    background: #e71f22 url( "../images/gui/kalenderPuff.gif" ) 0 0;
    height: 28px;
    width: 160px;
    margin: 0;
    padding: 0;
}

.dotted {
    border-top: 1px dashed #cccccc;
    padding-top: 10px;
}

.dotted a {
    margin: 0 0 0 2px;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0;
    padding: 0 0 10px 0
}

dd span.black {
    color: #000;
}

/*****************general formatting***********/

.redb {
    color: red;
    font-weight: bold;
    text-decoration: none;
}
.darkBlue {
    color: #000066;
    text-decoration: none;
}

h2.blue a:hover {
    text-decoration: underline;
}

h2.blue, h2.blue a {
    font-weight: bold;
    margin: 0;
}

h2.blue {
    padding: 5px 0 0 0;
}

.red, .teaserRed {
    color: red;
    font-weight: normal;
    text-decoration: none;
}

.caption {
    font-size: xx-small;
    padding: 3px 5px 5px 0;
    margin: 0;
    text-align: right;
}

.left {
    text-align: left;
}

#middle p.contentPageTop {
    margin: 0 0 10px 0;
    padding: 0 0 30px 0;
    border-bottom: 1px solid #999999;
}

a.sendToFriendBtn {
    display: block;
    width: 117px;
    height: 20px;
    margin: 0;
    padding: 0;
    background: #fff url( ../images/gui/buttons/sendToFriendBtn.gif ) 0 0;
    float: left;
}

a.printBtn {
    display: block;
    width: 62px;
    height: 20px;
    margin: 0 0 0 10px;
    padding: 0;
    float: left;
    background: #fff url( ../images/gui/buttons/printBtn.gif ) 0 0;
}

a.backBtn {
    display: block;
    width: 58px;
    height: 20px;
    margin: 10px 0 10px 0;
    padding: 0;
    background: #fff url( ../images/gui/buttons/tillbakaBtn.gif ) 0 0;
}

/******** generic form button format ********/

.butok {
    text-transform: uppercase;
    border: 1px solid #cccccc;
    font-size: xx-small;
    background-color: #fae8e8;
    padding: 0;
    margin: 10px 10px 10px 0;
    cursor: pointer;
}

/* ********************************* POP UP STYLES ******************************** */

#pop_container {
    width: 379px;
    padding: 0;
    margin: 0;
    background: #fff;
    text-align: left;
    font-size: x-small;
}

#pop_header {
    background: url( "../images/gui/popup_header.jpg" ) top left no-repeat #ffffff;
    height: 80px;
}

#pop_header h1 {
    display: none;
}

#pop_inner h2 {
    font-size: small;
    margin: 5px 0;
    padding: 0;
}

#pop_content {
    padding: 5px 15px 10px 15px
}

th {
    padding: 5px 0;
}

td {
    vertical-align: top;
}

#pop_inner input, #pop_inner textarea, #skapa_annons_form input, #skapa_annons_form textarea {
    border: 1px solid #666666;
    padding: 2px;
    font: 11px Verdana, Arial, Helvetica, sans-serif;
}

/*********************************styles for forum pages *******/

.hidden, #senaste .hidden {
    background-color: #e6c2e3;
    color: white;
}

#headf h2 {
    padding: 2px 0 0 8px;
}

#skicka {
    font-size: xx-small;
    text-transform: uppercase;
}

.right {
    text-align: right;
}

#senaste dt {
    font-size: 11px;
    font-weight: normal;
    color: #666;
}

#senaste dd {
    font-weight: normal;
    color: #666;
    margin: 0;
    padding: 0 0 7px 0;
    font-size: 11px;
}

.forumRed {
    color: red;
    font-weight: normal;
    text-decoration: underline;
}

.errorText {
    font-weight: bold;
    color: red;
}

.errorBorder {
    border: 5px solid red;
}

/***************forum float commands **************/

#main1f {
    margin: -5px 0 0 0;
    padding: 0;
    line-height: 1.2;
}

#main2f {
    margin: 0;
    padding: 0;
}

#headf {
    margin: 0;
    padding: 0;
    background-color: #fff;
}

#subhead_left {
    margin: 0;
    padding: 4px 0 0 15px;
    float: left;
    width: 250px;
}

html>body #subhead_left {
    padding: 4px 0 10px 15px;
}

#forumsl {

}

#forumsl select {
    width: 150px;
}

#subhead_right {
    margin: 10px 20px 0 0;
    padding: 0;
    float: right;
}

#subhead_right h4 {
    font-size: 12px;
    margin: 0;
    padding: 0;
}

html>body #subhead_right {
    margin: 0 20px 0 0;
}

#leftf {
    float: left;
    width: 330px;
    margin: 0 0 30px 6px;
    padding: 0;
    background: #fff
}

html>body leftf {
    margin: 0 0 30px 11px;
}

#rightf {
    float: right;
    width: 1px;
    margin: 0;
    padding: 0;
}

#middlef {
    margin: 0 0 30px 335px;
    padding: 0;
}

/*********************************
*  forum box and layout controls *
*********************************/

.forumSelect {
    font-size: 12px;
}

.forumBrowse {
    color: #fff;
}

#senaste h5, #skapa_annons_sidebox h5, #skapa_annons_form h5 {
    background-color: #e71f22;
    width: 100%;
    color: #FFFFFF;
    padding: 3px 0;
    margin: 0 0 0 0;
    font-weight: normal;
    text-indent: 10px;
    font-size: 11px;
}

#senaste h4, #senaste_sidebox h4 {
    font-size: 12px;
    margin: 0 10px;
    padding: 3px 0;
    color: #000;
    font-weight: bold;
}

#skapa_annons_sidebox h4, #subhead_left h4 {
    font-size: 11px;
    font-weight: normal;
}

#senaste h4 {
    border-bottom: 1px solid #666666;
    width: 288px;
}

#skapa_annons_sidebox h4 span {
    font-weight: bold;
}

.notselected, .selected, .selected2 {
/****.selectedx applies highlights to forum msg text*/
    background-color: #ffffff;
    width: 288px;
    margin: 4px 10px 0 10px;
    padding: 2px 0;
}

.selected2 {
    background-color: #fae8e8;
}

.selected {
    background-color: #fae8e8;
}

.everyother {
    background-color: #ccc;
}

#senaste {
    margin: 0 0 0 -3px;
}

html>body #senaste {
    margin: 0 0 0 2px;
}

#senaste, #senaste_sidebox, #skapa_annons_sidebox, #skapa_annons_form {
    border: 1px solid #666666
}

#senaste dt span {
    position: absolute;
    right: 562px;
    width: 150px;
    text-align: right;
}

.pagelink {
    color: #ffffff;
}

a.createNewForumEntry {
    color: #000;
    text-decoration: none;
    font-size: 12px;
}

a.createNewForumEntry:hover {
    text-decoration: underline;
}

#senaste p, #senaste_sidebox p, #skapa_annons_sidebox p, #skapa_annons_form p, #senaste dt, #senaste dd {
    padding: 3px 10px 3px 10px;
    margin: 0;
}

#senaste_sidebox, #skapa_annons_sidebox, #skapa_annons_form {
    width: 365px;
    padding-bottom: 10px;
    font-size: 11px;
}

html>body #skapa_annons_sidebox {
    padding-bottom: 0;
}

#skapa_annons_sidebox h4 {
    color: #666666;
    border-bottom: 1px solid #666666;
    margin-left: 10px;
    margin-right: 10px;
    padding: 0 0 10px 0;
}
#skapa_annons_sidebox .reply H4 {
	border: 0;
	margin: 10px 0;
	padding: 0;
}
#skapa_annons_sidebox .reply P {
	border: 0;
	margin: 0;
	padding: 0;
}
#skapa_annons_sidebox .reply {
	margin: 0 10px;
	padding: 0 0 10px 0;
	border-top: 1px solid #666666;
}

.topPostSeparator {
    /*border-bottom: 1px solid #666666;*/
    margin-left: 10px;
    margin-right: 10px;
    padding: 0;
}

#alla p {
    padding-bottom: 10px;
}

#alla h4 {
    margin-top: 10px;
    padding: 0;
    color: #000000;
    border: none;
    font-size: 11px;
}

#skapa_annons_form form {
    padding: 0 0 0 10px;
}

#skapa_annons_form form input, #skapa_annons_form form textarea {
    font: 11px Verdana, Arial, Helvetica, sans-serif;
}

#skapa_annons_form p {
    padding: 7px 0 0 0
}

#skapa_annons_form {
    margin: 0 0 5px 0;
    padding: 0 0 0 0;
}

html>body #skapa_annons_form {
    margin: 0 0 15px 0;
    padding: 0 0 0 0;
}


#skapa_annons_sidebox{
    padding-bottom: 0;
}

html>body #skapa_annons_sidebox{
    padding-bottom: 10px;
}

#skapa_annons_form h4{
    font-size: 11px;
}

#skapa_annons_form h5{
    margin: 0 0 -7px 0;
    padding: 3px 0;
}

html>body #skapa_annons_form h5{
    margin: 0 0 9px 0;
}

.previewBtnPadding{
    padding: 0 0 10px 0;
}

html>body .previewBtnPadding{
    padding: 0 0 0 0;
}

.editBtnPadding{
    padding: 0 0 10px 0;
}

html>body .editBtnPadding{
    padding: 0 0 10px 0;
}

.previewBtnPadding form{
    padding: 0;
    margin: 0;
}

/************* *****************/

#footer {
    background: transparent url( "../images/gui/docfoot_logo.gif") top left no-repeat;
    margin: -240px 0 0 0;
    z-index: 3000;
    height: 240px; /*the main footer*/
    width: 172px;
}
#footer #address {
	position: relative;
	top: -105px;
	padding: 0 9px 0 7px;
	color: #000 !important;
	text-align: center;
}
#footer #address ADDRESS {
	font: normal 11px/1.4em Arial, Helvetica, sans-serif !important;
}
#footer #address #copyright {
	margin: 8px 0 0 0;
	padding: 8px 0 0 0;
	border-top: 1px solid #fff;
	font: normal 11px/1.4em Arial, Helvetica, sans-serif !important;
}

/***************** tweaks to set the search box in the header to line up ***/

#header_search {
    margin: 0 0 0 -3px;
    padding: 0;
}

#head_search_form {
    margin: 0;
    padding: 0;
    width: 332px;
}

#head_search_form table {
    margin: 0;
    float: left;
    padding: 0;
    text-align: left;
}

.form {
    position: relative;
    top: 0;
    font-size: 1em;
    border: 1px solid #000000;
    height: 15px;
    margin: 0;
    padding: 0;
}

html>body .form {
    top: 0;
    height: 15px;
}

.header_button {
    position: relative;
    top: 1px;
    border: 0;
    margin: 0;
    padding: 0;
    background: 0;
    font-size: 1em;
    height: 17px;
    width: 37px;
}

html>body .header_button {
    top: 0;
}

/*****************side ads control *****/

#ads {
    float: right;
    position: absolute;
    top: 0;
    left: 735px;
}

/*****************login screen *****/

#login_div {
    padding: 0;
    width: 344px;
}

#login_div form {
    padding: 5px 15px;
    margin: -3px 0 0 0;
    border-left: 1px solid #666;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    width: 312px;
}

html>body #login_div form {
    margin: 0;
    width: 312px;
}

#login_div form p {
    padding: 5px 0 3px 0;
    margin: 0;
    font-size: 10px;
    color: #000;
}

#login_div input {
    border: 1px solid #666;
    padding: 3px;
    width: 300px;
    font-size: 10px;
}

#login_div input#loggaIn {
    width: 61px;
    height: 19px;
		margin: 0;
    padding: 0;
    border: 0;
    background: url( ../images/gui/buttons/loggaInBtn.gif ) 0 0 no-repeat;
    text-indent: -1000em;
    cursor: pointer; /* hand-shaped cursor */
}

#login_div p.right {
    float: right;
}

#login_div h2 {
    margin-top: 0;
    padding: 2px 0 4px 5px;
    display: block;
    line-height: 20px;
    background-color: #e71f22;
    color: #FFFFFF;
    font: bold 10px Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
    border-left: 1px solid #666;
    border-right: 1px solid #666;
    border-top: 1px solid #666;
}

#login_div .rubrikBild {
    margin: 0;
    padding: 0;
    width: 342px;
    border-left: 1px solid #666;
    border-right: 1px solid #666;
    border-top: 1px solid #666;
}

/* CLEARING FLOATS THE RIGHT WAY */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
/*display: inline-block;*/
}

/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}

/* End hide from IE-mac */

/* LOGGED IN-BAR ABOVE THE HEADER */

#logged_in {
    background: #000;
    color: #fff;
    font-size: 11px;
}

#logged_in p, #logged_in a {
    background: #000;
    color: #fff;
    margin: 0;
    padding: 0 0;
}

/********************
* TEASER EDIT FIELDS *
*********************/

#puffEditor {
    background: #d4d4d4;
    border: 1px solid #5c5c5c;
    margin: 20px 0 0 0;
}

#puffEditor h3 {
    background: #000;
    color: #fff;
    font-size: 13px;
    display: block;
    margin: 0;
    padding: 3px;
}

#puffEditor h4 {
    font-size: 14px;
    margin: 0;
    padding: 3px;
}

#puffEditor h5 {
    font-size: 15px;
    margin: 0;
    padding: 3px;
}

#puffEditor div {
    margin: 0;
    padding: 10px;
}

/* *******************************************************************************************
 *         SPECIAL IMCMS STUFF                                                               *
 ******************************************************************************************* */

#adminPanelDiv {
    text-align: left !important;
}

.imcmsAdmBgHead {
    background-color: #20568D;
    color: #ffffff;
}

.imcmsAdmBgCont {
    background-color: #f5f5f7;
    color: #000000;
}

.imcmsFormBtnPanel {
    font: 9px Verdana, Geneva, sans-serif;
    color: #000000;
    background-color: #e7e7e7;
    cursor: pointer;
    height: 20px;
    border: 1px outset #000000;
    border-color: #ffffff #000000 #000000 #ffffff;
    text-align: center;
}

.imcmsFormBtnPanelActive {
    font: 9px Verdana, Geneva, sans-serif;
    color: #000000;
    background-color: #e7e7e7;
    cursor: pointer;
    height: 20px;
    border: 1px inset #000000;
    border-color: #000000 #ffffff #ffffff #000000;
    text-align: center;
}

.imcmsFormBtnPanelDisabled {
    font: 9px Verdana, Geneva, sans-serif;
    color: #999999;
    background-color: #e7e7e7;
    cursor: default;
    height: 20px;
    border: 1px outset #000000;
    border-color: #ffffff #000000 #000000 #ffffff;
    text-align: center;
}

/********************
* SEARCH-RELATED    *
*********************/

#main_search table {
    margin: 0 0 0 -3px;
}

.searchTitle {
    font-size: 12px;
}

#main_search td {
    padding: 0;
    margin: 0;
}

#mainSearchText {
/*border: 1px solid #ccc;*/
}

#mainSearchSubmit {
    margin: 1px 0 0 0;
    padding: 0 0 2px 0;
}

.searchResultBlock, .searchResultH4, .searchResultP {
    font-size: 10px;
}

.searchResultH4{
    margin: 0;
    padding: 5px 0 5px 0;
}

h4.searchResultH4 a{
    color: red;
    text-decoration: none;
}

h4.searchResultH4 a:hover{
    text-decoration: underline;
}

html>body .searchResultH4{
    padding: 9px 0 5px 0;
}

.searchResultP {
    margin: 0;
    padding: 0 0 1px 0;
}
html>body .searchResultP {
    padding: 0 0 1px 0;
}

hr.divider {
    margin: 0;
    padding: 0;
    border-top: 1px solid #000;
    height: 1px;
}

.underlineDivSearch {
    border-bottom: 1px solid #ccc;
    height: 1px;
    line-height: 1px;
    padding: 0;
    margin: 4px 0 0 0;
}

html>body .underlineDivSearch {
    margin: 4px 0 0 0;
}

/********************
* MEMBER-RELATED    *
*********************/

#member_signup_div {
    padding: 0;
}

#member_signup_div form {
    padding: 0 10px;
    margin: 0;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}

#member_signup_div form p {
    padding: 7px 0;
    margin: 0;
    font-size: 1.23em;
}

#member_signup_div input {
    border: 1px solid #cccccc;
    padding: 3px;
}

#member_signup_div input#submitButton {
    font-weight: bold;
    width: 120px;
}

#member_signup_div h2 {
    margin-top: 0;
    padding: 7px 0 7px 5px;
    display: block;
    line-height: 20px;
    background-color: #e71f22;
    color: #FFFFFF;
    font: bold 11pt Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

.memberPage FORM {
    margin: 0;
    background: transparent;
}

.memberPage .ast {
    font-weight: bold;
    color: #ff0000;
}

.memberPage .formField,
    .memberRegister .formField,
    .formField {
    font-size: 1em;
    border: 1px solid #000000;
}

.memberSearchFormField {
    font-size: 1.3em;
    padding: 0;
    margin: 0;
    border: 1px solid #000000;
    width: 150px;
    height: 18px;
}

.memberFormSelect {
    font-size: 1.3em;
}

.memberPage TEXTAREA.formField {
    font: 1.1em verdana, Arial, Helvetica, sans-serif;
    border: 1px solid #000000;
    overflow: auto;
}

.memberPage .formFieldFile {
    font-size: 1em; /* if (!isGecko ) { */
    border: 1px solid #000000; /* } */
}

.memberPage SELECT,
    .formSelect {
    font-size: 1em;
}

.memberPage TR.fields TD {
    padding-bottom: 8px;
}

.memberPage TR.at TD,
    .memberPage TD.at {
    vertical-align: top;
}

.memberPage TD,
    .memberPage TR.am TD,
    .memberPage TD.am {
    vertical-align: middle;
}

.memberPage,
    .memberRegister {
    border: 1px solid #666666;
    text-align: left;
}

.memberPage H3 {
    margin: 0 0 1em 0;
    font-weight: normal;
    font-size: small;
}

.memberPage H5,
    .memberRegister H5 {
    background-color: #e71f22;
    width: 100%;
    color: #FFFFFF;
    padding: 3px 0;
    margin: 0 0 0 0;
    font-weight: normal;
    text-indent: 10px;
    font-size: 1em
}

.memberPage P {
    margin: 0 0 1em 0 !important;
    padding: 0 !important;
}

.memberRegister .searchChars A:link,
    .memberRegister .searchChars A:visited {
    color: #ffffff;
    font: 11px / 11px Verdana, Geneva, sans-serif;
    text-decoration: none;
}

.memberRegister .searchChars A:active,
    .memberRegister .searchChars A:hover,
    .memberRegister .searchChars B {
    color: #000000;
    background-color: #ffffff;
    font: 11px / 11px Verdana, Geneva, sans-serif;
    text-decoration: none;
}

.memberRegister .memberList A {
    text-decoration: none;
}

.memberRegister .memberList A:link {
    color: #000099;
}

.memberRegister .memberList A:visited {
    color: #000066;
}

.memberRegister .memberList A:active {
    color: #ff0000;
}

.memberRegister .memberList A:hover {
    color: #ff0000;
}

H5.paging {
    text-align: center;
}

H5.paging A:link,
    H5.paging A:visited {
    color: #ffffff;
    font: 10px / 10px Verdana, Geneva, sans-serif;
    text-decoration: none;
}

H5.paging A:active,
    H5.paging A:hover,
    H5.paging .active {
    color: #ffffff;
    font: 10px / 10px Verdana, Geneva, sans-serif;
    text-decoration: underline;
}

H5.paging .inactive {
    color: #ff9999;
    font: 10px / 10px Verdana, Geneva, sans-serif;
}

.extraAdmin {
    border: 5px solid #cc00cc;
    margin: -10px 30% 10px 0;
    float: right;
    display: inline;
}

input#andraUppgifter {

    width: 145px;
    height: 20px;
    margin: 0;
    padding: 0;
    border: 0;
    background: url( ../images/gui/buttons/andraUppgifterBtn.gif ) 0 0 no-repeat;
    text-indent: -1000em;
    cursor: pointer; /* hand-shaped cursor */

}

input#sparaUppgiterBtn {
    width: 145px;
    height: 20px;
    margin: 0;
    padding: 0;
    border: 0;
    background: url( ../images/gui/buttons/sparaUppgifterBtn.gif ) 0 0 no-repeat;
    text-indent: -1000em;
    cursor: pointer; /* hand-shaped cursor */
}

input .medlemSok {
    width: 31px;
    height: 20px;
    margin: 0;
    padding: 0;
    border: 0;
    background: url( ../images/gui/buttons/medlemSokBtn.gif ) 0 0 no-repeat;
    text-indent: -1000em;
    cursor: pointer; /* hand-shaped cursor */
}

/****************************************
*    CALENDAR & NEWS ARCHIVE            *
****************************************/

#rightk {
    float: right;
    width: 1px;
    margin: 0;
    padding: 0;
}

#middlek {
    margin: 0 5px 0 180px;
    padding: 0;
    background: #fff;
}

.calendar h2 {
    font-weight: normal;
    margin: 0;
    padding: 0;
}

#submiddlek {
    margin: 0 180px 0 0;
    padding: 0;
}

.grey {
    color: #868686;
    font-size: medium;
}

#kal_form {
    border-bottom: 1px solid #ccc;
}

.nopad, .nopad p {
    padding: 0;
    margin: 0;
    line-height: 1.3;
}

.underline {
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.underlineDiv {
    border-bottom: 1px solid #ccc;
    height: 1px;
    padding: 0;
    margin: 4px 0 4px 0;
}

html>body .underlineDiv {
    margin: 9px 0 4px 0;
}

.underlineDivStoraPuff {
    border-bottom: 1px solid #ccc;
    height: 1px;
    line-height: 1px;
    padding: 0;
    margin: 4px 0 0 0;
}

html>body .underlineDivStoraPuff {
    margin: 4px 0 4px 0;
}


.clearer {
height: 50px;
}

.paging, .paging .browsingLink {
text-decoration: none;
color: #333399;
}

.browsingLinkCurrent {
text-decoration: none;
font-weight: bold;
}

.browsingLink:hover {
    text-decoration: underline;
}

.calendarButtonWrapper {
    margin: 0 0 -12px 0;
}

html>body .calendarButtonWrapper {
    margin: 0;
}

.calendar H2 {
    font-weight: normal;
    margin: 0 0 0.2em 0 !important;
    padding: 0;
}

.calendar P {
    font-size: 10px;
    margin: 0 0 0.4em 0 !important;
    padding: 0;
}

.nyhetsarkiv p {
    font-size: 10px;
}

.calendar a, .nyhetsarkiv a {
    text-decoration: none;
}

.calendar a:hover, .nyhetsarkiv a:hover {
    text-decoration: underline;
}

input#nyhetSok {
    width: 30px;
    height: 20px;
    margin: 0;
    padding: 0;
    border: 0;
    background: url( ../images/gui/buttons/nyhetSokBtn.gif ) 0 0 no-repeat;
    text-indent: -1000em;
    cursor: pointer; /* hand-shaped cursor */
}

input#nyhetRensa {
    width: 44px;
    height: 20px;
    margin: 0;
    padding: 0;
    border: 0;
    background: url( ../images/gui/buttons/nyhetRensaBtn.gif ) 0 0 no-repeat;
    text-indent: -1000em;
    cursor: pointer; /* hand-shaped cursor */
}

input#newsSearch {
    border: 1px solid #cccc99;
    padding: 3px;
    width: 310px;
}

#newsSearchForm {
    margin: 0 0 7px 0;
}

#newsSearchForm p {
    padding: 7px 0;
    margin: 0;
    font-size: 1.23em;
}

a.redLink {
    color: #ed1e24;
    font-weight: bold;
}

#kategorierSelect {
    margin: 0 0 0 10px;
    font-size: 1em;
    font: 10px Verdana, Arial, Helvetica;

}

.nyhetsarkiv h2 {
    font-weight: normal;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

.nyhetsarkiv p {
    font-weight: normal;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

.newsArchiveUnderlineDiv {
    border-bottom: 1px solid #ccc;
    height: 1px;
    margin: 0 0 7px 0;
    padding: 0;
}

html>body .newsArchiveUnderlineDiv {
    border-bottom: 1px solid #ccc;
    height: 1px;
    margin: 10px 0 7px 0;
    padding: 0;
}

.resultBrowsing {
    margin: 25px 0 0 30%;
}

a.browsingActive {
    font-weight: bold;
    text-decoration: none;
    color: #000;
}

a.browsingActive:hover, a.browsing:hover {
    text-decoration: underline;
}

a.browsing {
    text-decoration: none;
    color: #333399;
}

a.browsingNextPrevious {
    text-decoration: none;
    color: #333399;
}

/** ads-related **/

.adsText {
    margin: 0 5px 5px 0;
    padding: 0;
    color: #fff;
    float: right;
    clear: both;
}

a img.annonsBild {
    border: 0;
}

.theDateWrapper {
    background: #000;
    padding-bottom: 4px;
}

.theDate {
    float: right;
    color: #fff;
}


#addForm {
    margin: 0;
    padding: 0;
}
#addForm input {
    height: 20px;
}
#addForm input, #addForm textarea {
    font-size: 11px;
}

/** BUTTONS IMAGE REPLACEMENT **/

input#skicka {
    width: 49px;
    height: 19px;
    margin: 0;
    padding: 0;
    border: 0;
    background: url( ../images/gui/buttons/skickaBtn.gif ) 0 0 no-repeat;
    text-indent: -1000em;
    cursor: pointer; /* hand-shaped cursor */
}

input#stang {
    width: 49px;
    height: 19px;
    margin: 0;
    padding: 0;
    border: 0;
    background: url( ../images/gui/buttons/stangBtn.gif ) 0 0 no-repeat;
    text-indent: -1000em;
    cursor: pointer; /* hand-shaped cursor */
}

a#stang {
    width: 49px;
    height: 19px;
    margin: 0;
    padding: 0;
    border: 0;
    background: url( ../images/gui/buttons/stangBtn.gif ) 0 0 no-repeat;
    text-indent: -1000em;
    cursor: pointer; /* hand-shaped cursor */
}

input#stang2 {
    width: 49px;
    height: 19px;
    margin: 0;
    padding: 0;
    border: 0;
    background: url( ../images/gui/buttons/stangBtn.gif ) 0 0 no-repeat;
    text-indent: -1000em;
    cursor: pointer; /* hand-shaped cursor */
}

input#forhandsgranska {
    width: 124px;
    height: 20px;
    margin: 0 0 0 0;
    padding: 0;
    border: 0; /*background: url( ../images/gui/buttons/forhandsGranskaBtn.gif ) 0 0 no-repeat;*/
    text-indent: -1000em;
    cursor: pointer; /* hand-shaped cursor */
}

input#andra {
    width: 79px;
    height: 19px;
    margin: 0 10px 0 5px;
    padding: 0;
    border: 0; /*background: url( ../images/gui/buttons/andraBtn.gif ) 0 0 no-repeat;*/
    text-indent: -1000em;
    cursor: pointer; /* hand-shaped cursor */

}

input#publicera {
    width: 79px;
    height: 19px;
    margin: 0 10px 0 5px;
    padding: 0;
    border: 0; /*background: url( ../images/gui/buttons/publiceraBtn.gif ) 0 0 no-repeat;*/
    text-indent: -1000em;
    cursor: pointer; /* hand-shaped cursor */

}

input#avbryt, #avbryt {
    width: 55px;
    height: 20px;
    margin: 0 10px 0 5px;
    padding: 0;
    border: 0; /*background: url( ../images/gui/buttons/avbrytBtn.gif ) 0 0 no-repeat;*/
    text-indent: -1000em;
    cursor: pointer; /* hand-shaped cursor */

}

#svara {
    /*width: 55px;
    height: 20px;*/
    margin: 0 10px 0 5px;
    padding: 0;
    border: 0; /*background: url( ../images/gui/buttons/svaraBtn.gif ) 0 0 no-repeat;*/
    text-indent: -1000em;
    cursor: pointer; /* hand-shaped cursor */

}

.show {
    width: 47px;
    height: 19px;
    margin: 0 10px 0 0;
    padding: 0;
    border: 0; /*background: url( ../images/gui/buttons/visaBtn.gif ) 0 0 no-repeat;*/
    text-indent: -1000em;
    cursor: pointer; /* hand-shaped cursor */
}

.hide {
    width: 47px;
    height: 19px;
    margin: 0 10px 0 0;
    padding: 0;
    border: 0; /*background: url( ../images/gui/buttons/doljBtn.gif ) 0 0 no-repeat;*/
    text-indent: -1000em;
    cursor: pointer; /* hand-shaped cursor */
}

.bold {
	font-weight: bold;
}



