/*****************************************************************
 * Stilark til http://quiz.start.no
 * Sist oppdatert: 27.04.06 av truls
 * -----------------------------------
 * 
 * Hovedfarger: #D0EBD0, #E1E1E1, #F8F8F8, #219642
 *****************************************************************
 */

/* felles link farger */
a:link, a:visited{
  color: #000000;
  text-decoration: underline;
}
a:hover, a:active{
  color: #FF0000;
  text-decoration: none;
}

/* felles feilmeldingfarge */
.error {
  color: #FF0000;
  font-family: System;
  font-size: 10px;
  border: none;
}

/***************************************
 * Standard Tags
 ***************************************
 */
abbr {
 border: none;
}

input, textarea, select  {
  background-color: #f8f8f8;
  border: 1px solid #CCCCCC;
  padding: 1px;
}

input button {
  background-color: #219642;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-color: #cccccc;
  border-bottom-color: #666666;
  border-left-width: 1px;
  border-right-width: 1px;
  border-left-style: solid;
  border-right-style: solid;
  border-left-color: #cccccc;
  border-right-color: #666666;
  color: #FFFFFF;
 }

body {
  font-family: Verdana, Helvetica, Arial;
  font-size: 12px;
  background-color: #e1e1e1;
  margin: 0px;
  padding: 0px;
}

h1 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 2px;
  margin-top: 2px;
}

h2 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 2px;
  margin-top: 2px;
}
h3 {
  font-size: 16px;
  color: #000000;
  margin-bottom: 2px;
  margin-top: 2px;
}

h4 {
  font-size: 13px;
  color: #000000;
  margin-bottom: 1px;
  margin-top: 1px;
}

h5 {
  font-size: 12px;
  font-weight: normal;
  color: #000000;
  margin-bottom: 0px;
  margin-top: 1px;
}

h6 {
  font-size: 11px;
  color: #000000;
  margin-bottom: 0px;
  margin-top: 1px;
}


/* diverse id ------------------------------------ */
#main {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  background-color: #FFFFFF;
  width: 773px;
  padding-left: 5px;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #000000;
  height: 100%;
  padding-bottom: 5px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #000000;
  padding-right: 1px;
}
#dbmain {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  background-color: #FFFFFF;
  height: 100%;
  padding-bottom: 5px;
}
#left_bar {
  text-align: left;
  vertical-align: top;
  width: 133px;
  padding-right: 4px;
  padding-top: 10px;
}
#centerbox {
  text-align: left;
  vertical-align: top;
  width: 451px;
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 10px;
  background-color: #FFFFFF;
}
#centerbox2 {
  text-align: left;
  vertical-align: top;
  background-color: #FFFFFF;
  padding-top: 5px;
}
#top_logo {
  padding-top: 20px;
}
#right_bar {
  text-align: left;
  vertical-align: top;
  width: 159px;
  padding-right: 4px;
  padding-top: 10px;
}
#footer {
  font-size: 10px;
  padding-top: 15px;
  padding-left: 10px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #CCCCCC;
  background-color: #FFFFFF;
  margin-top: 15px;
  padding-bottom: 15px;
}
#footer a:link, #footer a:hover, #footer a:visited{
  color: #000000;
}

#tips_ramme {
  margin-bottom: 10px;
  margin-top: 10px;
}
#makeq {
  padding: 10px;
}
#gi_karakter {
  background-color: #eeeeee;
  border: 1px solid #dddddd;
  width: 320px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 10px;
  margin-bottom: 10px;
  margin-top: 10px;
}
#karakter {
  background-color: #eeeeee;
  border: 1px solid #dddddd;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 10px;
  margin-bottom: 10px;
  margin-top: 10px;
}
/* diverse class --------------------------------- */
.small_text {
  font-size: 10px;
}
.medium_text {
  font-size: 12px;
}
.large_text {
  font-size: 16px;
}
.big_text {
  font-size: 22px;
}
.quiz_edit_spm {
  border: 1px solid #000000;
}
.quiz_alt {
    cursor: pointer;
}
.header {
  margin-bottom: 10px;
  margin-top: 5px;
  font-size: 18px;
  color: #000000;
  border-top: thin dashed #D0EBD0;
  border-bottom: thin dashed #D0EBD0;
 }
.spm_header {
  font-size: 22px;
  font-weight: bold;
  margin-top: 2px;
  margin-bottom: 2px;
}
.kat_header{
  margin-top: 2px;
  margin-bottom: 2px;
 }
