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

#common {
	margin: 0 auto;
	position: relative;
	width: 975px;
	text-align: left;
}

#header-right * {
  font-weight: bold;
	color: #AEA971;
}

#header-right input {
  font-weight: normal;
	color: #000000;
}

#header-right h3 {
	color: #7F744D;
	font-size: 11px;
	margin: 0;
}

#header-right a {
	font-weight: bold;
}

#header-right a:hover {
  color: #7F744D;
}





.bodytext{
	font-size:11px;
	line-height: 15px;
	/*padding-left:10px;*/
	}

p	{
	margin-top:0px;
	margin-bottom:8px;
	}

h1	{
	/*letter-spacing: 0.03em;*/
	font-size: 15px;
	font-weight: lighter;
	padding-left:10px;
	color:#EF4457;
	}
	
h2	{
	font-size:12px;
	color:#777777;
	letter-spacing:0.03em;
	}
	
h5	{
	background-image:url(pics/titel_bg.png);
	height:150px;
	color:#444444;
	font-size:22px;
	letter-spacing:0.05em;
	margin:0px;
	padding:0px;
	}
	
.text-small {
  font-size: 10px;
}


.contentHeader {
	color:#EF4457;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:20px;
	font-weight:normal;
	line-height:20px;
	margin:0;
	padding:0 0 12px;
}
	
dt	{
	font-size:11px;
	line-height: 16px;
	}
	
dd	{
	color:#444444;
	font-size:11px;
	}
	
ul	{
  padding: 0 0 0 20px;
  margin: 8px 0;
}

	
a	{
	color:inherit;
	text-decoration:inherit;
	}
	
#contentWrap a, #contentWrap a:focus, #contentWrap a:visited {
	color :#2D6C98;
	/* color: #66A6E4; */
	text-decoration: none;
}

#contentWrap a:hover, #contentWrap a:active {
	color: #005480;
	text-decoration: none;
}

/*#contentWrap a * {
	color: inherit;
}*/


.internal-link, .external-link, .internal-link-new-window, .external-link-new-window {
	color:#2D6C98;
	font-weight:bold;
}
	
img	{
	border:0px;
	}
	
.divider{
	margin-bottom:150px;
	
	
	}
	
.csc-frame-frame1 {
  background-color:white;
  padding:5px;
  }


/* --- pupup notes --- */


div.note {
	border: 1px solid #000000;
	padding: 3px;
	background-color: #f0edd1;
	position: relative;
	top: -3px;
	left: -3px;
}

div.noteShaddow {
	position: absolute;
	width: 300px;
	margin-left: 0px;
	background-color: #333333;
	border: 1px solid #999999;
	padding: 1px;
}




/* ########################    ANDACHTEN   ########################### */

H1.andachten{
	color:#777733;
	}


/* ########################    SITEMAP   ########################### */



div.seitenuebersicht {
  padding-top: 10px;
  margin-bottom: 1em;
  }



div.csc-sitemap {
  margin: 20px 0 0 50px;
  }



div.csc-sitemap a {
  text-decoration: none;
  }

div.csc-sitemap a:hover, div.csc-sitemap a:focus, div.csc-sitemap a:active {
  color:inherit;
  text-decoration:inherit;
  }


div.csc-sitemap ul {
  list-style: none;
  }



div.csc-sitemap ul li{
  margin: 0.5em 0;
  }


div.csc-sitemap ul li ul{
  margin-left: 2em;
  }

div.csc-sitemap ul li ul li{
  margin: 0.5em 0;
  }
  


/* ########################    BREADCRUMB   ########################### */

    .breadcrumb{
	font-size:11px;
	color:#7f744d;
	font-decoration:none;
	padding:10px;
	}
	
    a.linkWhite:link, #contentWrap a.linkWhite:link {
	color:#aea86d;
	text-decoration:none;
	}

    a.linkWhite:visited, #contentWrap a.linkWhite:visited {
	color:#aea86d;
	text-decoration:none;
	}
		
    a.linkWhite:hover, #contentWrap a.linkWhite:hover {
	color:#66a6e4;
	text-decoration:none;
	}

	
/* ########################    ???   ########################### */



.menubox{
	/*position:absolute;*/
	width:764px;
	height:26px;
	padding-top:5px;
	background-color:#CCCCCC;
	padding-left:20px;
	z-index:200;
	}


