﻿/* layout  ============================================================================  */	
/* body		{ background-color:#f0f0f0; } */

#container	{	width:960px;	
				background-color:#fff; 
				margin-top:34px;
				margin-left:auto;
				margin-right:auto;	}
		
								
#maincont	{	width:960px;
				float:right;	
				background-color:fff;		}							


				
#contentbig	{	margin-top:10px;
				min-height:10px;
  				height:auto !important;
  				height:10px;}	

#bigleft	{float:left; width:256px; }
#bigcenter	{float:left; width:484px;}
#bigright	{float:right; width:220px; background-color:#f0f0f0; height:100%; line-height:1.1em;}
#bigrightblue	{float:right; width:220px; background-color:#0099FF; height:100%; line-height:1.3em; color:#fff;}
#bigbild    {float:left; width:740px; }

.gencont	{padding: 10px;}

#foot	{padding-top:6px; 
		border-top: 1px dotted #ccc; margin-top: 13px; text-align:center; color:#ccc;}
				

/* main menu  ============================================================================  */	

#mainmenu h1 {border-bottom: 1px dotted #ccc;
				padding-bottom:16px; margin-bottom:6px; }
				
#mainmenu {border-bottom: 1px dotted #ccc;
				padding-bottom:6px; }				
		
#mainmenu li {float: left; margin-right:20px;  }

#mainmenu ul {padding-left:10px;}

ul a {padding:1px 4px;}

#mainmenu a				{color: #000; text-decoration:none;}
#mainmenu a:hover, a.active			{text-decoration:none; background-color:#ffff99;}
#mainmenu a.current		{text-decoration:underline;}	


/* typo  ============================================================================  */	

body	{
		font: normal 62.5% 'Times new roman', Times ;		
			}
		
#container	{font-size: 1.3em; line-height: 1.45em; letter-spacing: 0em; font-family: arial, helvetica, sans-serif; color: #444;}

	

a	{text-decoration:underline; color:black;}
a:hover	{text-decoration:none; }


em	{color:#bb20ff;}	

p {margin-bottom: 10px;}	
				
strong {font-weight:bold;}				
			
span.subrub {color:#999; font-family: verdana, arial; font-size:10px; display:block; margin-bottom:10px; }

/* general elements  ============================================================================  */	
.aypass {padding-bottom: 40px; background-image:url('../img/spacer.gif'); background-repeat:no-repeat; background-position:center bottom;	}



	
/* headers   ============================================================================   */
h1	{font-family: Georgia, Times, 'Times new roman', serif; font-size:3.6em; letter-spacing: -0.2px; margin-bottom:16px; margin-top: 5px; line-height:1.02em}	
h2	{color: #0099FF; font-family: Georgia, Times, 'Times new roman', serif; font-size:2.1em; letter-spacing: -0.2px; margin-bottom:16px; margin-top: 5px; line-height:1.02em}	
h3	{color: #0099FF; font-family: Georgia, Times, 'Times new roman', serif; font-size:1.6em; letter-spacing: -0.2px; margin-bottom:8px; margin-top: 25px; line-height:1.02em}	
h4	{color: #333; font-family: Georgia, Times, 'Times new roman', serif; font-size:1.6em; letter-spacing: -0.2px; margin-bottom:3px; margin-top: 25px; line-height:1.02em}	
h3.grey {color:#ccc;}

.tidigare {color:#ccc;}
#bigright h2, #bigright h3	{color: #ec008c;}	
#bigrightblue h2, #bigrightblue h3, #bigrightblue a {color: #fff;}	

#bigleft h1 {color:#9a2700; }	



				
/* clearfix  ============================================================================  */	
					
.clearer {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}		


 .clearfix:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
        }
   
    .clearfix {display: inline-block;
		}
   
    /* Hides from IE-mac \*/
    * html .clearfix {height: 1%;}
    .clearfix {display: block;}
    /* End hide from IE-mac */	
	

/* bild styling  ============================================================================  */

.bigimg {padding:2px; border:1px solid #CCCCCC; margin:5px 0;}
.smallpic {padding:2px; border:1px solid #CCCCCC; margin:2px;}




li.bodylist {list-style:disc; margin-left:20px; }
