##
## Global settings
##

body {
	font-family: Arial, sans-serif;
	color: black;
	background-color: white;
}

a {
        text-decoration: none;
        font-weight: bold;
        color: #00688b;
}

a:hover {
        text-decoration: none;
        font-weight: bold;
        color: black;
}

/* ====================================================================== */

#FlexiAll {
	## background-color: yellow;
	## border: 3px solid black;
	position:absolute; 
 	top:0px;
	left:0px;

	font-family: Arial, sans-serif;
}

/* ====================================================================== */

#FlexiSearch {
	margin:10px 0px 10px 0px;
}

/* ====================================================================== */

#FlexiTop {
	## background-color: lightgrey;
	## border: 3px solid black;
	width:900px;
        height:100px;
}

/* ====================================================================== */

#FlexiLeft {
	## background-color: lightgrey; 
        ## border: 3px solid black;
	position:absolute;
	left:0px;
	top:105px;
	width:175px;
        height:100%;

	font-size:70%;
}

#FlexiLeft h2 {
        font-family: Arial, sans-serif;
	text-transform: uppercase;
        color: #bebebe;
        font-size: 120%;
        font-weight: bold;
	padding: 2px 2px 2px 4px;
        background-color: #00688b;
	margin: 0px 0px 2px 0px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
}

/* Stanger av det vanliga listformatet, tar bort alla marginaler och ramar */
/* Padding fungerar i Firefox for att ta bort marginalerna ifran "listan" */
/* Margin fungerar i IE for att ta bort marginalerna ifran "listan" */
#FlexiLeft ul { 
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
} 

/* Intendering av text niva 2 i listor 10 px */
#FlexiLeft ul ul {
	margin: 0px 0px 0px 15px;  
}

/*Osaker pa funktionen. border-bottom: 0px verkar sabba saker och ting i IE   */
#FlexiLeft li { 
	margin: 0px 0px 2px 0px;
}

/*Intendera listan 4 pixel, satt farg pa texten i listan, definiera ram runt */
#FlexiLeft li a {
	display: block;
	/* border: 1px solid black; */
	color: #00688b; 
	padding: 2px 2px 2px 2px;
	text-indent: 4px;
	background-color: #bebebe;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
}

/*Skapar en ram - som fargsatts senare runt varje rad (tror jag)  */
#FlexiLeft ul li a { 
	margin: 0px 0px 2px 0px; 
}

/*Formaterar den rad muspekaren star vid   */
#FlexiLeft ul li a:hover { 
    color: #bebebe;
    background: #4E78A0;
    padding: 2px 2px 2px 2px; 
    text-indent: 4px; 
}

/*Formaterar den rad som ar aktuell sida   */
#FlexiLeft ul li a.selflink { 
    color: #bebebe;
    background: #4E78A0 url(gfx/flexi/selector.gif) center right no-repeat; 
    padding: 2px 2px 2px 2px; 
    text-indent: 4px; 
}

#FlexiLeft form {
	background: #00688b;
	display: block;	
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	padding: 4px 4px 4px 4px;
	margin-top: 1px;
	font-size: 8px;
}

#FlexiLeft input {
	font-size: 10px;
}



/* ====================================================================== */

#FlexiTitle {
        ## background-color: lightgrey;
        ## border: 3px solid black;
        margin-top:5px; 
        margin-left:180px;
        width:720px;
}

/* ====================================================================== */

#FlexiHeader {
	## background-color: lightgrey; 
        ## border: 3px solid black;
	margin-top:5px;
	margin-left:180px;
	width:720px;
}

/* ====================================================================== */

#FlexiMain {
	## background-color: lightgrey; 
        ## border: 3px solid black;
	margin-top:5px;
	margin-left:180px;
        width:720px;

	font-size:80%;
}

#FlexiMain hr {
        border: none;
        height: 2px;
        background-color: black;
        color: #666;
        width: 100%;
}

#FlexiMain h1 {
        font-size:160%;
        color: #00688b;
        background-color: #bebebe;

        font-weight: bold;
        display: block;
        padding: 0px 0px 2px 5px;
        margin-top: 0px;
        margin-bottom: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
}

#FlexiMain h2 {
	font-size:140%;
        color: #00688b;
        background-color: #bebebe;

        font-weight: bold;
        display: block;
        padding: 0px 0px 2px 5px;
        margin-top: 10px;
        margin-bottom: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
}

#FlexiMain h3 {
        font-size:120%;
        color: #00688b;
        background-color: #bebebe;

        font-weight: bold;
        display: block;
        padding: 0px 0px 2px 5px;
        margin-top: 10px;
        margin-bottom: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
}

#FlexiMain h4 {
        font-size:100%;
        color: #00688b;
        background-color: #bebebe;

        font-weight: bold;
        display: block;
        padding: 0px 0px 2px 5px;
        margin-top: 10px;
        margin-bottom: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
}

#FlexiMain code {
        font-family: monospace;
        font-size:120%;
        font-weight: bold;
}

#FlexiMain pre {
        font-family: monospace;
        font-size:120%;
        font-weight: bold;
}


/* ====================================================================== */

#FlexiRight {
        ## background-color: lightgrey;
        ## border: 3px solid black;
        position:absolute;
        top:0px;
        left:905px;
        width:250px;
        height:100%;
}

/* ====================================================================== */

#FlexiFooter {
        ## background-color: lightgrey;
        ## border: 3px solid black;
        margin-top:5px;
        margin-left:180px;
        width:720px;
}


/* ====================================================================== */

#FlexiBottom {
	background-color: lightgrey; 
        ## border: 3px solid black;
	margin-top:5px;
        margin-left:180px;
        width:720px;

        text-align: center;
	font-size:60%;
}

#FlexiBottom a {
        color: #00688b;
	padding: 1px 1px 1px 1px;
        background-color: #bebebe;
	border:1px solid black;
}

#FlexiBottom a:hover {
        color: #fafafa;      
        padding: 1px 1px 1px 1px;  
        background-color: #4e78a0;
	border:1px solid black;
}

#FlexiBottom br {
	display: block;
	margin:2px;
}

#FlexiBottom hr {
        border: none;
        height: 2px;
        background-color: black;
        color: #666;
        width: 100%;
}
/* ====================================================================== */