@charset "utf-8";

/* lato-300 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/lato-v16-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Lato Light'), local('Lato-Light'),
       url('fonts/lato-v16-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/lato-v16-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/lato-v16-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/lato-v16-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/lato-v16-latin-300.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/lato-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Lato Regular'), local('Lato-Regular'),
       url('fonts/lato-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/lato-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/lato-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/lato-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/lato-v16-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}


html, body {
	margin:0;
	padding:0;
	text-align:center;
	color: #000000;
	font-family: 'Lato', sans-serif; font-weight: 300;
	height: 101%;
	font-size: 15px; line-height:180%;
}


div, img, area, textarea, input {
	outline: none;
}
H1, H2 { line-height:140%; margin: 0; padding: 0; color: #7A130F}
H1 {font-size: 24px; margin-top: 20px; margin-bottom: 15px; font-weight: 400}
A {	color: #7A130F; text-decoration: none;}
UL, LI {margin: 0; padding: 0}
LI {margin-left: 20px;}

.rot {color: #7A130F; }


.pagewidth {width:  100%; text-align:left; margin-left:auto; margin-right:auto; display: block; position: relative;}

IMG {max-width: 100%; height:auto;}

#but_menue {width: 40px; padding: 10px;margin-left: auto; margin-right: auto; cursor: pointer;}
#but_menue IMG {width: 100%; height: auto;}

NAV { width: 100%; text-align: center; display: none;}
NAV UL, NAV LI {	
	margin-left: 0; 
	padding-left: 0; 
	list-style-type: none;
}
NAV A {}
NAV LI { width: 60%; margin-left: auto; margin-right: auto; padding-top: 5px;}
NAV LI A { display: block; font-size: 20px; text-transform: uppercase; border-bottom: 3px solid #FFFFFF; }
NAV LI A:hover, NAV LI A.aktiv {border-bottom: 3px solid #7A130F;}
NAV LI UL {display:none;}

#schnellnavigation {position: fixed; right: 0; top: 200px; z-index: 5;}
#schnellnavigation IMG { width: 50px; height: auto;}
	
HEADER {margin-top: 10px;}

#inhalt {font-size: 16px;}

.einspalter {width: 90%; padding: 0 5%}

.zweispalter {width: 90%; padding: 0 5%; margin: 0; position:relative; display: block;}
.zweispalter .spalte1 {width: 98%;display: block;}
.zweispalter .spalte2 {width:  98%; display: block;}
.zweispalter .spalte1breit {width: 98%;display: block;}
.zweispalter .spalte2schmal {width:  98%; display: block;}
.zweispalter .spalte1schmal {width: 98%;display: block;}
.zweispalter .spalte2breit {width:  98%; display: block;}


FOOTER {clear: both; background: #7A130F; padding-top: 15px; color: #FFFFFF;  text-align: left; width: 90%;padding-left: 5%; padding-right: 5%; font-size: 15px;}
FOOTER H1 {color:#FFFFFF; margin-bottom: 0;}
FOOTER A {color: #FFFFFF}

.scrollTop{ text-align: right; cursor: pointer;}




.clearfix {
	display: block;
	clear: both;
}




/* Tabletts */
@media only screen and (min-width: 760px) {

	.pagewidth { max-width: 760px; }
	#logo { width: 50%; float: left; }
	#menue {width: 50%; float: left;}
	
 	#but_menue {display: none;}
	
	NAV {width: 100%; display: block; clear: both; margin-top: 30px;}
	nav ul{ list-style-type:none; margin:0; padding:0; width: 100%; margin-left: 10%;}
	nav li { float:left; padding:0; margin:0; font-size: 14px; display: inline; width:30%}
	nav li a { display: block; text-align:center;  font-size: 14px; padding-top:5px; margin-left: 20px;}

	#schnellnavigation {position: fixed; right: inherit; margin-left: 710px; top: 150px; }

	#inhalt {font-size: 16px;}
	
	.einspalter {width: 95%; padding: 0 2.5%}
	.zweispalter {width: 95%; padding: 0 2.5%}
	
	.einspalter {display: block; position: relative;}
	.einspalter .spalte1 {padding: 0%; width: 100%; }
	
	.zweispalter {display: block; position: relative;}
	.zweispalter .spalte1 {padding: 0 1% 0 0; width: 49%; float: left; display:inline;}
	.zweispalter .spalte2 {padding: 0 0 0 1%; width: 49%; float: left; display:inline;}	

	footer {width: 95%; padding: 15px; font-size: 15px; padding-left: 2.5%; padding-right: 2.5%;}
}

/* Mittlere Gr��e */
@media only screen and (min-width: 960px)  {

	.pagewidth { max-width: 960px; }

	
	NAV {margin-top: 45px;}
	nav li a { font-size: 16px; }
	#schnellnavigation {margin-left: 910px; top: 180px; }
	#inhalt {font-size: 17px;}	

	
	
	footer {display: block; position: relative; font-size: 16px;}
	footer .footer1 {padding: 0 1% 0 0; width: 54%; float: left; display:inline;}
	footer .footer2 {padding: 0 0 0 1%; width: 44%; float: left; display:inline;}	
		
}

/* Gro�e Monitore */
@media only screen and (min-width: 1280px)  {

	.pagewidth { max-width: 1280px; }
	#logo { width: 40%; float: left;}
	#menue {width: 60%; float: left;}	
	
	NAV {margin-top: 40px;}
	nav li a { font-size: 18px; padding-bottom: 10px;}	

	#schnellnavigation { margin-left: 1230px; top: 270px;}	
	
	#inhalt {font-size: 18px;}
	footer {font-size: 17px;}
	footer .footer1 {padding: 0 16% 0 0; width: 39%; float: left; display:inline;}
	footer .footer2 {padding: 0 0 0 1%; width: 44%; float: left; display:inline;}	
	
}