body {
margin: 0; 
padding: 0;
text-align: center;
background-color: #eef2f7;
color: #282828;
}

html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6{
	-webkit-text-size-adjust:none;
}

h1 {
float: left;
font-size: 18px;
font-family: verdana, arial;
color: #303030;
margin: 15px 0 8px 0;
padding: 0;
}

h2 {
font-size: 15px;
font-family: verdana, arial;
color: #777;
margin: 15px 0 5px 0;
padding: 0;
}

h2 a:link, h2 a:visited {color: #333; text-decoration: none;}
h2 a:hover {text-decoration: underline;}

h3 {
width: 495px;
height: 21px;
background-image: url(bilder/storrubrik.png);
background-color: #b2becb;
border: 1px solid #a1bde4;
font-family: verdana, arial;
font-size: 12px;
color: #444444;
font-weight: bold;
padding: 6px 0 0 10px;
margin: 15px 0 10px 0;
}

ul {
margin: 0;
padding: 0;
}

p {
margin: 0;
padding: 0;
}

select {
margin: 3px;
border: 1px solid #ccc;
}

#top {
width: 100%;
background-color: #3e4146;
border-bottom: 2px solid #000;
padding: 5px 0;
text-align: center;
overflow: hidden;
margin: 0;
}

#bokstaver {
float: left;
width: 280px;
text-align: left;
font-family: arial, tahoma, verdana;
font-size: 11px;
font-weight: bold;
padding: 0;
margin: 0;
}

#bokstaver a:link {color: #ccc; text-decoration: none; padding: 0 4px;}
#bokstaver a:visited {color: #ccc; text-decoration: none; padding: 0 4px;}
#bokstaver a:hover {color: #888;}

#sok {
float: right;
width: 360px;
height: 30px;
padding-left: 60px;
text-align: right;
padding: 0;
margin: 0;
}

.topsearch {
width: 250px;
padding: 4px;
font-size: 14px;
background-color: #eee;
border: 1px solid #000;
color: #666;
margin: 0;
}

.topsubmit {
font-family: verdana, arial;
font-size: 12px;
font-weight: normal;
border: 1px solid #101010;
background-image: url(bilder/soksubmit.png);
padding: 3px 4px 3px 5px;
color: #ccc;
margin: 0;
}

/* headwrapper = Ligger runt logga och meny */

#headwrapper {
margin-left: auto;
margin-right: auto;
width: 700px;
overflow: hidden;
padding: 0;
}

#header {
width: 700px;
height: 100px;
margin-top: 0;
margin-bottom: 0;
}

#login {
text-align: left;
float: right;
background-image: url(bilder/loginbg.png);
background-repeat: repeat-x;
background-color: #d4dde9;
width: 220px;
border-right: 1px solid #b2becb;
border-left: 1px solid #b2becb;
border-bottom: 1px solid #b2becb;
padding: 8px 6px 5px 6px;
font-family: verdana;
font-size: 11px;
}

#login a {
color: #404040;
text-decoration: none;
}

#login a:hover {
color: #707070;
}

.logininput {
float: left;
width: 120px;
height: 14px;
background-color: #fbfbfb;
border: 1px solid #b2becb;
padding: 3px;
font-family: arial, verdana;
letter-spacing: 1px;
font-size: 11px;
margin-bottom: 3px;
}

.submit_login {
float: left;
height: 23px;
font-family: tahoma, arial;
font-size: 11px;
font-weight: bold;
border: 1px solid #b8b8b8;
background-image: url(bilder/submit.png);
color: #585858;
padding: 0px 4px 2px 5px;
margin: 0;
}

#checkbox {
float: left;
color: #555;
margin-left: 20px;
}

#menyrubrik {
width: 188px;
font-size: 12px;
font-family: verdana, arial;
color: #303030;
padding: 5px;
font-weight: bold;
}

#menycontainer {width: 100%; overflow: hidden;}

