/* Stylesheet fuer Bildschirm, noch alles angezeigt auf 1024 x 768 */

body { 
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	color: #666666;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}    

#div_rahmen {
	position: absolute;
	top: 50%;	
	left: 50%;
	width: 880px;
	height: 367px;
	margin-top: -191px; /* (-1)x(#div_rahmen.height/2 + #div_fusszeile.height/2 + 'Abstand Fusszeile zu Rahmen '/2) */
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -440px; /* (-1)*(#div_rahmen.width/2)  */
	padding: 0px;
	background-color: #FFFFFF;
	border-style: solid;
	border-width: 1px;
	border-color: #D8D5D5;
	text-align: left;
}

#img_schatten_links, #img_schatten_unten {
	border-style: none;
    border-width: 0px;
	margin: 0px;
	padding: 0px;	
}

#img_schatten_links {
	position: absolute;
	top: -2px;	
	left: -11px;
	width: 10px;
	height: 401px;
}

#img_schatten_unten {
	position: absolute;
	top: 368px;	
	left: -1px;
	width: 881px;
	height: 10px;
}

#div_start { /* zentriert alle Elemente auf der Startseite */
	position: absolute;
	top: 0px;
	left: 0px;
	width: 880px;
	height: 367px;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

#img_schriftzug { /* Schriftzug auf der Startseite */
	margin-top: 75px;
	margin-bottom:0px;
	padding: 0px;
}

img.start { /* Klasse fuer die Bilderlinks auf der Startseite */
 	width: 100px;
	height: 23px;
	border-style: none;
    border-width: 0px;
	margin-top: 30px; 
	margin-right: 10px; 
	margin-bottom: 0px;
	margin-left: 10px;
	padding: 0px;	
}

#div_start_textlinks { /* umschliesst alle (Container der) Textlinks auf der Startseite*/
	position: absolute;
	top: 194px;
	left: 0px;
	margin: 0px;
	padding: 0px;
}

div.start { /* Klasse fuer die Positionierung der Textlinks auf der Startseite */
	float: left; 	
	width: 119px;
	border-style: none;
    border-width: 0px;
	margin-top: 0px; 
	margin-bottom: 0px;
	padding: 0px;
	text-align: center;
}

div.start_erstes{ /* Klasse fuer die Positionierung des ersten Textlink auf der Startseite */
	margin-right: 0px;
	margin-left: 128px; /*  */
}

div.start_hintere{ /* Klasse fuer die Positionierung der folgenden Textlinks auf der Startseite */
	margin-right: 0px;
	margin-left: 7px; /*  */
}


a.start {
	font-size: 11px;
	color: #666666; /* wichtig: diese Farbe muss auch in die Konfigurationsdatei uebertragen werden */
	text-decoration: none;
}

a.start:hover {
	color: #C0BCBC;	/* wichtig: diese Farbe muss auch in die Konfigurationsdatei uebertragen werden */
}

#div_start_text { /* Container mit Begruessungstext auf Startseite */
	clear: left;
	position: absolute;
	top: 245px;
	left: 50%;
	width: 600px;
	margin-top: 0px;
	margin-left: -300px;
	padding: 0px;
	text-align: center;
	font-size: 12px;
	line-height: 20px;
}

#img_lesezeichen {
	position: absolute;
	top: 29px;    
	left: 50px;    
	width: 100px;
	height: 306px;    
	margin: 0px;
	padding: 0px;
}    

#div_lesezeichen_text {
	position: absolute;
	top: 338px;   /* img_lesezeichen_top + img_lesezeichen_height + 'Abstand LZ-Text zu LZ-Bild' (3)  */
	left: 25px;    
	width: 150px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: #666666;
	font-size: 11px;
}    

#div_navi { /* Container, in dem die Navigationsleiste, bestehend aus Bilderlinks und Textlinks, enthalten ist */
	position: absolute;
	top: 29px;
	left: 200px;
	width: 674px;
	height: 45px;
	margin: 0px;
	padding: 0px;
}

img.navi{ /* Klasse fuer die Bilderlinks in der Navigation */
 	width: 100px;
	height: 23px;
	border-style: none;
    border-width: 0px;
	margin-top: 0px; 
	padding: 0px;	
}

img.navi_vordere{
	margin-right: 26px; /* -5 (negativer content-Abstand) + 77 ((630-4x100)/3) */
	margin-bottom: 0px;
	margin-left: 0px;
}

img.navi_letztes{
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 2px; /* um Aufrundung bei img.navi_margin-right auszugleichen */
}

#div_navi_textlinks { /* umschliesst alle (Container der) Textlinks in der Navigationsleiste */
	position: absolute;
	top: 28px;
	left: 0px;
	margin: 0px;
	padding: 0px;
}

div.navi { /* Klasse fuer die Positionierung der Textlinks der Navigation*/
	float: left; 	
	width: 130px;
	border-style: none;
    border-width: 0px;
	margin-top: 0px; 
	padding: 0px;
	text-align:center;
}

div.navi_erstes{ /* Klasse fuer die Positionierung des ersten Textlinks der Navigation*/
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -17px;
}

div.navi_hintere{ /* Klasse fuer die Positionierung der folgenden Textlinks der Navigation*/
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 3px;
}

a.navi:link {
	font-size: 11px;
	color: #C0BCBC; /* wichtig: diese Farbe muss auch in die Konfigurationsdatei uebertragen werden */
	text-decoration: none;
}

