/* RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}


body, html {
	width: 100%;
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	font-family: sans-serif;
	min-width: 320px;
}
#page {
	position: relative;
	display: block;
	overflow: hidden;
}
#detector {
	width: 970px;
	display: none;
}
a, a:hover {
	text-decoration: none;
}




.fixator {
	display: block;
	overflow: hidden;
}
.left {
	position: relative;
	float: left;
}
.right {
	position: relative;
	float: right;
}
.centralizer {
	text-align: center;
}
.rightalizer {
	text-align: right;
}
.leftalizer {
	text-align: left;
}
.spacer {
	display: block;
	overflow: hidden;
	height: 10px;
	line-height: 10px;
}
.clear {
	clear: both;
}
.p10 {
	padding: 10px;
}
.m10 {
	margin: 10px;
}
.ml {
	margin-left: 10px;
}
.ml.ml {
	margin-left: 20px;
}
.mr {
	margin-right: 10px;
}
.mt {
	margin-top: 10px;
}
.mt2 {
	margin-top: 20px;
}
.mb {
	margin-bottom: 10px;
}
.col2 {
	width: 50%;
}
.col3 {
	width: 33.33%;
}
.col4 {
	width: 25%;
}
.col5 {
	width: 20%;
}
.col6 {
	width: 16.67%;
}

.mw, .minw {
	min-width: 250px;
}
.maxw {
	max-width: 260px;
}

.desk50 {
	width: 50%;
}
.deskleft {
	float: left;
}
.deskright {
	float: right;
}

.hidden {
	display: none;
}
.mobcen {
	text-align: inherit;
}
.nodesktop {
	display: none;
}


#dummy {
	border: none;
	width: 100%;
	height: 100px;
}
#banclick {
	display: none;
}

@media (max-width: 800px) {
	
	.container {
		min-width: 280px;
		max-width: 320px;
	}
	#toprow {
		left: 0;
		min-width: 320px;
	}
	a#logo {
		background-image: url(/images/site/logo_mobile.png);
		width: 50px;
	}
	#topleft {
		display: block;
	}
	#toprow_buttons {
		margin-right: 0;
	}
	#page {
		margin: 0 auto;
		width: 320px;
		display: block;
		overflow: hidden;
	}
	#detector {
		width: 300px;
	}
	
	#footer {
		margin: 10px 0 0 0;
		border-top: 1px solid #cfcfcf;
		padding: 10px;
	}
		
	ul#leftmenu {
		display: none;
	}
	
	
	
	#topimage {
		width: 320px;
		margin: 0 auto;
	}
	#topimage img {
		width: 320px;
		height: auto;
		max-width: 320px;
	}
	#topimage img#topimagemob {
		display: block;
	}
	#topimage img#topimagebig {
		display: none;
	}
	
	#fpmodules .module {
		float: none;
		width: 300px;
		margin: 0 auto;
	}
	#fpmodules .module .inner {
		height: auto;
		min-height: 0;
		margin: 10px;
		padding: 0 20px 10px 20px;
	}
	#fpmodules .module .inner .icon {
		min-height: 100px;
	}
	#fpmodules .module .inner .icon img {
		width: 50%;
		height: auto;
	}
	
	#header {
		padding: 10px;
	}
	#headertext {
		left: 0;
		width: auto;
		margin:0;
	}
	#headertext #introtext {	
		margin-top: 5px;
		border-top: 1px solid #1a1a1a;
		padding: 10px;
		font-size: 13px;
		font-weight: 500;
		line-height: 17px;
		font-style: italic;
	}
	
	.breadcrumbs {
		display: none;
	}
	
	.modulesection {
		min-width: 0;
		margin: 10px auto 0 auto;
	}
	.modulesection .modulebox {
		max-width: 100%;
		margin: 0 auto;
		padding: 5px 15px 10px 15px;
	}
	.modulesection .modulebox h3 {
		float: none;
		padding: 5px 0 10px 0;
		text-align: center;
	}
	.modulesection .modulebox h3 a {
		position: relative;
		left: 0;
		top: 0;
		width: 27px;
		height: 27px;
		display: block;
		margin: 0 auto 15px auto;
	}
	.modulesection .row {
		padding: 0 0 10px 0;
	}
	.modulesection .row .label {
		float: none;
		width: 100%;
		padding: 15px 0 0 0;
		line-height: 18px;
	}
	.modulesection .row .right50 {
		float: none;
		width: 100%;
		padding: 0;
	}
	.modulesection .modulebox .row h3 {
		margin: 0 0 5px 0;
		color: #666;
	}
	
	.modulesection .sliderwrapper {
		width: 60%;
		float: right;
		padding: 15px 25px 0 0;
	}
	.modulesection .slidercomment {
		width: 60%;
		float: right;
		padding: 15px 25px 0 0;
	}
	
	.mobfullrow, .modulesection .mobfullrow,
	.w50.mobfullrow, .modulesection .w50.mobfullrow,
	.modulesection .grouped .body .w50.mobfullrow {
		width: 280px;
		padding: 0 10px;
		float: none;
		display: block;
	}
	.w50.mobfullrow.oh {
		overflow: hidden;
	}
	.mobfullrow .sod_select, .modulesection .mobfullrow .sod_select {
		width: 280px;
	}
	.mobfullrow .sliderwrapper, .modulesection .mobfullrow .sliderwrapper,
	.modulesection .grouped .body .mobfullrow .sliderwrapper {
		width: 150px;
		float: right;
	}
	.mobfullrow .slider, .modulesection .mobfullrow .slider {
		
	}
	
	
		
	.modulesection a.icon {
		width: 130px;
		height: 160px;
		margin: 5px;
		font-size: 13px;
		word-break: break-all;
	}
	.modulesection a.icon.narrow.first {
		margin-left: 0;
	}
	.modulesection a.radio.hor {
		float: none;
		display: inline-block;
		margin: 0 0 5px 30px;
	}	
	
	.modulesection .linkwrapper {
		padding: 0;
		margin: 10px -10px 0 -10px;
	}
	.modulesection .linkwrapper a {
		float: left;
		margin: 5px 0 5px 0;
	}
	.modulesection .linkwrapper .fixed {
		position: relative; 
		left: 0;
	}
	.modulesection .additional {
		padding: 0;
	}
	.modulesection .additional .icon {
		padding: 0 0 5px 0;
		float: none;
		text-align: center;
	}
	.modulesection .additional .item .label {
		float: none;
		width: 100%;
	}
	
	.modulesection .modulebox .advice {
		margin: 10px 0 15px 0;
	}
	.modulesection .advice .ad {
		line-height: 18px;
	}
	.modulesection .advice .ad .icon {
		float: none;
		text-align: center;
	}
	.modulesection .advice .ad .price {
		float: none;
		margin: 10px 0;
		text-align: center;
		font-size: 24px;
		line-height: 28px;
	}
	.modulesection .advice .ad a.checklink {
		float: none;
		margin: 20px auto;
		font-size: 16px;
		line-height: 32px;
		text-align: center;
	}
	
	.modulesection .grouped div.icon {
		display: block;
		float: none;
		margin: 20px auto 0 auto;
	}
	.modulesection .grouped .body {
		display: block;
		float: none;
		min-width: 0;
	}
	.modulesection .grouped .body h4 {
		text-align: center;
	}
	
	.modulesection .whitebox {
		left: 0;
		width: auto;
		margin: 10px;
		display: block;
		background: #fff;
		box-shadow: none;
	}
	.modulesection .whitebox .titlerow {
		text-align: center;
		height: auto;
		line-height: 32px;
		margin: 10px 0;
	}
	.modulesection .whitebox .titlerow .icon {
		width: 113px;
		float: none;
		margin: 0 auto 10px auto;
	}
	.modulesection .whitebox .titlerow a.toggledetails {
		position: relative;
		left: 0;
		bottom: 0;
		text-align: left;
		display: block;
	}
	
	
	
	.modulesection .report_header {
		position: relative;
		display: block;
		overflow: hidden;
		margin: 0 -10px 10px -10px;
		padding: 0 10px 10px 10px;
	}
	
	.modulesection .report_header .icon {
		position: relative;
		float: none;
		border: 1px solid #c2c2c2;
		left: 50%;
		margin: 10px 0 0 -60px;
		display: inline-block;
		text-align: center;
	}
	.modulesection .report_header .content {
		margin: 0 0 10px 0;
	}
	#form_calculation_header {
		text-align: center;
	}
	#form_calculation_header input[type="text"] {
		width: 250px;
	}
	#form_calculation_header input[type="submit"] {
		margin: 10px;
	}
	
	.modulesection .listrow {
		margin: 0 -10px;
		padding: 8px 0;
	}
	.modulesection .listrow .label {
		width: 45%;
		margin-right: 5%;
	}
	.modulesection .listrow.subtitle {
		padding: 5px;
	}
	
	a.archive_module {
		font-size: 16px;
	}
	a.archive_module .databox {
		display: none;
	}
	
	.archive_module_container {
		width: 300px;
		margin: 0 auto;
	}
	.archive_module_detail .icon {
		float: none;
		margin: 0 auto;
	}
	.archive_module_detail .datarow {
		padding: 0;
	}
	.archive_module_detail .datarow .data {
		float: none;
		width: 100%;
		margin: 0;
		padding: 5px 0;
		border-top: 1px solid #ccc;
		line-height: 24px;
		min-height: 0;
	}
	.archive_module_detail .datarow .data.left {
		border: none;
	}
	.archive_module_detail .datarow .data.left h4 {
		position: relative;
		text-align: center;
	}
	.archive_module_detail .datarow .data .label {
		float: left;
	}
	.archive_module_detail .datarow .data span {
		float: right;
	}
	.archive_module_detail .datarow .data span span.unit {
		float: none;
	}
	.archive_module_detail .toolbox a {
		margin: 0;
	}
	.archive_module_detail .toolbox a.plus, .archive_module_detail .toolbox a.minus, .archive_module_detail .toolbox a.x {
		float: left;
		display: block;
		margin-left: 6px;
	}
	
	
	
	
	
	table.report.mob-10 {
		margin: -10px;
		width: 300px;
	}
	table.report th {
		font-size: 16px;
	}
	table.report td .bigger {
		font-size: 24px;
		line-height: 32px;
	}
		
	
	
	table.compare.mob-10 {
		margin: -10px;
		width: 300px;
	}
	table.compare td {
		padding: 5px;
		font-size: 15px;
		line-height: 20px;
	}
	table.compare td.title {
		font-size: 15px;
	}
	table.compare td.good {
		padding-top: 40px;
		background: #fff url(/images/icons/smiley.png) no-repeat center 5px;
	}
	table.compare td.bad {
		padding-top: 40px;
		background: #fff url(/images/icons/smiley_sad.png) no-repeat center 5px;
	}
	
	.buttonrow .col2, .buttonrow .col3, .buttonrow .col4 {
		float: none;
		width: 100%;
		padding: 0 0 10px 0;
		text-align: center;
	}
	
	#loginbox {
		padding: 10px 0;
		margin: 0 20px;
	}
	.loginbox .inner {
		width: 100%;
		margin: 0;
	}
	
	.form_wrapper, .loginbox .wrapper {
		min-width: 0;
		margin: 0;
		padding: 0;
	}
	.form_wrapper .row, .loginbox .row {
		padding: 10px 0;
		margin: 0;
		text-align: center;
	}
	.form_wrapper .row .label, .loginbox .row .label {
		position: relative;
		left: 0;
		top: 0;
		width: 100%;
		font-size: 14px;
		font-weight: 700;
		line-height: 18px;
		padding: 5px 0 5px 0;
		text-align: center;
		height: auto;
	}
	.form_wrapper .row .label b {
		left: -20px;
		position: relative;
		margin: 0 -20px 0 -20px;
	}
	.form_wrapper .row .inputs {
		float: none;
		width: 100%;
	}
	.form_wrapper .row .inputwrap, .loginbox .row .inputwrap {
		display: block;
		text-align: center;
		padding: 0 10px;
	}
	.form_wrapper .row input.txt  {
		border: 1px solid #bcbcbc;
		font-family: Roboto, sans-serif;
		font-size: 15px;
		width: 100%;
		height: 36px;
		padding: 0 5px;
		color: #666;
		margin: 0 auto;
	}
	
	.form_wrapper .row .inputwrap input.txt  {
		width: 280px;
	}
	.form_wrapper .row .marginize_dropdown {
		margin: 0 15px;
	}
	
	.loginbox input.txt {
		width: 288px;
		margin: 0;
	}
	
	#frmlogin input.txt {
		margin-left: 0;
		width: 230px;
	} 
	.form_wrapper .row .inputwrap input[type="text"].short, .form_wrapper .row .inputwrap input.txt.short,
	.loginbox .inputwrap input.txt.short {
		width: 100px;
		margin-left: 100px;
	}
	.loginbox .row .dropdown, .loginbox .row .sod_select {
		width: 290px;
		margin: 0;
	}
	.loginbox input.txt.part1 {
		width: 200px;
	}
	.loginbox .row .label.fullsize,
	.module_section .loginbox .row .label.fullsize  {
		line-height: 42px;
		word-wrap: normal;
	}
	.loginbox .row .label.fullsize a.radio,
	.module_section .loginbox .row .label.fullsize a.radio  {
		
	}
	
	
	#bottom_banners {
		max-width: 320px;
		margin: 0;
	}
	#bottom_banners .banner {
		float: none;
		margin: 10px;
	}
	
		
	
	.content_wrapper {
		max-width: 300px;
	}
	
	
	
	.advice_wrapper .advice_modules {
		display: block;
		position: relative;
	}
	.advice_wrapper .advices {
		margin: 0 10px;
		padding: 0;
		width: 300px;
	}
	
	
	
	
	#errorbox {
		width: 280px;
	}
	
	.desk50 {
		width: auto;
	}
	.deskleft {
		float: none;
	}
	.deskright {
		float: none;
	}
	.nodesktop {
		display: block;
	}
	.mobfix {
		display: block;
		overflow: hidden;
	}
	.mobcen {
		text-align: center;
	}
	.mob-10 {
		margin: -10px;
	}
	.moblock {
		display: block;
	}
	
}