#meny ul{margin-left: 0; padding-left: 0; font-family: verdana, tahoma, arial; font-size: 10px;}
#meny li{display: inline;}
#meny ul a{float: left; text-decoration: none; background: url(bilder/menybakgrund.png); line-height: 17px; height: 20px; margin-right: 0.2em; margin-left: 0.25em; padding: 5px 2em; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 1px solid #ccc;}

#meny a:link{color: #606060;}
#meny a:visited{color: #606060;}
#meny a:hover{background-image: url(bilder/menybakgrund_current.png); color: #f9f9f9; border-left: 1px solid #313131; border-right: 1px solid #313131; border-top: 1px solid #313131;}
#meny a#current{background-image: url(bilder/menybakgrund_current.png); color: #f9f9f9; border-left: 1px solid #313131; border-right: 1px solid #313131; border-top: 1px solid #313131;}

#undermeny{
width: 680px;
margin-left: auto;
margin-right: auto;
padding: 9px 0 9px 20px;
text-align: left;
}

#undermeny a {font-family: verdana, tahoma, arial; font-size: 10px; margin-right: 20px; font-weight: bold;}
#undermeny a:link {color: #aaa; text-decoration: none;}
#undermeny a:visited {color: #aaa; text-decoration: none;}
#undermeny a:hover {color: #eee; text-decoration: none;}

#svartlinje {
width: 100%;
background-color: #444;
margin: 0;
padding: 6px 0 0 0;
border-bottom: 1px solid #000000;
}

#morklinje {
width: 100%;
background-color: #3e4146;
margin: 0;
border-bottom: 1px solid #000;
border-top: 1px solid #000;
}

#sokbox {
width: 700px;
margin-left: auto;
margin-right: auto;
height: 30px;
text-align: right;
padding: 0;
}

.sokinput {
background-image: url(bilder/forstoringsglas.png);
background-repeat: no-repeat;
border: 1px solid #202020; 
background-color: #676767; 
color: #f8f8f8; 
font-family: arial, verdana; 
font-size: 12px; 
padding: 3px 0px 0px 24px; 
height: 17px; 
width: 140px;
}

.soksubmit {
height: 22px;
font-family: verdana, arial;
font-size: 10px;
font-weight: normal;
border: 1px solid #101010;
background-image: url(bilder/soksubmit.png);
padding: 0px 4px 2px 5px;
color: #ccc;
margin: 0;
}

/* announcement = hamnar under det svarta strecket och över den stora vita content-boxen (#wrapper). Används till viktiga meddelanden som alla besökare bör läsa */

#announcement {
margin-top: 20px;
padding: 10px;
text-align: left;
width: 680px;
margin-right: auto;
margin-left: auto;
font-family: verdana, tahoma, arial;
color: #684c51;
border: 1px solid #cab1b1;
background: #e7cece;
font-size: 11px;
}

#announcement a:link{color: #2e4031;}
#announcement a:visited{color: #2e4031;}
#announcement a:hover{color: #2e4031; text-decoration: none;}

#wrapper {
overflow: hidden;
padding: 0 15px 15px 15px;
margin-right: auto;
margin-left: auto;
margin-top: 20px;
background-color: #ffffff;
border: 1px solid #d8d8d8;
width: 670px;
}


#content {
overflow: hidden;
float: left;
width: 510px;
text-align: left;
font-family: verdana, arial;
font-size: 11px;
color: #585858;
line-height: 16px;
}

#index_content {
overflow: hidden;
float: left;
width: 455px;
text-align: left;
font-family: verdana, arial;
font-size: 11px;
color: #585858;
line-height: 16px;
}

#content a:link {color: #222;}
#content a:visited {color: #222;}
#content a:hover {color: #222; text-decoration: none;}

#index_content a:link {color: #222;}
#index_content a:visited {color: #222;}
#index_content a:hover {color: #222; text-decoration: none;}

