/* Text 
css-file für index*/


html{
	box-sizing: border-box;
}


body {	
	background-image: url( "./Background.png" );
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	/*border: 3px solid green;*/
	/*width:45rem;*/
	/*height: 100vh;*/
	}
	
	
/*
#NavigationBar1LYR { margin-top: 1.5rem;  z-index:1 }
*/
#NavigationBar2LYR { position: relative; margin-top: 2.5rem; margin-bottom: 1rem; z-index:2 }

/*
.nav{
	position: relative;
	top: 50px;
}
*/
.section01{
	/*border: 4px solid blue;*/
	position: relative;
	top: 20px;
	padding: 0.5rem;
}

.article01{
	/*border: 2px solid black;*/
	margin: 10px;
}

.article02{
	/*border: 2px solid green;*/
	text-align: center;
	margin: 10px;
}

p {
	font-family: Arial,    Helvetica,    Geneva,    Sans-serif;
	font-size : 1.5rem;
	color : rgb(51,51,51);
	line-height :1.8rem;
	text-align: justify;
	font-style : italic;
	/*border: 1px solid green;*/
}
/*
.TextObject {
	font-family: Arial,    Helvetica,    Geneva,    Sans-serif;
	font-size : 24px;
	color : rgb(51,51,51)
}
*/
.TextNavBar {
	font-family: Arial,    Helvetica,    Geneva,    Sans-serif;
	font-size : 24px;
	color : #000000
}

A{	font-size : 24px
}

A:link {
	font-family: Arial,    Helvetica,    Geneva,    Sans-serif;
	font-size :24px
}

A:visited {
	font-family: Arial,    Helvetica,    Geneva,    Sans-serif;
	font-size : 24px
}

A:active {
	font-family: Arial,    Helvetica,    Geneva,    Sans-serif;
	font-size : 24px
}
H1 {
	font-family: Georgia,    Palatino,    "Times New Roman",    Times,    Serif
}

H2 {
	font-family: Georgia,    Palatino,    "Times New Roman",    Times,    Serif;
	font-weight : lighter
}

H3 {
	font-family: Georgia;
	font-weight : lighter
}

UL {
	font-family: Arial,    Helvetica,    Geneva,    Sans-serif;
	font-size : 14px
}

OL {
	font-family: Arial,    Helvetica,    Geneva,    Sans-serif;
	font-size : 14px
}

/* Tabs */
/*
.ui-tabs-panel {
	border: 1px solid #d4d4d4 !important;
	border-width: 1px 1px 1px 0px !important;
	background-image: url( "./tab_bg.png" ) !important;
	background-repeat: repeat-y;
	background-color: #ffffff !important;
	padding: 0px !important
}
.ui-tabs-nav a {
	background-image: url( "./tab_top.png" ) !important;
	font-weight: normal !important;
	color: #404040 !important;
	font-size: 11px !important;
	line-height: 22px !important
}
.ui-tabs-nav .ui-tabs-selected a {
	color: #f2f2f2 !important
}
.ui-tabs-nav a span    {
	background-image: url( "./tab_top.png" ) !important;
	max-height: 50px;
	height: 22px !important
}
*/


/* Toggle Pane */

/*
div.TogglePaneFancyHeader {
	font-family: inherit !important;
	font-size: 11px !important;
	font-weight: normal !important;
	line-height: 30px;
	height: 30px !important;
	padding: 0px !important;
	text-indent: 45px;
	cursor: pointer;
	border: none !important;
	border-right: 1px solid #dfdfdf !important;
	background-color: transparent !important;
	background-image: url( "./TogglePaneOpen.png" ) !important;
	background-position: 0% 0% !important;
	color: #404040 !important
}
div.TogglePaneFancyHeaderClosed {
	background-color: transparent !important;
	background-image: url( "./TogglePaneClosed.png" ) !important;
	background-position: 0% 0% !important;
	color: #404040 !important
}
div.TogglePanePlainContent {
	border: 1px solid #dfdfdf !important;
	border-width: 0px 1px 1px 0px !important;
	background-image: url( "./TogglePaneBG.png" ) !important;
	background-color: transparent !important
}

.nof_BookmarkAutumnNavbar5-Rollover {
	font-family: Arial,    Helvetica,    Geneva,    Sans-serif;
	font-size : 13px;
	color : rgb(76,76,76)
}
.nof_BookmarkAutumnNavbar6-Highlighted {
	font-family: Arial,    Helvetica,    Geneva,    Sans-serif;
	font-size : 13px;
	color : rgb(76,76,76)
}
.nof_BookmarkAutumnNavbar7-HighlightedRollover {
	font-family: Arial,    Helvetica,    Geneva,    Sans-serif;
	font-size : 13px;
	color : rgb(76,76,76)
}
.nof_BookmarkAutumnNavbar4-Regular {
	font-family: Arial,    Helvetica,    Geneva,    Sans-serif;
	font-size : 13px;
	color : rgb(76,76,76)
}
.nof_BookmarkAutumnNavbar9-Regular {
	font-family: Arial,    Helvetica,    Geneva,    Sans-serif;
	font-size : 13px;
	color : rgb(76,76,76)
}
.nof_BookmarkAutumnNavbar10-Rollover {
	font-family: Arial,    Helvetica,    Geneva,    Sans-serif;
	font-size : 13px;
	color : rgb(76,76,76)
}
.nof_BookmarkAutumnNavbar11-Highlighted {
	font-family: Arial,    Helvetica,    Geneva,    Sans-serif;
	font-size : 13px;
	color : rgb(76,76,76)
}
.nof_BookmarkAutumnNavbar12-HighlightedRollover {
	font-family: Arial,    Helvetica,    Geneva,    Sans-serif;
	font-size : 13px;
	color : rgb(76,76,76)
}
.nof_BookmarkAutumnBanners1-Default {
	font-family: Times New Roman ;
	font-size : 36px;
	font-style : normal;
	font-weight : normal;
	color : rgb(76,76,76)
}
*/




/* Anpassung an Geräte */

/*55rem = 880px*  45rem = 720px */
@media screen and (max-width: 55rem) {
 body {
  max-width: 45rem;
  padding: 0.5rem;
 }
 article {
  min-height: 15rem;
 }
}

/*65rem = 1040px*  55rem = 880px */
@media screen and (min-width: 65rem) {
 body {
   max-width: 55rem;
   padding: 0.2rem;
 }
}

/*90rem = 1440px*  85rem = 1360px */
@media screen and (min-width: 90rem) {
 body {
   max-width: 85rem;
   padding: 2.5rem;
 }
}

/*120rem = 1920px*  110rem = 1760 */
@media screen and (min-width: 120rem) {
 body {
   max-width: 110rem;
   padding: 3rem;
 }
}