/* cascading style sheets 
   client: Kirchenchor Leienkaul-Maria Martental
   styles by: design54.de
   last update: 20.04.2007 
*/

/*  globale sheets  */

*
{
margin: 0;
padding: 0;
list-style: none;
}

html 	
{ 
margin: 0;
padding: 0;
text-align: center;
background: none;
}

body 
{
margin: 0;
padding: 0;
font-size: 100%;
background: url(../i/bg.jpg) transparent left top repeat;
color: #393a32; 
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}


/*  layout  */


#wrapper 
{
margin: 0 auto;
padding: 0;
width: 760px; 
text-align: center;
}

#pageheader 
{
display: block; 
margin: 0;
padding: 0;
width: 760px; 
height: 149px;
background: url(../i/bg_pageheader.jpg) transparent no-repeat left top; 
}

#pagefooter 
{
display: block; 
margin: 0;
padding: 0;
width: 760px; 
height: 151px;
background: url(../i/bg_pagefooter.gif) transparent no-repeat left top; 
}

#pagebody 
{
display: block; 
margin: 0;
padding: 0;
width: 760px; 
background: url(../i/bg_pagemiddle.jpg) transparent repeat-y; 
}

#innerbody
{
margin: 0;
padding: 0 50px 0 50px;
}


/*  font-tags  */


h1 
{
margin: 0 0 0.9em;
padding: 0;
font-weight: normal; 
font-size: 1.25em;
color: #633; 
}

h2 
{
margin: 0 0 0.6em;
padding: 0;
font-weight: normal; 
font-size: 1.05em; 
}

h3 
{
margin: 0 0 0.5em;
padding: 0;
font-weight: normal; 
font-size: 1.1em; 
color: #333; 
}


/*  allgemein  */


p
{
margin: 0;
padding: 0;
}

strong
{
font-weight: bold;
}

ul 
{
margin: 0;
padding: 0;
}

li 
{
margin: 0;
padding: 0 0 0.6em 1.4em;
line-height: 1.5em; 
list-style: none;
}

abbr 
{
cursor: help; 
}

acronym 
{
cursor: help; 
border-bottom: 1px dotted #630;
}

code 
{
font: 1em monospace; 
color: #900; 
}

hr 	
{ 
display: none; 
}

.hr 	
{ 
clear: both;
height: 80px;
background: url(../i/hr.gif) no-repeat 50%;
}

img 
{
border: none;
}

div.clear 
{
clear: both; 
}


/*  globale links  */


a:link 
{
color: #6a3424; 
text-decoration: none;
}

a:visited 
{
color: #716e6c;
text-decoration: none;
}

a:hover 
{
color: #956839; 
text-decoration: underline;
}

a:active 
{
color: #956839;
}


/*  untermenu im pageheader  */


#pageheader #headertext
{
margin: 0 0 0 575px;
padding: 39px 0 0 0;
clear: both; 
font-size: .75em;
}

#pageheader #headertext ul 
{
margin: 0 10px 0 10px;
width: auto;
line-height: 1.6em;
text-align: left;
}

#pageheader #headertext li 
{
display: block;
padding: 2px 0 4px 10px;
}

#pageheader #headertext a
{
padding: 0.1em;
color: #633;
text-decoration: underline;
}

#pageheader #headertext a:hover
{
padding: 0.1em;
color: #947c5b;
text-decoration: none;
}


/*  hauptnavigation  */


#mainnav 
{
margin: 20px 0 30px 0;
padding: 0;
width: 660px; 
height: 55px;
border-bottom: 2px solid #333;
}

#navbar 
{
margin: 0;
padding: 0;
overflow: hidden;
height: 50px;
min-width: 660px;
background: transparent;
border-top: 5px solid #333;
font-size: 0.95em; 
}

#navbar li 
{
float: left; 
margin: 0 5px 0 0;
padding: 0 10px 0 2px; 
background: url(../i/li_black.gif) 100% 66% no-repeat;
}

#navbar li a 
{
display: block; 
padding: 0.75em 0 0.25em;
color: #333;
}

#navbar a:hover,
.index #navbar #index a,
.geschichte #navbar #geschichte a,
.vorstand #navbar #vorstand a,
.mitglieder #navbar #mitglieder a,
.singgruppe #navbar #singgruppe a,
.termine #navbar #termine a, 
.galerie #navbar #galerie a 
{
color: #633;
text-decoration: none;
background: url(../i/bg_mainnav.gif) top left repeat-x; 
}

