/********************/
/* Taggdefinitioner */
/********************/
body {
  font-family: 'Bookman Old Style', serif;
  font-size: 16px;
  background-color: #FCFCFC;
  color: #DC143C; 
}

h1 {
  color: #FFCC33;
}

h2 {
  color: #FFCC33;
}

h3 {
  color: #FFCC33;
}

p {
  color: #DC143C; 
  font-size: 16px;
}

a:link {     
  color: #330000;
}

a:visited {  
  color: #DC143C;   
}

a:hover {    
  color: #C48C11;
}

a:active {  
  color: #C48C11;
}

table {
  border: 1px solid #DC143C;
  border-collapse: collapse;
  /*width: 100%*/
}

td {
 /*border: 1px solid #DC143C;*/
 padding: 5px;
}

th {
 /*border: 1px solid #DC143C;*/
 padding: 5px;
}

select, option {
  background-color: #FCFCFC;
  font-family: 'Bookman Old Style', serif;
  font-size: 12px;
  color:#DC143C;
  border: solid;
}

option {
  border: none;
}



/*********************/
/* Klassdefinitioner */
/*********************/

/* Avsedd for lankar som alltid ska se otryckta ut i lopande text OCH Huvudmenyn. */
a.menu:link {     
  color: #330000;
}

a.menu:visited {  
  color: #330000; 
}

a.menu:hover {    
  color: #C48C11;
}

a.menu:active {   
  color: #C48C11;
}
/* STOP menu */

/* Nuvarande (Huvud)Meny - i alternativen*/
.sub {
 background-color: D6B05B;
 color: #330000;
 width: auto;

}

a.submenu:link {     
  color: #330000;
  text-decoration:none;
}

a.submenu:visited {  
  color: #330000;   
  text-decoration:none;
}

a.submenu:hover {    
  color: #DC143C;
  text-decoration:none;
}

a.submenu:active {   
  color: #DC143C;
  text-decoration:none;
}

/* STOP klasser Huvudmeny*/

.medium {
  font-size: 14px;
}

.small {
  font-size: 12px;
}

.karm {  /*Depricated */
  color: #DC143C;
}

.col1 {
  color: #DC143C;
}

.gold { /* Depricated */
  color: #FFCC33;
}

.col2 { 
  color: #FFCC33;
}


.blueC { /* Depricated */
  color: #330000; 
}

.colContrast {  /* col3 */
  color: #330000;
}

.col4 {
  color: #C48C11;
}

h2.blueC { /* Depricated */
  color: #C48C11;
}

h2.colContrast {
  color: #C48C11;
}

h3.blueC { /* Depricated */
  color: #C48C11;
}

h3.colContrast {
  color: #C48C11;
}

.lightC { /* Depricated */
  color: #FCFCFC;
}

.colBG {
  color: #FCFCFC;
}

.blackC {
  color: black;
}

.silver {
  color: #BBBBBB;
}

.newBox {
  color: #DC143C;
  background: #FFCC33;
}

.title {
  color: #330000;
  font-style: italic;
}

.quote {
  color: #330000;
  font-family: 'Comic Sans MS', sans-serif;
  font-style: italic;
}

.qzQn {
  font-style: italic;
}
	
.qzAlt {  /*I princip inget konstigt! */
  font-style: normal;
}
	
/* Vettigare färger tack! */
.error {
  color: #DC143C;
  background: #FFCC33;
}

.note {
  font-size: 14px;
  font-style: italic;
  color: #330000;
}

.buttonColorG {
  color: #DC143C;         
  background: #FFCC33;
}

.buttonColorB {
  color: #FCFCFC;         
  background: #330000;
}

.buttonColorL {
  color: #DC143C;         
  background: #FCFCFC;
}

.floatR {
  float: right; 
}

.floatL { 
  float: left; 
}


table.blue {
  border: 1px solid #330000;
  border-collapse: collapse;
  font-size: 12px;
  /*width: 100%*/
}

table.rate {
  border: 2px solid #330000;
  border-collapse: collapse;
  /*width: 100%*/
}

table.noline {
  border: none;
  border-collapse: collapse;
  /*width: 100%*/
}

table.goldline {
  border: 1px solid #FFCC33;
  border-collapse: collapse;
  /*width: 100%*/
}

table.Gryffindor {
  border: 1px solid #FCFCFC;
  background-color: #FFCC33;
  color: #DC143C; /*karm*/
  border-collapse: collapse;
  /*width: 100%*/
}

