@media only screen and (min-width: 320px) {

}

@media only screen and (min-width: 480px) {

}

@media only screen and (min-width: 961px) {
	.innercontent, .navbar ul, .logo {
    	margin-left: 20%;
	}

	.innercontent {
		width: 80%;
	}

}


@media only screen and (min-width: 1100px) {

}

@media only screen and (max-width: 1200px) {

}

@media only screen and (max-width: 1100px) {
	/*.innercontent, .navbar ul, .logo {
    	margin-left: 10%;
	}

	.innercontent {
		width: 90%;
	}

	.content::before {
		width: 20%;
	}

	.content::after {
		margin-left: 10%;
	}*/
}

@media only screen and (max-width: 960px) {
	.navbar a {
		padding-left: 4px;
		padding-right: 4px;
		font-size: 16px;
	}

	.header button {
		display: block;
	}

	.navbar ul {
		display: none;
	}

	.navbar ul li {
		float: none;
	}

	.content::after {
		background: transparent;
		width: 120px;
	}

	.header {
    	padding-top: 30px;
	}

	.header::after {
		background: none;
	}

	ul.topnav  {
		display: none;
	}

	.header::before {
		width: 100%;
	}

	.navbar {
	    height: 20px;
	    min-height: 20px;
	}

	body.isActive .mainContent {
	    transform: translate3d(-260px, 0px, 0px);
	}

	.mobileNavbar, .subnavArrow {
		display: block;
		overflow: hidden;
	}

	.bg_ball {
		top: 193px;
	}

	.innercontent {
		margin-top: 0px;
		max-width: 90%;
		min-width: 70%;
	}

	.contentLeft, .contentRight {
		padding-top: 20px;
	}

	.content .contentLeft .subnav ul {
		display: none;
	}

	.content.subnavIsOpen .contentLeft .subnav ul{
		display: block;
	}

	.content.subnavIsOpen .contentLeft .subnav ul.subnav2 {
		display: none;
	}

	.content.subnavIsOpen::before,
	.content.subnavIsOpen .contentLeft  {
		width: 180px;
	}

	.content.subnavIsOpen .contentRight {
		left: 160px;
		overflow-x: hidden;
	}

	.contentRight {
	    left: 0;
    	margin-left: 50px;
    	width: 100%;
	}

	.content::before, .contentLeft {
	    background-color: #008e82;
	    height: 100%;
	    position: absolute;
	    width: 20px;
		z-index: 10;
	}

	.content::before {
		-webkit-box-shadow:  5px 0px 4px 0px rgba(0, 0, 0, 0.2);
		moz-box-shadow:  5px 0px 4px 0px rgba(0, 0, 0, 0.2);
    	o-box-shadow:  5px 0px 4px 0px rgba(0, 0, 0, 0.2);
      	box-shadow:  5px 0px 4px 0px rgba(0, 0, 0, 0.2);
	}

	#mainContent {
    	overflow-x: hidden;
	}

}

@media only screen and (max-width: 768px) {
	.mobileNavbar {
		right: 0px;
	}

	.matchcontainer {
		position: relative;
	}

	.matchcontainer .rslt {
	    font-size: 100%;
		font-weight: bold;
	}

	.matchcontainer p.match {
	    font-size: 100%;
	}

	.matchcontainer p.dateandhall {
	    font-size: 80%;
	}

	.contentRight {
		max-width: 100%;
		min-width: 70%;
		margin-left: 30px;
		padding-top: 10px;
	}

	.tx-veguestbook-pi1 .tx-guestbook-field input.tx-guestbook-form-inputfield-med,
	.tx-veguestbook-pi1 .tx-guestbook-field textarea.tx-guestbook-form-textarea,
	.tx-veguestbook-pi1 .tx-guestbook-field input.tx-guestbook-form-inputfield-big {
		width: 95%;
	}

	.news-single .footer.facebook {
		height: 45px;
	}

	.news-single .footer.facebook .like,
	.news-single .footer.facebook .share,
	.news-single .footer.facebook .twitter {
		padding-bottom: 5px;
	}

	.news-single .footer.facebook .twitter {
		float: left;
	}

	.tx-sishandball-browsebox table, .tx-sishandball-browsebox td, .tx-sishandball2-browsebox table, .tx-sishandball2-browsebox td, .tx-tbhandball-pi2-browsebox table, .tx-tbhandball-pi2-browsebox td {
	    text-align: left;
	    width: 0;
	}

	.tx-sishandball-browsebox table {
	    margin-bottom: 20px;
	}

	.news-search-form .btn.btn-default {
		float: left;
    	margin-top: 20px;
    	position: static;
	}

	.news .footer span.news-list-author {
		margin-top: 5px;
	}
}

@media only screen and (max-width: 480px) {
	.logo img {
    	max-width: 290px;
		top: 37px;
	}

	.hideSmall {
		display: none;
	}

	.showSmall {
		display: inline;
	}

	.tx-sishandball2 table td.points {
		padding-right: 8px;
	}

	.tx-sishandball2 .tx-sishandball-browsebox table td.arrowlinks,
	.tx-sishandball2 .tx-sishandball-browsebox table td.arrowlinks.back {
		min-width: 20px;
	}

	.innercontent {
		max-width: 90%;
		min-width: 70%;
	}

	.matchcontainer .rslt {
	    margin: 5px 0 0;
    	position: static;
    	text-align: right;
	}

	.matchcontainer .indent {
		margin-left: 0px;
	}

	h1 {
		font-size: 20px;
	}

	h2 {
		font-size: 14px;
	}

	.news .article .news-img-wrap img,
	.news .article .news-img-wrap a,
	.news .article .news-img-wrap {
		display: table-cell;
		float: none;
		max-width: 100%;
		padding-left: 8px;
		width: 100%;
	}

	.news .article .news-img-wrap {
		margin-left: auto;
		margin-right: auto;
		padding-left: 0;
	}

	#content.cLeftNoContent #cRight {
	    margin-left: 15px;
	}

}

@media only screen and (max-width: 320px) {
	.logo img {
    	max-width: 250px;
		top: 37px;
	}

	.innercontent {
		max-width: 85%;
		min-width: 70%;
	}

	.tx-veguestbook-pi1 .tx-guestbook-field input.tx-guestbook-form-inputfield-med,
	.tx-veguestbook-pi1 .tx-guestbook-field textarea.tx-guestbook-form-textarea,
	.tx-veguestbook-pi1 .tx-guestbook-field input.tx-guestbook-form-inputfield-big {
		width: 90%;
	}

}