/* styles.css */

html, body {
	font-family:Verdana, Arial, sans-serif;
	font-size:10pt;
	color:#ffffff;
	background-color:#140400; /* dunkelbraun */
	height:100%;
	margin:0 auto;
	padding:0;
	text-align:center;
	}
	
img {
	border:none;
	}

#center {
	height:100%;
	width:907px;
	margin:0 auto;
	}
	
/* Kopfbanner */	
#header {
	background-image:url(../images/header.png);
	background-position:center;
	background-repeat:no-repeat;
	height: 113px;
	width: 907px;
  	}
	
/* einzeiliges Menü */	
#menu1 {
	background-image:url(../images/menu1.png);
	background-position:center;
	background-repeat:no-repeat;
	height: 25px;
	width: 907px;
	font-weight:bold;
	text-align:left;
	letter-spacing: 0.5pt;
	line-height:25px;
	}
	
/* Links für menu1 */ 
#menu1 a:link, #menu1 a:visited, #menu1 a:hover, #menu1 a:active {
 	text-decoration:none;
 	font-weight:bold;
 	color:#140400; /* dunkelbraun */ 
	}
#menu1 a:visited {
	color:#140400; /* dunkelbraun */
	}
#menu1 a:hover, #menu1 a:active {
 	color:#c90000;  /* rötlich */
 	text-decoration:none;
 	font-weight:bold;
	}
	
/* zweizeiliges Menü */	
#menu2 {
	background-image:url(../images/menu2.png);
	background-position:center;
	background-repeat:no-repeat;
	height: 20px;
	width: 907px;
	font-weight:bold;
	text-align:left;
	letter-spacing: 0.5pt;
	color:#140400; /* dunkelbraun */
	}
	
/* Links für menu2 */ 
#menu2 a:link, #menu2 a:visited, #menu2 a:hover, #menu2 a:active {
 	text-decoration:none;
 	font-weight:bold;
 	color:#140400; /* dunkelbraun */
	}
#menu2 a:visited {
	color:#140400; /* dunkelbraun */
	}
#menu2 a:hover, #menu2 a:active {
 	color:#c90000;  /* rötlich */
 	text-decoration:none;
 	font-weight:bold;
	}	

/* aktiver Link im Menü */
.link {
	color:#c90000; /* rötlich */
	font-weight:bold;
	text-decoration:none;
}

/* Fenster mit variabler y-länge */
#flex {
   	background-image:url(../images/flex.png);
	background-position:center;
	background-repeat:repeat-y;
	width: 907px;
   	}

/* Container für Text */
#einrueckung {
	text-align:justify;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	line-height:150%;
	}
	
/* Container für Dresden, Sinnlos, etc. */
#einrueckung2 {
	text-align:center;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	line-height:150%;
	}
	
/* iframe-Runterrückung */
#leerzeile {
	height: 15px;
	}
		
/* einzelnen Fotokästen */	
#fotos01 { position:absolute; height:150px; width:140px; left:50px; top:10px; }
#fotos02 { position:absolute; height:150px; width:140px; left:200px; top:10px; }
#fotos03 { position:absolute; height:150px; width:140px; left:350px; top:10px; }
#fotos04 { position:absolute; height:150px; width:140px; left:500px; top:10px; }
#fotos05 { position:absolute; height:150px; width:140px; left:650px; top:10px; }
#fotos06 { position:absolute; height:150px; width:140px; left:50px; top:160px; }
#fotos07 { position:absolute; height:150px; width:140px; left:200px; top:160px; }
#fotos08 { position:absolute; height:150px; width:140px; left:350px; top:160px; }
#fotos09 { position:absolute; height:150px; width:140px; left:500px; top:160px; }
#fotos10 { position:absolute; height:150px; width:140px; left:650px; top:160px; }
#fotos11 { position:absolute; height:150px; width:140px; left:50px; top:310px; }
#fotos12 { position:absolute; height:150px; width:140px; left:200px; top:310px; }
#fotos13 { position:absolute; height:150px; width:140px; left:350px; top:310px; }
#fotos14 { position:absolute; height:150px; width:140px; left:500px; top:310px; }
#fotos15 { position:absolute; height:150px; width:140px; left:650px; top:310px; }
#fotos16 { position:absolute; height:150px; width:140px; left:50px; top:460px; }
#fotos17 { position:absolute; height:150px; width:140px; left:200px; top:460px; }
#fotos18 { position:absolute; height:150px; width:140px; left:350px; top:460px; }
#fotos19 { position:absolute; height:150px; width:140px; left:500px; top:460px; }
#fotos20 { position:absolute; height:150px; width:140px; left:650px; top:460px; }
	
/* Fußzeile */	
#footer {
   	background-image:url(../images/footer.png);
	background-position:center;
	height: 20px;
	width: 907px;
   	}
	
#letterspacing {
	position: relative;
	letter-spacing: 0.15em;
	font-weight: bold;
	text-align:center;
	}
	
.left {
	text-align:left;
	}
	
.u {
	text-decoration:underline;
	}
	
/* Überschriften */	
h1 {
	font-size:12pt;
	font-weight:bold;
	text-align:center;
	}
	
h2 {
	font-size:10pt;
	font-weight:bold;
	text-decoration:underline;
	text-align:center;
	}
	
/* zurück-Button */
#back {
	font-size:8pt;
	font-weight:normal;
	text-align:right;
	}
	
/* Standard Hyperlinks */
a:link, a:visited, a:hover, a:active {
 	text-decoration:none;
 	font-weight:bold;
 	color:#FFFFFF;
	}
a:visited {
	color:#FFFFFF;
	}
a:hover, a:active {
 	color:#f7bf13;  /* orange */
 	text-decoration:underline;
 	font-weight:bold;
	}

/* Einrücken der Formularfelder */
.feldname {
 	margin-left:25px;
	}

.feldmail {
	margin-left:13px;
	}