/* CSS Document för O.T.O. Sverige */
/* Skärmdesign */

body
{
background-color: #3c3d42;
background-image: url('bilder/design/bg.gif');
background-position: center;
background-repeat: repeat-y;
text-align: center;

font-family: arial, sans-serif;
font-size: 80%;

padding: 0;
margin: 0;
}

hr
{
clear: both;
}


#head
{
width: 780px;
background: black;
background-image: url('bilder/design/head.jpg');
height: 162px;
margin-left: auto; margin-right: auto;
}

#head h1
{
display: none;
}


/* Huvudnavigation */

#head ul
{
float:left;
margin: 60px 0 0 26px;
padding: 0;
list-style: none;
display: inline;
}

#head ul li
{
float: left;
display: inline;
padding: 0;

}

#head ul li a
{
min-width: 96px;
font-family: Arial, sans-serif;
font-size: 10px;
font-weight: bold;
letter-spacing: 0px;
color: #111;
text-decoration: none;
border: none;
padding: 6px 20px 3px 20px;
background-image: none;
background-position: top center;
background-repeat: no-repeat;
}

#head ul li a:hover
{
color: #fff;
background-image: url('bilder/design/mouseover.jpg');
}

#head ul #link_bibliotek
{
margin-left: 180px;
}


/* Fixar så man ser aktiv huvudlänk */

#body_hem #mainframe #head ul #link_hem a
{
color: #fff;
background-image: url('bilder/design/mouseover.jpg');
}

#body_om_oto #mainframe #head ul #link_om_oto a
{
color: #fff;
background-image: url('bilder/design/mouseover.jpg');
}

#body_medlemskap #mainframe #head ul #link_medlemskap a
{
color: #fff;
background-image: url('bilder/design/mouseover.jpg');
}

#body_om_thelema #mainframe #head ul #link_om_thelema a
{
color: #fff;
background-image: url('bilder/design/mouseover.jpg');
}

#body_bibliotek #mainframe #head ul #link_bibliotek a
{
color: #fff;
background-image: url('bilder/design/mouseover.jpg');
}

#body_medlemmar #mainframe #head ul #link_medlemmar a,
#body_inside #mainframe #head ul #link_medlemmar a
{
color: #fff;
background-image: url('bilder/design/mouseover.jpg');
}

#body_kontakt #mainframe #head ul #link_kontakt a
{
color: #fff;
background-image: url('bilder/design/mouseover.jpg');
}



/* Layout */

#mainframe
{
width: 780px;
padding: 0;
margin-left: auto; 
margin-right: auto; 
background-color: #ebebeb;
}

#content
{
min-height: 401px;
width: 780px;
text-align: left;
margin-left: auto; 
margin-right: auto;
padding: 30px 0 0 0;
background-image: url('bilder/bgs/star.jpg');
background-color: #ebebeb;
background-position: 420px 0px;
background-repeat: no-repeat;
float: left;
}

/* for Internet Explorer */
/*\*/
* html #content {
height: 371px;
}
/**/

#textframe
{
width: 540px;
float: left;
padding-bottom: 50px;
margin-left: 18px;
}

#footer
{
clear: both;
width: 780px;
height: 58px;
background-image: url('bilder/design/footer.jpg');
background-color: #000;
color: #fff;
}

#footer p
{
display: none;
}

#footer img
{
border: none;
margin-top: 40px;
margin-left: 10px;
}

/* Tabeller och listor */

table
{
width: 100%;
border: 1px solid #888;
font-size: 85%;
line-height: 150%;
margin-bottom: 25px;
border-collapse: collapse; 
}

caption
{
text-align: left;
letter-spacing: 1px;
font-size: 10px;
padding: 2px 3px 4px 7px;
text-transform: uppercase;
background-image: url('bilder/design/caption_bg.gif');
background-repeat: repeat-x;
background-color: #454d53;
border: 1px solid #666;
color: #eee;
margin-left: -1px;
}

tr
{
background-color: #eee;
margin: 0px;
border: 0;
}

td, th
{
text-align: left;
padding: 4px;
margin: 0px;
border: 1px solid #888;
}

th
{
font-weight: bold;
background-color: #ccc;
}

.odd
{
background-color: #ddd;
}

#textframe ol, #textframe ul
{
line-height: 150%;
margin-top: 0px;
margin-bottom: 22px;
}

