/* För FRI Webb-Bokning */
/* används av alla sidor utom schema */

/* rundade hörn - startsidan */
/* bildskärm */
.container {background: white;}
.roundtop {background: white;}
.roundbottom {background: white;}
.r1t{margin: 0 5px; height: 1px; overflow: hidden; background: gray; border-left: 1px solid gray; border-right: 2px solid black;}
.r2t{margin: 0 3px; height: 1px; overflow: hidden; background: white; border-left: 1px solid gray; border-right: 2px solid black; border-width: 0 2px;}
.r3t{margin: 0 2px; height: 1px; overflow: hidden; background: white; border-left: 1px solid gray; border-right: 2px solid black;}
.r4t{margin: 0 1px; height: 2px; overflow: hidden; background: white; border-left: 1px solid gray; border-right: 2px solid black;}
.content {padding: 5px; border-left: 1px solid gray; border-right: 2px solid black;}
.r4b{margin: 0 1px; height: 2px; overflow: hidden; background: white; border-left: 1px solid black; border-right: 2px solid black;}
.r3b{margin: 0 2px; height: 1px; overflow: hidden; background: white; border-left: 1px solid black; border-right: 2px solid black;}
.r2b{margin: 0 3px; height: 1px; overflow: hidden; background: black; border-left: 1px solid black; border-right: 2px solid black; border-width: 0 2px;}
.r1b{margin: 0 5px; height: 1px; overflow: hidden; background: black; border-left: 1px solid black; border-right: 2px solid black;}
/* utskrift */
@media print {
.roundtop {display: none;}
.roundbottom {display: none;}
.r1t{display: none;}
.r2t{display: none;}
.r3t{display: none;}
.r4t{display: none;}
.content {padding: 10px; border: 0;}
.r4b{display: none;}
.r3b{display: none;}
.r2b{display: none;}
.r1b{display: none;}
}

