/*********************
----------------------
Standardkomponenter
----------------------
**********************/
html{
    height: 100%;
    }
body{
    text-align: center;
	margin: 0px auto;
	font-family: Verdana;
    font-size: 11px;
    height: 100%;
    }
table{
	border-width: 0px;
	border-spacing: 0px;
    }
td{
    padding-bottom: 5px;
    }
img{
    border: none;
    }
a:link, a:visited {
    text-decoration: none;
    background-color: transparent;
    color: #b00000;
    }
a:hover, a:active {
    text-decoration: none;
    background-color: transparent;
    color: #ff0000;
    }
/*********************
----------------------
Grundcontainers
----------------------
**********************/
#container{
    text-align: center;
    margin: 0px auto;
    width: 901px;
    background: center url(layout/bg-middle.gif) repeat-y;
    }
#header{
    height: 218px;
    background-image: url(layout/bg-header.gif);
    background-position: top;
    background-repeat: no-repeat;
    text-align:left;
    overflow: hidden;
    }
#footer{
    background-image: url(layout/bg-footer.gif);
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #ffffff;
    color: #b54d00;
    font-size: 9px;
    height: 50px;
    padding-top: 21px;
    clear: both;
    }
    * html #footer{ /* Fix för IE */
        margin-top: 57px;
        }
#fullPage{
    float: left;
    text-align: left;
    width: 765px;
    margin-left: 68px;
    min-height: 550px;
    _height: 550px; /* Fix för IE */
    }
    * html #fullPage{ /* Fix för IE */
        margin-left: 34px;
        }
#help{
    float: right;
    width: 150px;
    text-align: left;
    font-size: 10px;
    }
/*********************
----------------------
#header
----------------------
**********************/
#logo{
    padding-top: 57px;
    height: 90px;
    width: 240px;
    margin-left: 65px;
    }
#sfrlogo{
    padding-top: 10px;
    height: 70px;
    width: 125px;
    float: right;
    }
#mainMenu{
    height: 30px;
    width:750px;
    text-align: left;
    margin-left: 67px;
    margin-top: 18px;
    }
/*********************
----------------------
#mainMenu
----------------------
**********************/
#menu-left{
    width: 15px;
    height: 30px;
    background: url(layout/menu-left.gif) no-repeat;
    float: left;
    }
#menu-middle{
    height: 30px;
    background: url(layout/menu-middle.gif) repeat-x;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    padding-top: 7px;
    float: left;
    }
        a.menu-middle:link, a.menu-middle:visited {
    	text-decoration: none;
        background-color: transparent;
    	color: #000000;
    	}
        a.menu-middle:hover, a.menu-middle:active {
    	text-decoration: none;
        background-color: transparent;
    	color: #ff0000;
        }
#menu-right{
    width: 21px;
    height: 120px;
    background: url(layout/menu-right.gif) no-repeat;
    float: left;
    }
/*********************
----------------------
#middle
----------------------
**********************/
#middleLeft{
    text-align:left;
    width: 150px;
    min-height: 550px;
    _height: 550px; /* Fix för IE */
    margin-left: 68px;
    margin-right: 10px;
    float: left;
    }
    * html #middleLeft{ /* Fix för IE */
        margin-left: 34px;
        }
#middleCenter{
    text-align:left;
    width: 450px;
    min-height: 550px;
    _height: 550px; /* Fix för IE */
    margin-right: 10px;
    float: left;
    }
#middleRight{
    text-align:left;
    width: 145px;
    min-height: 550px;
    _height: 550px; /* Fix för IE */
    float: left;
    }
#calendarLeft{
    text-align:left;
    width: 190px;
    min-height: 550px;
    _height: 550px; /* Fix för IE */
    margin-left: 68px;
    margin-right: 10px;
    float: left;
    }
    * html #calendarLeft{ /* Fix för IE */
        margin-left: 34px;
        }
#calendarLeftAdmin{
    text-align:left;
    width: 190px;
    min-height: 550px;
    _height: 550px; /* Fix för IE */
    margin-right: 10px;
    float: left;
    }
#fullRight{
    text-align:left;
    width: 560px;
    min-height: 550px;
    _height: 550px; /* Fix för IE */
    float: left;
    }
/*********************
----------------------
Messages
----------------------
**********************/
#message{
    text-align: left;
    padding: 5px;
    padding-left: 30px;
    font-family: Verdana, sans-serif;
    font-size: 13px;
    font-weight: bold;
    background-color: #00E000;
    border: 1px solid black;
    }
#error{
    text-align: left;
    padding: 5px;
    padding-left: 30px;
    font-family: Verdana, sans-serif;
    font-size: 13px;
    font-weight: bold;
    background-color: #E00000;
    border: 1px solid black;
    }
/*********************
----------------------
Lokalernas platshållare
----------------------
**********************/
.placeholder{
    width: 460px;
    float: right;
    padding-bottom: 40px;
    }
.textholder{
    width: 440px;
    }
/*********************
----------------------
.rightcolumn
----------------------
**********************/
.rightcolumn{
    background: center url(layout/right-middle.gif) repeat-y;
    float: right;
    clear: right;
    width: 295px;
    text-align: left;
    }
.rightcolumnHeader{
    width: 295px;
    height: 58px;
    text-indent: 20px;
    line-height: 58px;
    vertical-align: middle;
    background: center url(layout/right-header.gif) no-repeat;
    }
.rightcolumnMiddle{
    text-align:left;
    width: 275px;
    min-height: 300px;
    _height: 300px; /* Fix för IE */
    padding: 10px;
    }
.rightcolumnFooter{
    width: 295px;
    height: 6px;
    background: #ffffff top center url(layout/right-footer.gif) no-repeat;
    padding-bottom: 40px;
    }
/*********************
----------------------
Textformatering
----------------------
**********************/
.heading{
    font-family: Georgia, Arial;
    font-size: 16px;
    font-weight: bold;
    }
.subheading{
    font-family: Georgia, Arial;
    font-size: 13px;
    font-weight: bold;
    }
.field{
    background-color: #e0e0e0;
    border: 1px solid black;
    padding: 7px;
    }
.helptext{
    width: 500px
    }
.form{
	font-family: Verdana;
    font-size: 11px;
    }
.adminmenu{
    font-family: Arial;
    font-size: 11px;

    }
/*********************
----------------------
BBCode
----------------------
**********************/
.bold {
    font-weight: bold;
    }
.italics {
    font-style: italic;
    }
.underline {
    text-decoration: underline;
    }
.superscript {
    vertical-align: super;
    font-size: 8px;
    }
.center {
    text-align: center;
    }
.listbullet {
    list-style-type: disc;
    list-style-position: inside;
    }
.listdecimal {
    list-style-type: decimal;
    list-style-position: inside;
    }
.listlowerroman {
    list-style-type: lower-roman;
    list-style-position: inside;
    }
.listupperroman {
    list-style-type: upper-roman;
    list-style-position: inside;
    }
.listloweralpha {
    list-style-type: lower-alpha;
    list-style-position: inside;
    }
.listupperalpha {
    list-style-type: upper-alpha;
    list-style-position: inside;
    }
/*********************
----------------------
Kalendern
----------------------
**********************/
.weekday{
    background-color: #404040;
    color: #D0D0D0;
    text-align: center;
    width: 24px;
    }