/*    ray.css for index html 2010 ray folder
	   	*/

#container
{
width: 98%;			 /* increased */
margin: 10px auto;
background-color: #ffcc33;
color: #8b0000;
border: 1px solid #ff8c00;
}

#top
{
padding:  .7em;
background-color: #fff8dc;
border-bottom: 1px solid #ff8c00;
}

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

#leftnav
{
float: left;
width: 178px;  /* var 200 */
margin: 0 0 0 1px;
padding: 0.8em 0.55em 0.8em 0.8em;
background-color: #00ffff;
border-right: 1px solid #ff8c00;
}

#links
{
float: left;
width: 170px;  /* for 3747 index */
margin: 0;
padding: 0.5em;
background-color: #00ffff;
}
#rightnav
{
float: right;
width: 20px;  /* ganz neues Wert 7 april 2009 */
margin: 5px;
padding: 5px;
background-color: #ffcc33;
display: 	none; 	/* explain the problem 2010... */
}

#abend
{
float: right;
width: 60px;  /*  for 3747 index 27 aug 2009 */
margin: 4px;
padding: 4px;
background-color: #ffcc66;
}

#afton
{
float: right;
width: 220px;  /*  for ray files 2010 02 20 */
margin: 4px;
padding: 4px;
background-color: #ffcc66;
}
#content
{
margin-left: 190px;     /* var 220 */
border-left: 1px solid #ff8c00;
margin-right: 150px;   /* war 10 */
border-right: 1px solid #ff8c00;
padding: 1.0em;
max-width: 68em;  /* var 66 */
background-color: #ffe;
}

#center
{
margin-left: 202px;     /* var 220 */
border-left: 1px solid #ff8c00;
margin-right: 200px;   /* war 10 */
border-right: 1px solid #ff8c00;
padding: 1.0em;
max-width: 60em;  /* var 66 */
background-color: #ffe;
}
#footer
{
clear: both;
margin: 0;
padding: .5em;
color: #333;
background-color: #fff;
border-top: 1px solid #ff8c00;
}

ul#morgon
{
margin: 		5px 0; 
padding: 		5px 0;   /* se auch inline css code both ul and li  */
background: 	#ffa;
color:			#800000;
list-style-type: none;
width:			173px;  /* helt nytt 8 Maj */
}     
li
{
margin: 8px 4px; 
padding: 8px 4px;
font-size: 1.2em; 
color: navy;
background:#ffc;
text-decoration: none; 
}
	
 a:link    
 { font-size: 100%; color: #660000; font-weight: bold; background: transparent; text-decoration: none; 
 }
 a:visited 
 { font-size: 100%; color: #990000; font-weight: bold; background: transparent; text-decoration: none;  
 }
 a:hover   
 { font-size: 100%; color: #330000; background: #fff; text-decoration: underline; 
 }
 a:active  
 { font-size: 100%; color: #cc0000; background: transparent; text-decoration: none; 
 
 }        /* tveksam till alla dessa a som lagts in bara för att slippa understrukna länkar */
				
 
 h1
 {
    padding:                 18px 9px;
    margin:                  18px 9px;
 }
h2
{
 	font-size:								 1.7em;
	color:										 #990000;
	background:								 transparent;
	
	}
	
 h3 b           
{
    margin-top:    20px;
    padding-top:   20px;
    font-size:   1.2em;
    color:       #8b0000;
    background:  transparent;
}


#leftnav p, #rightnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }

p.trans
{			background: 	transparent;
			color:			#dc143c; 
			border:			2px solid #ffcc33;
			text-align: 	center;
} 								/* world watch  */

p   
{ 
font: bold 0.9em verdana, Arial, sans-serif; 
color: #000066; 
background: transparent; 
padding: 3px; 
}			/* from 80 to 90 percento 24 5 2009 */

p.hide   
{  
background: transparent; 
display: none; 
}

p.maj   
{ 
font: bold 0.8em verdana, Arial, sans-serif; 
color: #dc143c; 
background: White; 
padding: 3px; 
}
p.spec  
{ 
font: bold 100% Arial, sans-serif; 
color: #800080; 
background: transparent;
border: 3px solid #008080;
 } 
p.vers
{
font: italic small-caps 900 1.0em arial
}

p.eu							
{
	font-size:	1.0em;
	color:		#0000ff;
	background: #ffe;
}	 

p.heine
{      
    font:  120% Georgia, Galant, "Times New Roman", serif; 
    color: black;
    background: white;
    font-weight: 600;
    border:      2px solid black;
}

div#footer ul
{
			padding: 0;
			margin: 0;
			list-style-type: none;
			background: transparent;
}
		
div#footer li
		{
			display: 	inline;
			margin-right: 1.2em;
			color:			#b8860b;
			background:		#ffe;
			font-size:		1.0em;
		}
b.red
	{		color:		#ff0000;
			background:	transparent;
	}
b.svart
	{		color:		#000;
			background:	#ffd;
	}
b
{	 color:				#000;
} 	

	
img.line
	{
	margin:		5px 0;
	padding:	5px 0;
	border:		none;
	float:		none;
	}
img#star
	{
	margin:				0;
	padding:			0;
	float:				right;
	}
		
img#opa
{
opacity:	0.4;
filter:		alpha(opacity=40)
}
	/*  vet inte om detta är optimalt  */
	
 div.img
    {
    float: left;
	margin: 2px;
    border: 2px solid #ff9900;
    height: auto;
    width: auto;
    text-align: center;
    }
    div.img img
    {
    margin: 3px;
    border: 1px solid #ffffff;
    }
	 div.img a:hover img
    {
    border: 1px solid #0000ff;
    }
div.desc
    {
    text-align: center;
	font-size:	0.8em;
    font-weight: bold;
    width: 170px;	/* var 160 */
    margin: 2px;
    }
				
	/* 
	denna css code  var särskilt för fotoalbum,
	 april 2009 med 2-kol
	in reality as Abend is eng
	*/