td.Gryffindor {
  border: 1px solid #FCFCFC;
  background-color: #FFCC33;
  color: #DC143C; /*karm*/
 padding: 5px;
}

th.Gryffindor {
  border: 1px solid #FCFCFC;
  background-color: #FFCC33;
  font-size: larger;
  color: #DC143C; /*karm*/
  padding: 5px;
}

table.Ravenclaw {
  border: 1px solid #FCFCFC;
  background-color: #FF9900;
  color: #0000CC; /*blue*/
  border-collapse: collapse;
  /*width: 100%*/
}

td.Ravenclaw {
  border: 1px solid #FCFCFC;
  background-color: #FF9900;
  color: #0000CC;
  padding: 5px;
}

th.Ravenclaw {
  border: 1px solid #FCFCFC;
  background-color: #FF9900;
  font-size: larger;
  color: #0000CC; /*blue*/
  padding: 5px;
}

table.Hufflepuff {
  border: 1px solid #FCFCFC;
  background-color: #F0EE5C;
  color: black;
  border-collapse: collapse;
  /*width: 100%*/
}

td.Hufflepuff {
  border: 1px solid #FCFCFC;
  background-color: #F0EE5C;
  color: black;
  padding: 5px;
}

th.Hufflepuff {
  border: 1px solid #FCFCFC;
  background-color: #F0EE5C;
  font-size: larger;
  color: black;
  padding: 5px;
}

table.Slytherin {
  border: 1px solid #FCFCFC;
  background-color: #CCCCCC;
  color: #009900;
  border-collapse: collapse;
  /*00CC66 - nice green*/
}

td.Slytherin {
  border: 1px solid #FCFCFC;
  background-color: #CCCCCC;
  color: #009900;
  padding: 5px;
}

th.Slytherin {
  border: 1px solid #FCFCFC;
  background-color: #CCCCCC;
  font-size: larger;
  color: #009900;
  padding: 5px;
}

table.gold {
  border: 1px solid #FCFCFC; 
  border-collapse: collapse;
  background-color: #FFCC33;
  /*width: 100%*/
}

.hrCol1 {
  color: #DC143C;
  height:1pt;
  border:0;
  border-top:1pt solid #DC143C;
  background-color: #DC143C;
}

.hrCol2 {
  color: #FFCC33;
  height:1pt;
  border:0;
  border-top:1pt solid #FFCC33;
  background-color: #FFCC33;
}

.hrColContrast {
  color: #330000;
  height:1pt;
  border:0;
  border-top:1pt solid #330000;
  background-color: #330000;
}

.hrCol4 {
  color: #C48C11;
  height:1pt;
  border:0;
  border-top:1pt solid #C48C11;
  background-color: #C48C11;
}

.hrBG {
  color: #FCFCFC;
  height:1pt;
  border:0;
  border-top:1pt solid #FCFCFC;
  background-color: #FCFCFC;
}

.hrBlack {
  color: black;
  height:1pt;
  border:0;
  border-top:1pt solid black;
  background-color: black;
}

.hrSilver {
  color: #CCCCCC;
  height:1pt;
  border:0;
  border-top:1pt solid #CCCCCC;
  background-color: #CCCCCC;
}

.hrKarm {  /* Depricated */
  color: #DC143C;
  height:1pt;
  border:0;
  border-top:1pt solid #DC143C;
  background-color: #DC143C;
}

.hrGold { /* Depricated */
  color: #FFCC33;
  height:1pt;
  border:0;
  border-top:1pt solid #FFCC33;
  background-color: #FFCC33;
}

.hrBlueC { /* Depricated */
  color: #330000;
  height:1pt;
  border:0;
  border-top:1pt solid #330000;
  background-color: #330000;
}

.hrLightC { /* Depricated */
  color: #FCFCFC;
  height:1pt;
  border:0;
  border-top:1pt solid #FCFCFC;
  background-color: #FCFCFC;
}


/****************************************/
/* ID-definitioner (ev med egna klasser)*/
/****************************************/

/* id=top bannern */
#top {	
  background-color: #330000; 
  width: 100%;
}
/* STOP bannern */


/* id=menuDiv Omsluter Drop-Down Menyn */
#menuDiv {
  font-size: 14px;
}

#menuDiv a:link {     
  color: #330000;
}

