/*  
(c) 2008 ASSI
Daniel Larsson
*/



/* --- base attributes --- */


html 			{
			height:100%; 
			width:100%;
			}

body 			{
			top:0px; 
			padding:0px; 
			margin:0px; 
			font-family: Verdana, Trebuchet MS, Georgia, Helvetica, Arial, sans-serif; 
			font-size: 11px;
			line-height: 16px;
			background-color:#fbfbfb;	 
			color: #332222;
			background-image: url("../image/contents/back.jpg") ;
			background-repeat: repeat-x;
			background-attachment:floating;
			background-position: top left;
			}




/* --- text --- */


p, font 		{
			font-family: Verdana, Helvetica, Arial, sans-serif; 
			font-size: 11px;
			line-height: 16px; 
			color: #332222;
			}


.title			{
			font-family: Arial,Verdana, Trebuchet MS,Georgia, Helvetica, Arial, sans-serif; 
			font-size: 55px;
			font-weight:bold;
			line-height: 50px; 
			color: #77AAFF;
			}
			
			
.navtitle		{
			font-family: Verdana, Trebuchet MS,Georgia, Helvetica, Arial, sans-serif; 
			font-size: 12px;
			font-weight:bold;
			line-height: 16px; 
			color: #d81b21;
			}


.menutitle		{
			font-family: Verdana, Trebuchet MS,Georgia, Helvetica, Arial, sans-serif; 
			font-size: 14px;
			font-weight:bold;
			line-height:16px;
			 
			color: #CCCCCC;
			}


.newstitle		{
			font-family: Arial, Verdana, Trebuchet MS, Georgia, Helvetica, Arial, sans-serif; 
			font-size: 12px;
			line-height: 20px; 
			font-weight:bold;
			color: #d81b21;
			}
	

.date			{
			font-family: Arial, Verdana, Trebuchet MS, Georgia, Helvetica, Arial, sans-serif; 
			font-size: 10px;
			line-height: 12px; 
			color: #332222;
			}
	


/* --- länkar --- */


a:link, a:active, a:visited  
			{
			line-height: 16px; 
			color:#d81b21; 
			font-weight:medium; 
			text-decoration: none;
			font-size:11px;
			}


a:hover 		{
			line-height: 16px; 
			color: #BBCCCC;
			text-decoration: none; 
			}

a.menu:link, a.menu:active, a.menu:visited  
			{
			font-family: Arial,Verdana, Trebuchet MS,Georgia, Helvetica, Arial, sans-serif; 
			line-height: 18px; 
			color: #332222; 
			font-weight:medium; 
			text-decoration: none;
			font-size:12px;
			}


a.menu:hover 		{
			line-height: 18px; 
			color:#d81b21;	
			text-decoration: underline;
			 
			}

a.navbar:link, a.navbar:active, a.navbar:visited  
			{
			line-height: 16px; 
			color: #FFFFFF; 
			font-weight:bold; 
			text-decoration: none;
			font-size:12px;
			}


a.navbar:hover 		{
			line-height: 16px; 
			color:#FFAA00;
			text-decoration: none; 
			}

a.footer:link, a.footer:active, a.footer:visited  
			{
			line-height: 16px; 
			color:#F3C51C; 
			font-weight:medium; 
			text-decoration: none;
			font-size:9px;
			}


a.footer:hover 		{
			line-height: 16px; 
			color: #d81b21;
			text-decoration: none; 
			}

a.title:link, a.title:active, a.title:visited  
			{
			font-family: Arial,Verdana, Trebuchet MS,Georgia, Helvetica, Arial, sans-serif; 
			font-size: 55px;
			font-weight:bold;
			line-height: 45px; 
			color: #77AAFF;
			}


a.title:hover 		{
			
			
			text-decoration: underline; 
			}

/* --- construction --- */


#header 		{
			width: 878px;
			margin-top:40px;
			margin-left:auto; 
			margin-right:auto; 
								 
					background-color:333333;
			text-align: center;
			color: #FFFFFF;
			}
			

