/* CSS-Datei nach der Vorlage von http://wwww.css-vorlagen.de/templates/mohnblume/ */
/* Diese Datei darf frei verwendet und angepasst werden, unterliegt jedoch der http://creativecommons.org/licenses/by/2.0/ */


/* Allgemeine Formatierungen */
*{
 margin:0;
 padding:0;
}

body{
 background:#eee;
 font:.8em "trebuchet ms", arial, sans-serif;
 text-align:center;
}


/* Formatierungen Layout (grob) */
#seite{
 background:#fff url(hintergrund.jpg) repeat-y;
 margin:0 auto;
 padding:10px 10px 5px 13px;
 text-align:left;
 width:715px
}

#oben1{
 position: relative;
 background:#fff url(Banner.gif) no-repeat;
 clear:both;
 height:130px;
 width:713px;
}

#oben1 #oben1note{
 position: absolute;
 top: 70px;
 left:50%;
 background:#fff url(Violinschluessel.gif) no-repeat;
 clear:both;
 margin:0 auto;
 padding:10px 10px 5px 13px;
 height:69px;
 width:40px;
}

#oben1 #oben1wappen{
 position: absolute;
 top: 67px;
 left:45%;                  
 background:0 url(wappen.gif) no-repeat;
 /*    clear:both;          */
 margin:0 auto;
 padding:10px 10px 5px 13px; 
 height:85px;
 width:80px;
}

#oben1chor{
 background:0 url(MGV-2013.jpg) no-repeat;
 /*    clear:both;          */
 margin:0 auto;
 padding:0px 10px 5px 13px; 
 height:249px;
 width:708px;
}

#oben1 #oben1freiburg{
 position: absolute;
 top: 70px;
 left:41%;
 background:#fff url(fr.gif) no-repeat;
 /*    clear:both;          */
 margin:0 auto;
 padding:10px 10px 5px 13px; 
 height:55px;
 width:60px;
}

#oben1 #oben1buch{
 position: absolute;
 top: 70px;
 left:45%;
 background:#fff url(bftf.jpg) no-repeat;
 /*    clear:both;          */
 margin:0 auto;
 padding:10px 10px 5px 13px; 
 height:67px;
 width:124px;
}

#oben1 #oben1kalender{
 position: absolute;
 top: 70px;
 left:45%;
 background:#fff url(kbt.jpg) no-repeat;
 /*    clear:both;          */
 margin:0 auto;
 padding:10px 10px 5px 13px; 
 height:98px;
 width:93px;
}

#oben1 #oben1komet{
 position: absolute;
 top: 70px;
 left:45%;
 background:#fff url(kmt.gif) no-repeat;
 /*    clear:both;          */
 margin:0 auto;
 padding:10px 10px 5px 13px; 
 height:67px;
 width:93px;
}

#oben1 #oben1jahr2007{
 position: absolute;
 top: 70px;
 left:45%;
 background:#fff url(nachlese-2007.gif) no-repeat;
 /*    clear:both;          */
 margin:0 auto;
 padding:10px 10px 5px 13px; 
 height:67px;
 width:93px;
}

#oben1 #oben1jahr2008{
 position: absolute;
 top: 70px;
 left:45%;
 background:#fff url(nachlese-2008.gif) no-repeat;
 /*    clear:both;          */
 margin:0 auto;
 padding:10px 10px 5px 13px; 
 height:67px;
 width:93px;
}

#oben1 #oben1jahr2009{
 position: absolute;
 top: 70px;
 left:45%;
 background:#fff url(nachlese-2009.gif) no-repeat;
 /*    clear:both;          */
 margin:0 auto;
 padding:10px 10px 5px 13px; 
 height:67px;
 width:93px;
}

#oben1 #oben1jahr2010{
 position: absolute;
 top: 70px;
 left:45%;
 background:#fff url(nachlese-2010.gif) no-repeat;
 /*    clear:both;          */
 margin:0 auto;
 padding:10px 10px 5px 13px; 
 height:67px;
 width:93px;
}

#oben1 #oben1jahr2011{
 position: absolute;
 top: 70px;
 left:45%;
 background:#fff url(nachlese-2011.gif) no-repeat;
 /*    clear:both;          */
 margin:0 auto;
 padding:10px 10px 5px 13px; 
 height:67px;
 width:93px;
}

#oben1 #oben1jahr2012{
 position: absolute;
 top: 70px;
 left:45%;
 background:#fff url(nachlese-2012.gif) no-repeat;
 /*    clear:both;          */
 margin:0 auto;
 padding:10px 10px 5px 13px; 
 height:67px;
 width:93px;
}

#oben1 #oben1jahr2013{
 position: absolute;
 top: 70px;
 left:45%;
 background:#fff url(nachlese-2013.gif) no-repeat;
 /*    clear:both;          */
 margin:0 auto;
 padding:10px 10px 5px 13px; 
 height:67px;
 width:93px;
}

