/* Universeel */
@media (min-width: 2400px){

}

/* iPad horizontaal */
@media (min-width: 781px) and (max-width: 1024px) {

}

/* iPad verticaal */
@media (min-width: 600px) and (max-width: 780px) {
	.logo img{
		width: 70%;
		margin-left: 5px;
	}
	
	body {
		background: none;
		background-color: #FFF;
	}
	table td, table th{
	}
	
	.backgr0{
		background: none;	
	}
	
	.sitecontent{
		padding-left: 0px;
		padding-right: 0px;
	}	
	
	.header{

	}

	.container {
		height: 100%;
		width: 100%;
		background: none;
	}
	
	.pijlgroot{
		display: none;
	}	
	.onlymobile{
		display: block;
	}
	.pijl{
		display: table-cell;
	}
	.pijl .pijlgroot{
		display: block;
		float: right;
		padding-left: 15px;
	}
	.content .data{
		padding-bottom: 8px;
	}
	.introtekstkader{
		display: table-cell;
		vertical-align: top;
	}
	
	.breed .laatstenieuws.tweets .normaal .auteur{
		display: none;
	}
	
	.zoek{
		display: none;
	}
	.socialmedia{
		display: none;
	}
	
	.detaillijn.top{
		display: none;
	}

	.layout1{
		display: block;
		width: 100%;
		margin-top: 0px;
	}
	.kolom1{
		display: block;
		width: 100%;
		padding: 0px;
	}
	.kolom2{
		display: block;
		width: 100%;
		padding: 0px;
	}	
	
	.layout1 .kolom1{
		display: block;
		width: 100%;
		padding: 0px;
	}
	
	.layout1 .kolom2{
		width: 100%;
	}
	
	.layout1 .kolom2 .kolompadding{
		padding: 15px;
	}

	.laatstenieuws .normaal.partnernieuws{
		background: url(../pic/partnernieuws.png) no-repeat 98% top;
	}
	.breed .laatstenieuws .klein.partnernieuws{
		background: url(../pic/partnernieuws.png) no-repeat 98% top;
	}
	
	.breed .laatstenieuws .klein{
		padding-left: 15px;
		padding-right: 15px;
	}
	.breed .laatstenieuws .klein .item{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.breed .laatstenieuws .klein .titel{
		margin-right: 30px;
	}
	.breed .laatstenieuws .klein .content{
		margin-left: 0px;
		margin-right: 30px;
	}
	
	.breed .laatstenieuws .klein .pijlklein{
		margin-right: 10px;
	}
	
	.breed .laatstenieuws.tweets .normaal .auteur{
		margin-left: auto;
		right: 15px;
	}
	
	.breed .laatstenieuws.opinie .imagekader{
		float: left;
		margin-right: 10px;
		margin-left: 15px;
		width: 85px;
	}
	.laatstenieuws.opinie .normaal .imagekader div{
		height: auto;
	}
	.laatstenieuws.opinie .normaal .imagekader{
		height: auto;
	}
	.breed .laatstenieuws.opinie .imagekader img{
		width: 80px;
		height: auto;
	}
	.laatstenieuws .normaal .imagekader.indeximage img{
		width: 100%;
	}
	.breed .laatstenieuws.opinie .introtekstkader{
		display: block;
	}
	.breed .laatstenieuws.opinie .onlymobile.pijl{
		float: right;
	}
	.breed .laatstenieuws .normaal .auteur{
		position: inherit;
		width: 100%;
		margin: 0px;
		padding: 0px;
		margin-top: 15px;
		font-style: italic;
		text-align: right;
	}
	
	.expertsoverzicht{
		padding: 0px;
		padding-left: 15px;
		padding-right: 15px;
	}	
	.expertsoverzicht table{
		display: block;
		width: 100%;
		padding: 0px;
	}
	.expertsoverzicht tr{
		display: block;
		width: 100%;
		padding: 0px;
	}
	.expertsoverzicht tbody{
		display: block;
		width: 100%;
		height: auto;
		padding: 0px;
	}		
	.expertsoverzicht td{
		display: block;
		width: 100%;
		height: auto;
		padding: 0px;
	}	
	.expertsoverzicht .imagekader{
		width: 100%;
		height: auto;
		overflow: hidden;
	}	
	.expertsoverzicht .imagekader img{
		width: 100%;
	}
	
	.breed .blok{
		margin-left: 0px;
	}
	
	.breed .blok h2{
		margin-left: 15px;
		margin-right: 15px;
	}
	
	.blok .leesmeer{
		margin-right: 15px;
	}
	
	.blok.schaduw{
		background: none;
	}
	
	.paginapadding{
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.laatstenieuws .titel{
		padding-left: 15px;
		padding-right: 15px;
	}
	.laatstenieuws .normaal{
		padding-left: 0px;
	}
	.nieuwsbericht{
		margin-right: 0px;
	}
	.nieuwsbericht .imagekader{
		margin-left: 15px;
		margin-right: 15px;
	}
	.nieuwsbericht .imagekader .kader{
		width: 100%;
		height: auto;
		overflow: auto;	
		margin-bottom: 0px;
	}

	.nieuwsbericht .imagekader img{
		width: 100%;
	}
	.nieuwsbericht h1{
		font-size: 25px;
		line-height: 28px;
	}	
	.nieuwsbericht img{
		max-width: 100%;
	}
	
	.nieuwsreacties{
		padding-left: 15px;
		padding-right: 0px;
		width: 276px;
	}
	.nieuwsreacties input[type="text"]{
		width: 259px;
		margin-left: 0px;
	}
	.nieuwsreacties input[type="button"]{
		-webkit-appearance: none;
	}
	.nieuwsreacties textarea{
		width: 259px;
		background: url(../pic/forminputtextarea_backgr.jpg);
	}
	.nieuwsreacties #code{
		margin-bottom: 60px;
	}
	.nieuwsreacties #siimage{
		margin-left: 60px;
	}
	
	.laatstenieuws .titel{
		font-size: 25px;
		line-height: 28px;
		margin-bottom: 5px;
	}
	.laatstenieuws .normaal .introtekstkader{
		height: auto;
	}
	.laatstenieuws .normaal .imagekader{
		margin-left: 15px;
	}
	.laatstenieuws .normaal .content{
		padding: 0px;
	}
	
	.laatstenieuws .klein .content{
		margin-left: 0px;
	}
	
	.partnersprofiel .imagekader{
		width: 100%;
		height: auto;
		overflow: auto;
	}
	.partnersprofiel .imagekader img{
		width: 100%;
	}
	
	.feitennieuwste .cijfer{
		margin-left: 0px;
	}
	
	.feitennieuwste .titel{
		margin-left: 0px;
	}
	
	.content{
		margin-left: 15px;
		margin-right: 15px;
	}
	
	.doorlink{
		display: none;
	}
	
	.footer{
		width: 100%;
		background: none;
	}
	
	.bigimg{
		width: 100%;
	}
	
	.paginapadding{
		font-size: 14px;
		line-height: 22px;	
	}
	
	.nieuwsbericht{
		font-size: 14px;
		line-height: 22px;	
		padding-left: 0px;
	}
	
	.nieuwsbericht h1{
		margin-left: 15px;
		margin-right: 15px;
	}
	.nieuwsbericht .details{
		padding-left: 15px;
		padding-right: 15px;
	}
	.nieuwsbericht .terug{
		padding-right: 15px;
	}
	.nieuwsbericht .keywords{
		padding-left: 15px;
		padding-right: 15px;
	}
	.nieuwsbericht .social{
		margin-left: 15px;
		margin-right: 15px;
	}
	
	.sportbibliotheekoverzicht{
		margin: 0px;
		width: 100%;
	}
	.sportbibliotheekmain table{
		display: block;
	}
	.sportbibliotheekmain tr{
		display: block;
		width: 100%;
	}
	.sportbibliotheekmain tbody{
		display: block;
		width: 100%;
		padding: 0px;
	}	
	.sportbibliotheekmain td{
		display: block;
		width: 100%;
		height: auto;
		padding: 0px;
		background: url(../pic/sportbibliotheek_mainbackgr0.jpg);
	}

	.menu{
		margin-left: 15px;
		margin-right: 15px;
		width: auto;
	}	
	
	.zoekresultaten{
		margin-left: 0px;
	}
	input#button.formsubmit{
		margin-left: 0px;
	}
	.zoekresultaten h1{
		margin-right: 15px;
		margin-left: 15px;
	}
	.zoekresultaten #zoekformuitgebreid{
		margin-left: 15px;
		margin-right: 15px;
	}
	.zoekresultaten #eersteveld{
		margin-top: 15px;
		margin-left: 0px;
	}
	
	.menu a{
		padding-left: 5px;
		padding-right: 5px;
		font-size: 11px;	
	}
	.categorien{
		font-size: 10px;
		margin-left: 16px;
		margin-top: 137px;	
	}	
}