#outframe		{
			margin-left:auto; 
			margin-right:auto; 
			width: 876px; 
			background-image: url("../image/contents/background.jpg") ;
			background-repeat: repeat-y;
			background-position: 100% 100%;
			
			}
#content    		{
			width: 876px; 

			}

#leftcoloumn		{
			float:left;
			clear:none;
			padding-right:0px;
			padding-left:13px;
			padding-top:20px;
			width: 248px;
			backgrund-color:FDFEFF;
			}
			

			
#rightcoloumn		{
			float:right;
			clear:none;
			padding-right:10px;
			margin-right:5px;
			padding-left:10px;
			padding-top:20px;
			width: 590px;
			padding-bottom:30px;
			background-image: url("../image/contents/rightback.jpg") ;
			background-repeat: repeat-y;
			background-position: 100% 100%;	
			}


#footer 		{
			clear:both;
			padding:0px; 
			padding-top: 30px; 
			padding-bottom: 30px;
			margin-left:9px;
			font-size:9px;
			text-align:center;
			color:CCBBBB;
			width:867px;
			backgrund-color:FDFEFF; 			
			border-top:1px solid #E0E0E0;
			border-bottom:1px solid #E0E0E0;
			}

/* --- misc --- */			

.hrmenu			{
			color: #F0F0F0;
			margin-top: 5px;
			margin-bottom: 5px;
			} 

.grey			{
			background-color:#F6F6F6;
			border-bottom:1px solid #F0F0F0;
			padding-bottom:15px;	
			padding-left:10px;
			padding-right:10px;	
			}

.white			{
			background-color:#FDFEFF;			
			border-bottom:1px solid #F0F0F0;	
			padding-bottom:15px;
			padding-left:10px;	
			padding-right:10px;	
			}

.border			{
			border: 1px solid #F0F0F0;
			padding:5px;
			}



/* --- huvudmenyn --- */


#menu 	ul		{
			list-style: none;
			margin-top: 0;
			margin-bottom: 0;
			margin-left: 0px;
			padding-top: 0;
			padding-left: 2px;
			clear: left;
			border: 0px; 
			}

#menu ul li  		{
			float: left;
			}

	
#menu li.logo a
	 		{
			width:244px;
 			height: 40px;		
			}

#menu li.about a, #menu li.projects a, #menu li.articles a, #menu li.press a
	 		{
			width:125px;
 			height: 40px;		
			}

#menu li.contact a
	 		{
			width:132px;
 			height: 40px;		
			}
	

#menu li.logo a:link, #menu li.logo a:visited, #menu li.logo a:active
			{
			display: block;
			background: url(../image/contents/logo2.jpg);
			padding: 0px;
			}




#menu li.about a:link, #menu li.about a:visited, #menu li.about a:active
			{
			display: block;
			background: url(../image/contents/about.jpg);
			padding: 0px;
			}
	

#menu li.projects a:link, #menu li.projects a:visited, #menu li.projects a:active
			{
			display: block;
			background: url(../image/contents/projects.jpg);
			padding: 0px;
			}


#menu li.articles a:link, #menu li.articles a:visited, #menu li.articles a:active
			{
			display: block;
			background: url(../image/contents/articles.jpg);
			padding: 0px;
			}
	
#menu li.press a:link, #menu li.press a:visited, #menu li.press a:active
			{
			display: block;
			background: url(../image/contents/press.jpg);
			padding: 0px;
			}

#menu li.contact a:link, #menu li.contact a:visited, #menu li.contact a:active
			{
			display: block;
			background: url(../image/contents/contact.jpg);
			padding: 0px;
			}

		
		
#menu li.about a:hover	{
			background: url(../image/contents/about2.jpg);
			padding: 0px;
			}
#menu li.projects a:hover	{
			background: url(../image/contents/projects2.jpg);
			padding: 0px;
			}

#menu li.articles a:hover	{
			background: url(../image/contents/articles2.jpg);
			padding: 0px;
			}
	
#menu li.press a:hover	{
			background: url(../image/contents/press2.jpg);
			padding: 0px;
			}
		
#menu li.contact a:hover	{
			background: url(../image/contents/contact2.jpg);
			padding: 0px;
			}