/* Kleine Monitore */
body {
	margin: auto 2%;
	padding: 0;
	background: #3E578F;
	font-size: 1.2em;
}

#eyecatcher {
	border: 2px solid #ffffff;
}

#balkencatcher {
	border: 2px solid;
}

img {
 width: 100%;
 height: auto; 
}

img.floater {
	width: 25%;
	height: auto;
	margin: 15px 15px 30px 10px; 
}

.floatbildtexte {
	width: 70%%;
	height: auto;
}

.floatbildüberschrift {
	font-size: 8px;
	margin-bottom: 8px;
}

.floatbildzweiteüberschrift {
	font-size: 8px;
}
 
.reframe {
 max-width: 96%;
 margin: 0 auto; 
}

#topline {
 max-width: 96%;
 margin: 0 auto;
 background: #3E578F;
 color: #3E578F;
}

#topline p {
 margin: 0;
 padding:0 0 0px 0;
 font-size: 0.6em;
 text-align: center;
 line-height: 100%; 
 }
 
ul#mainmenu { 
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	-ms-flex-pack:justify;
	justify-content: space-between;
	margin-left: 0; 
	padding-left: 0; 
	list-style-type: none;
}

ul#mainmenu li { 
   position: relative;
   width: 48%;
   font-size:0.92em;
   background-color: #072655; 
   margin-right: 1px; 
   margin-bottom:1ex; 
}

ul#mainmenu li a { 
   display:block;
   padding: 10px;
   text-decoration: none;
   color: #ffffff; 
}

ul#mainmenu li a:hover {
	background: url(./images/pic-maintopica-44px.gif) repeat-x;
	color: #333333;
} 

ul#mainmenu li a.active {
	background: url(./images/pic-maintopica-44px.gif) repeat-x;
	color: #F57105;
	font-weight: bold;
} 

#dropzeile {
	display: none; 
}

#sidebar2 li.heightxxl {
	height: 28px;
}

#sidebar2 p.sidebarlistzeile2 {
	height: 42px;
}

#home {
	background: salmon;
	color:white;
	padding: 10px;
	text-align: center;
	font-weight: bold;
	cursor: pointer 
}

.begrenzung {
	width: 270px;
	overflow: hidden;
}

.tabelle {
	font-size: 11px;
}

.tjahr, .tjahr1, .t2015a, .t2016a, .t2017a, .t2018a, .t2018b, .tbilanza, .tspalte1a, .guvbold  {
	font-size: 9px;
}

.tbilanz00a, .tbilanz01a, .tbilanz02a, .tbilanz03a, .textspalte03, .t01a, .t2015d, .t2016d, .t2017d, .t2018d, .tbilanzad, .guvboldd, .textspalte  {
	font-size: 9px;
}



/* Anpassung sidebar li */
@media only screen and (min-width: 353px) {

#sidebar2 li.heightxxl {
	height: 15px;
}

#sidebar2 p.sidebarlistzeile2 {
	height: 25px;
}

}

/* Größere Smartphones */
@media only screen and (min-width: 400px) {

#eyecatcher {
	border: 3px solid #ffffff;
}

.tabelle {
	font-size: 13px;
}

.tjahr, .tjahr1, .t2015a, .t2016a, .t2017a, .t2018a, .t2018b, .tbilanza, .tspalte1a, .guvbold  {
	font-size: 12px;
}

.tbilanz00a, .tbilanz01a, .tbilanz02a, .tbilanz03a, .textspalte03, .t01a, .t2015d, .t2016d, .t2017d, .t2018d, .tbilanzad, .guvboldd, .textspalte  {
	font-size: 11px;
}


}




/* Seite Kanzlei */
@media only screen and (min-width: 600px) {

.bild {
	float: left;
}

}



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

#topline {
	height: 10px; 
}

#balkencatcher {
	border: 5px solid;
}

.reframe {
	max-width: 760px; 
}

#mainmenu {
	margin-bottom: 0;
}
	
ul#mainmenu {
display: block;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;	 
}


ul#mainmenu { 
	margin-left: 0; 
	padding-left: 0; 
	list-style-type: none;
	height: 30px;
	border-top: 3px solid #eeeeee;
	border-bottom: 3px solid #3E578F;
	background-color: #072655;
	overflow: hidden;
}

