html{
margin: 0 ;
padding: 0;
} 
 body { 
 /*
    margin: 0 auto ;  
    font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFF;
	font-family: Verdana, 'Times New Roman', 'Sans-Serif';
	font-style: italic;
	font-size: 10pt;
	font-weight:bold;
	color: #000000;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000;
 */
 }

 
  
 /*menyval på loggan*/
 #menyVal{
	 font: 64% Verdana, Arial, Helvetica, sans-serif;
	 margin: 104px 60px;
	 position: fixed; 
	 /*margin: 100px 260px */	 
 }
 /*loggan*/
 #headerLogga{		
		width: 980px;
		height: 144px;	
		margin: 0  auto ;		
		 background-image: url(logga/logga7.jpg) ;
        opacity: 1.0; 		
		background-repeat: no-repeat;  
		position: fixed; 
		background-position: center;		   
	  /*	  
	  background-image: url(logga/loggaTrans.bmp) ;
	  background-color: black;
	  border: 2px solid black;
	  width: 980px;
	  background-attachment: fixed;
	  background-repeat: repeat-x;
	  background-margin: 0 20px auto;repeat: repeat-y;
	  background-position: left;
	  background-image: url(logga/paper_backgr.gif) ;	  
	  background-repeat: repeat;
		*/	  
	}
 
#mainContent{ 
		margin: 0 auto;
		width: 990px;	
 
		padding: 5px;
		font-size: 14px;
		font-family: Verdana,'Times New Roman', sans-serif;
		background: #fff;	
		/*
		font-family: Tahoma, sans-serif;	
		*/  
 }
 #mainContent .spalt1{ 
		margin: 0 0;
		width: 475px;
		float :left;
 }
 #mainContent .spalt2{
    margin:  0  490px ;
	width: 475px;
	position: relative;	 
 }
  .box{
	width: 50px;
	height: 60px;
	margin: 0 5px 5px 5px;
    clear:both;
	color : white;
}
 #mainContent  .space{
	width: 300px;
	height: 16px;
	margin: 0 16px ;
}
#mainContent  .tomrum {
	width: 300px;
	height: 100px;
	margin: 0 5px 5px 5px;
	color : white;
}
h2{
	font-size: 42px;
 
	/*font-family: 'Segoe Script', sans-serif;*/
	/*font-family: 'Monotype Corsiva', sans-serif;*/
	font-family: 'Brush Script Std', 'Monotype Corsiva','Segoe Script',  sans-serif; 
	text-align: center;
	color: Grey;
	text-shadow: 5px 5px 4px rgba(0,0,0,0.2); 
/*
	font: 400 130px/0.8 'Great Vibes', Helvetica, sans-serif;
	color: #fff;
	text-shadow: 4px 4px 3px rgba(0,0,0,0.1); 
	font: 400 100px/1.0 'Just Another Hand', Helvetica, sans-serif;
	color: #969595;
	text-shadow: 0px 3px 0px #5e5e5e, 0px 5px 0px #4d4d4d, 0px 7px 0px #3c3c3c, 0px 9px 0px #2b2b2b, 3px 8px 

*/
}
h3{
	font-size: 12px;
	font-family: Verdana,'Times New Roman', sans-serif;
	 font-weight:bold;	  
}

h4{
	font-size: 10px;
	font-family: Verdana,'Times New Roman', sans-serif;
	 font-weight:bold;
	color: Orange;
 
}

#mainContent .SkrivStil {
	font-size: 32px;
	font-family: 'Brush Script Std', sans-serif;
	text-align: center;
	color: Grey;
	text-shadow: 5px 5px 4px rgba(0,0,0,0.2);    
}
#mainContent .SkrivStilMindre {
	font-size: 22px;
	font-family: 'Brush Script Std', sans-serif;
	text-align: center;
	color: #736765;
	text-shadow: 5px 5px 4px rgba(0,0,0,0.2); 
    font-weight:bold;	
}

 
.UnderRubrik{  
	 font-size: 16px;
	 font-family: Verdana,'Times New Roman', sans-serif;
	 font-weight:bold;
}
p{
	 padding: 5;
	 font-size: 14px;
	 font-family: Verdana,'Times New Roman', sans-serif;
	 font-weight:bold; 
	 font-style: italic;
}
.UnderText{
	padding: 5px;
	font-size: 10px;
	font-family: font-family: Verdana,'Times New Roman', sans-serif;
}
   #mainContent  .centrera{
   text-align: center; 
 }
  
  table  .tabell  {
 /*
    border: 1px solid grey;*/
    table-layout: fixed;
    width: 990px;
}

th, td  .tabell   {
    /*border: 1px solid black;*/
    overflow: hidden;
    width: 330px;
	height : 220px;
}

th, td  .counter  {
   border: 2px solid black;  
   background-color: red;
  font-size: 11px;
	font-family: 'Times New Roman', sans-serif;
    width: 60px;
	height : 10px;
}
  #mainContent  .SusnetRaknare {
  color: black;
 font-size: 12px;
	font-family: 'Times New Roman', sans-serif;
  font-weight:bold; 
 }
  #validering   {
  
  color: #000000;
 font-size: 10px;
	font-family: 'Times New Roman', sans-serif;
 
 }
/*OBS viktigt med 
denna ordningen*/
a:link{color: white;}
a:visited{color: white;}
a:hover{color: yellow;}
a:active{color : yellow;}
  
  /* Överallt startar positionen längst upp till vänster*/

/*
*  = wildcard     måste alltid matchanånting
ul, h1, h2 = element selektorer
.classNamn   = selector för class
#id = selektor för ID (OBS unikt namn)

pseudo element
:hover
:link
:active
:visited


/* overflow: hidden;
	overflow : scroll;
	border: 1px solid #f00;
	*/
	/* visibility: hidden; */