#textframe ol li, #textframe ul li
{
margin-top: 0px;
margin-bottom: 8px;
}


/* Textdesign */

#content p
{
line-height: 150%;
margin-top: 0px;
margin-bottom: 12px;
}

.byline
{
font-size: 80%;
float: right;
}

.greek
{
margin-top: 2px;
}

.greekfont
{
font-family: symbol;
color: red;
}

.subtitle
{
margin-top: -15px;
}

.centered
{
font-style: italic;
text-align: center;
}

h2
{
font-size: 160%;
font-weight: normal;
margin-top: 0px;
padding: 0;
}

h3
{
font-size: 110%;
font-weight: bold;
margin-top: 30px;
margin-bottom: 9px;
padding: 0 0 0 0;
line-height: 150%;
}

.centerrub
{
text-align: center;
}

h4
{
font-size: 100%;
font-weight: bold;
margin-top: 20px;
padding: 0 0 2px 0;
}

a
{
color: #86910f;
text-decoration: none;
}

a:hover
{
color: #86910f;
text-decoration: underline;
}


/* Sidolänkar */

#linkbox
{
padding: 0 0 0 18px;
margin: 0 0 0 0px;
text-indent: 0px;
width: 174px;
float: left;
}

#linkbox li
{
list-style: none;
background-color: #000;
background-image: url('bilder/design/link_passive_top.gif');
background-position: top left;
background-repeat: no-repeat;
width: 162px;
padding: 0;
margin: 0 0 3px 0;
}

#linkbox .linkbox_title
{
background-color: #ebebeb;
font-weight: bold;
background-image: none;
font-size: 85%;
color: #6A6D00;
margin-bottom: 5px;
margin-top: 20px;
}

#admin_addmember #a_admin_addmember,
#admin_deletemember #a_admin_deletemember,
#admin_start #a_admin,
#admin_listmember #a_admin_listmember,
#admin_invitemember #a_admin_invitemember,
#admin_calendar #a_admin_calendar,
#admin_addnew #a_admin_addnew,
#admin_addquote #a_admin_addquote,
#linkbox li.active
{
background-color: #818024;
background-image: url('bilder/design/link_active_top.gif');
}

#admin_addmember #a_admin_addmember a,
#admin_deletemember #a_admin_deletemember a,
#admin_start #a_admin a,
#admin_listmember #a_admin_listmember a,
#admin_invitemember #a_admin_invitemember a,
#admin_calendar #a_admin_calendar a,
#admin_addnew #a_admin_addnew a,
#admin_addquote #a_admin_addquote a,
#linkbox li.active a
{
background-image: url('bilder/design/link_active_bottom.gif');
}

#linkbox li a
{
font-size: 90%;
width: 162px;
display: block;
text-decoration: none;
color: #fff;
background-image: url('bilder/design/link_passive_bottom.gif');
background-position: bottom left;
background-repeat: no-repeat;
text-indent: 10px;
padding: 3px 0 4px 0;
border: 0;
}

#linkbox li a:hover
{
font-weight: bold;
}

#right_linkbox
{
margin-left: 10px;
float: right;
font-size: 80%;
padding: 0px;
color: #444;
}

#right_linkbox ul li
{
margin-bottom: 8px;
}

#right_linkbox ul li a
{
color: #444;
}

#right_linkbox ul li a:hover
{
color: #000;
}

#right_linkbox h4
{
margin: 0 0 5px 18px;
border-bottom: 1px solid #777;
}

/* Bilder */
.picleft
{
margin-left: 16px;
margin-right: 16px;
margin-bottom: 10px;
float: left;
padding: 4px;
border: 1px solid #777;
background: #eee;
}

.picright
{
margin-left: 17px;
margin-bottom: 10px;
float: right;
padding: 4px;
border: 1px solid #777;
background: #eee;
}

.userpic
{
margin-right: 10px;
float: left;
border: 1px solid #aaa;
background: #eee;
height: 60px;
width: 53px;
padding: 2px;
}

/* Formulär  och loginruta*/

fieldset
{
padding: 10px 0 15px 15px;
}

label
{
margin-top: 10px;
font-size: 10px;
font-weight: bold;
}

textarea
{
width: 516px;
height: 300px;
}

.calendar_desc
{
height: 80px;
}

#login
{
height: 147px;
min-height: 173px;
width: 559px;
background-image: url('bilder/design/bg_login.jpg');
border: none;
}

