/* Innehåll:
 *
 * 1 Defaultvärden
 * 1.1 Bas
 * 1.2 Text
 * 1.3 Listor
 * 1.4 Länkar
 * 1.5 Formulär
 * 2 Specifika värden
 * 2.1 Baslayout
 * 2.2 Menyrad
 * 2.3 Undermeny
 * 2.4 Sponsorer
 * 2.5 Kolumner för startsidan
 * 2.6 Kolumner för alla sidor utom startsidan
 * 2.7 Basklasser
 * 3 gallerystyle - för bildspel på framsidan av kthfs.org
 * 
 *
 */

/*
 * 1 Defaultvärden
 *
 * 1.1 Bas
 */

body, .text { font: 0.8em/165% "Lucida Grande","Lucida Sans Unicode",Segoe UI,Helvetica,Arial,sans-serif; margin:0; padding:5; color: #7a7a7a; outline:0 none; vertical-align:baseline; background:#1a1a1a; }

/*
body, .text {
  color: #333333;
  text-align: left;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 17px;
}
*/

div {
  position: relative;
  top: 0px;
}

img {
  border: 0px none #ffffff;
  margin: 0px;
  padding: 0px;
}


/*
 * 1.2 Text
 */

h1, .h1 { font-size: 32px; margin:0 0 20px 0; line-height:120%; text-shadow: 1px 1px 1px #EAF1EA; color:#1487d4; font-family: Myriad Pro,"Lucida Grande","Lucida Sans Unicode",Segoe UI,Helvetica,Arial,sans-serif; }

}

h2, .h2, h3.ledning {
  font-size: 11px;
  font-weight: bold;
}

h2, h3.ledning {
  margin: 0px 0px 8px 0px;
}

h2.ledning {
  margin: 17px 0px 0px 0px;
  padding: 5px;
  background: #4badc5;
  color: #ffffff;
}

h3 {
  font-size: 10px;
  font-weight: bold;
  margin: 17px 0px 4px 0px;
}

p {
  margin: 0px;
}


/*
 * 1.3 Listor
 */

ul, ol {
  list-style: url("/img/li.gif");
  margin: 4px 0px 4px 0px;
  padding-left: 24px;
}

li {
  margin: 4px 0px 4px 0px;
}


/*
 * 1.4 Länkar
 */

a {
  color: #008ce2;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a.knapp {
  margin-left: 5px;
}

a.höger {
  position: relative; /* för att float ska funka med IE */
  float: right;
}


/*
 * 1.5 Formulär
 */

form {
  margin: 17px 0px 0px 0px;
  padding: 0px;
  border: 0px;
}

input, select, textarea {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  background-color: #f7f3ef;
  border-style: solid none none solid;
  border-width: 2px 0px 0px 2px;
  border-color: #ccc1b1;
  margin: 3px 0px 10px 0px;
  padding: 2px;
  display: block;
}

input.checkbox {
  display: inline;
  margin: 10px 0px 0px 0px;
  background: none;
  border: none;
}

input.submit, input.reset {
  font-weight: bold;
  color: #8b8278;
  background-color: #dbd5cc;
  border-style: solid;
  border-width: 2px 2px 2px 2px;
  border-color: #efeeeb #ccc1b1 #ccc1b1 #efeeeb;
  margin: 20px 0px 0px 0px;
  padding: 2px 10px;
  display: inline;
  width: auto; /* för att IE inte ska lägga till extra padding */
  overflow: visible; /* för att IE inte ska lägga till extra padding */
}

a.submit, a.reset {
  display: block;
  margin: 20px 0px 0px 0px;
}

a.reset {
  margin-top: 8px;
}

label {
  font-size: 10px;
  font-weight: bold;
  margin: 3px 10px 3px 0px;
  padding-right:10px;
  padding-left:10px;
  display: block;
}

p.fel {
  font-size: 11px;
  color: #f25749;
  margin-bottom: 17px;
}

p.halvfel {
  font-size: 11px;
  color: #ffcd3c;
  margin-bottom: 17px;
}

form.inline {
  margin-top: 20px;
}

form.inline label {
  position: relative; /* för float ska fungera med IE */
  width: 130px;
  float: left;
}

form.inline input,
form.inline a.submit,
form.inline a.reset,
form.inline p.fel,
form.inline p.halvfel {
  margin-left: 120px;
}

form.tajt {
  margin: 0px;
}

form.tajt input,
form.tajt a.submit,
form.tajt a.reset {
  display: inline;
  margin: 0px;
}

span.stjärna {
  color: #8b8278;
}

/*
 * 1.6 Tabeller
 */

table {
  border-collapse: collapse;
}

td, th {
  padding: 5px 10px 5px 10px;
}

th {
  font-weight: bold;
}


/*
 * 2 Specifika värden
 *
 * 2.1 Baslayout
 */

#wrapper {
  width: 900px;
  margin: 0px auto;
}