#menuDiv a:visited {  
  color: #330000; 
}

#menuDiv a:hover {    
  color: #C48C11;
}

#menuDiv a:active {   
  color: #C48C11;
}

#menuDiv .sub {
 background-color: D6B05B;
 color: #330000;
 width: auto;

}


#menuDiv .submenu {     
  font-size: 12px;
}


#menuDiv a.submenu:link {     
  color: #330000;
  text-decoration:none;
}

#menuDiv a.submenu:visited {  
  color: #330000;   
  text-decoration:none;
}

#menuDiv a.submenu:hover {    
  color: #DC143C;
  text-decoration:none;
}

#menuDiv a.submenu:active {   
  color: #DC143C;
  text-decoration:none;
}


#menuDiv .here {  /*Kan man skriva sa har? */
  color: #FFCC33;
}
/* STOP omslutning */


/* id=nav Huvudmenyns lista */
#nav {
  list-style: none;
  padding: 0;
  margin: 0;
}

#nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

#nav a {
  display: block;
  width: 6em;
}

#nav li {
  float: left;
  width: 6em;
  padding: 0.2em 0.5em 0em 0.5em;
}

#nav li ul {
  position: absolute;
  width: 9em;
  left: -999em;
}

#nav li:hover ul {
  left: auto;
}

#nav li:hover ul, #nav li.sfhover ul {
  left: auto;
}

/* STOP Huvudmenyn */

/* id=currSub Nuvarande Submeny */
#currSub hereS {     /*link - lank som annu inte har besokts*/
  color: #DC1437;
  font-size: 14px;
  background-color: #FCFCFC; 
  padding: 0px 10px 10px 10px;  /* up, right, down, left*/
}


#currSub a:link {     /*link - lank som annu inte har besokts*/
  color: #330000;
  font-size: 14px;
  background-color: #FFCC33; 
  padding: 0px 10px 10px 10px;  /* up, right, down, left*/
}

#currSub a:visited {  /*visited - lank som har besokts*/
  color: #330000;
  font-size: 14px;
  background-color: #FFCC33; 
  padding: 0px 10px 10px 10px;  /* up, right, down, left*/
}

#currSub a:hover {    /*hover - mouseover*/
  color: #DC1437;
  font-size: 14px;
  background-color: #FCFCFC; 
  padding: 0px 10px 10px 10px;  /* up, right, down, left*/
}

#currSub a:active {   /*active - vid klick*/
  color: #DC1437;
  font-size: 14px;
  background-color: #FCFCFC; 
  padding: 0px 10px 10px 10px;  /* up, right, down, left*/
}

/* STOP currSub */


/* id=cDown Countdownern*/
#cDown { 
  text-align: center; 
}
/* STOP Countdownern */

/* id=newsLink Senaste Nytt*/
#newsLink span {
	color: #330000;
	font-size: 12px;
	font-style: italic;
}

#newsLink a:link {     /*link - lank som annu inte har besokts*/
  color: #330000;
}

#newsLink a:visited {  /*visited - lank som har besokts*/
  color: #330000; 
}

#newsLink a:hover {    /*hover - mouseover*/
  color: #C48C11;
}

#newsLink a:active {   /*active - vid klick*/
  color: #C48C11;
}
/* STOP Senaste Nytt */

/* id=usesInfo */
#usesInfo p {
  font-size: 14px;
  font-style: italic;
}
/* STOP usesInfo */

    
/* id=guestbook Gastboken*/
#guestbook th {
	color: #C48C11;
	font-size: 14px;
}

#guestbook a:link {     /*link - lank som annu inte har besokts*/
  color: #330000;
}

#guestbook a:visited {  /*visited - lank som har besokts*/
  color: #C48C11; 
}

#guestbook a:hover {    /*hover - mouseover*/
  color: #FFCC33;
}

#guestbook a:active {   /*active - vid klick*/
  color: #FFCC33;
}
/* STOP Gastboken */


/* id=foot Sidfoten*/
#foot p { 
  font-size: 12px; 
  color: black; 
}

#foot a:link {     /*link - lank som annu inte har besokts*/
  color: #DC143C;
}

#foot a:visited{  /*visited - lank som har besokts*/
  color: black;
}

#foot a:hover {    /*hover - mouseover*/
  color: #C48C11;
}

#foot a:active {   /*active - vid klick*/
  color: #C48C11;
}
/* STOP foot */