#login fieldset
{
border: none;
}

#login #username, #login #password
{
width: 260px;
}

#loginbutton
{
margin-left: 178px;
width: 96px;
}


#mailform
{
padding-right: 13px;
width: 543px;
background-image: url('bilder/design/bg_formtop.gif');
background-repeat: no-repeat;
background-color: #d8d8d8;
border: none;
}

#mailform fieldset
{
border: none;
}

#mailform h3
{
margin-top: 2px;
font-size: 12px;
font-weight: bold;
}

.formfloat
{
float: left;
margin-right: 5px;
}


.formfloat input, .formfloat2 input
{
width: 250px;
}

.formclear
{
clear: both;
}

.formclear input
{
width: 250px;
}

/* Fel- och varningsmeddelanden */

#content .error
{
color: #b22;
margin-top: 20px;
padding: 12px 12px 12px 35px;
font-weight: bold;
background-color: #fff;
border: 1px solid #b22;
background-image: url('bilder/design/no.gif');
background-repeat: no-repeat;
background-position: 3px 7px;
}

#content .obsobs
{
color: #b22;
margin-top: 20px;
padding: 12px 12px 12px 35px;
font-weight: bold;
background-color: #fff;
border: 1px solid #b22;
background-image: url('bilder/design/obsobs.gif');
background-repeat: no-repeat;
background-position: left 40%;
}


/* Admin- och medlemslänkar */
#member_links
{
float: left;
width: 762px;
padding: 0;
padding-top: 4px;
padding-bottom: 0px;
padding-left: 18px;
margin: 0;
text-align: left;
list-style: none;
background-color: #222;
background-image: url('bilder/design/bg_admin1.gif');
background-position: bottom left;
background-repeat: repeat-x;
}



#member_links li
{
display: inline;
float: left;
margin: 0;
}

#member_links li a
{
font-size: 85%;
color: #fff;
padding: 4px 10px 5px 10px;

margin: 0;

margin-right: 2px;
border-left: 1px solid #555;
border-top: 1px solid #666;
border-right: 1px solid #444;

background-color: #333;
background-image: url('bilder/design/bg_admin2.gif');
background-position: bottom left;
background-repeat: repeat-x;

display: block;
float: left;
}

#member_links li a:hover
{
color: #333;
background-color: #bbb;
background-image: none;
float: left;
}

.message_blink, .forum_blink
{
border: 0;
margin: 2px 7px 0 -3px;
padding: 0;
float:left;
}

/* Highlighta de aktiva huvudlänkarna */


#forum #a_forum,
#mainadmin #a_mainadmin,
#profile #a_profile,
#calendar #a_calendar,
#pm #a_pm,
#news #a_news,
#chat #a_chat,
#contact #a_contact
{
color: #333;
background-color: #ebebeb;
background-image: url('bilder/design/bg_admin3.gif');
background-position: top left;
border-color: #ffffff;
}

#members #a_members
{
font-size: 11px;
color: #fff;
background-color: #000;
background-image: none;
background-position: top left;
border-color: #666;
}

#member_links #link_logout
{
margin-right: 9px;
padding-left: 24px;
background-image: url('bilder/design/bg_logout.gif');
color: #ccc;
}





#body_medlemmar #mainframe #content,
#body_kontakt #mainframe #content,
#body_admin #mainframe #content,
#body_forum #mainframe #content
{
background-image: none;
}


/* Välja-bild-rutor */

.choose_pic
{
float: left;
height: 80px;
width: 53px;
padding: 2px;
margin-right: 6px;
margin-bottom: 7px;
text-align: center;
border: 1px solid #666;
background-color: #fff;
}

/* Show-member-sidan */

#memberbox
{
width: 350px;
padding: 7px;
background-color: #ddd;
border: 1px solid #aaa;



}

#mainframe #content #textframe #memberbox p
{
font-size: 85%;
margin-bottom: 4px;
}


#mainframe #content #textframe .write_button
{
border: 1px solid #aaa;
display: inline;
background-color: #fff;
padding: 3px 5px 3px 3px;
margin-top: 10px;
float: left;
}

#mainframe #content #textframe .write_button a
{
padding-left: 22px;
background: url(bilder/icons/icon_message.gif) no-repeat;
}


/* Specialikoner etc. */

.pdf
{
padding-left: 25px;
background-image: url('bilder/icons/pdficon_small.gif');
background-repeat: no-repeat;
}