#storrubrik {
width: 485px;
height: 21px;
background-image: url(bilder/storrubrik.png);
background-color: #b2becb;
border: 1px solid #a1bde4;
font-family: verdana, arial;
font-size: 12px;
color: #444444;
font-weight: bold;
padding: 6px 0 0 10px;
margin-bottom: 10px;
margin-top: 15px;
}

#index_storrubrik {
width: 440px;
height: 21px;
background-image: url(bilder/storrubrik.png);
background-color: #b2becb;
border: 1px solid #a1bde4;
font-family: verdana, arial;
font-size: 12px;
color: #444444;
font-weight: bold;
padding: 6px 0 0 10px;
margin-bottom: 10px;
margin-top: 15px;

}


.left {
float: left;
}

.right {
margin-right: 20px;
font-size: 11px;
font-weight: normal;
float: right;
}

.right2 {
float: right;
margin-right: 15px;
}

.index_rubrik {
float: left;
width: 440px;
height: 23px;
background-image: url(bilder/rubrikbg.png);
background-repeat: repeat-x; 
background-color: #e6e6e6;
border: 1px solid #cacaca;
font-weight: bold;
color: #666;
padding: 5px 0 0 10px;
line-height: 16px;
}

.rubrik {
float: left;
width: 495px;
height: 23px;
background-image: url(bilder/rubrikbg.png);
background-repeat: repeat-x; 
background-color: #e6e6e6;
border: 1px solid #cacaca;
font-weight: bold;
color: #666;
padding: 5px 0 0 10px;
line-height: 16px;
}

/* bottenmargin och topmargin används till diverse div'ar och andra element som behöver margin, men som inte kan ha det hela tiden. */ 

.bottenmargin {
margin-bottom: 10px;
}

.topmargin {
margin-top: 10px;
}

/* imbanotis: Diverse "forumlist"-classer används inte bara till forumet, tror jag. Kolla vilka filer som använder dom vid edit så inget fakkas */

.listwrapper {
width: 495px;
float: left;
padding: 0;
margin: 0;
}

.index_listwrapper {
width: 440px;
float: left;
padding: 0;
margin: 0;
}

.list:hover {
background-color: #e8e8e8;
}
.index_list:hover {
background-color: #e8e8e8;
}

.index_list{
width: 440px;
background-color: #f3f3f3;
border-bottom: 1px solid #d0d0d0;
padding: 5px 6px;
font-size: 10px;
color: #888;
overflow: hidden;
}

.list{
width: 495px;
background-color: #f3f3f3;
border-bottom: 1px solid #d0d0d0;
padding: 5px 6px;
font-size: 10px;
color: #888;
overflow: hidden;
}

.list a {
color: #111;
text-decoration: none;
font-size: 11px;
}

.list a:hover {
text-decoration: underline;
}

.index_list a {
color: #111;
text-decoration: none;
font-size: 11px;
}

.index_list a:hover {
text-decoration: underline;
}

.list_box2 {
float: right;
text-align: right;
margin-right: 10px;
}

.forum_skapadavanv a {
font-size: 10px;
color: #ff0000;
text-decoration: none;
}

.list_onlineavatar {
float: left;
margin-right: 10px;
}

.list_forumupdate {
width: 15px;
padding-top: 9px;
padding-right: 8px;
height: 15px;
float: left;
}


.list_forumupdate img {
width: 15px;
height: 15px;
}

.list_box1_forum {
float: left;
}

.textbox {
width: 487px;
background-color: #ffffff;
border-right: 10px solid #e8e8e8;
border-left: 10px solid #e8e8e8;
border-bottom: 10px solid #e8e8e8;
color: #585858;
}

.toptextbox {
width: 477px;
padding: 4px 5px;
background-color: #e8e8e8;
}

.index_toptextbox {
width: 422px;
padding: 4px 5px;
background-color: #e8e8e8;
}

.index_toptextbox a, .toptextbox a {
margin-right: 8px;
}

.index_textbox {
width: 432px;
background-color: #ffffff;
border-right: 10px solid #e8e8e8;
border-left: 10px solid #e8e8e8;
border-bottom: 10px solid #e8e8e8;
color: #585858;
}