#mailform {
        /*text-align:right;*/
        border:none;

}

/*csc-mailform-field*/

/* ########################    FILELINKS   ########################### */

.csc-uploads-fileName, .csc-uploads-fileSize {
	text-decoration:none;
	font-size:11px;
	color:#777777;
}

.csc-uploads{
	border: 3px solid #DDDDDD;
	width:350px;
	}

.filelinksFormat {
	background-color:#DDDDDD;
	color:#444444;
	font-size:11px;
	height:20px;
	}

.csc-uploads-fileSize {
	white-space:nowrap;
	}
	
.csc-uploads-icon, .csc-uploads-fileSize, .csc-uploads-fileName {
	padding-left:2px;
	padding-right:2px;
	border-bottom:1px solid #DDDDDD;
	}
	
/* ########################    NEWS   ########################### */


.newsFormatTable {
	color:#444444;
	font-size:12px;
	height:20px;
	border: 3px solid #DDDDDD;
	}
	
.newsFormatTd {
	background-color:#DDDDDD;
	height:20px;
	}
	
.newsFormatTd-odd {
	font-size:12px;
	}
	
.newsFormatTd-even {
	font-size:12px;
	}


/* ########################    DEVOTIONS   ########################### */

.dev_date {
	text-align: right;
	margin: -10px 0 10px 0;
	}

.dev_title {
	font-weight:bold;
	margin-bottom:10px;
	}

.dev_versetext {
	font-style:italic;
	}

.dev_verse {
	font-style:italic;
	text-align:right;
	margin-bottom:2em;
	}
	

/* ########################   DONATION   ########################### */

.donation, .donation form > h4 {
	margin: 30px 0 8px 0;
}

.donation table td {
	padding: 0;
	vertical-align: top;
}

.donation table.section {
	margin: 0 0 20px 0;
}

.donation table tr.sectionStart td {
	padding-top: 12px;
}

.donation table.basics tr td {
  padding-bottom: 4px;
}

.donation table.basics tr td:first-child {
  text-align: left;
}


.donation table td:first-child{
	padding: 0 3px 0 0;
	text-align: right;
}

.donation table.entries td:first-child{
	width: 140px;
}

.donation .payment-option {
	margin-bottom: 12px;
}

.donation table.payment-option td {
  vertical-align: top;
}

.donation input[type="radio"] {
	margin: 0 3px;
}

.donation div.noteShaddow {
  margin-left: 50px;
}

.errors * {
	color: #FF0000;
}

.donation input.longWidth, .donation .twoFields {
	width: 200px;
}

.donation .twoFields { 
	text-align: right;
}

.donation .twoFields input#zip {
	display: block;
	float: left;
}

.donation .twoFields input#city {
	display: block;
	float: right;
}



/* --- confirm page --- */

.donation.confirm {
	margin-top: 10px;
}

.donation.confirm table {
	width: 100%;
}

.donation.confirm table td {
	padding: 0 3px;
	vertical-align: top;
}

.donation.confirm table td label {
	font-weight: bold;
}

.donation.confirm table tr.buttons td {
	text-align: left;
	padding-top: 20px;
}

.donation.confirm table tr.buttons td + td {
	text-align: right;
}

.donation.confirm table tr. td {
	text-align: left;
	padding-top: 20px;
}


/* ########################    SITEMAP   ########################### */

.tx-flseositemap-pi1 {
	font-size:12px;
	}

.contenttable {
	font-size:11px;
	border-collapse:collapse;
	}

.td-0, .td-2, .td-4, .td-6, .td-8, .td-10{
	background-color:#EEEEEE;
	padding:0px;
	margin:0px;
	}
.td-0, .td-1, .td-2, .td-3, .td-4, .td-5, .td-6, .td-7, .td-8, .td-9, .td-10, .td-last{
	border:1px solid #DDDDDD;
	margin:0px;
	padding:1px;
	}
/* ########################    LEFTMENU   ########################### */

#leftnav-level1-no, #leftnav-level1-act{
	padding:3px 0px 3px 10px;
	border-bottom:1px dotted #aea86d;
	}

#leftnav-level1-no a{
	color:#7f744d;
	text-decoration:none;
	}

	
#leftnav-level1-no a:hover{
	color:#EF4457;

	text-decoration:none;
	}

#leftnav-level1-act a{
	color:#7f744d;
	text-decoration:none;
	}
	