body#starton #navbar #index a
{
color: #633;
text-decoration: none;
background: url(../i/bg_mainnav_on.gif) top left repeat-x; 
}

body#geschichteon #navbar #geschichte a
{
color: #633;
text-decoration: none;
background: url(../i/bg_mainnav_on.gif) top left repeat-x; 
}

body#vorstandon #navbar #vorstand a
{
color: #633;
text-decoration: none;
background: url(../i/bg_mainnav_on.gif) top left repeat-x; 
}

body#mitgliederon #navbar #mitglieder a
{
color: #633;
text-decoration: none;
background: url(../i/bg_mainnav_on.gif) top left repeat-x; 
}

body#singgruppeon #navbar #singgruppe a
{
color: #633;
text-decoration: none;
background: url(../i/bg_mainnav_on.gif) top left repeat-x; 
}

body#termineon #navbar #termine a
{
color: #633;
text-decoration: none;
background: url(../i/bg_mainnav_on.gif) top left repeat-x; 
}

body#galerieon #navbar #galerie a
{
color: #633;
text-decoration: none;
background: url(../i/bg_mainnav_on.gif) top left repeat-x; 
}

/* IE5/Mac hacks */
/*\*//*/
#navbar 
{
padding-top: 0.75em; 
height: 1.66em;
}

#navbar li a 
{
display: inline;
}
/**/


/*  leftcolumn - linke informationsspalte */


#leftcolumn 
{
float: left; 
margin: 0px; 
width: 170px;
}

#leftcolumn p 
{
margin: 0 0 0.7em; 
font-size: 0.75em;
line-height: 1.6em;
text-align: left;
}

#leftcolumn img.leftcolumntitle 
{
margin: 10px auto;
}

#leftcolumn h2 
{
margin: 0; 
padding: 10px 0 5px 0;
font-size: 1.1em; 
text-align: left;
color: #222; 
}

#leftcolumn ul 
{
margin: 5px 0 0; 
padding: 0;
font-size: 0.8em;
line-height: 1.4em;
text-align: left;
}

#leftcolumn ul li 
{
margin: 0; 
padding: 0 0 0.3em 0;
background: none;
list-style: none;
}

#leftcolumn li a 
{
padding: 5px 0 0 25px;
color: #633;
text-decoration: underline;
background: url(../i/icon_01.gif) no-repeat 1px 3px;
}

#leftcolumn li a:hover 
{
color: #947c5b;
text-decoration: none;
}

#leftcolumn img.imageborder
{
display: inline; 
float: left; 
margin: 5px 0 25px 0; 
padding: 2px;
border: 1px solid #928270; 
}

#leftcolumn #kalender
{
display: block; 
float: left; 
margin: 20px 0 40px 0; 
padding: 2px;
width: 164px;
height: 200px;
background-color: transparent;
font-size: 0.8em;
border: 1px solid #928270; 
}

#leftcolumn div#news  #inhaltbox 
{
display: inline; 
float: left; 
overflow: auto; 
margin: 0px 0 10px 0; 
padding: 0;
width: 168px;
height: 260px;
background-color: transparent;
}

#leftcolumn div#news 
{
margin: 20px 0 30px 0;
padding: 0;
width: 168px;
height: 260px;
background-color: transparent;
}

#news h2
{
background: url(../i/h2_news.gif) transparent no-repeat 2px 0px;
font-size: 0.9em; 
color: #333;
padding: 3px 0 5px 20px; 
margin: 5px 5px 10px 0; 
height: 50px;
text-align: right;
}

#inhaltbox .newsdatetime 
{
margin: 0; 
padding: 5px 0 5px 5px; 
border: 1px solid #333;
background-color: transparent; 
color: #333; 
font-size: 0.7em; 
line-height: 1.2em; 
text-align: left;
text-decoration: none;
}

#inhaltbox .newstitle 
{
margin: 0 0 0 10px; 
padding: 8px 0 5px 5px; 
font-size: 0.7em; 
font-weight: bold; 
color: #633; 
text-decoration: none;
}