/* markerar borttagen och tillagd text @ redigeringslogg: */

.borttaget {
color: #9f5555;
}

.tillagt {
color: #529052;
}

.azbox a:link {
color: #585858;
text-decoration: none;
padding-left: 0.05em;
}

.azbox a:visited {
color: #585858;
text-decoration: none;
padding-left: 0.05em;
}


.azbox a:hover {
color: #282828;
text-decoration: underline;
padding-left: 0.05em;
}

.bladdra_box {
width: 150px;
float: left;
}



.mening {
float: left;
width: 445px;
background-image: url(bilder/quote.png);
background-repeat: no-repeat;
background-color: #e9eef3;
border: 1px solid #d0d9e2;
padding: 15px 0px 0px 35px;
margin: 20px 0 10px 0;
color: #404d60;
}

.mening div {
background: transparent url(bilder/quote2.png) no-repeat scroll right bottom;
padding-bottom: 15px;
padding-right: 35px;
}

.related {
float: left;
width: 484px;
background-color: #eee;
border-left: 4px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
padding: 5px 8px;
}

.taggar {
float: left;
}

.taggar span {
background-color: #7cb1d6;
color: #eee;
padding: 2px 3px;
}

.taggar span:hover {
background-color: #618dbb;
}

#rapportera {
text-align: right;
margin-left: auto;
width: 110px;
padding: 0;
font-family: tahoma, verdana, arial;
font-size: 11px;
}


.input {
border: 1px solid #d0d0d0;
padding: 5px;
width: 200px;
font-family: verdana, arial;
font-size: 11px;
}

.kontaktinput {
border: 1px solid #d0d0d0; 
background-color: #f8f8f8; 
color: #484848; 
font-family: arial, verdana; 
font-size: 12px; 
padding: 2px 0px 2px 3px;  
width: 200px;
}

.meddelande {
border: 1px solid #d0d0d0; 
background-color: #f8f8f8; 
color: #484848; 
font-family: arial, verdana; 
font-size: 12px; 
padding: 3px 0px 0px 4px;  
width: 300px;
}

.storsokinput {
background-image: url(bilder/forstoringsglas_svart.png);
background-repeat: no-repeat;
border: 1px solid #d0d0d0; 
background-color: #f8f8f8; 
color: #484848; 
font-family: arial, verdana; 
font-size: 12px; 
padding: 3px 0px 0px 24px; 
height: 18px; 
width: 180px;
}

#forumrubrik {
width: 440px;
height: 21px;
background-image: url(bilder/rubrikbg.png);
background-repeat: repeat-x;
background-color: #e6e6e6;
border: 1px solid #cacaca;
font-size: 12px;
color: #666;
font-weight: bold;
padding: 6px 0 0 10px;
margin-top: 15px;
}

.submit {
height: 23px;
font-family: tahoma, arial;
font-size: 11px;
font-weight: bold;
border: 1px solid #bbb;
background-image: url(bilder/submit.png);
color: #787878;
padding: 0px 4px 2px 5px;
}

.submit:hover {
border: 1px solid #999;
}

#side {
margin-top: 15px;
overflow: hidden;
float: right;
width: 142px;
text-align: left;
}

#index_side {
margin-top: 15px;
overflow: hidden;
float: right;
width: 200px;
text-align: left;
}

/* .options = Används till visa.php. det är menyn där "redigera uttryck"-länken m.fl. är. */