#oben1 #oben1jahr2014{
 position: absolute;
 top: 70px;
 left:45%;
 background:#fff url(nachlese-2014.gif) no-repeat;
 /*    clear:both;          */
 margin:0 auto;
 padding:10px 10px 5px 13px; 
 height:67px;
 width:93px;
}

#oben1 #oben1trio{
 position: absolute;
 top: 70px;
 left:45%;
 background:#fff url(Gesangstrio.jpg) no-repeat;
 /*    clear:both;          */
 margin:0 auto;
 padding:10px 10px 5px 13px; 
 height:55px;
 width:60px;
}

#oben2{
 background:#fff url(Winterabend.jpg) no-repeat;
 clear:both;
 height:245px;
 width:713px;
}

#oben2 #oben2schlitten{
 position: absolute;
 top: 187px;
 left:45%;                  
 background:0 url(rtwcb.gif) no-repeat;
 /*    clear:both;          */
 margin:0 auto;
 padding:24px 10px 5px 13px; 
 height:85px;
 width:180px;
}

#oben3{
 background:#fff url(S-Halle.jpg) no-repeat;
 clear:both;
 height:237px;
 width:672px;
 margin:auto;
}

#oben3 #oben3lyra{
 position: absolute;
 top: 230px;
 left:47%;
 background:0 url(Lyra.gif) no-repeat;
 /*    clear:both;          */
 margin:0 auto;
 padding:10px 10px 5px 13px; 
 height:103px;
 width:76px;
}

.bildausschnitt{
 position: absolute;
 width:348px
 height:120px
 overflow:hidden;}

#oben4{
 background:#fff url(Kirche-HiZ.jpg) no-repeat;
 clear:both;
 height:242px;
 width:672px;
 margin:auto;
}

#links{
 float:left;
 margin:0 0 20px 0;
 width:438px;
}

#rechts{
 float:left;
 margin:0 0 20px 20px;
 width:235px
}

#kalenderbox{
 float:top;
 margin:0 0 20px 20px;
 width:150px
}

#unten{
 background:#666;
 clear:both;
 width:713px
}

#unten-in-rechter-spalte{
 position:absolute;
 height:5px;
 background-color: none;
 bottom:0px;
}

/* Formatierungen Navigationsleiste */
#navigation{
 background:#fff;
 float:left;
 width:715px;
 padding:0 0 4px 0
}

#navigation ul{
}

#navigation ul li{
 display:inline;
 margin:0 10px 0 0 
}

#navigation ul li a{
 text-decoration:none;
 border-bottom:4px solid #fff;
 color:#666;
 font-size:.9em; 
 font-weight:bold;
}

#navigation ul li a:hover{
 text-decoration:none;
 border-bottom:4px solid #666
}

#navigation ul li span{
 background:beige;
}

#rechts ul li .aktiv{
 background:beige;
}

#rechts ul li .weiss{
background-color: #fff;
color: #fff;
}


/* Sonstige Formatierungen */
.titel{
 float:right;
 width:90px;
 padding:0 10px 0 0
}

.titel img{
 border:0
}

.blocksprung{
 float:right;
 width:170px;
 padding:0 10px 0 0
}

/* Schrift-Formatierungen */
h1,h2,h3,h4,h5,h6{
 border-bottom:1px solid #ccc;
 color:#666;
 font-size:1.5em;
 letter-spacing:0.01em;
 margin:25px 0 0 0
}

#links p{
 text-align:justify;
 text-indent: 1em;
 margin:10px 0 0 0;
}

#links .zentriert p{
 text-align:center;
 margin:5px 0 0 0;
}

#links .zentriert ul {
 text-align:center;
 margin:5px 0 0 0;
}
.majuskel p:first-letter{
 font-size:150%;
}

#links span {
background-color: yellow; font-style: italic; 
}

#links .blocksprung p{
 text-align:right;
}

#unten p{
 color:#eee;
 font:.85em "trebuchet ms", verdana, sans-serif;
 padding:5px;
}

/* Formatierungen Navigation (Rechte Spalte) */
#rechts ul{
list-style:none;
 margin:0 0 0 0
}

#rechts ul li{
 background:url(liste.jpg) no-repeat;
 display:block;
  margin:0 0px 0 0;
 padding:0 0 0 16px
}

#rechts ul li a{
 text-decoration:none;
  color:#666;
}

#rechts ul li a:hover{
  color:#000;
}



/* Link-Formatierungen */
a:link,a:visited,a:active{
 color:#000;
 text-decoration:underline
}

a:hover{
 text-decoration:none
}


#unten a{
 color:#fff;
 text-decoration:underline
}

#unten a:hover{
 text-decoration:none
}

.termine span {
background-color: #fff;
color: #fff;
}

#links .termine span {
background-color: #fff;
color: #fff;
}