@media screen and (min-width: 1px) {
	
	html body { 
		margin: 0; 
	}

	html body #mitteboxsp { 
		margin: 0;
	    background: none;
	    width: 100%;
	    padding: 0px;
	}

	html body #sp_intro {
		width: 100% !important;
	}

	html body #currentHomepageContents > table {
		width: 100% !important;
	}

	html body #currentHomepageContents h1 {
		line-height: 1em;
	}

	html body #currentHomepageContents br {
		display: none;
	}

	html body .extended-text table > tbody > tr:nth-of-type(1) > td:nth-of-type(1) {
		width: 5px !important;
	}

	html body .extended-text table > tbody > tr:nth-of-type(1) > td:nth-of-type(2) {
		width: 322px !important;
	}

	html body .extended-text table > tbody > tr:nth-of-type(1) > td:nth-of-type(3) {
		width: 20px !important;
	}

	html body .extended-text table > tbody > tr:nth-of-type(1) > td:nth-of-type(4) {
		width: auto !important;
	}

	html body #pagePrintButtonContainer {
		margin-bottom: 20px;
	}
	
	html body #pagePrintButtonContainer input[type="button"] {
	    color: #fff;
		background: #00a513;
	    margin: 10px 0 0 0;
	    border: none;
	    padding: 5px 10px;
	    font-size: 15px;
	    width: initial !important;
	}

	html body #id_basisinfos > table > tbody > tr:nth-of-type(2) > td,
	html body #id_zuechter > table > tbody > tr:nth-of-type(2) > td {
		background-image: none !important;
	}

	html body #id_basisinfos input[type="text"], html body #id_basisinfos select {
		padding: 5px;
		border: 1px solid #ccc;
	    color: #333;
	}

	html body #id_zuechter input[type="text"], html body #id_zuechter select {
		padding: 5px;
		border: 1px solid #ccc;
		color: #333;
	}

	html body #sp_navibox {
	    position: absolute;
	    right: 15px;
	    background: none;
	    width: initial;
	}

	html body #sortenbox {
		position: absolute;
	    right: 15px;
	    background: none;
	    width: initial
	}

	html body .tablescroll tbody td {
    	background-color: #e9e9e9;
    }

    html body #MerkzettelHeader {
    	padding-left: 10px;
    	padding-top: 20px;
    }

    html body #Merkzettel > table {
    	padding: 0 10px;
    }

    html body #FavSortListHeader {
    	margin-top: 0 !important;
    	padding-left: 10px;
    }

    html body #FavSortList > table {
    	padding: 0 10px;
    }

    html body #SortenNachEinzelkriterien > div > table > tbody > tr:nth-of-type(2) > td {
    	background: none;
    }

    html body #SortenNachEinzelkriterien > div > table > tbody > tr:nth-of-type(2) > td table input[type="text"],
    html body #SortenNachEinzelkriterien > div > table > tbody > tr:nth-of-type(2) > td table select {
    	padding: 5px;
    	border: 1px solid #ccc;
    	color: #333;
    	margin: 0;
    }

    html body #SortenNachEinzelkriterien > div > table > tbody > tr:nth-of-type(2) > td table td {
    	vertical-align: middle;
    }

    html body #SortenNachKombiniertenKriterien > div > table > tbody > tr:nth-of-type(2) > td {
    	background: none;
    }

    html body #SortenNachKombiniertenKriterien > div > table > tbody > tr:nth-of-type(2) > td table input[type="text"],
    html body #SortenNachKombiniertenKriterien > div > table > tbody > tr:nth-of-type(2) > td table select {
    	padding: 5px;
    	border: 1px solid #ccc;
    	color: #333;
    	margin: 0;
    }

    html body #SortenNachKombiniertenKriterien > div > table > tbody > tr:nth-of-type(2) > td table td {
    	vertical-align: middle;
    }

    html body #Sortencheck > table > tbody > tr:nth-of-type(2) > td, 
    html body #SortencheckExperten> table > tbody > tr:nth-of-type(2) > td {
    	background: none !important;
    }

    html body #Sortencheck > table > tbody > tr:nth-of-type(2) > td table input[type="text"],
    html body #Sortencheck > table > tbody > tr:nth-of-type(2) > td table select,
    html body #SortencheckExperten > table > tbody > tr:nth-of-type(2) > td table input[type="text"],
    html body #SortencheckExperten > table > tbody > tr:nth-of-type(2) > td table select {
    	padding: 5px;
    	border: 1px solid #ccc;
    	color: #333;
    	margin: 0;
    }

    html body #Sortencheck > table > tbody > tr:nth-of-type(2) > td table td,
    html body #SortencheckExperten > table > tbody > tr:nth-of-type(2) > td table td  {
    	vertical-align: middle;
    }

    html body #Sortenversuche #id_controlmask > table > tbody > tr:nth-of-type(2) > td {
    	background: none !important;
    }

    html body #Sortenversuche #id_controlmask > table > tbody > tr:nth-of-type(2) > td table input[type="text"],
    html body #Sortenversuche #id_controlmask > table > tbody > tr:nth-of-type(2) > td table select {
    	padding: 5px;
    	border: 1px solid #ccc;
    	color: #333;
    	margin: 0;
    }

    html body #Sortenversuche #id_controlmask > table > tbody > tr:nth-of-type(1) > td,
    html body #id_zuechter > table > tbody > tr:nth-of-type(1) > td,
    html body #id_basisinfos > table > tbody > tr:nth-of-type(1) td,
    html body #Sortencheck > table > tbody > tr:nth-of-type(1) td,
    html body #SortencheckExperten > table > tbody > tr:nth-of-type(1) td,
    html body #SortenNachKombiniertenKriterien > div > table > tbody > tr:nth-of-type(1) td, 
    html body #SortenNachEinzelkriterien > div > table > tbody > tr:nth-of-type(1) td {
    	line-height: 0;
    }
}

@media screen and (max-width: 993px) { /* bis 1023px */
	html body #FavSortList, html body #Merkzettel {
		height: 100px;
	}
 
	html body #sp_navibox {
		position: relative;
	    display: inline-block;
	    left: 0px;
	}

	html body #sortenbox {
		top: 0px;
	}

	html body #MerkzettelHeader {
		padding-top:  10px;
	}

	html body #Sortencheck, html body #SortencheckExperten, html body #Sortenversuche {
		margin-top: 45px;
	}
}

@media screen and (max-width: 737px) { /* bis 767px */
	/* TEMP */
	html body #sortenbox {
		display: none !important;
	}

	html body #mitteboxsp {
		overflow-x: auto;
	}

	html body #sp_navibox > div {
		width: 100% !important;
	}

	html body #sp_navibox > div table td br {
		display: none;
	}

	html body .tablescroll_head,
	html body .tablescroll_wrapper,
	html body .tablescroll_wrapper > table {
		width: 100% !important;
	}
	/*html body #ControlContainer {
		width: 100% !important;
	}

	html body #ControlContainer > div:nth-of-type(1) {
		overflow-x: auto;
	}*/
}