/* rundade hörn - tabell uppe till höger för inloggning och utloggning */
/* bildskärm */
.container_log {background: white;}
.roundtop_log {background: #ffffbb;}
.roundbottom_log {background: white;}
.r1_log{margin: 0 5px; height: 1px; overflow: hidden; background: black; border-left: 1px solid black; border-right: 1px solid black;}
.r2_log{margin: 0 3px; height: 1px; overflow: hidden; background: white; border-left: 1px solid black; border-right: 1px solid black; border-width: 0 2px;}
.r3_log{margin: 0 2px; height: 1px; overflow: hidden; background: white; border-left: 1px solid black; border-right: 1px solid black;}
.r4_log{margin: 0 1px; height: 2px; overflow: hidden; background: white; border-left: 1px solid black; border-right: 1px solid black;}
.content_log {padding: 1px 5px 1px 5px; border-left: 1px solid black; border-right: 1px solid black;}
/* utskrift */
@media print {
.container_log {display: none;}
.roundtop_log {display: none;}
.roundbottom_log {display: none;}
.r1_log{display: none;}
.r2_log{display: none;}
.r3_log{display: none;}
.r4_log{display: none;}
.content_log {padding: 1px 5px 1px 5px; border: 0;}
}

/* texten radbryts ej */
span.radbrytej {
    white-space: nowrap;
}
/* texten radbryts */
span.radbryt {
    white-space: none;
    display: block;
}

/* tabell lista */
table.lista {
	border: 0px;
	border-collapse: collapse;
}
table.lista td {
	border: 0px;
	padding: 0.3em 0.5ex 0.3em 0.5ex;
	color: black;
    vertical-align: top;
}
table.lista tr.d0 td {
	background-color: #ffffff;
	color: black;
}
table.lista tr.d1 td {
	background-color: #eeeeee;
	color: black;
}
table.lista th {
    background-color: #d3d3d3;
    color: black;
    border: 0px;
    padding: 0.2em 0.5ex 0.2em 0.5ex;
    font-weight: bolder;
    font-size: 10pt;
    font-family: Verdana, Arial, Helvetica;
}

/* tabell uppe till höger för inloggning och utloggning */
table.login
{
    color: black;
    background-color: transparent;
    margin: 0;
    cellspacing: 0;
    cellpadding: 0;
    height: 75px;
    width: 300px;
    text-align: left;
    font-size: 7pt;
    font-family: Verdana, Arial, Helvetica;
}

/* body */
/* bildskärm */
body {color: black; background-color: white; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center;}
/* utskrift */
@media print {
body {color: black; background-color: white; font-size: 8pt; font-family: Georgia, Times, serif; text-align: center;}
}

table.inforam
{
    border-width: medium;
    border-style: solid;
    border-color: black;
}

table
{
    text-align: left
}
div.bokram
{
    background-color: white;
    border-right: gray 1px solid;
    border-top: gray 1px solid;
    border-left: gray 1px solid;
    border-bottom: gray 1px solid;
}

/* felhantering */
div.felram
{
    border-width: medium;
    border-style: solid;
    border-color: red;
    display: none;
}
div.inforam
{
    border-width: medium;
    border-style: solid;
    border-color: black;
    display: none;
}
.felfarg
{
    color: red;
}

.bokningsform
{
    font-family: Verdana;
    background-color: Silver;
}
input
{
    font-size: 8pt;
    font-family: Verdana, Arial, Helvetica;
}
td
{
    border: none;
    font-size: 8pt;
    font-family: Verdana, Arial, Helvetica;
}
.rubrik
{
    font-weight: bold;
    font-size: 14pt;
    font-family: Verdana, Arial, Helvetica;
    color: black
}
font.rubrik2
{
    font-weight: bold;
    font-size: 13pt;
    color: black;
    font-family: Verdana, Arial, Helvetica;
}
font.rubrik3
{
    font-weight: bolder;
    font-size: 10pt;
    font-family: Verdana, Arial, Helvetica;
    color: black;
}
font.varna
{
    color: red;
}

/* menyn längt upp */
/* bildskärm */
.meny_bakgrund
{
    font-size: 9px;
    color: black;
    border-bottom: black 2px solid;
    font-family: Verdana;
    background-color: #ffffbb;
    text-align: center;
}
/* utskrift */
@media print {
    .meny_bakgrund
    {
        font-size: 12pt;
        color: black;
        border-bottom: 0;
        font-family: Georgia, Times, serif;
        background-color: white;
        text-align: center;
    }
}

/* meny */
/* bildskärm */
#menu
{
    left: 10px;
    visibility: hidden;
    width: 150px;
    border-bottom: white 1px solid;
    position: absolute;
    top: 10px;
}
#menu2
{
    left: 10px;
    visibility: hidden;
    width: 150px;
    border-bottom: white 1px solid;
    position: absolute;
    top: 10px;
}
#navbar
{
    position: relative;
}
a.nav1
{
    border-right: black 1px solid;
    padding-right: 0px;
    border-top: black 1px solid;
    display: block;
    padding-left: 0px;
    padding-bottom: 0px;
    font: 8pt verdana, sans-serif;
    border-left: black 1px solid;
    width: 100%;
    color: black;
    padding-top: 0px;
    border-bottom: black 1px solid;
    height: 18px;
    background-color: #ffffbb;
    text-align: center;
    text-decoration: none;
}
a.nav1:hover
{
    border-right: black 1px solid;
    padding-right: 0px;
    border-top: black 1px solid;
    display: block;
    padding-left: 0px;
    padding-bottom: 0px;
    font: 8pt verdana, sans-serif;
    vertical-align: middle;
    border-left: black 1px solid;
    width: 100%;
    color: black;
    padding-top: 0px;
    border-bottom: black 1px solid;
    height: 18px;
    background-color: #ffffbb;
    text-align: center;
    text-decoration: none;
}
a.menulink1
{
    border-right: black 1px solid;
    padding-right: 0px;
    border-top: black 1px solid;
    display: block;
    padding-left: 0px;
    padding-bottom: 0px;
    font: 8pt verdana, sans-serif;
    border-left: black 1px solid;
    width: 200px;
    color: black;
    padding-top: 0px;
    border-bottom: black 1px solid;
    height: 18px;
    background-color: #ffffbb;
    text-decoration: none;
}
a.menulink1:hover
{
    border-right: black 1px solid;
    padding-right: 0px;
    border-top: black 1px solid;
    display: block;
    padding-left: 0px;
    padding-bottom: 0px;
    font: 8pt verdana, sans-serif;
    border-left: black 1px solid;
    width: 200px;
    color: white;
    padding-top: 0px;
    border-bottom: black 1px solid;
    height: 18px;
    background-color: black;
    text-decoration: none;
}
/* utskrift */
@media print {
    #menu {display: none;}
    #menu2 {display: none;}
    #navbar {display: none;}
    a.nav1 {display: none;}
    a.menulink1 {display: none;}
}

.knapp
{
    border-right: black 1px solid;
    border-top: gray 1px solid;
    border-left: gray 1px solid;
    border-bottom: black 1px solid;
    padding-right: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    display: block;
    font: 8pt verdana, sans-serif;
    color: black;
    height: 18px;
    background-color: #d3d3d3;
    text-align: center;
    text-decoration: none;
}

/* hyperlänkar */
/* bildskärm */
a.lankar:link
{
    color: blue;
    font-family: Verdana;
    text-decoration: none;
}
a.lankar:visited
{
    color: blue;
    font-family: Verdana;
    text-decoration: none;
}
a.lankar:active
{
    color: blue;
    font-family: Verdana;
    text-decoration: none;
}
a.lankar:hover
{
    color: blue;
    font-family: Verdana;
    text-decoration: underline;
}
/* utskrift */
@media print {
    a.lankar:link {color: blue; text-decoration: underline;}
    a.lankar:visited {color: blue; text-decoration: underline;}
}

/* skylt uppe till vänster när data hämtas */
div.vantskylt
{
    visibility: hidden;
    position: absolute;
    left: 10px;
    top: 10px;
    height: 40px;
    width: 180px;
    color: Black;
    font-family: Verdana, Arial, Helvetica;
    font-size: 11px;
    font-weight: bold;
    background-color: #eeeeee;
    padding: 10px;
    text-align: center;
    border-color: #c0c0c0;
    border-style: solid;
    border-width: 2px;
}

.ram
{
    border-right: gray 1pt solid;
    border-top: gray 1pt solid;
    border-left: gray 1pt solid;
    border-bottom: gray 1pt solid;
    background-color: #d3d3d3;
}
.bokning
{
    font-weight: lighter;
    font-size: 8pt;
}
.greyline
{
    border-right: gray 1pt solid;
    border-top: gray 1pt solid;
    border-left: gray 1pt solid;
    border-bottom: gray 1pt solid;
    font-weight: lighter;
    font-size: 8pt;
    color: black;
}
div.datumtid
{
    background-color: #ffffff;
}

/* skall ej visas vid utskrift */
/* bildskärm */
.noprint {}
/* utskrift */
@media print {
.noprint {display: none;}
}