#leftnav-level1-act a:hover{
	color:#EF4457;
	text-decoration:none;

	}



#leftnav-level2-no, #leftnav-level2-act{
	padding:1px 0px 3px 25px;
	/*border-bottom:1px dotted #aea86d;*/
	}

#leftnav-level2-no a{
	color:#EF4457;
	text-decoration:none;
	}
	
#leftnav-level2-no a:hover{
	color:gray;
	text-decoration:none;
	}

#leftnav-level2-act a{
	color:#EF4457;
	/*padding-left:5px;*/
	text-decoration:none;
	}
	
#leftnav-level2-act a:hover{
	color:gray;
	text-decoration:none;

	}

/* ########################    TOPMENU   ########################### */


#yacbddm ul	{
	padding:0px;
}
	
#yacbddm li	{
	list-style-type:none;
}
	


a.firstlevellink{
	font-size:13px;
	text-decoration:none;
	font-weight:bold;
	color:#66A6E4;

}

a.firstlevellink:link{
	font-size:13px;
	text-decoration:none;
	font-weight:bold;
	color:#66A6E4;

}

a.firstlevellink:visited{
	font-size:13px;
	text-decoration:none;
	font-weight:bold;

}



.topmenul1, .topmenul2 {
	list-style:none;			/* Default styles for all menu's */
	padding:0px 0px;
	margin:0px;

}

.topmenul1 li {

	padding:0px 0px 0px 0px;
	padding-bottom:4px;
	float:left;				/* First level menu's needs to float left */
	position:relative;			/* Relative positiong because lower level menu's needs to be absolute */
}

/* First level colors for link tags */
.topmenul1 a {
	color:#66A6E4;
	padding:0px 20px 5px 0px;		/* Seperate menu's a bit aswell, some extra space for the arrow on the right */
	/*border-left:1px solid #CCCCCC; 		 Same as BG color so total width is always the same */

}



.topmenul1 a:hover {
	color:#005480;
}


/* Start second level and lower menu's */
.topmenul1 .topmenul2 {
	display:none;				
	position:absolute;			/* We position absolute (relative to l1) */
	width:156px;				/* Breite f�r Submen� */
	/*border:1px;*/				/* Rahmen um Submen� Gesamtblock */
	z-index:10;				/* We set a z-index these menu's will show up above other menu items, works in non IE */
	left:0px;				/* Left to 0 and for IE we move one extra pixel down */	
	top:14px !important;
	top:15px;

}

.topmenul1 .topmenul2 .topmenul2, .topmenul1 .topmenul2 .topmenul2 .topmenul2 {
	left:155px;				/* Move away from second level menu for second level and lower */
	top:-1px !important; 			/* Border = 1px so we need to move one up aswell !important to overrule the !important above*/
}

.topmenul1 .topmenul2 li {
	/*padding:5px 0px 5px 0px;*/  		/* Controls the height per menu item on second level and lower */
	border-bottom:1px dotted white;		/* Trennbalken im Submen� */
	width:100%;
	background-color:#E0EDFA;
	padding:0px;
	margin:0px;

}

.topmenul1 .topmenul2 a {
	border:none;				/* no border, remove the style from level1 a tags */
	display:block;				/* Display block, so teh whole menu will lite up (if bg used)*/
	padding:4px 0px 4px 15px;
	text-decoration:none;
	font-size:10px;
	/* height:16px; */
	color:#005480;

}

.topmenul1 .topmenul2 a:visited {			/* Needed for IE aswell */
	color:#005480;
}

.topmenul1 .topmenul2 a:hover {			/* Needed for IE aswell */
	color:white;
	border:none;				/* no border, remove the style from level1 a tags */
	text-decoration:none;
	font-size:10px;
	background-color:#66A6E4;
	/* height:16px; */

}


/* Little arrows for the menus */
.topmenul1-ifsub {
	background-image:url(pics/menutop_ecke.gif);
	background-position:center right;
	background-repeat:no-repeat;
}

.topmenul2-ifsub {
	background-image:url(pics/pfeil_rechts.png);
}


.topmenul1 .hoveratag {
	/*background-color:#DDDDDD;*/		/* Hack in javascript, this will highlite teh a tag of the menu above */
	/*border:1px solid #DDDDDD;*/		/* We could do this with CSS (.topmenul1 li:hover > a) But IE doesn't support that */
	background-image:url(pics/menutop_ecke.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
}