---------------------------------------------------------- */
/* Styles der Infoboxen
/* HS-Version V1.1 vom 14.04.2018
/* +++++ History 11.04.2018 - Erste Version
/* +++++         12.04.2018 - Funktionen aus format.css integriert
/* +++++         14.04.2018 - Anpassungen
---------------------------------------- */


/* Wichtig Stern Position -- derzeit ausgeblendet */
#page-addwichtig {
position: absolute;
left: 690px !important;
top: 86px !important;
left: 688px;
top: 85px;
z-index: 100;
}	

/* Anfang Formatierung für InfoBox Typ 1 */	
.BoxTyp1 {
position: relative;
top: 0px;
left: 2px;
height:250px;
width: 155px;
border:1px solid #000000;
box-shadow: 2px 2px 7px grey;
background:url(../images/container-bg1.gif);
font-family: Arial,Helvetica,sans-serif;
}

.BoxTyp1 .Grafik {
position: absolute;
top: 30px;
left: 116px;
border:0px solid #5F5F5F;
}

.BoxTyp1 .Titel {
position: absolute;
top: 4px;
left: 36px;
font-size:12px;
color: #7E2700;
font-weight:bold;
text-align: center;
}

.BoxTyp1 .Text1 {
position: absolute;
top: 50px;
left: 10px;
text-align: left;
/* abhängig vn der Breite der Grafik */
width: 155px;
height:120px;
font-size: 12px;
color: #000000;
}

.BoxTyp1 .Text2 {
position: absolute;
top: 240px;
left: 10px;
text-align: left;
/* abhängig vn der Breite der Grafik */
width: 155px;
height:78px;
overflow: hidden;
font-size: 12px;
color: #000000;
}
/* Ende der Formatierung für InfoBox Typ 1 */	


/* Anfang Formatierung für InfoBox Typ 2 */	
.BoxTyp2 {
position: relative;
top: 0px;
left: 2px;
height:200px;
width: 155px;
border:1px solid #000000;
box-shadow: 2px 2px 7px grey;
background:url(../images/container-bg1.gif);
font-family: Arial,Helvetica,sans-serif;
}

.BoxTyp2 .Grafik {
position: absolute;
top: 30px;
left: 116px;
border:0px solid #5F5F5F;
}

.BoxTyp2 .Titel {
position: absolute;
top: 4px;
left: 20px;
font-size:12px;
color: #7E2700;
font-weight:bold;
text-align: left;
}

.BoxTyp2 .Text1 {
position: absolute;
top: 50px;
left: 10px;
text-align: left;
/* abhängig vn der Breite der Grafik */
width: 155px;
height:120px;
font-size: 12px;
color: #000000;
}
/* Ende der Formatierung für InfoBox Typ 2 */	


/* Anfang Formatierung für InfoBox Typ 3 */	
.BoxTyp3 {
position: relative;
top: 0px;
left: 2px;
height:155px;
width: 155px;
border:1px solid #000000;
box-shadow: 2px 2px 7px grey;
background:url(../images/container-bg1.gif);
font-family: Arial,Helvetica,sans-serif;
}

.BoxTyp3 .Grafik {
position: absolute;
top: 30px;
left: 116px;
border:0px solid #5F5F5F;
}

.BoxTyp3 .Titel {
position: absolute;
top: 4px;
left: 20px;
font-size:12px;
color: #7E2700;
font-weight:bold;
text-align: left;
}

.BoxTyp3 .Text1 {
position: absolute;
top: 50px;
left: 40px;
text-align: left;
/* abhängig vn der Breite der Grafik */
width: 155px;
height:120px;
font-size: 12px;
color: #000000;
}

.BoxTyp3 .Text2 {
position: absolute;
top: 120px;
left: 10px;
text-align: left;
/* abhängig vn der Breite der Grafik */
width: 155px;
height:78px;
overflow: hidden;
font-size: 12px;
color: #000000;
}
/* Ende der Formatierung für InfoBox Typ 3 */	


/*  PopUp Box1 formatierung */
.pubox1 {
width: 410px;
height: 590px; 
padding: 15px; 
background-color: #FFA903;
border: 2px solid #8A7259;
}

/*  PopUp Box2 formatierung */
.pubox2 {
width: 240px;
height: 350px; 
padding: 15px; 
color: #000000;
background-color: #FFA903;
border: 2px solid #8A7259;
}

/* 	Ende der CSS Datei */