/*
 * schmalste "mobile" Variante
 * 
 * ursprünglich bei 480px
 */
@media only screen 
				and (min-width : 120px) 
				and (max-width : 560px) { 

	#leftside {
		display: block;
	}

	.topmoblink, .topmoblink:hover, .topmoblink:visited, .topmoblink:active {
		
		text-decoration: none;
		margin-left: 10px;
		font-size: 1.25rem;
		vertical-align: top;
		display: inline-block;
	}
	

/*
 *test start
 */

	#mainmenu {
		display: none;
	}


	#leftside {
		display: block;
	
		position: absolute; 
		top: 107px;
		left: 0;
		width: 100%;
		padding-bottom: 20px;

		z-index: 99999;
		background: #5aaadf;
		
		transition: 500ms linear all;
	}
	
	.lefton, .leftoff  {
		display: block;
		border: 2px solid green;
		transition: 500ms linear all;
		min-height: 100%;
	}
	
	.leftoff {
		display: none;
		min-height: 0;
	}

	#home {
		display: none;
	}

	.logomobhead {
		display: inline-block;
	}


	/*
	 * Hauptmenüpunkte
	 */
	.mainmen1, .mainmen2, .mainmen3, .mainmen4, .mainmen5, .mainmen6, .mainmen7, .mainmen8, .mainmen9, .mainmen10, 
	.mainmen1:hover, .mainmen2:hover, .mainmen3:hover, .mainmen4:hover, .mainmen5:hover, .mainmen6:hover, .mainmen7:hover, .mainmen8:hover, .mainmen9:hover, .mainmen10:hover    
	{
		padding-left: 10px;
		margin-top: 10px;
		color: black;

		font-size:21px;
		font-size:1.3125rem;
			
		text-decoration: none;
		display: block;
		cursor: pointer;
		position: relative;
		
		transition: 200ms linear all;
	}


	.mainmen1:hover, .mainmen2:hover, .mainmen3:hover, .mainmen4:hover, .mainmen5:hover, .mainmen6:hover, .mainmen7:hover, .mainmen8:hover, .mainmen9:hover, .mainmen10:hover
	{
		color: white;
	}

	/*
	 * Links in den Submenüblöcken
	 */
	.submen1 a, .submen2 a, .submen3 a, .submen4 a, .submen5 a, .submen6 a, .submen7 a, .submen8 a, .submen9 a, .submen10 a,
	.submen1 a:hover, .submen2 a:hover, .submen3 a:hover, .submen4 a:hover, .submen5 a:hover, .submen6 a:hover, .submen7 a:hover, .submen8 a:hover, .submen9 a:hover, .submen10 a:hover  
	{
		padding: 5px 0 5px 10px;
		color: white;
		font-size: 16px;
		font-size: 1rem;
			
		text-decoration: none;
		
		border-bottom: 1px solid #ffffff;
		
		display: block;
		
		transition: 100ms linear all;
	}


	a.subact,
	.submen1 a:hover, .submen2 a:hover, .submen3 a:hover, .submen4 a:hover, .submen5 a:hover, .submen6 a:hover, .submen7 a:hover, .submen8 a:hover, .submen9 a:hover, .submen10 a:hover
	{
		background: #ffffff;
		color: #5aaadf;
		font-weight: bold;
	}

/*
 *test end
 */


	#rightside {
		margin-left: 0;
		margin-right: 0;		
	}	

	#topheadmobile {
		/*display: block;*/

	}

	#navbar-toggle {
		
		/* left: 10px; */
		
		top: 8px;
		
		right: 25px;
		
		width: 25px;
		height: 30px;	
		margin: 0;
		padding: 0;

		text-align: left;
	
	}

	#main-navbar-toggle {
		cursor: pointer;
		display: block;
		width: 30px;

		padding: 0;
		position: absolute; 
		margin: 0;
		height: 30px;
		top: 78px;
		right: 20px;
	}

	#rightsidecnt {
		padding-right: 0;
	}

	#tophead {
		background: black;
		
		/*height: 40px;*/
		height: 60px;
		
		margin-bottom: 45px;

	} 


	ul#navi{
		top: 20px;