.makeq_header {
  font-weight: bold;
  font-size: 16px;
  color: #000000;
  margin-bottom: 2px;
  margin-top: 2px;
}
.meny_133_top {
	background-image: url(../img/meny_133px_top.gif);
	font-size: 12px;
	padding-top: 10px;
	padding-bottom: 6px;
	padding-left: 15px;
	padding-bottom: 6px;
}
.meny_133_midt {
	background-image: url(../img/meny_133px_midt.gif);
	background-repeat: repeat;
	padding-top: 5px;
	padding-left: 15px;
	padding-bottom: 5px;
}
.meny_133_midt  a:link, .meny_133_midt  a:visited{
  color: #219642;
  text-decoration: none;
}
.meny_133_midt  a:hover, .meny_133_midt  a:active{
  color: #FF0000;
  text-decoration: none;
}
.meny_133_btm {
	background-image: url(../img/meny_133px_btm.gif);
	background-repeat: no-repeat;
}
.meny_159_top {
	background-image: url(../img/meny_159px_top.gif);
	font-size: 12px;
	padding-top: 10px;
	padding-left: 15px;
	padding-bottom: 6px;
}
.meny_159_top_hvit {
	background-image: url(../img/meny_159px_top_hvit.gif);
}
.meny_159_midt {

	background-image: url(../img/meny_159px_midt.gif);
	background-repeat: repeat;
	padding-top: 5px;
	padding-left: 15px;
	padding-bottom: 5px;
}
.meny_159_midt  a:link, .meny_159_midt  a:visited{
  color: #219642;
  text-decoration: none;
}
.meny_159_midt  a:hover, .meny_159_midt  a:active{
  color: #FF0000;
  text-decoration: none;
}
.meny_159_btm {
	background-image: url(../img/meny_159px_btm.gif);
	background-repeat: no-repeat;
}
.gray_bg {
  background-color: #EEEEEE;
}
.green_bg {
  background-color: #D0EBD0;
}
.white_bg {
  background-color: #FFFFFF;
}
.red_bg {
  color: #FFFFFF;
  background-color: #FF0000;
}
.locked {
  color: #999999;
  border: 1px solid #FFFFFF;
}
.green {
  color: #236923;
}
.green a:link{
  color: #236923;
}
.gray {
  color: #E1E1E1;
}
.gray2 {
  color: #999999;
}
.black {
  color: #000000;
}
.red {
  color: #FF0000;
  display: inline;
}
.red a{
  color: #FF0000;
  display: inline;
}
.frontq_img {
  border: 1px solid #000000;
  margin-right: 10px;
}
.right_marg_5 {
  padding-right: 5px;
  clear: right;
}
.button {
  background-color: #219642;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-color: #cccccc;
  border-bottom-color: #666666;
  border-left-width: 1px;
  border-right-width: 1px;
  border-left-style: solid;
  border-right-style: solid;
  border-left-color: #cccccc;
  border-right-color: #666666;
  color: #FFFFFF;
  cursor: pointer;
}
/* Linkene på hovedsiden på venstresiden */
.mainlink a:link, .mainlink a:visited{
  color: #219642;
  text-decoration: none;
}
.mainlink a:hover, .mainlink a:active{
  color: #FF0000;
  text-decoration: underline;
}
/* ta bort rammer */
.clean {
  border: none;
  background: transparent;
}

/***************************************
 * Klagesystemet
 ***************************************
 */

.q_klage {
  margin-top: 20px;
 }
.klage_header {
  background-color: #D0EBD0;
  color: #666666;
  display: block;
 }
.klage_header_2 {
  background-color: #e1e1e1;
  color: #666666;
  display: block;
 }
.klage_ingress {
  color: #999999;
 }
/**************************************
 * Frontteaserene
 **************************************
 */
#front_teaser {
	background-color: #eeeeee;
	border: 1px solid #dddddd;
	padding: 3px 0px 3px 0px;
	margin-bottom: 20px;
	margin-top: 20px;
}
.front_teaser_text {
	padding-top: 5px;
}
.front_teaser_bilde img{
	border: 1px solid #000000;
	margin-right: 5px;
}
/************************************
 * Kategoriene
 ************************************
 */
.kategori_top {
	color: #666666;
	background-color: #eeeeee;
	border: 1px solid #999999;
	display: table-cell;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
}
.kategori_img {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #d9d9d9;
	background-image: url(../img/menyknapp.gif);
}
.kategori_link {
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	background-image: url(../img/menyknapp.gif);
	background-repeat: repeat-x;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #d9d9d9;
}
.kategori_link a:link, .kategori_link a:visited{
  color: #000000;
  text-decoration: none;
}
.kategori_link a:hover, .kategori_link a:active{
  color: #FF0000;
  text-decoration: none;
}
.kategori_rad {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d9d9d9;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #d9d9d9;
	margin-bottom: 10px;
}
/**********************************
 * Annbefalinger
 **********************************
 */
 #anbf_liste{
  font-size: 12px;
 }

/**********************************
 * Misc Lister
 **********************************
 */
#top_front {
  font-size: 12px;
  margin-bottom: 10px;
}
.last_played {
	font-size: 10px;
	margin-top: 10px;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 10px;
}
.last_played_1 {
	font-size: 10px;
	margin-top: 10px;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #EEEEEE;
	padding-left: 10px;
}
.last_played a:link, .last_played a:visited, .last_played_1 a:link, .last_played_1 a:visited{
  font-size: 14px;
}
.kat_list {
  font-size: 12px;
  color: #666666;
}
/*********************************
 * Kommentarer
 *********************************
 */
.comment_header{
  margin-top: 5px;
  font-size: 14px;
  color: #666666;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #d9d9d9;
  background-color: #E1E1E1;
}
.comment_text{ 
  margin-top: 5px;
  font-size: 10px;
  color: #000000;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #d9d9d9;
}
.comment_text a:link, .comment_text a:visited{
  color: #666666;
  font-size: 10px;
  text-decoration: none;
}
.comment_text a:hover, .comment_text a:active{
  color: #FF0000;
  font-size: 10px;
  text-decoration: none;
}
#show_option a:link, #show_option a:visited{
  color: #FF0000;
  font-size: 10px;
  text-decoration: none;
}
#show_option a:hover, #show_option a:active{
  color: #FF0000;
  font-size: 10px;
  text-decoration: underline;
}