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

@charset "utf-8";
html, body {
	margin:0;
	padding:0;
	text-align:center;
	color: #000000;
	font-family: 'Open Sans', sans-serif;
	background: url(images/background.jpg) no-repeat center center fixed; 
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	height: 101%;
}


div, img, area, textarea, input {
	outline: none;
}
H1, H2 {font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif}
A {	color: #E3000F; text-decoration: none;}
A:hover {	text-decoration: underline}

IMG {width: 100%; height:auto}

.rot {color: #e3000F; }
.rowweiss {background: #FFFFFF; display: block; color: #555555; clear:both; padding: 15px 0}
.rowgruen {background: #3A7171; display: block; color: #FFFFFF; clear:both; padding: 15px 0}
.rowgruen A {color: #FFFFFF;}

.weiss {color: #FFFFFF}
.center {text-align: center !important;}
.right {text-align: right !important;}

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


#headerrow { background: #FFFFFF}
.introtext {text-shadow: 1px 2px 4px #000000; font-size: 25px; font-weight:bold;}
.introtext H2 {font-size: 40px; font-family: 'Open Sans', sans-serif; font-weight:bold;}

#logo { position: relative;width: 100%; text-align:center; }
#logo IMG {witdh: 80%; max-width: 200px; height: auto;padding: 10px 0;}


#headline {text-align: center;}
#headline H1 {color: #3A7171; font-size: 35px; margin: 0; padding: 0;}

IMG.fullsize {width: 100%; height: auto; display: block;}

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

header {padding-bottom: 15px;}
		


.einspalter {width: 96%; padding: 0 2%;position:relative; display: block;}
.zweispalter {width: 96%; padding: 0 2%;position:relative; display: block;}
.dreispalter {width: 96%; padding: 0 2%;position:relative; display: block;}

.zweispalter .spalte1 {width: 100%; display: block;}
.zweispalter .spalte2 {width: 100%; display: block;}
.zweispalter.fullsize P {padding: 0 25px; }

.dreispalter .spalte1 {width: 100%; display: block;}
.dreispalter .spalte2 {width: 100%; display: block;}
.dreispalter .spalte3 {width: 100%; display: block;}


FOOTER {width: 100%; background: #363636; margin-top: 0px; color: #FFFFFF;  text-align: left;}
FOOTER A {color: #FFFFFF}

FOOTER H3 {margin: 0; padding: 0;}

/* #########################################################################################  */
  .scrollTop{
	  display: none;
		bottom:15px;
		right: 15px;
		color:#fff;
		cursor:pointer;
		outline:0;
		
		position:fixed;
		margin-left: 70px;
		z-index:1000;
		text-align:center;
		}
		
		
.clearfix {
	display: block;
	clear: both;
}




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

	.pagewidth { max-width: 760px; }


		#but_menue {display: none;}

		NAV {display: block;}
		nav ul{ list-style-type:none; margin:0; padding:0; display: inline-block}
		nav li { float:left; padding:0; margin:0; font-size: 20px; line-height: 22px;}
		nav li.first {margin-left: 0;}
		nav li a { display:block; text-align:center; padding-top: 20px; padding-bottom: 10px;  text-decoration:none;  font-size: 20px;  line-height: 22px;  margin: 0px 10px;}
		nav li.first A {width: 460px; height: 100px;   margin-top: 00px;}
		
		.icon_submenue {display: inline; margin-bottom: 3px; margin-right: 5px;}
		
		
		#main {font-size: 12px; background: url url(images/back-main.png) #F6F6F6 repeat-x;display: block; width: 760px; line-height: 200%;}

		#main H1 {font-size: 16px; border-bottom: 1px solid #E2E2E2;}
		
		.einspalter {display: block; position: relative;}
		
		.einspalter {width: 96%; padding: 0 2%;}	
		.zweispalter {width: 96%; padding: 0 2%;}	
		.dreispalter {width: 96%; padding: 0 2%;}	
		

		.zweispalter .spalte1 {padding: 0 2% 0 0; width: 48%; float: left; display:inline;}
		.zweispalter .spalte2 {padding: 0 0 0 2%; width: 48%; float: left; display:inline;}
		.zweispalter.fullsize .spalte1 {padding: 0% 0%; width: 50%; float: left; display:inline;}
		.zweispalter.fullsize .spalte2 {padding: 0% 0%; width: 50%; float: left; display:inline;}


		.dreispalter .spalte1 {padding: 0 2% 0 0; width: 31.3%; float: left; display:inline;}
		.dreispalter .spalte2 {padding: 0 2% 0 2%; width: 29.3%; float: left; display:inline;}
		.dreispalter .spalte2 {padding: 0 0 0 2%; width: 31.3%; float: left; display:inline;}
		
		.dreispalter.fullsize .spalte1 {padding: 0% 0%; width: 33%; float: left; display:inline;}
		.dreispalter.fullsize .spalte2 {padding: 0% 0%; width: 34%; float: left; display:inline;}
		.dreispalter.fullsize .spalte3 {padding: 0% 0%; width: 33%; float: left; display:inline;}
		
		FOOTER {margin-left: auto; margin-right: auto; margin-top: 0px; padding-top:15px; display: inline-block; line-height: 150%;}
		
	
}

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

	.pagewidth { max-width: 960px; }

	#logo {width: 200px; float: left; text-align: left;}
	#headline {width: 740px; float: right; margin-top: 10px; text-align: right;}
	#headline H1 {padding-top: 15px;}
	NAV UL LI {margin-top: 00px;}
	NAV {text-align: right;}

		

		
	
	
}

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

	.pagewidth { max-width: 1280px; }
	#headline {width: 1060px

	
}