/* CSS Document */

/* Small screens (Default) */
html {
    font-size: 100%;;
}

body {
	/* font-size: 0.55rem; /* 14/16 */
	font-size: 0.875rem; /* 14/16 */
	font-family: 'STONE_S.TTF';
	/* font-family: Helvetica, Arial, sans-serif; */
	font-style:normal;
	font-weight:100;
}

.showme { 
	/* color: red; */
	color:#FFFFFF;
	visibility:hidden;
	}

.container a {
	color: #FBB900;
	text-decoration: none;
}

.container a:hover {
	text-decoration: underline;
}


.container {
	width: auto; 
	/* width: 100%; */
	/* background-color: #333333; */
	/*float: left;*/
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.container header {
	width: 29%;
	/* width: 32.3%; */
	/* background-color: #FFFF99; */
	float:left;
}

.container header img {
	max-width: 100%;
	height: auto;
}

.container #box1 {
	/*  background-color: #CCFF66; */
	width: 2%;
	float:left;
	visibility:visible;
}

.container #box2 {
	width: 69%;
	/*background-color: #99FFFF;*/
	float:left;
	margin-left: 0px;
	padding-left: 2%
}

.container #box2 #box2a {
	/*  background-color: #9999FF; */
}
.container #box2 nav {
	/*  background-color: #999900; */
	font-size: 1.0rem; 
	/* font-size: 1.3rem;  */
	color: #FBB900;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color:#CCCCCC;
}

.container #box2 nav ul li {
	float: left;
	width: 100%;
	margin-bottom:1rem;
}

.container #box2 .clearfix .teaser {
	margin-bottom: 2%;
	float: left;
	width: 100%;
}

.container #box2 .clearfix .teaser figure {
	float: left;
	width: 100%; 
	margin: 0px;
	padding:0px;
}

.container #box2 .clearfix .teaser img{
	max-width: 100%;
	height: auto;
}

.container #box2 .clearfix .gallery {
	float: left;
	width: 100%;
}

.container #box2 .clearfix .gallery img{
	float: left;
	width: 23%;
	margin-top: 2%;	
	margin-right: 2%;	
}


.container #box2 .clearfix a .active {
	color:#7D99CF;
}

.container #box2 .clearfix a:hover .active {
	color:#7D99CF;
	text-decoration: underline;
}

.container #box2 footer {
	/*  background-color: #33FF00; */
	font-size: 0.55rem; 
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color:#CCCCCC;
	padding-top:0.5rem;
}

.container #box2 footer small {
		font-size: 0.8rem; 
	
}

.container #box2 footer div {
		float:left; 
	
}






.container #box2 main {
	/*  background-color: #FFCC33; */
	font-size: 0.75em;
	/* height: 40%; */
	margin-top:10%;
	
}

.container #box2 main .siteheader {
	/* background-color: #339966; */
	width: 100%;
	color: #FBB900;
	font-weight:100;
}

.container #box2 main .siteheader h1 {
	font-weight:100;
	margin: 0px;
	padding:0px;
	font-size:2.2rem;
}
.container #box2 main .siteheader h2 {
	width: 100%;
	margin: 0px;
	padding:0px;
	margin-top: 1%;
	margin-bottom: 2%;
	font-weight: 100;
	color:#333333;
}

.container #box2 main  h1 {
	font-weight:100;
	/* color: #FBB900; */
	font-size:2.2rem;
}

.container #box2 main h2 {
	width: 100%;
	margin: 0px;
	padding:0px;
	margin-top: 2%;
	margin-bottom: 1%;
	font-weight: 100;
	color: #FBB900;
	font-size:1.3rem;
}

.container #box2 main article {
	float: left;
	/* background-color:#CC3300; */
	width: 100%; 
}

.container #box2 main article figure {
	float: left;
	/* background-color: #CCCCCC; */
	width: 100%; 
	margin: 0px;
	padding:0px;
}


.container #box2 main article figure figcaption{
	color:#333333;
	font-size: 1.1rem;
}



.container #box2 main article figure img {
	/*  background-color: #00FF66; */
	max-width: 100%;
	height: auto;
}

.container #box2 main article .text {
	/* background-color: #CC33CC; */
	float:left;
	width: 100%;
	margin: 0px;
	padding:0px;
	margin-top: 1.1rem; /*5%; /* ändern auf Schriftgröße */
	font-size: 1.1rem; 
	line-height: 1.6rem;
}
.container #box2 main article .text h1 {
	color: #FBB900;
}

.container #box2 main article .text h2 {
	color: #FBB900;
	padding-top: 5%;
}

.container #box2 main article .text p {
	margin: 0px;
}



.container #box2 main article .text li {
	clear:both;
	/* list-style-type: circle; */
	float: none;
	font-weight: 100;
}

.container #box2 main article .text ul  { list-style-type:none;}
.container #box2 main article .text ul li:before { content: "\002D" " "; }
/* .container #box2 main article .text ul li:before { content: "\25BA" " "; } */

/*
.container #box2 main .text a {
	color: #FBB900;
	text-decoration: none;
}

.container #box2 main .text a:hover {
	text-decoration: underline;
} */



/* Ende Small screens (Default) */