/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

@import url(../warp/css/responsive.css);


/* Desktop/Laptop */
.strapline-phone{display: none}

.small-hidden{display: block;}
.small-visible{display: none;}

article td{font-family: arial, helvetica, sans-serif; font-size: 12pt; padding: 5px 15px 5px 0}
article tr td:last-child{text-align: right}

/* Breakpoints
----------------------------------------------------------------------------------------------------*/

/* Only Phones and Tablets (Portrait) */
@media (max-width: 959px) {

	/* Layout */
	#search { display: block; }

	#maininner:before {
		content: "";
		display: block;
		position: absolute;
		bottom: 0;
		left: 15px;
		right: 15px;
		height: 1px;
		background: url(../images/line_dotted.png) 0 100% repeat-x;
	}

	/* Menu */
	.menu-dropdown a.level1 > span,
	.menu-dropdown span.level1 > span {
		padding-left: 5px;
		padding-right: 5px;
	}

}

/* Only Tablets (Portrait) and Phones (Landscape) */
@media (min-width: 480px) and (max-width: 959px) {

	/* Modules */
	#sidebar-a .grid-v:first-child > .mod-line:before,
	#sidebar-b .grid-v:first-child > .mod-line:before { display: none; }

}

/* Only Phones */
@media (max-width: 767px) {

	/* Layout */
	#block-toolbar,
	#logo,
	#menu { display: none; }
	#footer .float-left, #footer .float-right{float:none; margin:10px auto;}
	#footer img{max-width: 100%; height: auto}
	#footer ul.menu li:first-child{padding-left:0;}
	#block-main .module {width:auto;}
	.typo-column2, .typo-column3, .typo-column4 {width:auto; float:none; margin:40px 0 30px 0!important;}
	.typo-last-column {margin-bottom:0!important;}
	.width50{ width: 100%; }
	.nspCol4 { width: 50%; }
	.nspCol4 img.nspImage{width:100%!important;}
	.nspArt.nspCol4 {padding-bottom:10px!important; padding-top:10px!important;}
	#header-responsive{padding-top:20px;}
	#header-responsive .logo{width: 100%}
	#header-responsive img{width: 80%; height: auto;}
	#header{border-bottom:0;}
	header #headerbar{display: none;}
	select.menu-responsive{padding:10px 5px; background:#f6f6f6; margin-top:20px;}
	td{padding: 0 5px 12px 0; font-size: 12px; line-height: 140%}
	tr{border-top: 1px solid #0066b3; max-width: 100%;}
	tr td:last-child{text-align: right}
	table{max-width: 100%;}
	
	article td{padding: 0 5px 12px 0; font-size: 12px; line-height: 140%}
	article tr{border-top: 1px solid #0066b3; max-width: 100%;}
	article tr td:last-child{text-align: right}
	
	.logo-position{float: left; width: 50%}
	.strapline-phone{display: block; float: right; width: 50%; line-height: 140%}
	
	.small-hidden{display: none;}
	.small-visible{display: block;}
	
}

/* Only Phones (Portrait) */
@media (max-width: 479px) {

	/* Layout */
	#maininner:before { display: none; }

	/* Modules */
	#block-main .grid-h .mod-line:before {
		content: "";
		display: block;
		position: absolute;
		top: -15px;
		left: 0;
		right: 0;
		height: 1px;
		background: url(../images/line_dotted.png) 0 100% repeat-x;
	}
	#block-main .grid-h:first-child > .mod-line:before { display: none; }
	.xtypo_column2, .xtypo_column3, .xtypo_column4 {width:100%; float:none; margin:0 0 25px 0;}

}