/*
	Styles for SOLVIT 2014 project / Splash page / Screen Only
	by Dominik Stroncer / DG Markt / A4
*/
	
@media all
{
	body {line-height:normal;}
	/* reset */
	/* hide headline */
	h1 {
		display:	none;
	}

	/* layout overrides: */
	.layout-content,
	.layout-wrapper,
	.layout-content,
	.layout-wrapper-reset {
		margin:0 auto;
		padding:0;
	}
	
	.title-en{background-image:url("../images/title/title_en.png");}
	
	.js #services  {padding-right:10px;}
	
	/* splash block - index language selector */
	#languageChooser {
		background:				none;
		margin:					30px auto 30px auto;
		width:  				75%;
	}
		
	#language-col-1 {float:left;padding-left:40px;padding-right:20px;border-right:1px dotted #aaa;}
	#language-col-2 {float:left;padding-left:40px;padding-right:20px;border-right:1px dotted #aaa;}
	#language-col-3 {float:left;padding-left:40px;}
	
	.lang {white-space:nowrap;margin:10px;clear:both;}
	.lang a {color:#0065a2;font-size:16px;text-decoration:none;padding:10px;}
	.lang a:hover {color:#e67e22;text-decoration:underline;}
	a.lang-box {
		background-color: #2980b9;
		border:2px solid #2980b9;
		color: #fff;
		display:inline-block;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 15px;
		font-weight: bold;
		width: 25px;
		height: 25px;
		padding: 5px 5px 0 5px;
		text-decoration: none;
		vertical-align: middle;
		text-align: center;
	}

	a.lang-box:hover {
		background-color: #e67e22;
		border:2px solid #d35400;
		color:#fff;
		text-decoration: none;
	} 
	
	a.no {background-color:#f1c40f; border:2px solid #f1c40f;}
	
	.layout-footer {color:#fff;padding-bottom:30px;}
	.layout-footer a{color:#fff;}
}

@media all and (max-width:955px) /* TABLET */
{
	.js	.layout-wrapper{width:100%;padding:2%;}
	
	#accessibility-menu li.m-home,
	#accessibility-menu li.m-menu{display:none;}
	#languageChooser {margin:0 auto;width:35%;}
		
	#language-col-1 {float:initial;padding:0;margin:0;border-right:none;}
	#language-col-2 {float:initial;padding:0;margin:0;border-right:none;}
	#language-col-3 {float:initial;padding:0;margin:0;}
	.lang {white-space:normal;margin:10px auto;padding:0;height:40px;}
	.lang a {font-size:18px;padding:0;}
	a.lang-box {
		float:left;	
		font-size: 20px;
		width: 40px;
		height: 25px;
		padding: 3px;
		margin-right:10px;
	}
	
}

@media all and (max-width:600px) /* HORIZONTAL PHONE */
{
	#languageChooser {margin:0 auto;width:65%;}
}

@media all and (max-width:360px) /* VERTICAL PHONE */
{
	#languageChooser {margin:0 auto;width:95%;}
	
	.lang {height:50px;margin:5px;}
	.lang a {font-size:17x;}
	a.lang-box {font-size:20px;}
}