@charset "ISO-8859-1";
@font-face {font-family: 'BankGothicMdBT';src: url('../webfonts/36E953_0_0.eot');src: url('../webfonts/36E953_0_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/36E953_0_0.woff2') format('woff2'),url('../webfonts/36E953_0_0.woff') format('woff'),url('../webfonts/36E953_0_0.ttf') format('truetype');}

/** für alle Monitorgrößen **/

body{
	font-family: "arial";
}


	
/** Bildschirmbreiten bis 319Pixel **/
@media only screen and (max-width: 319px) {
	
body {
	font-size: 0.7em;
    background-image: url("QR_Aufkleber_LT-Forum.jpg");
    background-repeat: no-repeat;
    background-position: center center;
	background-size: contain;
    background-attachment:fixed;
}
#header{
	top: 0px;
	text-align: center;
	background:#BBB;
	width:100%;
	font-family: 'BankGothicMdBT','Arial';
	font-weight: bold; 
	font-style: italic;
	font-size: 150%;
	position : fixed;
	z-index: 4;
	}
#article{
	top:25px;
	bootom:25px;
	text-align: center;
	margin-left:2px;
	margin-right:2px;
	position : relative;
	z-index: 1;
	}

#footer{
	position : fixed;
	bottom: 0px;
	width:100%;
	height:25px;
	background:#CCC;
	text-align: center;
	z-index: 5;
	}
	.footer_symbole{
	height: 21px;
	width: 21px;
	}
}
/** Bildschirmbreiten nur für Apfelbrei **/
@media only screen and (min-width: 320px ) {
	
body {font-size: 1em;
	top: 40px;
    background-image: url("QR_Aufkleber_LT-Forum.jpg");
    background-repeat: no-repeat;
    background-position: center center;
	background-size: contain; 
    background-attachment:fixed;
}

#header{
	top: 0px;
	text-align: center;
	width:100%;
	background:#CCC;
	font-family: 'BankGothicMdBT','Arial';
	font-weight: bold; 
	font-style: italic;
	font-size: 140%;

	position : fixed;
	z-index: 4;
	}
#article{
	top: 20px;
	bottom: 25px;
	margin-left:4px;
	margin-right:4px;
	position : relative;
	z-index: 1;
	}

 #footer{
	 position : fixed;
	bottom: 0px;
	 width: 100%;
	 height: 25px;
	background:#CCC;
	text-align: center;
	 z-index: 5;
	 }
	 .footer_symbole{
	height: 21px;
	width: 21px;
}
}
/** Bildschirmbreiten ab 321Pixel bis 360Pixel**/
@media only screen and (min-width: 321px) {
	
body {
	font-size: 1.0em;
    background-image: url("QR_Aufkleber_LT-Forum.jpg");
    background-repeat: no-repeat;
    background-position: center center;
	background-size: contain;
    background-attachment:fixed;
}
#header{
	top: 0px;
	text-align: center;
	background:#BBB;
	width:100%;
	font-family: 'BankGothicMdBT','Arial';
	font-weight: bold; 
	font-style: italic;
	font-size: 150%;
	position : fixed;
	z-index: 4;
	}
#article{
	top:30px;
	bootom: 30px;
	margin-left:2px;
	margin-right:2px;
	position : relative;
	z-index: 1;
	}

#footer{
	position : fixed;
	bottom: 0px;
	width: 100%;
	 height:30px;
	background:#CCC;
	text-align: center;
	z-index: 5;
	}
	.footer_symbole{
	height: 26px;
	width: 26px;
}
}
/** Bildschirmbreiten ab 361Pixel bis 480Pixel **/
@media only screen and (min-width: 361px) {
	
body {
	font-size: 1.1em;
    background-image: url("QR_Aufkleber_LT-Forum.jpg");
    background-repeat: no-repeat;
    background-position: center center;
	background-size: contain;
    background-attachment:fixed;
}
#header{
	top: 0px;
	text-align: center;
	background:#BBB;
	width:100%;
	font-family: 'BankGothicMdBT','Arial';
	font-weight: bold; 
	font-style: italic;
	font-size: 140%;
	position : fixed;
	z-index: 4;
	}
#article{
	top:40px;
	bottom: 40px;
	margin-left:2px;
	margin-right:2px;
	position : relative;
	z-index: 1;
	}


#footer{
	position : fixed;
	bottom: 0px;
	width:100%;
	 height:35px;
	background:#CCC;
	text-align: center;
	z-index: 5;
	}
	.footer_symbole{
	height: 31px;
	width: 31px;
}
}
/** Bildschirmbreiten ab 481Pixel bis 960Pixel **/
@media only screen and (min-width: 481px ) {
	
body {font-size: 1.3em;
	top: 50px;
    background-image: url("QR_Aufkleber_LT-Forum.jpg");
    background-repeat: no-repeat;
    background-position: center center;
	background-size: contain;
    background-attachment:fixed;
}

#header{
	top: 0px;
	text-align: center;
	width:100%;
	background:#CCC;
	font-family: 'BankGothicMdBT','Arial';
	font-weight: bold; 
	font-style: italic;
	font-size: 180%;

	position : fixed;
	z-index: 4;
	}
#article{
	top: 50px;
	bottom: 50px;
	margin-left:4px;
	margin-right:4px;
	position : relative;
	z-index: 1;
	}

 #footer{
	position : fixed;
	bottom: 0px;
	 width:100%;
	 height:50px;
	 background:#CCC;
	 text-align: center;
	 z-index: 5;
	 }
	 .footer_symbole{
	height: 46px;
	width: 46px;
}
}
/** Bildschirmbreiten ab 961Pixel **/
@media only screen and (min-width: 961px ) {
	
body {font-size: 1.4em;
	top: 200px;
    background-image: url("QR_Aufkleber_LT-Forum.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment:fixed;
	background-size: contain;
}

#header{
	top: 0px;
	text-align: center;
	width:100%;
	background:#CCC;
	font-family: 'BankGothicMdBT','Arial';
	font-weight: bold; 
	font-style: italic;
	font-size: 240%;

	position : fixed;
	z-index: 4;
	}
#article{
	top: 50px;
	bottom: 60px;
	margin-left:4px;
	margin-right:4px;
	position : relative;
	z-index: 1;
	}

 #footer{
	 position : fixed;
	bottom: 0px;
	 width:100%;
	 height:60px;
	 background:#CCC;
	 text-align: center;
	 z-index: 5;
	 }
	 .footer_symbole{
	height: 56px;
	width: 56px;
	}
}