/* 
Theme Name: StepOut 2010
Theme URI: http://urban-svensson.com/
Description: StepOut 2010</a> &auml;r ett Wordpress-tema skapat av <a href="http://urban-svensson.com/" title="Urban Svensson" target="_blank">Urban Svensson</a> maj 2009. (c) Copyright Urban Svensson 
Version: 1.0
Author: Urban Svensson
Author URI: http://urban-svensson.com/
*/

/* Bakgrund: #685e52 */
/* Orange: #e44e2b */

* {margin:0;padding:0;}

/* -------------------------- Layout ----------------------- */

body
{
	font-family: "apertura-1","apertura-2",sans-serif;
	font-size:62%;
	line-height:150%;
	background:#685e52;
	margin:0; 
	padding:0;
}

.wrapper
{
	margin:0 auto;
	width:1026px;	
}

/* -------------------------- Header ----------------------- */

.header
{
	background:url(images/top.png) no-repeat;
	height:120px;
	margin:0 auto;
	z-index:2;
}	

.topstuff
{
     display:inline;
     float:left;
     width:980px;
	 margin:45px 0 0 22px;
	 z-index:20;
}

#logo h1 a
{
	position:absolute;
	text-indent:-2222em;
	width:226px;
	height:148px;
	top:0px;
	z-index:400;
	background:transparent url(images/logo.png) no-repeat;
	display:block;
}


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

p
{
	font-size:12px;
	line-height:150%;
	margin:0 0 10px 0;
	color:#333;
}

h2, #page-main h3, #page-main h4
{	
	font-weight:normal;
	line-height:120%;
	margin:10px 0 10px 0;
}

h2 {font-size:24px;}
#page-main h3 {font-size:18px;}
#page-main h4 {font-size:14px; font-weight:bold;}

.post li
{
	list-style:circle;
}	

#page-main ul
{
	margin:20px 0 0 0;
}	


h4.stepoutare-rubrik
{
	color:#e44e2b;
	font-size:17px; 
	font-weight:bold;
	line-height:120%;
	margin:0 0 20px 0;
}

em
{
	font-style:italic;
}

strong
{
	font-weight:bold;
}

/* ----------------------- Meny ---------------------- */

.meny
{
     display:inline;
     float:left;
     width:850px;
	 padding:35px 0 0 240px;
}

.meny ul
{
	display:inline;
}

.meny li
{
	list-style:none;
	display:inline;
	margin:0 20px 0 0;
}

.meny li a
{
	color:#fff;
	font-size:14px;
	text-decoration:none;
}

.meny li a:hover
{
	color:#e44e2b;
	text-decoration:none;
}

div.meny li a.aktiv
{
	color:#e44e2b;
}

/* -------------------------- Content ----------------------- */

.content-container
{
	background:url(images/content-bg.png) repeat-y;
	margin:0; 
	padding:0;
	z-index:7;

}

.main-container
{
     display:inline;
     float:left;
      width:980px;
     background:#dfd6c2 url(images/main-bg.png) repeat-x;
	 margin:0 0 0 22px;
	 padding:40px 0 0 0;
	 z-index:6;
}

.main
{
     display:inline;
     float:left;
	 padding:40px;
	 z-index:5;
}


/* ---------------------------------------- Foot ------------------------------------------------ */

.adresslapp
{
	display:inline;
	position:relative;
	width:323px;
	height:168px;
	z-index:60;
	top:50px;
	left:130px;
}

.adresslapp-page
{
	display:inline;
	position:relative;
	width:323px;
	height:168px;
	z-index:60;
	top:-120px;
	left:-90px;
}

#efksam
{
     display:inline-block;
     float:right;
     clear:both;
     width:150px;
     height:80px;
	 margin:-50px 0 0 0;
	 z-index:12000;
}

#efksam li
{
	list-style:none;
	display:inline;
	width:70px;
	padding:0 10px 0 0;
}

#copy
{
	display:block;
	margin:-20px 0 0 1005px;
	width:12px;
	height:12px;
	float:left;
	background:#990000;
	padding:3px 0 3px 5px;
	position:relative;
}

#copy a
{
	font-size:11px;
	color:#fff !important;
}

#copy p.copy-text
{
	font-family:Arial, Helvetica, sans-serif;
	margin:20px;
}

#inline2
{
	display: none;
}


#inline21
{
	display: none;
}

#tooltip 
{
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #333;
	color:#f1f1f1;
	padding: 3px;
	opacity: 0.85;
	font-size:10px;
}

#tooltip h3
{
	font-weight:normal;
}


.footcopy
{
	color:#9c958d;
	text-align:center;
	font-size:10px;
	line-height:13px;
	padding:80px 0 0 0;
}

.footcopy a
{
	color: #bebab4 !important;
}

/* ----------------------------------- Index-sida ----------------------------------- */

