/* -- Allgemeines -- */
body {
 background			: #D23423;
 color				: black;
 margin				: 0;
 padding			: 1%; 
 min-width			: 640px; 
 font-size			: 100.01%; 								/* umgeht den Font-Size-Bug im Safari, älteren Operas und IE */
 font-family		: verdana, arial, sans-serif ;
}

a { color			: #0B4D8C; 
 text-decoration	: underline;
 } 

a:visited { 
 color				: black;
 } 

.skip { 
 position			: absolute;
 margin-left		: -10000px;
}

h1 { 
 font-size			: 2.5em;
 line-height		: 0.8em;
 padding			: 20px 0 5px 0;
 margin				: 0;
 border-bottom		: 1px dashed #aaa;
}

h1, h2, h3, h4, h5, h6 { 
 color				: #B61D0D;
 font-family		: Georgia, "Times New Roman", Times, serif;
}

img { 
 border				: solid 1px #aaa;
 padding			: 1px;
 max-width			: 95%; 
}

.fleft { 
 float				: left;
 margin				: 0 1em 0.2em 0; 
}
.fright {
 float				: right;
 margin				: 0 0 0.2em 1em;
 padding			: 1px;
}


/* -- Layoutspezifisches -- */
#container { 
 font-size			: 0.9em; 
 max-width			: 800px; 
 margin				: auto; /										* Seite zentrieren */
 border				: 1px solid #aaa; 
 border-top			: 0; 
}

/* - Logo bzw. Kopf - */
#logo {
 background			: url(../img/kopf.jpg) 0 0 no-repeat #DC3523; 
 height				: 64px; 
 padding			: 0 20px;
 text-align			: right;
 line-height		: 54px;
 font-size			: 14px; 
 overflow			: hidden;  
 letter-spacing		: 0px; 
 margin				: 0; 
}

#logo a {
 color				: white;
 text-decoration	: none;
}

#logo a span { 
 color				: black;
 background			: white;
 padding-right		: 0.1em; 
 font-weight		: bold;
}

/* - Menü - */
#menu { 
 background			: url(../img/wechselschatten.jpg) brown;
 padding			: 5px 2%; 
 margin				: 0;
 text-align			: right;
 color				: yellow; /* Menüpunktes ohne Link */
}

#menu li {
 font-size			: 0.9em;
 display			: inline; 
 list-style-type	: none; 
 border-left		: 1px solid white; 
 padding			: 0 10px 0 15px;
 font-weight		: normal;
}

#menu li a {
 color				: white; 
 text-decoration	: none;
}

#menu a:link { 
 text-decoration	:none 
}

#menu a:hover { 
 color				:red;
 text-decoration	:none;
 background			:#FFD44A;
}

/* - Menü2 - */
#menu2 { 
 margin				: 1%;
 border-left		: 1px dotted #aaa;
 border-right		: 1px dotted #aaa;  
 font-size			: 0.8em;
 padding			: 5px 2%;
 margin				: 0;
 text-align			: right;
 color				: yellow;
 background			: #900;
 }
 
#menu2 li {
 display			: inline; 
 list-style-type	: none; 
 border-left		: 1px solid white; 
 padding			: 0 10px 0 15px;
}

#menu2 li a {
 color				: white; 										/* Linkfarbe weiß */
 text-decoration	: none;
}

#menu2 a:link { 
 text-decoration	:none 
}

#menu2 a:hover { 
 color				:red;
 text-decoration	:none;
 background			:#FFD44A;
}

/* - Subnavigation, Rechte Spalte - */
#subnav {
 width				: 20%; 
 min-width			: 10em; 
 float				: right; 
 padding			: 70px 1%;
 margin				: 1%;
/* border-left		: 1px dotted #aaa;*/ 
 font-size			: 0.95em;
 text-align			: right; 
}

#subnav dt { 										/* Überschriften in der Subnavigation */
 font-size			: 1.2em;
 font-family		: Georgia, "Times New Roman", Times, serif;
 font-style			: italic;
 font-weight		: bold;
 padding			: 0.5em 0.5em 0.5em 0em;
 margin-top			: 1em;
 border-top			: 1px dotted #aaa; 
}

#subnav dd { 										/* Unterpunkte der Subnavigation. */
 padding			: 0;
 margin				: 0.2em 0;
 font-size			: 0.9em;
}

/* - Der Hauptinhaltsteil - */
#main {
 background			: url(../img/illu_chor.jpg) no-repeat 100% 0 #FFD44A; 	/* Chor-Illustration rechts oben */
 padding			: 0 31% 10px 20px;
 line-height		: 1.5em; 
}