.options{padding: 0; width: 142px; list-style-type: none; font-family: verdana, tahoma, arial; font-size: 9pt; background: #d0d9e2; border-bottom: 1px solid #b2becb; border-top: 1px solid #b2becb; margin-bottom: 10px;}

.options a{ display: block; width: auto; height: 100%; padding-left: 0.25em; padding-top: 0.25em; padding-bottom: 0.25em; text-decoration: none;
border-top: 1px solid #d0d9e2; border-right: 1px solid #b2becb; border-left: 1px solid #b2becb;}

.options a:link{color: #48515e;}
.options a:visited{color: #48515e;}
.options a:hover{background-color: #e4e8ed;}


#omrostning {
width: 187px;
padding: 5px;
background-color: #f0f0f0;
border: 1px solid #d0d0d0;
margin-bottom: 10px;
font-family: tahoma, verdana, arial;
font-size: 11px;
}

#omrostning a:visited {
color: #205080;
text-decoration: none;
line-height: 25px;
}

#omrostning a:link {
color: #205080;
text-decoration: none;
line-height: 25px;
}

#omrostning a:hover {
color: #205080;
text-decoration: underline;
line-height: 25px;
}

.fraga_svar_text {
color: #303030;
font-size: 11px;
}

.fraga_ram {
background-image: url(bilder/fraga_innehallbg2.png);
margin: 1px; 
border: 1px solid #1b4036;
height: 10px;
}
.fraga_innehall {
background-image: url(bilder/fraga_innehallbg.png);
height: 10px;
width: 1px;
}


/* textformatering */

.rod_text {
color: #b05050;
}

.gron_text {
color: #227722;
}

.liten {
font-size: 9px;
}

#visa_notice {
width: 454px;
padding: 8px;
border: 1px dashed #a04010;
margin-top: 15px;
font-family: verdana, arial;
font-size: 10px;
color: #585858;
line-height: 14px;
}

#botten {
width: 680px;
height: 50px;
margin-right: auto;
margin-left: auto;
margin-bottom: 30px;
text-align: left;
background-image: url(bilder/bottenbg.png);
background-repeat: repeat-x;
background-color: #e0e0e0;
border-bottom: 1px solid #cacaca;
border-left: 1px solid #cacaca;
border-right: 1px solid #cacaca;
padding: 10px;
font-family: verdana, tahoma, arial; 
color: #808080; 
font-size: 10px;
}

#botten a{
color: #606060;
font-weight: bold;
text-decoration: none;
}

#botten a:hover {
color: #909090;
}

#bottenlogo {
width: 50px; 
height: 50px; 
float: left; 
margin-right: 10px;
margin-top: 3px;
background-image: url(bilder/bottenlogo.png);
}

#hejicon {
float: right; 
margin-top: 13px; 
font-size: 9px;
}

#hejicon a{
font-weight: normal;
text-decoration: none;
color: #666;
}

/* Presentation */ 

.presentationsinput {
border: 1px solid #d0d0d0;
padding: 5px;
width: 480px;
height: 100px;
font-family: verdana, arial;
font-size: 11px;
}

#presentationsbild {
float: left; 
width: 90px; 
height: 90px; 
margin-right: 10px; 
border: 1px solid #000;
margin-top: 5px;
margin-bottom: 15px;
}

#presentationstop {
float: left; 
padding: 4px 10px 7px 10px; 
width: 368px; 
background-color: #f5f5f5; 
border: 1px solid #e3e3e3; 
font-family: verdana, arial; 
font-size: 13px; 
margin-top: 0;
margin-bottom: 15px;
color: #606060; 
}

#press_anv {
float: left;
font-weight: bold;
font-size: 20px; 
color: #909090; 
font-family: arial;
line-height: 32px;
width: 170px;
}

#press_online {
float: right;
letter-spacing: 1px;
padding-top: 6px;
}

/* press_hello = en år gammal grupp från ort */

#press_hello {
float: left;
text-align: left;
padding: 0;
margin-top: 4px;
}

#presentationsmeny {float: left; margin-left: 0; margin-top: 4px; padding-left: 0; background: #f5f5f5; border-left: 1px solid #e3e3e3; }
#presentationsmeny li{display: inline;}
#presentationsmeny a{float: left; text-decoration: none; padding: 0.5em 1.4em; border-right: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3;}

#presentationsmeny a:link{color: #000000; background: #fefefe;}
#presentationsmeny a:visited{color: #000000; background: #fefefe;}
#presentationsmeny a:hover{background: #f5f5f5;}
#presentationsmeny a#current{background: #f5f5f5; color: #000000;}