#sidhuvud {
  height: 96px;
  background: #276299;
  background-image: url("/img/sidhuvud-topp.gif");
}

#sida {
  float: left;
  margin-top: 32px;
  border-bottom: 14px solid #efeeeb;
  background-image: url("/img/bakgrund2.gif");
}

#sida.hem {
  background-image: url("/img/bakgrund3.gif");
}

#sidfot {
  width: 900px;
  height: 30px;
  margin: 0px;
  float: left;
  font-size: 10px;
  font-weight: normal;
  background: #f8f6f3;
}

#sidfot a {
  color: #aaaaaa;
}


/*
 * 2.2 Menyrad
 */

#menyrad {
  height: 30px;
  margin: 0px;
  background: #4b88c5;
  font-size: 10px;
  font-weight: normal;
}

#menyrad ul, #menyrad ul * ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

#menyrad ul * ul {
  margin-left: 10px;
}

#menyrad li, #menyrad * li {
  display: block;
  float: left;
  margin: 0px;
  padding: 0px;
}

#menyrad li a, #menyrad li * a, #menyrad li span.markerad, #menyrad li * span.markerad {
  display: block;
  float: left;
  margin: 6px 0px;
  padding: 0px 13px 1px 13px;
  color: #1e5284;
  border-right: 1px solid #7aa3cc;
}

#menyrad li span.markerad, #menyrad li * span.markerad {
  font-weight: bold;
}

#menyrad img {
  float: left;
  padding: 0px;
}

/*
 * 2.3 Undermeny
 */

#sidmeny {
  margin: 0px;
  padding: 20px;
  background: #dbd5cc;
  font-size: 10px;
  font-weight: normal;
}

#sidmeny ul, #sidmeny ul * ul {
  list-style-type: none;
  list-style-image: none;
  margin: 0px;
  padding: 0px;
}

#sidmeny ul * ul {
  margin-left: 10px;
}

#sidmeny li, #sidmeny * li {
  margin: 0px;
  padding: 0px;
}

#sidmeny li a, #sidmeny li * a, #sidmeny li span.markerad, #sidmeny li * span.markerad {
  display: block;
  padding: 3px 0px 3px 0px;
  color: #8b8278;
  border-bottom: 1px solid #efeeeb;
}

#sidmeny li span.markerad, #sidmeny li * span.markerad {
  font-weight: bold;
}

/*
 * 2.4 Sidfot
 */

#sidfot ul, #sidfot ul * ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

#sidfot ul * ul {
  margin-left: 10px;
}

#sidfot li, #sidfot * li {
  display: block;
  float: right;
  margin: 0px;
  padding: 0px;
}

#sidfot li a, #sidfot li * a, #sidfot li span.markerad, #sidfot li * span.markerad {
  display: block;
  float: left;
  margin: 6px 0px;
  padding: 0px 13px 1px 13px;
  color: #8b8278;
  border-left: 1px solid #dbd5cc;
}

#sidfot li span.markerad, #sidfot li * span.markerad {
  font-weight: bold;
}

/*
 * 2.5 Kolumner för startsidan
 */

#vänsterkolumn {
  width: 280px;
}

#mittenkolumn {
  width: 340px;
}

#högerkolumn {
  width: 240px;
  margin-right: 0px;
}


/*
 * 2.6 Kolumner för alla sidor utom startsidan
 */

#sidmenykolumn {
  width: 240px;
}

#innehållskolumn {
  width: 640px;
  margin-right: 0px;
}

#helkolumn {
  width: 900px;
  margin-right: 0px;
}


/*
 * 2.7 Klasser
 */

p.top {
  margin-top: 17px;
}

p.bottom, li.bottom {
  margin-bottom: 17px;
}

a.läsmer {
 display: block;
 margin-top: 6px;
}

div.kolumn {
  float: left;
  margin: 0px 20px 0px 0px;
}

div.textblock {
  padding: 32px;
  background: #ffffff;
}

div.bild {
  padding: 0px;
}

#sida.hem * div.textblock {
  padding: 16px;
}

div.liten-text {
  font-size: 10px;
  background: #dbd5cc;
}

