html {
  font-size:				18px;
}

body {
	font-family:			"Segoe UI", Arial, sans-serif;
	font-size: 				1.0rem;
	margin:					0px;
}

table, thead, tbody, tr, th, td {
	font-size: 				1.0rem;
}
ul, li {
	font-size: 				1.0rem;
}



* {
  box-sizing: border-box;
}



h1 {
	font-family:			Georgia, "Times New Roman", serif;
	font-size:				2.5rem;
	font-weight:			700;
}
h2 {
	font-family:			Georgia, "Times New Roman", serif;
	font-size:				1.7rem;
	font-weight:			700;
}
h3 {
	font-family:			"Segoe UI", Arial, sans-serif;
	font-size:				1.5rem;
	font-weight:			700;
}
h4 {
	font-family:			"Segoe UI", Arial, sans-serif;
	font-size:				1.2rem;
	font-weight:			700;
}
p {
	color:					#000000;
	font-family:			"Segoe UI", Arial, sans-serif;
	font-size:				1.0rem;
	font-weight:			normal;
}
highlight {
	font-size:				1.05rem;
	font-weight:			600;
}

table {
	width:					100%;
	border-style:			none;
	border-width:			0px;
	border-spacing:			0px;
	padding:				0px;
	margin:					0px;
}
tr {
	border-style:			none;
	border-width:			0px;
	border-spacing:			0px;
	padding:				0px;
	margin:					0px;
}
td {
	vertical-align: 		top; 
	border-style:			none;
	border-width:			0px;
	border-spacing:			0px;
	padding:				0px;
	margin:					0px;
}





/* Column container */
.row {  
  display: -ms-flexbox; /* IE10 */
  display: flex;
  -ms-flex-wrap: wrap; /* IE10 */
  flex-wrap: wrap;
}

.sidebar{
	-ms-flex: 				5%; /* IE10 */
	flex: 					5%;
}
.mainbar{
	-ms-flex: 				90%; /* IE10 */
	flex: 					90%;
}

.header	{
	height:					70px;
	background-size: 		contain;
	background-repeat:		no-repeat;
	background-position:	top right;
	position: 				-webkit-sticky; /* Safari */
	position: 				sticky;
	top: 					-20;
}


/* Style the top navigation bar */
.navbar {
	overflow: 				hidden;
}

/* Style the navigation bar links */
.navbar a {
	float: 					left;
	display: 				block;
	color: 					black;
	text-align: 			center;
	padding: 				0.75rem 1.5rem;
	text-decoration: 		none;
	white-space: 			nowrap;
	overflow:				hidden;
	
	background-position:	center top;
	background-size: 		98% 90%;
	background-repeat:		no-repeat;
	font-weight:			600;
	font-size:				1.1rem;
}
.navbar a.aktiv, .navbar a:hover {
	font-weight:			700;
	font-family:			Georgia, "Times New Roman", serif;
	padding: 				0.85rem 3.5rem;
}

/* Style the second navigation bar */
.subnavbar {
	overflow: 				hidden;
	position: 				-webkit-sticky; /* Safari */
	position: 				sticky;
	top: 					0;
}
/* Style the navigation bar links */
.subnavbar a {
	float: 					left;
	display: 				block;
  
	text-align: 			center;
	padding: 				0.65rem 1.5rem;
	text-decoration: 		none;
	white-space: 			nowrap;
	overflow:				hidden;

	background-position:	center top;
	background-size: 		98% 90%;
	background-repeat:		no-repeat;
	font-weight:			600;
	font-size:				1.0rem;
}

a.haus {
	background-image:		url('images/line_menu_FeHa.jpg'); 
}
a.wng {
	background-image:		url('images/line_menu_FeWo.jpg'); 
}
a.ort {
	background-image:		url('images/line_menu_FeOrt.jpg'); 
}

.subnavbar a.aktiv, .subnavbar a:hover {
	font-weight:			700;
	font-family:			Georgia, "Times New Roman", serif;
	padding: 				0.75rem 4.0rem;
}

.subnavbar .icon {
	display: none;
}

.backimage_top
{
	height:					16.0rem;
	-webkit-background-size:cover;	 /* Safari */
	background-size: 		cover; 	
	background-attachment:	fixed;
	background-origin: 		padding-box; 
	background-repeat:		no-repeat; 
	background-position: 	50% 5%;
}
.backimage_btn
{
	height:					16.0rem;
	-webkit-background-size:cover;	 /* Safari */
	background-size: 		cover; 	
	background-attachment:	fixed;
	background-origin: 		padding-box; 
	background-repeat:		no-repeat; 
	background-position: 	50% 95%;
}


/* Main column */
.main {   
	-ms-flex: 				100%; /* IE10 */
	flex: 					100%;
	background-color: 		white;
	padding: 				1.2rem;
}

		
.landing {
	-ms-flex: 				50%; /* IE10 */
	flex: 					50%;
	overflow:				hidden;
}
.left {
	float:					left;
}
.right {
	float:					right;
}


.text {
	text-align:				justify;
	vertical-align:			middle;
	padding:				0.25rem 0.75rem 0.25rem 0.75rem;
}
.img {
	text-align:				center;
	vertical-align:			middle;
	padding:				0.25rem 0.5rem 0.25rem 0.5rem;
}
.list {
	text-align:				center;
	vertical-align:			middle;
	padding:				0.25rem 0.25rem 0.25rem 0.25rem;
}	


.footer {
	height:					1.5rem;
	background-repeat:		repeat-x;
	font-size:				0.75rem;
	text-align:				center;
	vertical-align:			middle;
}