/*
-----------------------------
Hinzugefügt am 20.04.2015 durch Sebastian@sfrisch.de
-----------------------------
*/

body {
	background: url('https://www.frankfurt-hostel.com/wp-content/themes/neo/img/content/bg.png');
}

.navbar .brand {padding:0;}

.show_hide {
	float: right;
	padding: 20px;
	color: #000;
	cursor: pointer;
	display:none!important;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}

.show_hide img {
	vertical-align: baseline;
}

p, footer .widget p {
	color: #000;
}

.contentBox {
	padding: 20px 20px 0 20px;
	margin:0;
}

.footerLower .footNav a {color:#000;}

.choosel {
	display: none;
	color: #000;
	padding: 15px;
	cursor: pointer;
	text-align: right;
}

.choosel img {
	vertical-align: top;
	padding-top: 2px;
}	

.siteWrapper {
	margin-top: 5px;
}

.action {

}

/*
-----------------------------
Responsive Design
-----------------------------
*/

@media only screen and (min-width: 1002px) and (max-width: 1049px) {
.infoTop img {padding:10px;}
}

/* Tablet */
@media only screen and (min-width: 720px) and (max-width: 1001px) {
.infoTop, .siteWrapper, .container, .span4, .span8, .copyrightWrapper {width:100%!important;}
.span12 {width:100%!important;float:none!important;}
.footerLower .footNav {float:none;}
.container {height: auto}
[class*="span"] {float:none!important;margin:0!important;}
.infoTop img {padding:10px;}
.row-fluid > .span3, .row-fluid > .span6 {width:47%;float:left!important;padding:0 3% 0 0}
h4 {margin:10px 0 5px 0;}
.textwidget {padding:10px 0 10px 20px;}
.widget {margin-bottom:10px!important;}
.last {width:100%!important;}
h1 {font-size:24px;padding:5px 0 0 0;margin-bottom:10px;}
.contentBox img {padding: 5px 0;}
}

/* Smartphone wide */
@media only screen and (min-width: 480px) and (max-width: 719px) {
.infoTop, .siteWrapper, .container, .span4, .span3, .span8, .copyrightWrapper {width:100%!important;}
.span12 {width:100%!important;float:none!important;}
.footerLower .footNav {float:none;}
.container {height: auto}
[class*="span"] {float:none!important;margin:0!important;}
.infoTop img {padding:10px;}
.infoTop {text-align: center;}
.row-fluid > .span3 {width:100%;padding: 0 0 10px 0;}
.navbar .nav > li {float:none;}
.nav-collapse {display:none;}
.show_hide {display:block!important;}
.action {text-align:center;float:none;padding:0;margin:0;}
h4 {margin:10px 0 5px 0;}
.textwidget {padding:10px 0 10px 10px;}
.span6 {width:100%!important;}
.widget {margin-bottom:10px!important;}
.footerLower .footNav .nav li {float:none;}
.footerLower .footNav .nav  {float:left;}
.footerLower .footNav a {padding: 10px 15px;float:none;}
.featuredTitle {margin-left:10px;padding: 0 10px 10px 0;text-align:center;float:none;}
h1 {font-size:26px;margin-bottom:10px;}
.contentBox {padding:0 10px 0 10px;}
.highres {padding-top: 10px;}
.span12 {height:auto!important;}
.contentBox img {padding: 5px 0;}
.choosel {display:block;}
.infoTop {display:none;margin:0}
.btn-primary {display:none;}
.button-start {display:inline-block;margin-bottom:20px;}
.menu2 {display:none;}
}

/* Smartphone small */
@media only screen and (min-width: 100px) and (max-width: 479px){
.infoTop, .siteWrapper, .container, .span4, .span3, .span8, .copyrightWrapper {width:100%!important;}
.span12 {width:100%!important;float:none!important;}
.footerLower .footNav {float:none;}
.container {height: auto}
[class*="span"] {float:none!important;margin:0!important;}
.infoTop img {padding:10px;}
.infoTop {text-align: center;}
.row-fluid > .span3 {width:100%;padding: 0 0 10px 0;}
.navbar .nav > li {float:none;}
.nav-collapse {display:none;}
.show_hide {display:block!important;padding:20px 20px 20px 5px;}
.brand {width: 55%;}
.action {text-align:center;float:none;padding:0;margin:0;}
.action .btn {margin-left: 20px;}
h4 {margin:10px 0 5px 0;}
.textwidget {padding:10px 0 10px 10px;}
.span6 {width:100%!important;}
.widget {margin-bottom:10px!important;}
.footerLower .footNav .nav li {float:none;}
.footerLower .footNav .nav  {float:left;}
.footerLower .footNav a {padding: 10px 15px;float:none;}
.featuredTitle {margin-left:10px;text-align:center;padding: 0 10px 10px 0;float:none;}
h1 {font-size:22px;margin-bottom:10px;}
.contentBox {padding:0 10px 0 10px!important;}
.highres {padding-top: 10px;}
.span12 {height:auto!important;}
.contentBox img {padding: 5px 0 10px 0;}
.choosel {display:block;}
.infoTop {display:none;margin:0}
.btn-primary {display:none;}
.button-start {display:inline-block;margin-bottom:20px;}
.menu2 {display:none;}
}

img, textarea, input, audio{
	max-width: 100%;
	height: auto;
}

embed, iframe, object{
	max-width: 100%;
}