/* iPhone horizontaal */
@media (min-width: 451px) and (max-width: 600px){

}

/* iPhone verticaal */
@media (max-width: 450px) {

	.logo img{
		width: 70%;
		margin-left: 5px;
	}
	
	body {
		background: none;
		background-color: #FFF;
	}
	table td, table th{
	}
	
	.backgr0{
		background: none;	
	}
	
	.sitecontent{
		padding-left: 0px;
		padding-right: 0px;
	}	
	
	.header{

	}

	.container {
		height: 100%;
		width: 100%;
		background: none;
	}
	
	.pijlgroot{
		display: none;
	}	
	.onlymobile{
		display: block;
	}
	.pijl{
		display: table-cell;
	}
	.pijl .pijlgroot{
		display: block;
		float: right;
		padding-left: 15px;
	}
	.content .data{
		padding-bottom: 8px;
	}
	.introtekstkader{
		display: table-cell;
		vertical-align: top;
	}
	
	.breed .laatstenieuws.tweets .normaal .auteur{
		display: none;
	}
	
	.zoek{
		display: none;
	}
	.socialmedia{
		display: none;
	}
	
	.detaillijn.top{
		display: none;
	}

	.layout1{
		display: block;
		width: 100%;
		margin-top: 0px;
	}
	.kolom1{
		display: block;
		width: 100%;
		padding: 0px;
	}
	.kolom2{
		display: block;
		width: 100%;
		padding: 0px;
	}	
	
	.layout1 .kolom1{
		display: block;
		width: 100%;
		padding: 0px;
	}
	
	.layout1 .kolom2{
		width: 100%;
	}
	
	.layout1 .kolom2 .kolompadding{
		padding: 15px;
	}

	.laatstenieuws .normaal.partnernieuws{
		background: url(../pic/partnernieuws.png) no-repeat 98% top;
	}
	.breed .laatstenieuws .klein.partnernieuws{
		background: url(../pic/partnernieuws.png) no-repeat 98% top;
	}
	
	.breed .laatstenieuws .klein{
		padding-left: 15px;
		padding-right: 15px;
	}
	.breed .laatstenieuws .klein .item{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.breed .laatstenieuws .klein .titel{
		margin-right: 30px;
	}
	.breed .laatstenieuws .klein .content{
		margin-left: 0px;
		margin-right: 30px;
	}
	
	.breed .laatstenieuws .klein .pijlklein{
		margin-right: 10px;
	}
	
	.breed .laatstenieuws.tweets .normaal .auteur{
		margin-left: auto;
		right: 15px;
	}
	
	.breed .laatstenieuws.opinie .imagekader{
		float: left;
		margin-right: 10px;
		margin-left: 15px;
		width: auto;
	}
	.laatstenieuws.opinie .normaal .imagekader{
		height: auto;
	}
	.breed .laatstenieuws.opinie .imagekader img{
		width: 80px;
		height: auto;
	}
	.laatstenieuws .normaal .imagekader.indeximage img{
		width: 100%;
	}
	.breed .laatstenieuws.opinie .introtekstkader{
		display: block;
	}
	.breed .laatstenieuws.opinie .onlymobile.pijl{
		float: right;
	}
	.breed .laatstenieuws .normaal .auteur{
		position: inherit;
		width: 100%;
		margin: 0px;
		padding: 0px;
		margin-top: 15px;
		font-style: italic;
		text-align: right;
	}
	
	.expertsoverzicht{
		padding: 0px;
		padding-left: 15px;
		padding-right: 15px;
	}	
	.expertsoverzicht table{
		display: block;
		width: 100%;
		padding: 0px;
	}
	.expertsoverzicht tr{
		display: block;
		width: 100%;
		padding: 0px;
	}
	.expertsoverzicht tbody{
		display: block;
		width: 100%;
		height: auto;
		padding: 0px;
	}		
	.expertsoverzicht td{
		display: block;
		width: 100%;
		height: auto;
		padding: 0px;
	}	
	.expertsoverzicht .imagekader{
		width: 100%;
		height: auto;
		overflow: hidden;
	}	
	.expertsoverzicht .imagekader img{
		width: 100%;
	}
	
	.breed .blok{
		margin-left: 0px;
	}
	
	.breed .blok h2{
		margin-left: 15px;
		margin-right: 15px;
	}
	
	.blok .leesmeer{
		margin-right: 15px;
	}
	
	.blok.schaduw{
		background: none;
	}
	
	.paginapadding{
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.laatstenieuws .titel{
		padding-left: 15px;
		padding-right: 15px;
	}
	.laatstenieuws .normaal{
		padding-left: 0px;
	}
	.nieuwsbericht{
		margin-right: 0px;
	}
	.nieuwsbericht .imagekader .kader{
		width: 100%;
		height: auto;
		overflow: auto;	
		margin-bottom: 0px;
	}
	.laatstenieuws .normaal .imagekader{
		width: 100%;
		height: auto;
		overflow: auto;
		margin-right: 0px;
		float: none;
	}
	.laatstenieuws .normaal .imagekader div{
		width: 100%;
		height: auto;
	}
	.nieuwsbericht .imagekader img{
		width: 100%;
	}
	.nieuwsbericht h1{
		font-size: 25px;
		line-height: 28px;
	}	
	.nieuwsbericht img{
		max-width: 100%;
	}
	
	.nieuwsreacties{
		padding-left: 15px;
		padding-right: 0px;
		width: 276px;
	}
	.nieuwsreacties input[type="text"]{
		width: 259px;
		margin-left: 0px;
	}
	.nieuwsreacties input[type="button"]{
		-webkit-appearance: none;
	}
	.nieuwsreacties textarea{
		width: 259px;
		background: url(../pic/forminputtextarea_backgr.jpg);
	}
	.nieuwsreacties #code{
		margin-bottom: 60px;
	}
	.nieuwsreacties #siimage{
		margin-left: 60px;
	}

	
	.laatstenieuws .titel{
		font-size: 25px;
		line-height: 28px;
		margin-bottom: 5px;
	}
	.laatstenieuws .normaal .introtekstkader{
		height: auto;
	}
	.laatstenieuws .normaal .imagekader{
		width: 100%;
		height: auto;
		margin-bottom: 0px;
		overflow: hidden;
		margin-bottom: 15px;
	}
	.laatstenieuws .normaal img{
		width: 100%;
		height: auto;
		margin-left: 0px;
	}
	.laatstenieuws .normaal .content{
		padding: 0px;
	}
	
	.laatstenieuws .klein .content{
		margin-left: 0px;
	}
	
	.partnersprofiel .imagekader{
		width: 100%;
		height: auto;
		overflow: auto;
	}
	.partnersprofiel .imagekader img{
		width: 100%;
	}
	
	.feitennieuwste .cijfer{
		margin-left: 0px;
	}
	
	.feitennieuwste .titel{
		margin-left: 0px;
	}
	
	.content{
		margin-left: 15px;
		margin-right: 15px;
	}
	
	.doorlink{
		display: none;
	}
	
	.footer{
		width: 100%;
		background: none;
	}
	
	.bigimg{
		width: 100%;
	}
	
	.paginapadding{
		font-size: 14px;
		line-height: 22px;	
	}
	
	.nieuwsbericht{
		font-size: 14px;
		line-height: 22px;	
		padding-left: 0px;
	}
	
	.nieuwsbericht h1{
		margin-left: 15px;
		margin-right: 15px;
	}
	.nieuwsbericht .details{
		padding-left: 15px;
		padding-right: 15px;
	}
	.nieuwsbericht .terug{
		padding-right: 15px;
	}
	.nieuwsbericht .keywords{
		padding-left: 15px;
		padding-right: 15px;
	}
	.nieuwsbericht .social{
		margin-left: 15px;
		margin-right: 15px;
	}
	
	.sportbibliotheekoverzicht{
		margin: 0px;
		width: 100%;
	}
	.sportbibliotheekmain table{
		display: block;
	}
	.sportbibliotheekmain tr{
		display: block;
		width: 100%;
	}
	.sportbibliotheekmain tbody{
		display: block;
		width: 100%;
		padding: 0px;
	}	
	.sportbibliotheekmain td{
		display: block;
		width: 100%;
		height: auto;
		padding: 0px;
		background: url(../pic/sportbibliotheek_mainbackgr0.jpg);
	}
	
	.menu .sportbibliotheek{
		display: none;
	}	
	.menu{
		display: none;
	}	
	.toonmenu{
		position: absolute;
		width: 32px;
		height: 32px;
		background: url(../pic/menu_icon.jpg);
		cursor: pointer;
		right: 12px;
		margin-top: 20px;
		z-index: 99999;
	}	
	.menu{
		z-index: 9999999;
		right: auto;
		left: 0px;
		right: 0px;
		height: auto;
		margin-top: 0px;
		width: 100%;
		padding-top: 5px;
		padding-bottom: 15px;
		position: inherit;
		background: none;
	}
	.menu li{
		float: none;
		padding-left: 15px;
		padding-right: 15px;
		display: block;
		background: none;
	}
	.menu a{
		margin-left: 0px;
		color: #000;
		border: none;
		padding-top: 15px;
		padding-bottom: 10px;
		display: block;
		background-color: #EAE9E9;
		margin-bottom: 4px;
	}
	.menu a:hover{
		border: none;
		color: #FFF;
		background: none;
		background-color: #B2B0B1;
	}
	.menu a.selected{
		border: none;
		color: #FFF;
	}	
	
	.zoekresultaten{
		margin-left: 0px;
	}
	input#button.formsubmit{
		margin-left: 0px;
	}
	.zoekresultaten h1{
		margin-right: 15px;
		margin-left: 15px;
	}
	.zoekresultaten #zoekformuitgebreid{
		margin-left: 15px;
		margin-right: 15px;
	}
	.zoekresultaten #eersteveld{
		margin-top: 15px;
		margin-left: 0px;
	}
	
	.categorien{
		position: static;
		margin-top: 70px;
		padding-left: 15px;
		padding-right: 15px;
		height: 120px;
	}
	.categorien li{
		margin-bottom: 10px;
	}
	.header{
		height: auto;
	}
	
	#popup{
		width: 70%;
	}
	#popup img{
		width: 100%;
	}

}