#inhaltbox .newstext 
{
padding: 0; 
font-size: 0.7em; 
line-height: 1.6em; 
color: #444; 
text-align: left;
text-decoration: none;
}

#leftcolumn #guestbook 
{
margin: 10px 0 10px 0;
padding: 0;
}

#leftcolumn #counter
{
float: right;
margin: 5px 0 40px 0; 
padding: 0;
width: 170px;
height: 95px;
text-align: right;
font-size: 0.8em; 
line-height: 1.4em; 
background: transparent;
color: #333;
}

#leftcolumn a.mehr 
{
display: block;
float: right;
margin: 3px 0 20px 0;
padding: 0 16px 2px 3px;
width: 3em;
font-size: 0.8em;
font-weight: bold;
line-height: 1em;
text-transform: lowercase;
text-decoration: none;
background: url(../i/mehr.gif) #633 no-repeat 100% 0.4em;
border: 1px solid #633;
color: #fff;
}

#leftcolumn a.mehr:hover 
{
display: block;
float: right;
margin: 3px 0 20px 0;
padding: 0 16px 2px 3px;
background: url(../i/mehr.gif) transparent no-repeat 100% -41px;
border-color: #633;
color: #633;
text-decoration: none;
padding: 0 16px 2px 3px;
}

img.leftcolumntitle 
{
margin: 10px 0 0 0;
}

#leftcolumn .links 
{
margin: 0 0 40px 0;
padding: 0;
}

#leftcolumn .links li a 
{
padding: 5px 0 0 15px;
font-size: 1em;
color: #633;
text-decoration: underline;
background: url(../i/icon_01.gif) no-repeat 1px 8px;
}

#leftcolumn .links li a:hover 
{
color: #947c5b;
text-decoration: none;
}

#leftcolumn #googleadsense 
{
float: left; 
margin: 10px 0 10px 0; 
padding: 0;
width: 165px;
height: 600px;
}


/*  pagebody  */


#bodyheader 
{
margin: 0 0 12px;
padding: 0;
text-align: center;
}

#bodyheader p 
{
margin: 0;
padding: 0;
line-height: 1.5em; 
font-style: italic;
}


/* maincolumn rechte hauptspalte */


#maincolumn 
{
float: right; 
margin: 0; 
padding: 0;
width: 450px; 
text-align: left;
}

#maincolumn p 
{
margin: 0 0 0.7em; 
line-height: 1.6em;
font-size: 0.8em; 
text-align: left;
}

#maincolumn #navihilfe
{
margin: 0 0 15px 0;
height: 35px;
width: 450px;
font-size: 0.8em;
}

#gcolumn #navihilfe  
{
margin: 0 0 15px 212px;
height: 35px;
width: 450px;
font-size: 0.8em;
}


#maincolumn #navihilfe a,
#gcolumn #navihilfe a  
{
color: #633;
text-decoration: underline;
}

#maincolumn #navihilfe a:hover,
#gcolumn #navihilfe a:hover 
{
color: #947c5b;
text-decoration: none;
}

#maincolumn #accesskeys ul li 
{
margin: 0 0 0.2em 25px;
}

#maincolumn #accessibility dl dd 
{
margin: 0; 
padding: 0 0 1.2em 0;
font-size: 0.8em; 
}

#maincolumn #accessibility dl dt 
{
margin: 0; 
padding: 0 0 .5em 0;
font-weight: normal; 
font-size: 0.9em; 
letter-spacing: 0.1em;
color: #633;
}

#maincolumn #accessibility dl dt span 
{
font-weight: normal;
}

#maincolumn #impressum dl
{
padding: 0 0 10px 22px;
line-height: 1em;
}

#maincolumn #impressum dl dt 
{
margin: 0; 
padding: 0 0 .5em 0;
font-weight: normal; 
font-size: 0.8em; 
letter-spacing: 0.1em;
color: #633;
}

#maincolumn #sitemap
{
margin: 20px 0 0 0;
padding: 20px 0 0 0;
}

#maincolumn #sitemap dl dt
{
margin: 20px 0 0 5px;
}

#maincolumn #sitemap dl dd 
{
margin: 0.2em 0 0.5em 1.7em;
font-size: 0.9em;
}

#maincolumn .mitglieder
{
margin: 10px 0 10px 0;
padding: 0;
clear: both;
}

