/*   zwo.css for all two col photo pages august 2009	
but for general use ist lars gedacht	*/

#container
{
width: 98%;			 /* increased */
margin: 8px auto;
background-color: #fffacd;
color: #333;
border: 1px solid #ff8c00;
line-height: 130%;
}

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

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

#leftnav  /* fra brf eug css 5 */
{
float: left;
width: 170px;  
margin: 0;
padding: 0.7em;
background-color:#ffd;
}

#rightnav
{
float: right;
width: 2px;  
margin: 2px;
padding: 2px;
background-color: #ffe4c4;
display:		none;
}

#content
{
margin-left: 196px;     
border-left: 1px solid #ff8c00;
margin-right: 2px;   
border-right: 1px solid #ff8c00;
padding: 1.0em;
max-width: 82em;  
background-color: #ffe;
}
#contak 					/* speciellt f tak htm */
{
margin-left: 190px;		 /* var 180 */ 
border-left: 1px solid #ff8c00;
margin-right: 6px;	 /* war 190 */
border-right: 1px solid #ff8c00;
padding: 0.7em;
max-width: 71em; 	/* betydelsen oklar */
background-color: #fff;
}

#conteem 					/* speciellt f 2008 html */
{
margin-left: 180px;		  
border-left: 1px solid #ff8c00;
margin-right: 6px;	 /* war 190 */
border-right: 1px solid #ff8c00;
padding: 0.7em;
background-color: #fff;
max-width: 84em; /* forskar juli 2010 evt ta bort conteem etc */
}

#cleardiv
{
clear: 	 both;
height:	 1em;
}

#footer
{
clear: both;
margin: 0;
padding: .5em;
color: #333;
background-color: #f5f5dc;
border-top: 1px solid #ff8c00;
}

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

ul
{
margin: 		5px 0; 
padding: 		5px 0;   /* se auch inline css code both ul and li  */
background: #ffa;
color:			#800000;
list-style-type: none;
}     
li
{
margin: 8px 4px; 
padding: 8px 4px;
font-size: 1.2em; 
color: navy;
background:#ffc;
text-decoration: none; 
}

li.ari	
{ 
color:			#800000;
background: transparent;
}						/* reserv kan evt deletas
nedan in 2010 07 08 inline lis und lul
 */

ul.lun			{ 
margin:					 8px 4px;
padding: 				 6px 10px;
list-style-type: none;	
text-align:			 center;
width:					 96%;
 }
li.lin			{ 
font-size: 	1.0em; 
color: 			#000;
background: transparent;
font-weight: bold;
display:		 inline;
margin:			 4px 8px;
padding:		 4px 8px;
 }
 
p.tro
{			background: 			transparent;
			text-align: 			center;
} 								

p.trans
{			background: 			transparent;
			border:						2px solid #ffcc33;
			text-align: 			center;
} 								/* world watch  */
p   
{ 
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 12px arial
}

p.ec							
{
clear:		left;
}

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;
		}
	
a:link 	  { font-weight:bold; color: #006400; background: transparent; text-decoration: none; } 
a:visited { font-weight:bold; color: #ff0000; background: transparent; text-decoration: none; } 
a:active  { font-weight:bold; color: #c0c0c0; background: transparent; text-decoration: none; } 
a:hover   { font-weight:bold; color: #000000; background: transparent; text-decoration: underline;
 } 
 /* se hover nedan i img 15 aug 2009 msie tvingar sanera */	
 
b.red
	{		color:		#ff0000;
			background:	transparent;
			font-weight: bold;
	}
b
{	 color:					#000;
	 background:		transparent;
	 font-weight:		bold;
}
/*  lars kompletterad med imbed code och nu named
zwo . css
7 4 2009 */
  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; /* detta trasslar visn i msie  */
    }
div.desc
    {
    text-align: center;
 		font-size:	0.8em;
    font-weight: bold;
    width: 170px;	/* var 160 */
    margin: 2px;
    }
		
	/* denna code ska vara särskilt  fotoalbum,
	ex.vis 2006 2009. html april 2009 
	*/