/* CSS Document for www.urec.info */

/*

Bakgrundsfärgen (ursprungligen den gröna i själva "ramen") 
styrs av raden "background-color: #99CC66;" 
som finns med följande ställen nedan i denna fil:

#container
#top
#leftnav
#footer

vilket betyder att det måste ändras på alla dessa ställen!

110304: Ändrat till #ECEDF2 från #99CC66;

*/

body {
	margin:0 0 0 0;
	padding:0 0 0 0;
	background-color:#ffffff;
	/* Nästa rad anger den den bild som finns "utanför" själva webplatsen. 
	OBS: Kontrollera att sökvägen är korrekt - den måste anges manuellt!!! */
	background-image: url(../images/web/bg_bluewhite_LightblueToWhite_1.png);
	background-repeat:repeat-x;
	/*
	font-family:Verdana, Arial, Helvetica, sans-serif;
	*/
}

#container {
width: 900px;
margin: 10px auto;
background-color: #ECEDF2;
color: #333;
border: 1px solid gray;
line-height: 130%;
}

#top {
padding: 0.5em;
background-color: #ECEDF2;
/* border-bottom: 1px solid gray; */
}

#top_left {
float: left;
width: 100px;
margin: 0;
padding: 1em;
min-height: 50px;
margin-left: 5px;
margin-right: 5px;
}

#top_right{
float: right;
width: 100px;
margin: 0;
padding: 1em;
min-height: 50px;
margin-left: 5px;
margin-right: 5px;
}

#top_middle {
margin-left: 180px;
margin-right: 180px;
}

#top_left p { margin: 0 0 1em 0; }
#top_right p { margin: 0 0 0 1em; }
#top_middle h2 { margin: 0 0 0.5em 0; }

#top h1 {
padding: 0;
margin: 0.5em;
}

#leftnav {
background-color: #ECEDF2;
float: left;
width: 160px;
margin: 0;
padding: 1em;
min-height: 600px;
margin-left: 5px;
margin-right: 5px;
}

#rightnav {
background-color: white;
float: right;
width: 160px;
margin: 0;
padding: 1em;
min-height: 600px;
margin-left: 5px;
margin-right: 5px;
}

#content {
background-color: white;
margin-left: 200px;
margin-right: 200px;
margin-bo: 5px;
/*
border-left: 1px solid gray;
border-right: 1px solid gray;
*/
padding: 1em;
max-width: 50em;
min-height: 600px;
}

/*  
height i content ovan bestämmer standerdhöjden på en sida. 
Detta för att inte "leftnav" ska vara högre! 
height: 600px;
*/

#footer {
clear: both;
margin: 0;
padding: 0.5em;
color: #333;
background-color: #ECEDF2;
/* tar bort den gråa raden precis ovanför footer
border-top: 1px solid gray;  */
}


#leftnav p { margin: 0 0 1em 0; }
#rightnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 0.5em 0; }


.dropcap {
float: left;
width: 0.9em;
font-size: 4em;
line-height: 83%;
}


/* Navigation_top - START */	
#navigation_top a {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	line-height: 16px;
	letter-spacing: 0.1em;
	text-decoration: none;
	display: block;
	padding: 8px 6px 10px 26px;
	background: url("../images/web/leftmenu/menu_arrow.gif") 14px 45% no-repeat;
}

	
#navigation_top a:hover {
	background: #ffffff url("../images/web/leftmenu/menu_arrow.gif") 14px 45% no-repeat;
	color: #FF6600;
}
/* Navigation_top - STOP */


/* Navigation - START */
#navigation a {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	line-height: 16px;
	letter-spacing: 0.1em;
	text-decoration: none;
	display: block;
	padding: 8px 6px 10px 26px;
	background: url("../images/web/leftmenu/menu_arrow.gif") 14px 45% no-repeat;
}
	
#navigation a:hover {
	background: #ffffff url("../images/web/leftmenu/menu_arrow.gif") 14px 45% no-repeat;
	color: #FF6600;
}

#navigation td {
	border-bottom: 2px solid #C0DFFD;
}
	
.navText {
	color: #003366;
	line-height: 16px;
	letter-spacing: 0.1em;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

.navTextMeny {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
	letter-spacing: 0.1em;
	text-decoration: none;
}
	
/* Navigation - END */

#nav-left {
background-color: silver;
border: solid 1px gray;
width: 8em
}

#nav-left ul {
list-style-type: none;
margin: 0;
padding: 0;
border: none
}

#nav-left li {
margin: 0;
padding: 0.25em 0.5em 0.25em 1em;
border-top: 1px solid gray;
width: 100%;
display: block
}

html>body #nav-left li {
width: auto;
}

#nav-left li:first-child {
border: none
}

/* Nedan följer Saras olika texttypsnitt */

.text_red {
	color: #FF0000
}

.text_copyright {
	font-size: small;
	font-weight: bold;
}

.text_subtitlemenu {
	font-size: small;
	font-weight: bold;
}

.text_bildtext {
	font-size: small;
	text-align: center;
}

.floatright
{
float: right;
width: 103px;
margin: 0 0 10px 10px;
background-color: #ffffff;
padding: 10px;
border-top: 1px solid #999;
border-right: 2px solid #555;
border-bottom: 2px solid #555;
border-left: 1px solid #999;
}

div.floatright img
{
border-top: 2px solid #555;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
border-left: 2px solid #555;
}

p { margin-top: 0; }