#maincolumn .mitglieder dl dd 
{
margin: 0; 
padding: 5px 0 3px 20px;
font-size: 0.8em; 
color: #333;
}

#maincolumn .mitglieder dl dt 
{
margin: 0; 
padding: 15px 0 10px 10px;
font-weight: normal; 
font-size: 1.1em; 
color: #633;
}

#maincolumn .vorstand
{
margin: 20px 0 20px 0;
padding: 0 0 20px 0;
clear: both;
}

#maincolumn .vorstand dl dd 
{
margin: 0; 
padding: 15px 0 3px 30px;
font-size: .9em; 
color: #333;
}

#maincolumn .vorstand dl dt 
{
margin: 0; 
padding: 12px 0 3px 20px;
font-weight: normal; 
font-size: .9em; 
color: #633;
}

#maincolumn .post ul li
{
padding: 0 0 3px 30px;
font-size: 0.8em; 
background: url(../i/icon_01.gif) no-repeat 14px .45em ;
}

#maincolumn .post ul 
{
padding: 5px 4px 5px 4px;
}


/* gaestebuch gcolumn */


#gcolumn 
{
float: right; 
margin: 0; 
padding: 0;
width: 660px; 
text-align: left;
border: 1px solid #900;
}

table
{
margin: 15px 0 40px 0;
padding: 0;
text-align: left;
width: 430px;
font-weight: normal; 
font-size: .9em; 
color: #633;
}

th
{
padding: 2px 2px 2px 2px;
border: 1px solid #633;
}

th.white
{
padding: 2px 2px 2px 2px;
border: 1px solid #633;
}

th.grey
{
margin: 5px 0 0 5px;
padding: 2px 2px 2px 2px;
border: 1px solid #333;
}

tr
{
margin: 5px 0 5px 0;
padding: 5px 0px 5px 0px;
}

td
{
padding: 2px 2px 2px 2px;
border: 1px solid #999;
}

td.white
{
padding: 2px 2px 2px 2px;
border: 1px solid #999;
}

img.leftpicture 
{
display: inline; 
float: left; 
margin: 3px 10px 8px 0px; 
padding: 2px;
border: 1px solid #a2907d; 
}

img.rightpicture
{
display: inline; 
float: right; 
margin: 3px 0px 8px 10px; 
padding: 2px;
border: 1px solid #a2907d; 
}

img.noborder 
{
display: inline; 
float: left; 
margin: 3px 10px 4px 0px;
}

code
{
padding: 0 0.1em 0 0.1em;
font-family : "Courier New",monospace;
text-align: left;
font-size: 1.2em;
background-color: #cdbb97;
}

blockquote 
{
margin: 0 10px 0 10px;
padding: 0 5px 0 5px;
width: 350px;
background: url("../i/startquote.gif") no-repeat bottom right;
text-align: left;
}

blockquote p 
{
margin: 0;
padding: 10px 5px 0 5px;
background: url("../i/endquote.gif") no-repeat left top;
font-size: 0.9em;
font-weight: normal;
font-style: italic;
line-height: 1.3em;
text-align: left;
}

cite 
{
color: #333;
margin: 10px 0 0 40px;
font-size: 0.8em;
font-weight: normal;
line-height: 2.0em;
text-align: left;
}


/*  pagefooter  */


#backtotop 
{
clear: both; 
margin: 0;
padding: 0;
height: 51px;
text-align: center;
}

#pagefooter #footertext 
{
margin: 0;
padding: 20px 0 0 0;
clear: both; 
font-size: 0.75em;
}

#pagefooter ul 
{
clear: both;
margin: 0 25px 0 25px;
width: auto;
text-align: center;
}

#pagefooter li 
{
display: inline;
line-height: 1.6em;
padding: 0.6em 4px 0.6em 15px;
background: url(../i/spacer.gif) no-repeat 0 50%;
}

#pagefooter .iconinfos li 
{ 
padding: 0 20px 0 25px;
background-position: 0 55%;
}

#pagefooter #email 
{
background-image: url(../i/email.gif);
}

#pagefooter a
{
padding: 0.1em;
color: #633;
text-decoration: underline;
}

#pagefooter a:hover
{
padding: 0.1em;
color: #947c5b;
text-decoration: none;
}