/* ----------------------------------------------------------------------------------------------
	buero17.at

	martin hochreiter
	martin@buero17.at
	2013/10/01
---------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------
	FIX
*/

@media (max-width: 767px) {
	body{
		padding-top: 60px;
	}
	h1{
		margin:60px 0 30px 0;
		font-size:24px;
	}
	#quicklinks{
		position: absolute;
		right:35px;
		bottom:20px;
	}	
	#quicklinks img{
		height: 65px;
	}	
	#home ul.check{
		font: bold 18px/28px 'Raleway', sans-serif;
		margin:40% 0 0 0
	}	
	#home ul.check li a.green{
		margin: 10px 0;
	}	
	#home ul.check li a.green span{
		display: none;
	}	
	#home ul.check li a:before{
		font-size:14px;
	}	
	.navbar-brand > img{
		height: 30px;
	}	
	.navbar-toggle {
		margin-top: 12px;
		border:none;
		margin-right:5px;
	}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
		background:none;
	}	
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #000;
	}	
	.partner a{
		height: 82px;
	}
	#comment{
		padding:20px 0;
	}
	#comment p{
		font: italic 14px/18px 'Raleway', sans-serif;
	}
	#comment .author{
		font-size: 12px;
	}	
	#navigation-bar ul ul{
		display: none;
	}
	#navigation-bar .navbar-nav > li > a, #navigation-bar .navbar-nav > li a{
		border-left:5px solid white;
	}
	#navigation-bar .navbar-nav > li > a:hover, #navigation-bar .navbar-nav > li.active a{
		background: none;
		border-left:5px solid #c20f21;;
	}
	.content{
		padding-bottom:60px;
	}
	a.phone{
/*		text-decoration: underline;
		color:#242424;*/
	}
	ul.check{
		margin-bottom: 0;
	}
	.content ul.check{
		margin-left:0;
	}
	.nav-tabs li.disabled{
		display: none;
	}
	#advantages h1, #advantages li{
		color: #242424;
	}
	.flex-control-nav {
		
		bottom: 110px;
	}
	#usage .flex-control-nav {
		bottom: 70px;
	}	
	#map_canvas{
		height: 200px !important;
	}
	#advantages .bg, #estrich .bg{
		height:auto !important;
		background:none;
	}
	#advantages .bg{
		background:white;
	}
	#estrich .bg{
		background:#f4f4f4;
	}
	.hide-xs{
		display:none;
	}
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
.navbar-brand{
		padding-top:11px;
		height: 75px;
		width: 200px;
	}
	#navigation-bar {
		margin-bottom:0;
	}	
	#navigation-bar ul > li{
		position:static;
	}	
	#navigation-bar ul.navbar-nav{
		float:none;
		position:static;
	}	
	#navigation-bar .navbar-collapse a{
		padding:32px 0 0 0;
		display: block;
		height: 75px;
		margin:0 50px 0 0;
	}
	#navigation-bar .navbar-collapse ul div.subnav{
		position:absolute;
		display:none;
		z-index:999;
		list-style:none;
		background-color:rgba(255,255,255,.75);
		width:100%;
		left:0;
		right:0;
	}
	#navigation-bar .navbar-collapse ul ul{
		margin-left:215px;
	}
	#navigation-bar .navbar-collapse ul ul li{
		display:inline;
	}
	#navigation-bar .navbar-collapse ul ul li a{
		float:left;
		padding:15px 0 15px 0;
		margin:0 50px 0 0;
		height:auto;
		text-transform: initial;
		border-bottom:3px solid transparent;
	}
	#navigation-bar .navbar-collapse ul ul li a:hover{
		text-decoration: none;
		color:#c20f21;
		border-bottom:3px solid #c20f21;
		/*background: url(../img/navi-line.png) repeat-x bottom left;*/
	}
	#navigation-bar  .navbar-collapse ul li:hover div.subnav{
		display:block;
	}
	#estrich .content{
		background-color:rgba(255,255,255,.66);
		padding:60px 20px;
	}
	
}	
	
	
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
	#quicklinks{
		position: absolute;
		right:55px;
		bottom:40px;
	}
	.partner a{
		height: 139px;
	}
	#comment{
		padding:50px 0;
	}
	#comment p{
		font: italic 20px/30px 'Raleway', sans-serif;
	}
	#comment .author{
		font-size: 12px;
	}	
	ul.check{
		margin-bottom: 0;
	}
	#home ul.check {
		margin: 30% 0 0 0;
	}	
	.nav-tabs li.disabled{
		display: none;
	}
	#navigation-bar .navbar-collapse a{
		margin:0 20px 0;
	}	
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	body{
		padding-top:75px;
	}
	#home{
		margin-top:-75px;
	}
	body.page-0{
		padding:0;
	}
	a.phone{
		color:#242424;
		text-decoration: none;
	}
	.navbar-brand{
		padding-top:11px;
		height: 75px;
		width: 200px;
	}
	#navigation-bar {
		margin-bottom:0;
	}	
	#navigation-bar ul > li{
		position:static;
	}	
	#navigation-bar ul.navbar-nav{
		float:none;
		position:static;
	}	
	#navigation-bar .navbar-collapse a{
		padding:32px 0 0 0;
		display: block;
		height: 75px;
		margin:0 50px 0 0;
	}
	body.web100 #navigation-bar .navbar-collapse a{
		margin:0 24px 0 0;
	}
	#navigation-bar .navbar-collapse ul div.subnav{
		position:absolute;
		display:none;
		z-index:999;
		list-style:none;
		background-color:rgba(255,255,255,.75);
		width:100%;
		left:0;
		right:0;
	}
	#navigation-bar .navbar-collapse ul ul{
		margin-left:215px;
	}
	#navigation-bar .navbar-collapse ul ul li{
		display:inline;
	}
	#navigation-bar .navbar-collapse ul ul li a{
		float:left;
		padding:15px 0 15px 0;
		margin:0 50px 0 0;
		height:auto;
		text-transform: initial;
		border-bottom:3px solid transparent;
	}
	#navigation-bar .navbar-collapse ul ul li a:hover{
		text-decoration: none;
		color:#c20f21;
		border-bottom:3px solid #c20f21;
		/*background: url(../img/navi-line.png) repeat-x bottom left;*/
	}
	#navigation-bar .navbar-collapse ul ul li a.green:hover{
		border-bottom:3px solid #7d8f1e;
	}
	#navigation-bar  .navbar-collapse ul li:hover div.subnav{
		display:block;
	}	
	#quicklinks{
		position: absolute;
		right:55px;
		bottom:40px;
		width:800px;
	}
	.partner a{
		height: 136px;
	}	
	.partner img{
		position: absolute;
		top: -136px;
	}
	.partner a:hover img{
		top: 0;
	}
	#comment{
		padding:50px 0;
	}
	#comment p{
		font: italic 20px/30px 'Raleway', sans-serif;
	}
	#comment .author{
		font-size: 12px;
	}	
	ul.check.col-2{
		margin-left:-15px;
	}
	#estrich .container{
		height:100%;
	}
	#estrich .content{
		width:50%;
	}
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 1200px) {
	#advantages .bg, #estrich .bg{
		background-attachment: fixed;
	}
}