a.navi:visited {
	font-size: 11px;
	color: #C0BCBC; /* wichtig: diese Farbe muss auch in die Konfigurationsdatei uebertragen werden */
	text-decoration: none;
}

a.navi:focus {
	font-size: 11px;
	color: #C0BCBC; /* wichtig: diese Farbe muss auch in die Konfigurationsdatei uebertragen werden */
	text-decoration: none;
}

a.navi:hover {
	font-size: 11px;
	color: #666666; /* wichtig: diese Farbe muss auch in die Konfigurationsdatei uebertragen werden */
	text-decoration: none;
}

a.navi:active {
	font-size: 11px;
	color: #C0BCBC; /* wichtig: diese Farbe muss auch in die Konfigurationsdatei uebertragen werden */
	text-decoration: none;
}

a.navi_aktiv {
	font-size: 11px;
	color: #666666; 
	text-decoration: none;
}

a.navi_aktiv:hover {
	color: #666666;
}


#hr_trennlinie {
	position: absolute;
	top: 80px;
	left: 245px;
	width: 540px;
	height: 1px;
	border-style: none;
    border-width: 0px;
	margin: 0px;
	padding: 0px;
	color: #D8D5D5;
	background-color:#D8D5D5; 
}

#div_inhalt {
	position: absolute;
	top: 90px;
	left: 200px;
	width: 662px;
	height: 245px;
	margin: 0px;
	padding: 0px;
	overflow: auto;
	text-align: left;
}

#div_abstand_navi_bm {
	height: 27px;
	margin: 0px;
	padding: 0px;
}

#div_text {
	width: 630px;
	margin: 0px;
	padding: 0px;
	text-align: justify;
	font-size: 11px;
}

p {
	margin-top: 0px;
	margin-bottom: 18px;
	line-height: 18px;
}

p.vor_briefmarken {
	margin-bottom: 30px;
}

p.ueberschrift {
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 0px;
}

a.kontakt {
	font-size: 11px;
	color: #666666;
	text-decoration: underline;
}

a.kontakt:hover {
	color: #C0BCBC;
}

#table_ausstellungen {
	width: 630px;	
	vertical-align: top;
	border: 0px none #FFFFFF;
	line-height: 22px;
}

td.erste { /* Klasse der Tabellenzellen der ersten Spalte (innerhalb der Ausstellungstabelle) */
	width: 45px;
	vertical-align:top;
}

td.erste_einzel { /* Klasse der Tabellenzellen der ersten Spalte (innerhalb der Ausstellungstabelle), wenn in der Zeile eine Einzelausstellung steht */
	font-weight: normal;
}

td.zweite { /* Klasse der Tabellenzellen der zweiten Spalte (innerhalb der Ausstellungstabelle) */
	width: 585px;
	vertical-align:top;
}

td.zweite_einzel { /* Klasse der Tabellenzellen der zweiten Spalte (innerhalb der Ausstellungstabelle), wenn in der Zeile eine Einzelausstellung steht*/
	font-weight: bold;
}

#div_briefmarken {
	width: 630px;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

img.briefmarke {
 	width: 85px;
	height: 85px;
	border-style: solid;
    border-width: 1px;
	border-color: #D8D5D5;
	margin-top: 0px; 
	padding: 2px;	
}

img.briefmarke:hover {
	border-color: #666666;
}

img.briefmarke_L {
	margin-right: 38px;
	margin-bottom: 33px;
	margin-left: 0px;
}

img.briefmarke_R {
	margin-right: 0px;
	margin-bottom: 33px;
	margin-left: -1px;
}

img.briefmarke_LU { /* Klasse der Briefmarken Links Unten = letzte Zeile, alle Bilder bis auf letztes (falls die ganze Zeile gefuellt ist) */
	margin-right: 38px;
	margin-bottom: -3px; 
	margin-left: 0px;
}

img.briefmarke_RU { /* Klasse der Briefmarken Rechts Unten = letzte Zeile, letztes Bild (falls die ganze Zeile gefuellt ist) */
	margin-right: 0px;
	margin-bottom: -3px; 
	margin-left: -1px;
}

#div_fusszeile {
	position: absolute;
	top: 370px; /* = #div_rahmen.height + 1 (#div_rahmen.border-width) + 2 (Abstand zu Rahmen) */
	left: 0px;
	width: 880px; /* = #div_rahmen.width */
	height: 15px;
	margin: 0px;
	padding: 0px;
	text-align: center;
 	color: #C0BCBC;
	font-size: 10px;
}

a.fusszeile {
	font-size: 10px;
	color: #C0BCBC;
	text-decoration: none;
}

a.fusszeile:hover {
	color: #666666;	
}

#div_kontakt {
	position: absolute;
	top: 100px; 
	left: 300px;
	width: 185px; 
	height: 185px;
	margin: 0px;
	padding: 10px;
	background-color: #FFFFFF;
	border: 2px solid #D8D5D5;
	visibility: hidden;
	overflow: auto;
	font-size: 11px;
}

#div_impressum{
	position: absolute;
	top: 46px; 
	left: 270px;
	width: 310px; 
	height: 280px;
	margin: 0px;
	padding: 10px;
	background-color: #FFFFFF;
	border: 2px solid #D8D5D5;
	visibility: hidden;
	overflow: auto;
	font-size: 11px;
}