right: 10px;
	}



	.tsv, .tsv:hover {
		/*display: none;*/
		margin-left: 10px;
	}
	
	.tsv, .tsvm, .tsv:hover, .tsvm:hover {

		font-size: 1.25rem;
		line-height: 55px;

	}	

	.tri {
		display: none;
	}

	.startheaderlarge {
		display: none;
	}
	
	.startheadersmall {
		background: white;
		display: block;
	}	
	
	.smallheaddate {
		
		font-size:13px;
		font-size:0.8125rem;

		border-bottom: 3px solid #5aaadf;
		margin: 0 10px 0 10px;
		background: white;
		display: block;
	}
	
	.smallheadln {
		background: white;
		margin: 0 10px 0 10px;
		display: block;

		font-size:19px;
		font-size:1.1875rem;
		padding: 10px 0 10px 0;

	}
	
	.startheadcnt {
		padding-left: 20px;
	}
		
	.startheadcnt h1 {
		font-size:20px;
		font-size:1.25rem;
	}	

	
	.startnewsfilter {
		padding: 20px;
	}	
	
	.startnewsfilter select option {
		font-size: 0.8rem;
	}

	.startnewsfilter select {
		width: 90%;
		margin: 5px 0 5px 0;
		
	}

	
	.teasercont {
		width: 100%;
		height: auto;
		padding: 0;
		margin: 0 10px 10px 10px;		
		display: inline-block;
	}

	.teasercont a {
		position: absolute; 
		top: 0; 
		left: 0; 
		width: 100%; 
		height: 100%; 
	}

	.teasercont img {
		border-bottom: 4px solid #000000;
		
		width: 45%;
		height: auto;	
		
	}

	.teasermaincnt b {
		font-size: 0.7rem;
		padding: 4px 0 4px 0;
		
		margin: 0;

	}

	.teasercont div {
		/*
		clear: both;
		float: right;
		*/
	}



	.teasertxt {
		padding: 0 10px 15px 10px;
		font-size: 0.85rem;
		line-height: 0.95rem;
		float: right;
		border-bottom: 4px solid black;
		vertical-align: top;	
		display: inline-block;
		height: 111px;

		width: 45%;
	}
	
	.sponsdvd {
		display: none;
	}
	
	.preftr {
		height: 20px;
	}
	
	.footer {
		height: 60px;
		padding-top: 20px;
		position: relative;		
	}

	.footer a, .footer a:hover {
		font-size: 15px;
		font-size: 0.9375rem;
		margin-left: 30px;
		margin-top: 5px;
	}

	.footerrights {
		color: white;
		font-size:11px;
		font-size:0.6875rem;
		display: block;
		padding-top: 10px;
	}
	
	.sponsmain a, .sponsmain a:hover {
		/*
		width: 182px;
		height: 62px;
		margin-right: 20px;
		*/
	}

	.sponsequip a, .sponsequip a:hover {
		/*
		width: 182px;
		height: 62px;
		margin-right: 20px;
		*/
	}

	.sponspartner .pp1, 
	.sponspartner .pp2,
	.sponspartner .pp3,
	.sponspartner .pp4,
	.sponspartner .pp5
	{
		/*
		width: 100px;
		height: 62px;
		margin-right: 10px;
		margin-top: 10px;
		*/
	}

	.footer {
		height: auto;
		margin-right: 0;
		padding: 0 0 20px 0;
	}

	.footer a, .footer a:hover {
		text-transform: uppercase;
		font-size: 0.8rem;
		font-weight: bold;
		color: #5aaadf;
		text-align: center;
		display: inline-block;
	}

	.sponsorftr {
		margin-right: 0;
	}
	
	.preftr {
		margin-right: 0;
	}	

}



@media screen and (max-width:420px) {
	.tsv, .tsvm, .tsv:hover, .tsvm:hover, .tsv:active, .tsvm:active, .tsv:visited, .tsvm:visited {
		font-size: 1.0rem;
	}
	
	.topmoblink, .topmoblink:hover, .topmoblink:visited, .topmoblink:active {
		font-size: 1.0rem;
	}
}


@media screen and (max-width:450px) {
	.tsv, .tsvm, .tsv:hover, .tsvm:hover, .tsv:active, .tsvm:active, .tsv:visited, .tsvm:visited {
		display: none;
	}
}


/*
 * Abweichungen für Landscape
 */
@media only screen 
				and (min-width : 320px) 
				and (max-width : 480px) 
				and (orientation : landscape) { 


}

/*
 * Abweichungen für Portrait
 */
@media only screen 
				and (min-width : 320px) 
				and (max-width : 480px) 
				and (orientation : portrait) { 
	

}