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


/* make the footer stick to bottom */
html, body {height: 100%;}
#wrap {min-height: 77%; width: 1000px; margin: 0 auto;}

#main {overflow:auto;
	margin-bottom: 150px;}  /* must be same height as the footer */
#footer {position: relative;
	height: 150px;
	clear:both;} 

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}
/* end of footer stick */

body {margin:0; padding: 0; font-family: Helvetica, sans-serif; font-size: 0.8em; background-color:#fff;}
p {line-height:1.5em; font-size:1.2em;}

#header {background:url(/imgs/logo_blekatanderhemma.png) no-repeat; background-position:15px 0; display:block; height:75px; padding:0 0 25px 125px; margin-top:25px;}
	#header .title {font-family:Arial, Helvetica, sans-serif; font-size:45px; color:#000; font-weight:bold; line-height:45px;}
	#header .subtitle {font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#444; font-weight:bold; line-height:18px;}
	#link {position:absolute;margin: 5px;height: 60px;width: 500px;cursor: pointer; top:15px;}
#header img{margin-right:30px; float:left;}
#header-menu {margin:auto; width:1000px;}
#header-menu ul {list-style: none; padding: 0; margin: 0; background: white; float: left; width: 100%;}
#header-menu li {float: left; margin: 0 1em 0 0;}
#header-menu a {text-decoration: none; display: block; width: 6em; padding: 0 0.5em; font-weight: bold; border-bottom: 0.5em solid grey; color: grey;
}
#header-menu a:hover {border-bottom: 0.5em solid black; color: black;}
#header-menu a:active {border-bottom: 0.5em solid black; color: black;}

#content {background-color:#fff; display:block; min-height: 500px; width:100%;}
	#primary {width:740px; float:left;}
		#primary h1{background:#444; color:#fff; font-family: Helvetica, sans-serif; font-size:20px; font-weight:bold; line-height:24px; padding:3px 10px;}
		#primary h2{color:#FF8000; font-size:16px;}
		#primary img{padding:5px; border: thin silver solid; margin:0 15px 5px 15px;}
		
		#primary a, a:visited{color:#0000FF;}
		#primary a:hover{text-decoration:underline;}
		
		.adwide{width:100%; float:left; height:108px; margin:20px 0; font-size:12px; background-color:#E7E7E7; text-align:center; padding-top:15px;}
		
		#primary table{border:2px solid black;}
		#primary tr:nth-child(even) {background: #D7D7D7;}
		#primary tr:nth-child(odd) {background: #FFF;}
		
		#primary ul li {font-size:1.2em;line-height:1.3em;}
		
		#comparison-table table {width:95%; margin-left:5px; margin-right:5px;}
			#comparison-table th {background:#09C; color:#FFF;}
			#comparison-table tr {height:40px;}

	#splitprimary {width:700px; float:left;}
	
		.splitted300left {width:340px; float:left;margin-right:10px;}
		.splitted300right {width:340px; float:right;}

	#secondary {width:235px; float:right;}
		#secondary h3{background:#444; color:#fff; font-family: Helvetica, sans-serif; font-size:14px; font-weight:bold; line-height:20px; padding:3px 10px;}
		.adsecond{width:205px; background-color:#F4F4F4; padding:5px; margin-top:10px; text-align:center;}

.imgleft {margin:0px 10px 5px 0px;}

#footer {background-color:#ccc; display:block; width:100%; color:#FFFFFF; padding:20px 0;}
	#footer .block {width:900px; margin:auto; color:#636363;}
	#footer .block h2 {font-weight:bold; color:#000; font-size: 24px; font-family: Arial, 'Helvetica', sans-serif;}

.styled-list-images ul li {display:inline-block; max-width:300px; list-style-type:none; list-style-position: inside;}
	.textover {display:block; position:relative; top:-25px; padding:10px !important;
background-color: #000;}
	.textover a:link, .textover a:visited {color:#fff !important; background-color:#000 !important; font-weight:bold !important; text-decoration:none !important;}
	.styled-list-images img {margin:0px !important;}
	
	
	
	/*Styles for screen 600px and lower*/
@media screen and (max-width: 600px) {
	#wrap {width:100%;}
	#header .title {font-size:35px; line-height:35px;}
	#header .subtitle {font-size: 15px;}
	#link {width:100%; margin:0;}
	#primary, #splitprimary, .splitted300left, .splitted300right, #secondary, #footer .block {width:100%}
	p, #primary h2, #splitprimary h3, #splitprimary p {padding-left: 10px; padding-right:10px;}
	.adsecond {width:100%;}
	#main {margin-bottom:50px;}
	.sajtkarta ul li {margin-top:10px;}
}

/*Styles for screen 515px and lower*/
@media only screen and (max-width : 480px) {
	#header {height: 25px;  padding: 0 0 35px 85px; margin-top: 13px; background-size: 60px}
	#header .title {font-size: 20px; line-height: 20px;}
	#header .subtitle {font-size: 14px; line-height: 15px;}
	.adwide {height:auto; margin:0 0; padding-top:0;}
	#primary img {float:none;}
}

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

}