#start-container
{
	display:inline;
	float:left;
	clear:both;
	background:url(images/start-container-bg.jpg) no-repeat;
	height:545px;
	width:980px;
	padding:0; 
	margin:0 0 0 22px;
	z-index:1;
	
}

#foto
{
	display:inline;
	float:left;
	width:360px;
	height:600px;
	margin:0 0 0 -40px;
}

#main
{
     display:inline;
     float:left;
	 width:300px;
	 margin:20px 0 0 20px;
}

#stepoutare-9
{
     display:inline;
     float:right;
	 width:240px;
	 margin:120px 0 0 20px;
}

.pdflink
{
	background:url(images/pdf16.gif) no-repeat left center;
	padding:10px 0 10px 30px;
}

.samfundslink
{
	background:url(images/extlink.png) no-repeat left center;
	padding:10px 0 10px 30px;
}

/* ----------------------------------- Index-sida ----------------------------------- */

#page-container
{
	display:inline;
	float:left;
	clear:both;
	background:#f7f3e9 url(images/page-container-bg.jpg) no-repeat;
	width:980px;
	padding:0 0 120px 0; 
	margin:0 0 0 22px;
	z-index:1;
	
}

#subsidor
{
     display:inline;
     float:left;
	 width:220px;
	 margin:60px 0 0 20px;
	 padding:0 0 0 20px;
}

#subsidor ul
{

}

#subsidor li
{
	list-style:none;
	margin:0 0 15px 0;
}

#subsidor li a, #subsidor li a:visited
{
	font-size:15px;
	color:#666;
}

#subsidor li a:hover, #subsidor li a:active
{
	color:#e44e2b;
}

a.eng
{
	font-size:11px !important;
	text-transform:uppercase;

}

#page-main
{
     display:inline;
     float:left;
	 width:300px;
	 margin:35px 0 0 20px;
}

#page-main ul
{
	font-size:12px;
	line-height:160%;
	list-style-image: url(images/listimage.png);
	margin:20px 0 30px 20px;

}

#page-main li
{
	margin:10px 0 0px 10px;
}


#page-foto
{
	display:inline;
	float:right;
	width:285px;
	height:400px;
	margin:50px 30px 0 0px;
}

/* ------------------------------- Stepoutare - visar 9 bilder pa startsidan --------------------------- */

.stepoutare
{
	display:inline;
	float:left;
	width:70px;
	height:120px;
}

.stepoutare-text
{
	postition:relative;
	width:70px;
	float:left;
}

.stepoutare-bild
{
	display:inline;
	float:left;
	margin:0 10px 0 0;
	width:61px; 
	height:80px;
	background:url(images/stepoutare-ram.png) no-repeat;
}

.stepoutare-foto
{
	position:relative;
	top:6px;
	left:6px;
} 

.stepoutare-namn
{
	font-size:10px;
	line-height:10px;
	margin:2px 0 3px 0;
	padding:2px 0 0 0;
}

.stepoutare-land
{
	font-size:10px;
	font-weight:bold;
}


/* ------------------------------- Foot ---------------------------- */

.foot
{
	background:url(images/foot.png) no-repeat;
	height:152px;
	z-index:4;
}

.foot-content
{
	width:980px;
	display:inline;
	float:left;
	clear:both;
	background:url(images/main-container-bg.png) repeat-x;
	width:962px;
	height:30px;
	margin-left:22px;
	padding:30px 0 0 20px;
}


#foot-content-left
{
	display:inline;
	float:left;
	width:300px;
	text-align:left;
	padding-left:20px;
}

#foot-content-right
{
	display:inline;
	float:right;
	width:200px;
	margin-right:50px;
}

span.copytext
{
	color:#666;
	font-size:11px;
}

span.prodtext
{
	color:#a8a8a8;
	font-size:11px;
}

span.prodtext a { color:#a8a8a8; }

/* ---------------------------------------- Filtrera sok ------------------------------------------------ */

.filtrera-tips-listbox
{
	display:inline;
	float:left;
	width:190px;
	height:50px;
	padding:0 0 0 10px;
	background:url(images/rubrik-bg.png) repeat-x;
}

select.filterchange
{
	width:180px;
	height:30px;
	margin:7px 3px 0 0;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	padding:4px 0 4px 4px;
	text-transform:uppercase;
	font-weight:bold;
}

select option
{
   
	 color:#666;
	 text-transform:capitalize;
	 padding:3px 0 3px 10px;
	 border:none;
}

/* ---------------------  Annonslista ------------ */

.annonslista
{
	width:680px;
	padding:10px;
}

/* --------------------- Lankar ------------ */

a, a:active, a:link, a:visited
{
	color:#e44e2b;
	text-decoration:none;
}

a:hover
{
	text-decoration:underline;
}

:focus
{
  -moz-outline-style: none;
}

img a
{
	border-style:none;
}

/* -------------------- Bilder --------------------- */

img, img a { border:none; }

/* -------------------- 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 */