@import "GKSS.css";

body
{
    text-align: center;
    background-color: #9c9c9c;
    /*background-color: #e8e8e8;*/
    text-align: center;
    margin-top: 0px;
    font-family: Verdana,Arial;
    font-size: 0.7em;
    font-weight: Normal;
    color: #000000;
}

div
{
    padding: 0;
    margin: 0;
    border: 0px;
}

#Header
{
    height: 187px;
    background-color: #e0eaf2;
    background-image: url( '../Images/header_web_ocr2010.png' );
    background-repeat: no-repeat;
}

/*=====================================
Shadow container - surrounds all site
except footer and sponsor
=====================================*/
#Shadow
{
    width: 836px;
    background-image: url(  '../Images/main_background1.gif' );
    background-repeat: repeat-y;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 0px;
    padding-bottom: 0px;
}
/*=====================================
FooterArea - Container for footer
====================================*/
#FooterArea
{
    clear: both;
    height: 41px;
    width: 836;
    background-color: #fff;
    background-image: url(  '../Images/footer_background1.gif' );
    background-repeat: no-repeat;
    font-size: 0.8em;
    line-height: 12px;
}

/*=====================================
QuickSearchArea - general quickearch
 definition
====================================*/
.QuickSearchArea
{

    display:block;
    float:right;

    width: 200px;
    margin-right: 4px;
    margin-top:162px;
    z-index: 5;
    visibility: hidden;

}
input.quickSearchField
{
    width: 11em;
    float: right;
    font-size: 12px;
    font-style: italic;
    color: #999;
}

.quickSearchButton
{
    vertical-align: baseline;
    float: right;
}


/*=====================================
Container for sponsor loops
====================================*/
.sponsor
{

    background-image: url(  '../Images/sponsor_background1.gif' );
    background-repeat: no-repeat;

}


/*
Headings
*/

#NewsArea h1
{
    color: #000;
    padding-right: 225px;
    padding-left: 55px;
}

/*
Borders
*/
input.quickSearchField
{
    border: 1px solid #000;

}

h1
{
    color: #000;
    font-size: 2.1em;
    padding-right: 50px;
    padding-left: 0px;
    line-height: 25px;
}

h2
{
    color: #000;
}


#EventSectionArea a, #EventListArea a
{
    color: #000;
}

#EventSectionArea a div
{
    border-top:1px solid #000;
}

/*Link block hover*/
#EventSectionArea a:hover div
{
    background-color:#ffefef;

}
#NewsArea a.to, #EventSectionArea a.to
{

    border:1px dashed #06c;
    background-color:#ffefef;
 
}

#NewsBodyArea .Introduction
{
    padding-right: 0px !important;
    margin-right: 30px !important;
    padding-left: 0px !important;
}

#NewsArea A .NewsLinkBlock
{
    padding-left: 55px !important;
}

#NewsArea a:hover .NewsLinkBlock
{
    background-color: #ffefef;
}

#EventSectionArea .eventday, #EventListArea .eventday
{

    background-color:#FFFFFF;

}
/* Vänsterspalten som submenyer hamnar i */
#SubMenuArea
{

    background-image: none;
    background-color:#FFFFFF;

}

#MainContentAreaStart #MainTextArea
{
    width: 600px;
    max-width: 600px;

}

#MainArea
{
    border-top: 3px solid #E4EFF9;
}

/*=====================================
TopMenuArea - Container for top menu
=====================================*/
#TopMenuArea
{
    padding-top: 1px;
    height: 21px; /*border-top:0px solid #004d99; 	border-top:3px solid #e0eaf2;*/
    font-family: Trebuchet, "Trebuchet MS" , Verdana, "Bitstream Vera Sans" , sans-serif;
    font-weight: bold;
    font-size:1.1em;
    background-color: #E4EFF9;
}

/* Bild och färg som visas i menyn */
#TopMenuArea li a

{
    padding-top: 0pt;
    padding-right: 11px;
    padding-bottom: 0pt;
    padding-left: 11px;
    display: inline;
    font-size: 1em;
    text-align: center;
    float: left;
    color: #000000;
    text-decoration: none;
    line-height: 21px;
}

/* Bild och färg som visas när man håller musen över menyknapp */
#TopMenuArea li a:hover
{
    color: #000;
    background-color: #FFFFFF;
    /*background-image: url(  '../images/hover2.gif' );*/
}

/* Bild och färg som visas när man klickat på menyknapp */
#TopMenuArea li.selected a
{
    color: #000;
    background-color: #FFFFFF;
    /*background-image: url(  '../images/hover2.gif' );*/
}

/*=====================================
tipandprint - Container print and
tip a friend functions
====================================*/
#tipandprint
{
    height: 40px;
    text-align: right;
    padding: 8px;
    background-color: #fff;
    margin-bottom: 0px;
    float: right;
}
#tipandprint a
{
    text-decoration: none;
}

#tipandprint img
{
    vertical-align: middle;
    border: none;
}

.flag
{
    float:right;
    visibility: hidden;
}

/* Rubriken på startsidan */
#StartImageAndTextArea h1

{
    padding-top: 10pt;
    padding-right: 8px;
    padding-bottom: 5pt;
    padding-left: 60px;
    line-height: 0px;
    font-size: 2.1em;
}

/* Textmassan på startsidan */
#StartImageAndTextArea .MainBodyText 

{
    padding-top: 0pt;
    padding-right: 225px;
    padding-bottom: 8px;
    padding-left: 30px;
}

#StartImageAndTextArea p

{
    padding-top: 0pt;
    padding-right: 8px;
    padding-bottom: 0pt;
    padding-left: 30px;
}

/* Ingressen */
.introduction

{
    font-style: normal;
    font-weight: bold;
    color: #000000;
    padding-right: 225px;
    padding-left: 30px;
}

/*=====================================
Tabeller
====================================*/
.ListTable
{
    font-family: Verdana,Arial;
	font-size: 1.0em;
}
.ListTH
{
    font-size: 1.0em;
    font-weight: bold;
}
.ListTR
{
    font-size: 1.0em;
}
.ListTD
{
    font-size: 0.8em;
}