/*
Theme Name: PAAM Systems
Theme URI: http://urban-svensson.com/
Description: ett Wordpress-tema skapat av <a href="http://urban-svensson.com/" title="Urban Svensson" target="_blank">Urban Svensson</a> och <a href="http://emunication.com/" title="Emmanuel Ingelsten" target="_blank">Emmanuel Ingelsten</a> oktober 2009. (c) Copyright Urban Svensson och Emmanuel Ingelsten
Version: 1.0
Author: Urban Svensson och Emmanuel Ingelsten
Author URI: http://emunication.com/
*/

* {margin:0; padding:0;}

body
{
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	background:#fff url(images/bg.jpg) no-repeat center top;
	margin:0; padding:0;
	text-align:center;
	
}

/* ---------------------------- Struktur och layout ----------------------------------- */

#wrapper
{
	margin: 0 auto;
	text-align:left;
	display:block;
	width:1026px;
}

#header
{
	background:url(images/header-bg.png) no-repeat;
	height:104px;
	width:1026px;	
}

#logo-och-meny
{
	 display:inline;
     float:left;    
     width:1026px;
     height:89px;
	 margin:0 0 40px 0;
}

#logo
{
	display:inline;
    float:left;
	width:186px;
	height:89px;
	padding:20px 0 0 60px;
}

#meny
{
	 display:inline;
     float:left;
	 margin:20px 0 0 0;
}

#content
{
	margin:0 auto;
	height:546px;
}

#languages
{
	float:right;
	display:inline;
	width:100px;
	height:20px;
	margin:77px 40px 0 0;
}

#languages p, #languages p a
{
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-stretch:condensed !important;
	text-decoration:none;
}



.svenska, .svenska a
{ 
	color:#999;
}
.english, .english a
{
	color:#000;
}

#splash
{
	background:url(images/splash-SWE.jpg) no-repeat center top;
	width:982px;
	height:292px;
	margin:0 0 0 20px;
}

/*-------------------- Undersida = Splash blir text- och bildsida -------------------- */

#text-och-bildsida
{
	display:inline;
	float:left;
	clear:both;
	width:982px;
	height:292px;
	margin:0 0 0 20px;
}

#textsida
{
	float:left;
	display:inline;	
	width:375px;
	padding:10px 15px 10px 25px;
}

#bildsida
{
	float:right;
	display:inline;
	width:560px;
	height:260px;
	margin-top:20px;
}

/* ------------------------ Typografi -------------------- */

h1,h2,h3,h4,h5
{
	font-family:'Lucida Grande','Lucida Sans Unicode',Geneva,Verdana,sans-serif;
}

h1, h1 a
{
	font-size:24px;
	line-height:40px;
	color:#B3071B;
	padding:10px 0 5px 0;
}

h3, h3 a
{
	font-size:16px;
	line-height:40px;
	color:#B3071B;
	padding:0 0 5px 0;
}

p
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	line-height:18px;
	padding:2px 0 5px 0;
	color:#666;
	margin:0;
}

em {
	font-style: italic;
	color:#666;
}
italic {
	font-style: italic;
	color:#666;
}
bold {
	font-weight:bold;
	color:#444;
}
strong {
	font-weight:bold;
	color:#444;
} 

.space {
	line-height: .3 em;
}

#textsida ul
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	line-height:18px;
	padding:2px 0px 5px 5px;
	color:#666;
	margin:0 0 0 5px;
	list-style-position:inside;

}

#textsida ul li
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	line-height:18px;
	padding:0 0 0 5px;
	color:#666;
	margin:0;
	list-style:disc;
	list-style-position:inside;	 	
}

#textsida ul li li
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	line-height:18px;
	padding:0 0 0 10px;
	color:#666;
	margin:0;
	list-style:circle;
	list-style-position:inside;	 
}

#textsida ol
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	line-height:18px;
	padding:2px 0px 5px 5px;
	color:#666;
	margin:0 0 0 5px;
	list-style-position:inside;
}

#textsida ol li
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	line-height:18px;
	padding:0 0 0 5px;
	color:#666;
	margin:0;
	list-style:decimal; 	
	list-style-position:inside;	
}

#textsida ol li li
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	line-height:18px;
	padding:0 0 0 10px;
	color:#666;
	margin:0;
	list-style:decimal; 
	list-style-position:inside;		
}

#textsida blockquote
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-style:italic;	
	line-height:18px;
	padding:2px 10px 5px 10px;
	color:#666;
	margin:0;
}


/*------------------------- Länkar -------------------- */

a, a:hover
{
	color:#B3071B;
	text-decoration:none;
}

a:hover {
text-decoration: underline;
}


/*--------------------------- Puffar -------------------- */


#puffar
{
	display:inline;
	clear:both;
	float:left;
	width:982px;
	height:208px;
	margin:30px 0 0 20px;
}

.puff
{
	display:inline;
	float:left;
	width:250px;
	height:208px;
	background:url(images/puff-skugga.png) no-repeat center right;
}

.puff-ingen-skugga
{
	background:none !important;
	width:362px;
}

.puffspace
{
	padding:0 20px 0 20px;
}

/*---------------------- Nyheter --------------------- */

#nyheter
{
	margin-left:20px;
}

#nyheter a
{
	text-decoration:none;
}

.nyhet
{
	color:#666;
	font-size:12px;
	padding:0 0 17px 0;
}

.nyhetsarkiv
{
	color:#666;
	font-size:12px;
	padding:3px 0 3px 0;
}

.nyhet-datum
{
	font-style:italic;
	color:#999;
}

.nyhet-rubrik, .nyhet-rubrik a
{
	font-weight:bold !important;
	font-size:15px !important;
	color:#B3071B !important;
	padding-bottom:5px;
	font-family:'Lucida Grande','Lucida Sans Unicode',Geneva,Verdana,sans-serif !important;
}

.nyhet-lasmer a
{
	color:#666 !important;
}

#footer
{
	margin: 0 auto;
	text-align:left;
	background:url(images/footer-bg.png) no-repeat;
	height:104px;
	width:1026px;
	clear:both;
	display:block;
}

#footer-content
{
	
}

/*---------------------- ATTACHMENT STYLES ----------------------*/

a[href$=".PDF"], a[href$=".pdf"] {
	padding: 2px 2px 2px 16px;
	background: url("images/icon_pdf.gif") left center no-repeat;
}
a[href$=".XLS"], a[href$=".xls"] {
	padding: 2px 2px 2px 16px;
	background: url("images/icon_xls.gif") left center no-repeat;
}
a[href$=".DOC"], a[href$=".doc"] {
	padding: 2px 2px 2px 16px;
	background: url("images/icon_doc.gif") left center no-repeat;
}




/* -------------------- Clearfix --------------------- */

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