/***********************************************/
/* Generelle Einstellungen                     */
/***********************************************/
* {
	font-family:         Arial, Helvetica, sans-serif;
	font-size:           medium;
	background-color:    transparent;
	margin:              0px;
	padding:             0px;
	color:               rgb(51, 51, 51);
}

body {
	margin-top:          0px;
	margin-right:        0px;
	margin-left:         0px;
	margin-bottom:       0px;
	background-color:    #EEE; 
	background-repeat:   no-repeat;
/*	background-image:    url(bgbw.jpg); /*  oder url(bg.png) */
/*	background-size:     cover;   /* repeat-x; */
}

.eintrag {
	float:               left;
	width:               32%;
	min-width:           370px;
	margin-left:         10px;
	margin-top:          10px;
	margin-bottom:       0px;
	margin-right:        0px;
	border:              0px;
	padding:             0px;

}

.block {
	float:               left;
	width:               32%;
	min-width:           400px;
	margin-left:         10px;
	margin-top:          10px;
	margin-bottom:       0px;
	margin-right:        0px;
	border:              1px solid #000;
}
.block:visited, 
.block:hover, 
.block:active, 
.block:focus{
	border:              none;
}


table.StarNetLogoBar {
	width:               100%;
	color:               #000;
	border-bottom-width: 1px;
	border-bottom-color: #000;
	background-image:    url(bg-logo.png);
	background-repeat:   repeat-x;
}
table.StarNetMenuBar {
	width:               100%;
	color:               #FFF;
	background-color:    #000;
	font-weight: bold;
}
/******************************************************************************/
/* Allgemeine Defaouls überschreiben                                          */ 
/******************************************************************************/
ul, 
ol, 
dl { 
	margin:             0;
	padding:            0;
}
h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
	margin-top:         0;
	padding-right:      0px;
	padding-left:       0px;
}
p {
	margin-top:         0;
	padding-right:      0px;
	padding-left:       0px;
}
/******************************************************************************/
/* a = Hyperlink (Anker) Stile                                                */
/* Die Reihenfolge der Stildefinitionen für die Hyperlinks der Site,          */
/* einschließlich der Gruppe der Selektoren zum Erzeugen des Hover-Effekts,   */
/* muss immer erhalten bleiben.                                               */
/******************************************************************************/
a img { 
    /* Dieser Selektor entfernt den standardmäßigen blauen Rahmen, 
	   der in einigen Browsern um ein Bild angezeigt wird, 
	   wenn es von einem Hyperlink umschlossen ist. */
	/* margin:         0px 0px 0px 0px; */
	border: none;

}
a:link { 
	color:#414958;
	text-decoration: none; /* Stand voher auf underline */

}
a:visited {
	color: #4E5869;
	text-decoration: underline; 
}
a:hover, a:active, a:focus { 
/* Durch diese Gruppe von Selektoren wird bei Verwendung der Tastatur 
   der gleiche Hover-Effekt wie beim Verwenden der Maus erzielt. */
	text-decoration: none;
}

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

.header {
	width: 100%;
	/* [disabled]height: 95px; */
	background-color: 	 #000;
}
.logo {
	/* [disabled]position: relative; */
	padding-top: 		 36px;
	padding-right: 		 0px;
	padding-bottom: 	 0px;
	padding-left: 		 3px;
}

.content {
	width: 			     100%;
	float:               left;
}

.footer {
	width: 100%;
	position: inherit;  /* Hiermit erhält IE6 die Eigenschaft hasLayout, damit die clear-Anweisung korrekt ausgeführt wird. */

	clear: both; /* Diese clear-Eigenschaft bewirkt, dass .container das Ende der fließenden Spalten erkennt und ihren Inhalt aufnimmt. */
	margin-top:          10px;
	margin-left:         auto;
	margin-right:        auto;
	margin-bottom:       0px;
	padding-top:         1em;
	height:              35px;
	max-height:          35px;
	width:               100%;
	min-width:           200px;
	max-width:           800px;
	color:               #000;
	word-wrap:           break-word;
	border:              none;             
	position:            relative;
    vertical-align:      middle;
	display: 		     block;
	text-align:          center;
	overflow:            auto; /* Sorgt dafür dass ein Bild innerhalb der Zohne bleibt */
	
}
.footer #imp {
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
.footer #dat {
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

.footer #imp:hover {
	font-weight: bold;
}

.invisible {
	visibility:collapse;
}

/* Nur für die neue INDEX.php */

.inhalt {
	margin-top:          10px;
	margin-left:         auto;
	margin-right:        auto;
	margin-bottom:       0px;
	padding:             0px 0px 0px 0px;
	width: 			     100%;
	min-width:           400px;
	max-width:           1170px;
	float:               center;
	border:              none; /*2px dashed #000; */
	overflow:            auto; /* Sorgt dafür dass ein Bild innerhalb der Zohne bleibt */
}

.infobox {
	float:               left;
	width:               31%;
	min-width:           300px;
	max-width:           370px;
	height:              413px;
	min-height:          413px;
	max-height:          413px;
	margin-left:         0px;
	margin-top:          0px;
	margin-bottom:       2%;
	margin-right:        2%;
	border:              none;
	padding:             0px;
    text-decoration:     none;
	color: 				 #000;
	background-color:    #FFF; 
	overflow:            auto; /* Sorgt dafür dass ein Bild innerhalb der Zohne bleibt */
}
.infobox:hover {
	background-color:    #AEC; 
}

.info_p
{
	padding:             10px 10px 10px 10px;
	overflow:            auto; /* Sorgt dafür dass ein Bild innerhalb der Zohne bleibt */
}
.infoimg {
	border:              none;
	float:               left;
	width:               100%;
	min-width:           300px;
	max-width:           370px;
    text-decoration:     none; 
}
.info_h1 {
	margin-top: 	     10px;
	margin-bottom:	     10px;
	font-family:         Arial, Helvetica, sans-serif;
    font-size:           22px;
	font-weight:         bold; 
    text-decoration:     none; 
	}
.infotext {
	font-family:         Arial, Helvetica, sans-serif;
    font-size:           16px;
	font-weight:         bold;
    text-decoration:     none; 
	}