/*
giorgiopv.css
Version vom 20.11.2023/HJR

**** Formatierungen für die Seiten von giorgiopv. ****
     Für die Formatierung der Bilanzen (sonti, bsetzi, ulmen in den iFrames ist das 'bilanzen.css' zuständig
*/

body {
    margin:auto;
	background:#222222;
    font-size: 1.4em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
}

header {
	position: fixed;  /* fixiert diesen Bereich am oberen Fensterrand */
	top: 0px;
	left: 0px;
	right: 0px;
}

#sizes {
    margin-left: 4px;
    /*border-top-width: 1px;
	border-top-style: solid;*/
	border-color: black;
    /*border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: black;*/
}

.buttons_pv {
	font-size: 14px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.button {
	align-items: center;
	background-color: #375A7F; /* blau */
	color: white;
	line-height: 25px;
	border-width: 0px;
	border-radius: 4px;
	padding: 0.1px 12px;
	text-align: center;
	font-size: 1em;
	margin: 8px 2px;  /* Rand vert und horiz */
	cursor: pointer;
}

.extern {
	background-color: #773333; /* rot */
}

.button:hover {
	background-color: #28415B; /* d.blau */
}

.extern:hover {
	background-color: #662222; /* d.rot */
}

#bilanzen {
	padding-top: 70px;  /* Abstand zu den Buttons */
	border: 20px;
	background-color: #222222; /* sehr dunkles Grau */
}

.bilanz_text_box {
    width: 310px;
    margin-left: auto;
    margin-right: auto;
    flex-wrap: wrap;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
  	font-weight: 200;
    color: #CCCCCC;
    background: #444444;
    border:  0.1px solid #999999;
    border-radius: 0.3em 0.3em 0.3em 0.3em;
    padding: 0.2em 0.5em 0.2em 0.5em;   /* top | right | bottom | left */
}

/** *************************************************************************/
.buttons_dat {  /* ganze Fläche */
/*	position: fixed;
	top: 28;
	left: 0;
	right: 0;  */
    padding: 0.1em 0.2em 0.2em 0.2em;   /* top | right | bottom | left */
    width: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
	font-size: 13px;
   	font-weight: bold;
}

.buttons_dat button {
    border: 1.5px solid #22aa55;
    border-radius: 0.3em 0.3em 0.3em 0.3em;    /* top | right | bottom | left */
    padding: 0.1em 0.2em 0.05em 0.2em;   /* top | right | bottom | left */
    width: 45px;
    margin-left: 5px;
    margin-right: 5px;
	color: #ffffff;
	background-color:#22aa55; /* grün */
	font-size: 14px;
   	/*font-weight: bold;*/
	}

.buttons_dat button:hover {
	background-color: #008833; /* d.grün */
}

.buttons_dat #datum {
	border: 1.5px solid #22aa55;
    border-radius: 0.3em 0.3em 0.3em 0.3em;    /* top | right | bottom | left */
    padding: 0.09em 0.2em 0.17em 0.2em;   /* top | right | bottom | left */ 
    width: 75px;
    margin-left: 10px;
    margin-right: 10px;
	background-color:#88DDAA;
	color: #000000;
    text-align: center;
}

/** *************************************************************************/