@charset "utf-8";
/* CSS Document */

body {padding: 0; margin: 0; font-family: Verdana, Arial, Sans-serif; font-size: 0.8em; color:#000000;}

h1 {font-size: 2.8em; padding: 0 0 10px 0; text-align:left;}
h2 {font-weight:bold; padding: 2px; font-size: 1.5em;}
h3 {font-size: 0.9em; padding: 0 0 0 0; font-weight:bold;}
h5 {font-size: 1em;}

a:link {text-decoration: none; color:#000099;}
a:visited {text-decoration: none; color:#660066;}
a:hover {text-decoration: underline;}


/* sidlayout */
#layout	{
	margin-right: auto; 
	margin-left: auto; 
	margin-top:100px; 
	width: 100%; 
	background: #ffffff;}
			
#layout_resultat {
	float: left; 
	padding:2em; clear:both;}

#sidhuvud {
	height: 170px; 
	margin:0; 
	padding: 0; 
	background: url(imgs/hitta.gif) center no-repeat; 
	}
			
#sidhuvud_resultat {
	height: 140px; 
	}

#sidlayout {
	text-align:center; 
	width: 100%; 
	padding: 20px; 
	background: #ffffff;}

#sidfot {
	clear: both; 
	padding: 5px; 
	text-align:center; 
	font-size:10px; 
	color:#666666; 
	margin-right: auto; 
	margin-left: auto; 
	background: #ffffff;  
	}

#forex {
	font-size:10px; 
	color:#000000; 
	margin-right: auto; 
	margin-left: auto;  
	}

#sok	{
	float: left; 
	margin-top: 40px; 
	width:300px;}

#namn {
	float: left; 
	height: 120px; 
	width: 330px; 
	background: url(imgs/hitta_logo_small.gif) left no-repeat;}
	
#namn h2 {
	padding: 69px 0 0 110px; padding-top: 87px;}
	
#namn span {padding: 87px 0 0 110px; font-weight:bold; font-size: 1.5em; position:absolute;}

#resultat {
	border-top:1px #CCCCCC solid; 
	padding: 10px 0 0 10px; 
	width: 50em; 
	text-align:left;}

#resultat h1 {
	font-size: 2.0em;}
	
#resultat_content {
	width: 450px;
	float:left;}
	
#resultat_ads
	{float:right; margin-top:10px; width:180px;}

/* suggest search */
 .suggest_link {		
	background-color: #FFFFFF;		
	padding: 2px 6px 2px 6px;	
}	
.suggest_link_over {		
	background-color: #3366CC;		
	padding: 2px 6px 2px 6px;	
}	
#search_suggest {	
	font-size: 0.7em;
	margin-right: auto; margin-left: auto;
	width:19em;	
	background-color: #FFFFFF; 		
	text-align: left; 		
	border: 0px solid #000000;	
	height: 70px;
	overflow: hidden;
	}

#layout_resultat #search_suggest {
	float: left;}
	
#fakta_box_container {width:450px;}	
#fakta_box_top {width: 100%; float: left; font-weight:bold; color:#FFFFFF; background:#333333; margin-top:10px; line-height: 15px;}
#fakta_box_top h2 {margin-left:5px; font-size:0.9em; padding:0;}	
#fakta_box_left {width: 215px; padding: 5px; float: left; background:#DDEDEE; margin-bottom:15px;}
#fakta_box_left ul{list-style-type: none; padding:0; margin:0; font-weight:bold;}
#fakta_box_right {width: 215px; padding: 5px; float: left; background-color:#CCE6FF; margin-bottom:15px;}
#fakta_box_right ul{list-style-type: none; padding:0; margin:0; font-weight:normal;}
.faktabox_col {width:100%; float:left; margin-bottom:15px;}
.faktabox_col ul{list-style-type: none; padding: 5px 0 5px 5px; margin:0;}
.bggreen {background:#DDEDEE;}
.bgblue{background-color:#CCE6FF;}

.tr1 {background-color:#EFEFEF;}
.tr2 {background-color:#FFFFFF;}

#valutahandel {width:150px; float:right; margin-top:10px; padding: 5px; border: 1px solid #cccccc; background:#E5E5E5; border-radius: 5px; -moz-border-radius: 5px;}
#valutahandel p{font-family: Verdana, Arial, Sans-serif; font-size: 0.8em; color:#000000;}

#lanapengar {width:150px; float:right; margin-top:10px; padding: 5px; border: 1px solid #cccccc; background:#E5E5E5; border-radius: 5px; -moz-border-radius: 5px;}
#lanapengar p{font-family: Verdana, Arial, Sans-serif; font-size: 0.8em; color:#000000;}

.adunit-wide {clear:both;}

/*Styles for screen 600px and lower*/
@media screen and (max-width: 600px) {

}

/*Styles for screen 515px and lower*/
@media only screen and (max-width : 480px) {
	#layout {margin-top:0px;}
	#layout_resultat {padding:10px;}
	#sidhuvud {width:90%; height:200px; margin: 0 auto;}
	h1 {padding:175px 0 0 0 !important; font-size:2em;}
	#resultat h1 {padding: 20px 0 0 0 !important;}
	#sidfot {text-align:left; font-size:12px;}
	#sidlayout {width:100%; padding-top: 25px; margin: 0 auto; padding-left:0 !important;}
	#resultat {width:95%; border-top:none; border-bottom:none;}
	#sok {width:90%; margin-top:0px;}
	#resultat_content, #fakta_box_container {width:95%;}
	#resultat_ads {display:inline-block; width:95%; float:none;}
	.faktabox_col {display:inline-block; float:none;}
	#valutahandel {display:inline-block; float:none; width:90%;}
	#lanapengar {display:inline-block; float:none; width:90%;}
	
}

/*Smartphone*/
@media only screen and (max-width : 320px) {
	

}