div.liten-text ol, #sida.hem *  div.liten-text li {
  margin: 0px;
}

div.liten-text h1 {
  font-size: 11px;
}

div.liten-text h2 {
  font-size: 10px;
  color: #a9a28d;
}

div.mellanrum-nedanför {
  border-bottom: 14px solid #efeeeb;
}

div.mellanrum-ovanför {
  border-top: 14px solid #efeeeb;
}

table.kalender {
  position: relative;
  float: right;
  border-style: solid none none solid;
  border-width: 2px 0px 0px 2px;
  border-color: #ccc1b1;
  font-size: 10px;
  line-height: 10px;
  text-align: center;
  margin: 3px 0px 32px 17px;
}

table.kalender td, table.kalender th {
  padding: 5px;
  background: #f7f3ef;
}

table.kalender .månad {
  font-size: 11px;
}

table.kalender .valtDatum {
  font-weight: bold;
}

table.bokningar {
  margin: 17px 0px 32px 0px;
}

table.bokningar td {
  padding: 0px;
  margin: 0px;
  border: 2px solid #ffffff;
}

table.bokningar th.tid, table.bokningar th.datum, table.bokningar td {
  text-align: center;
  vertical-align: middle;
}

table.bokningar th.tid {
  padding: 5px;
  font-size: 10px;
  font-weight: normal;
}

table.bokningar th {
  padding: 5px 10px 5px 0px;
}

table.bokningar td.legend {
  width: 300px;
  padding-left: 16px;
  text-align: left;
}

table.bokningar span.sponsor {
  display: block;
  font-size: 10px;
  font-weight: normal;
}

table.bokningar .boka, table.bokningar .avboka, table.bokningar .obokbar {
  display: block;
  width: 42px;
  height: 44px;
}

table.bokningar .boka {
  background: #66ee44;
  color: #66ee44;
}

table.bokningar a.boka:hover {
  background: #77ff55;
  color: #77ff55;
}

table.bokningar .avboka {
  background: #f25749;
  color: #f25749;
}

table.bokningar span.obokbar {
  background: #f7f3ef;
  color: #f7f3ef;
}

tr.medlemsinfo {
  display: none;
}

tr.medlemsinfo td {
  padding-bottom: 5px;
  background: #f8f6f3;
}

tr.medlemsinfo * td,
tr.medlemsinfo * th {
  border: none;
  padding: 5px 20px 5px 0px;
}

tr.medlemsinfo * th {
  font-size: 10px;
}

td.personnummer {
  width: 100px;
}

td.ikon {
  width: 20px;
  padding-right: 0px;
}

#eventdatum {
  font-size: 10px;
  font-style: italic;
  margin: 0px 0px 8px 0px;
}

#aktuelltdatum {
  position: relative; /* för att IE ska visa datumet med float */
  float: right;
  font-size: 10px;
  font-style: italic;
}

#befattning {
  font-style: italic;
}

table.sponsorer {
  position: relative; /* för att IE ska visa datumet med float */
  float: right;
  margin: 8px;
}

table.sponsorer th {
  font-size: 10px;
  color: #1e5284;
}

table.sponsorer td, table.sponsorer th {
  padding: 5px;
}

img.ledning {
  position: relative;
  float: left;
  margin: 0px 17px 17px 0px;
}

div.ledning {
  display: block;
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: 17px;
}

.felmeddelande {
padding:5px;
margin:10px 0px 10px 0px;
border:1px solid #FF9999;
background-color:#FFDDDD;
}

.bekraftelse {
padding:5px;
margin:10px 0px 10px 0px;
border:1px solid #99FF99;
background-color:#DDFFDD;
}

/*
 * 3 gallerystyle - för bildspel på framsidan av kthfs.org
 *
 * 3.1 generellt
 */

/* Gallery Styles */

#motioncontainer {
margin:0 auto;  /*Uncomment this line if you wish to center the gallery on page */
width: 340px; /* Set to gallery width, in px or percentage */
height: 75px; /* Set to gallery height */
}

#motioncontainer a img {
border: 1px solid #cccccc; /* Set image border color */
}

#motioncontainer a:hover img {
border: 1px solid navy; /* Set image border hover color */
}

#statusdiv {
background-color: lightyellow;
border: 1px solid gray;
padding: 2px;
position: absolute; /* Stop Editing Gallery Styles */
left: -300px;
visibility: hidden;
}

#motioncontainer a:hover {
color: red; /* Dummy definition to overcome IE bug */
}
/* End Gallery Styles */