ul#mainmenu li {
	width: 100%;
	margin-right: 0px;
	margin-bottom: 0ex;
}

ul#mainmenu li a {
	display: block;
	float: left;
	height: 30px;
	padding: 0px 10px 0px 10px;
	line-height: 30px;
	color: #ffffff;
	text-decoration: none;
	font-size: 11px;
	letter-spacing : 3px;
	background: url(./images/pic-line.gif) no-repeat left;
}

ul#mainmenu li a.rechts {
	padding-left: 0px 10px 0px 10px;
	float: right;
}

ul#mainmenu li a:hover {
	background: url(./images/pic-maintopica.gif) repeat-x;
	color: #333333;
}

ul#mainmenu a.active {
	background: url(./images/pic-maintopica.gif) repeat-x;
	color: #F57105;
	font-weight: bold;
	font-size: 12px;
}
   
#main, #maindrop, #maindropsolo {
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-justify-content: space-between;
	-ms-flex-pack:justify;
	justify-content: space-between;
	background-color: #ffffff;
}
	
#content{
	width: 57%;
}

#sidebar, #sidebar1, #sidebar2 {
	margin: 10px 0 10px 10px;
	height: 65%;
	width: 47%;
}

#content article {
	width: 100%;
	float:none; }

.begrenzung {
	width: 620px;
	overflow: hidden;
}

.bildumfliessend, .bildumfliessend-u {
	float: left;
}


/* Anpassung floatbildcontainer für chrome*/
.floatbildtexte, .floatbildtexte1 {
	width: 100%%;
	height: auto;
}

.tabelle {
	font-size: 14px;
}

.tjahr, .tjahr1, .t2015a, .t2016a, .t2017a, .t2018a, .t2018b, .tbilanza, .tspalte1a, .guvbold  {
	font-size: 13px;
}

.tbilanz00a, .tbilanz01a, .tbilanz02a, .tbilanz03a, .textspalte03, .t01a, .t2015d, .t2016d, .t2017d, .t2018d, .tbilanzad, .guvboldd, .textspalte  {
	font-size: 12px;
}

	
}



/* Mittlere Größe */
@media only screen and (min-width: 980px)  {

.reframe {
	max-width: 970px; 
}

#eyecatcher {
	border: 5px solid #ffffff;
}

#content {
	width: 65%; 
}

#sidebar, #sidebar1, #sidebar2 {
	width: 30%;
	height: 65%;
}

/* Im Moment durch Anhang Ziffer 1 ausgeschaltet */	
#content1 {
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-justify-content: space-between;
	-ms-flex-pack:justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
	
#content article {
	width: 48%;
}
	
#content header {
	height:2.8em;
}

.tabelle {
	font-size: 15px;
}

.tjahr, .tjahr1, .t2015a, .t2016a, .t2017a, .t2018a, .t2018b, .tbilanza, .tspalte1a, .guvbold  {
	font-size: 14px;
}

.tbilanz00a, .tbilanz01a, .tbilanz02a, .tbilanz03a, .textspalte03, .t01a, .t2015d, .t2016d, .t2017d, .t2018d, .tbilanzad, .guvboldd, .textspalte  {
	font-size: 14px;
}


#home {
	background: #3E578F;
	color: #3E578F;
}


}

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

#eyecatcher {
	margin-bottom: 0px; 
}

#mainmenu {
	margin: 0; 
}

.reframe {
	max-width: 970px; 
}

img.floater {
 width: 160px;
 height: 112px; 
 margin: 10px 15px 10px 10px;
}

.bildfloatbild {
	width: 60%;
}

.floatbildüberschrift {
	margin-bottom: 20px;
}

.floatbildzweiteüberschrift {
	margin-top: 20px;
}

#content{
	width: 100%;
}
	
#sidebar, #sidebar2 {
	width: 32%;
	height: 65%;
}

#sidebar1 {
	width: 34%;
	height: 65%;
}
	
#content article {
	width: 48%;
}
	
#content header {
	height:2.8em;
}

#home, #topline {
	display: none;
}

}