#presentationsbottom {
float: left; 
padding: 8px; 
width: 490px; 
background-color: #f5f5f5; 
border: 1px solid #e3e3e3; 
line-height: 15px;
}

#presentationsbottom b {
color: #505050;
}

#bytbild {
float: left; 
padding: 8px; 
width: 314px; 
background-color: #f5f5f5; 
border: 1px solid #e3e3e3; 
line-height: 15px;
}


#trad_side {
margin-top: 15px;
overflow: hidden;
float: right;
width: 140px;
text-align: left;
border: 1px solid #ff0000;
}

#trad_content {
overflow: hidden;
float: left;
width: 525px;
text-align: left;
font-family: verdana, arial;
line-height: 16px;
font-size: 11px;
color: #585858;
}

#trad_storrubrik {
width: 513px;
height: 21px;
background-image: url(bilder/storrubrik.png);
background-color: #b2becb;
border: 1px solid #a1bde4;
font-family: verdana, arial;
font-size: 12px;
color: #444444;
font-weight: bold;
padding: 6px 0 0 10px;
margin-bottom: 10px;
margin-top: 15px;

}

#trad_underrubrik {
width: 503px;
overflow: hidden;
background-image: url(bilder/rubrikbg.png);
background-repeat: repeat-x;
background-color: #e6e6e6;
border: 1px solid #cacaca;
font-size: 12px;
color: #666;
font-weight: bold;
padding: 5px 10px;
margin-top: 15px;
margin-bottom: 10px;
}

.trad_list1 {
width: 515px;
padding: 5px;
background-color: #f0f0f0;
border-top: 1px solid #d0d0d0;
overflow: hidden;
}

.trad_list2 {
width: 515px;
padding: 5px;
background-color: #e0e0e0;
border-top: 1px solid #d0d0d0;
overflow: hidden;
}

.trad_list1 a {
color: #222;
}

.trad_list2 a {
color: #222;
}

.trad_anvside {
width: 110px;
padding: 8px;
float: left;
font-size: 10px;
height: 100%;
}

.trad_anvside a {
color: #444;
text-decoration: none;
font-weight: bold;
}

.trad_anvside a:hover {
color: #333;
text-decoration: none;
}

.trad_anvside a:visited {
color: #333;
text-decoration: none;
font-weight: bold;
}

.trad_anvside img {
margin-top: 2px;
}

.trad_text {
width: 375px;
float: left;
color: #333;
padding: 5px 5px 5px 8px;
border-left: 1px solid #a0a0a0;
min-height: 160px;
}

.trad_skrivsvar {
width: 515px;
padding: 10px 5px;
border-top: 1px solid #d0d0d0;
overflow: hidden;
}

.trad_input {
background-color: #fbfbfb;
width: 350px;
height: 100px;
padding: 5px;
border: 1px solid #d0d0d0;
font-family: verdana, arial;
float: left;
font-size: 10px;
color: #222;
}

.trad_smileys {
float: right;
width: 145px;
height: 110px;
padding: 0 0 5px 0;
}

.trad_skicka {
float: left;
margin-top: 3px;
}

.trad_formatering {
float: right;
margin-top: 5px;
margin-right: 5px;
}

.trad_formatering a {
color: #333;
text-decoration: none;
}

.trad_formatering a:hover {
text-decoration: underline;
}



.adminbox {
float: left; 
padding: 8px; 
width: 434px; 
background-color: #f5f5f5; 
border: 1px solid #e3e3e3; 
line-height: 15px;
}

.hidden{display:none;}

.quote {
margin-left: 5px;
margin-right: 5px;
padding: 5px;
border: 1px solid #bbb;
background-color: #ddd;
}

/* Formatering för smslankar */

#smslankar {
	line-height: 16px;
}#smslankar a {
	font-size: 10px;
	font-family: verdana;
	color: #222;
} #smslankar a:hover {
	text-decoration: none;
}