/* CSS-baserad Webbdesign - Examination 5 - Projektarbete
CSSmojs av Eva Bolinder */



body 	{	font-family: Verdana, Arial, Helvetica, sans-serif;
			color: #000000; 
			background-color: #FFFFFF; 
			min-width: 800px;
		}

	h1		{	font-size: 1.8em;
				color: #001C09; 
				background-color: transparent;
				/* background-color: inherit funkar inte här, då får jag problem med h1-textrad vs bakgrundsbild i 
				Firefox och Opera men inte IE, för en gångs skull? */
			}

	h2		{	font-size: 1.1em;
				color: #004716;  
				background-color: inherit; 
			}
			

	p 		{	font-size: 0.7em;	}


	p a 	{	text-decoration: none; 
				background-color: inherit;
				font-weight: bold; 
				color: #1924FF; 
			}
.title		{ font-weight: bold }		

p a:hover	{	text-decoration: underline;
				background-color: #FFFFFF; 
				color: #1924FF;
			}
			
			
.description	{	font-style: italic;
					font-size: 0.7em;
					padding-bottom: 15px;	
				}
				
p.faq			{	font-weight: bold;
					font-size: 0.7em;}


p.disclaimer 	{	text-align: center; 
					font-size: 0.9em; 		
				}




li a 		{	text-decoration: none; 
				font-size: 0.9em;
				background-color: inherit;
				color: inherit; }
				

li a:hover	{	text-decoration: underline;
				background-color: #FFFFFF; 
				color: inherit;
			}

ul.list	{ 		font-style: italic; 		
				font-size: 0.7em;
				background-color: inherit; 
				color: #003300;
				padding-bottom: 15px; 
			}


.flagimg	{ 	float: left;
				padding-right: 10px;
				border: 0; }

.leftimg 	{ 	float: left;
				padding: 10px;
				border: 0; }

.arrowimg	{ 	float: right;
				padding: 0px;
				border: 0; }

.rightimg 	{	float: right;
				padding: 10px;
				border: 0; }

.blockimg 	{ display: block; } 


#header	{	
				background-image:    url(img/header.gif);
				background-position: top right;
				background-repeat: no-repeat;
				background-color: inherit; 
				padding: 10px;
				color: inherit;
				text-align: center;
				border-bottom: 2px solid black;
		}
			
			
#page		{	width: 650px;
				margin: 0 auto;
				background-image:    url(img/menubackground.gif);
				background-color: inherit; 
				background-position: left;
				background-repeat: repeat;
				color: inherit;
			}
			
#menu
			{	float: left;
				width: 150px;
				background-color: transparent;
				/* background-color: inherit funkar inte här, då får jag problem med h1-textrad vs bakgrundsbild i 
				Firefox och Opera men inte IE, för en gångs skull? */
				padding-top: 1em;
				color: #0000FF;
			}
			
#menu h2 
			{ 	padding:0 0 0 10px;
				color: inherit;
				background-color: inherit; 
   			}			

			
#content		{	background-color: #F0F8D3;
 					float: right;
					width: 370px; 
					padding-top: 1em;
					padding-left: 20px;
					padding-right: 20px;
					padding-bottom:10px;
					color: inherit;
				}



#footer		{	background-color: #788C51; 
				clear: both; 
				font-size: 0.7em;
				padding: 5px;
    			margin: 0;
				border-top: 2px solid black;
				text-align: center;
				color: inherit;
			}


#footer p 	{	margin: 0px; /* IE fix så det inte blir dubbla marginaler */
				text-align: center; 
				font-size: 0.9em; 	}