/*
Template: Finding Peace
Designer: Rayk Web Design (http://www.raykdesign.net)
Date: December 2006
 */

/* General Styles */
html, body {
margin:0;
padding:0;
background-color:#ffffff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
color:#000000;
height:100%;
}

#container {
   min-height:100%;
   position:relative;   
}


a, a:visited {
color:#B9400B;
text-decoration:underline;
}

a:hover {
color:#999999;
text-decoration:none;
}

/* corners */
b.bt, b.bt b, b.bb, b.bb b {display: block; height: 10px;font-size: 1px; background:url(../img/grey.gif) no-repeat;position:relative;}

b.bt {top: 0px; left: 0px;}

b.bt b {background-position:100% -10px; left: 0px}

b.bb {background-position:0 -20px; top:0px; left: 0px}

b.bb b {background-position:100% -30px; left: 0px}

/* Top Links */
#toplinks {
margin:0;
padding:0;
height:25px;
background-color:#3F3F3F;
background-image:url(../img/top-link-bg.jpg);
background-repeat:repeat-x;
}

#toplinksnav {
margin:0 auto;
padding:0 1em 0 0;
width:780px;
text-align:right;
}

#toplinksnav p {
margin:0;
padding:0;
font-size:.7em;
color:#cccccc;
line-height:25px;
}

#toplinksnav a, #toplinksnav a:visited {
color:#ffffff;
text-decoration:none;
}

#toplinksnav a:hover {
color:#B3CC8A;
text-decoration:none;
}

/* Slogan Area */
#slogan {
position:relative;
margin:0;
padding:0;
height:103px;
line-height:103px;
background-color:#3F3F3F;
background-image:url(../img/slogan-bg-drittel.jpg);
background-repeat:repeat-x;
text-align: center;
}

.sloganfloat {
margin:0;
padding:0;
border:none;
}

#slogan h1 {
position:relative;
margin:0 12% 0 0;
padding:0;
text-align:right;
font-family:Arial, Helvetica, sans-serif;
color:#ABB49B;
}

#slogan h1 a, #slogan h1 a:visited {
 	color:#ABB49B;
	text-decoration: none;
}

#slogan p {
margin:-82px 12% -25px 0;
padding:0;
text-align:right;
font-size:.8em;
letter-spacing:.1em;
color:#5C5C5C;
}

/* Navbar */
#navbar {
margin:0;
padding:0;
height:50px;
background-color:#3F3F3F;
background-image:url(../img/nav-link-bg.jpg);
background-repeat:repeat-x;
}

#navbarblock {
margin:0 auto;
padding:0;
width:850px;
line-height:50px;
font-size:.95em;
text-align:left;
}

#navbarblock ul {
margin:0 .7em 0 .7em;
padding:0;
display:inline;
list-style-type:none;
text-align:center;
}

#navbarblock ul li {
display:inline;
position:relative;
}

#navbarblock a {
color:#ffffff;
text-decoration:none;
padding:16px 20px 15px 20px;
}

#navbarblock a.now, #navbarblock a:visited.now {
color:#CDBEE6;
text-decoration:none;
}

#navbarblock a:hover {
color:#eeeeee;
text-decoration:none;
background-image:url(../img/nav-link-hover-bg.jpg);
background-repeat:repeat-x;
background-position:top;
}

#navbarblock a:visited {
color:#ffffff;
text-decoration:none;
}


/* Call Out Area */
#callout {
margin:0;
padding:0;
height:143px;
background-color:#A5C274;
background-image:url(../img/callout-bg.jpg);
background-repeat:repeat-x;
}

#calloutblock {
position:relative;
margin:0 auto;
padding:5px;
width:800px;
font-size:.9em;
text-align:left;
}

#calloutblock h2 {
margin:.5em 0 -.1em 0;
color:#323232;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.5em;
font-weight:lighter;
}

#calloutblock p {
margin:.3em 0 0 0;
color:#000;
font-size:.8em;
}

.calloutfloat {
float:left;
position:relative;
margin:13px 15px 0 0;
padding:0;
border:none;
height:104px;
}

#calloutblock a {
color:#323232;
text-decoration:underline;
}

#calloutblock a:hover {
color:#616161;
text-decoration:none;
}

#calloutblock a:visited {
color:#323232;
text-decoration:underline;
}

/* Text Area */
#textarea {
position:relative;
margin:0 auto;
padding:5px;
width:770px;
font-size:.9em;
text-align:left;
height: 100%;
padding-bottom:80px;
}

.content h2 {
margin:.5em 0 .2em 0 !important;
margin:.5em 0 .2em 0;
color:#B9400B;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.5em;
font-weight:lighter;
}

.content .date {
margin-bottom:-1em;
font-size:.7em;
color:#828181;
text-transform:uppercase;
}

/* Side Bar */
#sidebar {
float:right;
position:relative;
margin:0 0 0 5px;
padding:5px 5px 5px 10px;
width:240px;
background-color:#ffffff;
border-left:1px solid #D6C4A4;
}

.content h3 {
margin:.5em 0 -.5em 0 !important;
margin:.5em 0 -.9em 0;
color:#B9400B;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.2em;
font-weight:lighter;
}

#sidebar p {
font-family:Arial, Helvetica, sans-serif;
font-size:.8em;
color:#B59A6A;
}

/* groups */
.group {
	color: #565689;
	width: 495px;
	font-size:0.9em;
	margin-bottom: 20px;
}
.group th {
	border-top:1px solid #FFFFFF;
	background-color: #accbe3;
	font-weight: normal;
	padding: 5px 20px;		
	color: #222;
	width: 100px;
	vertical-align: top;
}

.group thead tr {
	background: #64ace3 url(/media/img/tblhead.png) no-repeat left top; 
}

.group thead th {
	background: none;
	text-align: center;
	font-weight: bold;
}

.group td {
	border-top:1px solid #FFFFFF;
	background-color: #e1f2ff;
	padding: 5px 20px;
}

.group td.small {
	font-size: 90%;
	font-style: italic;		
}

.group tfoot tr {
	font-size: 90%;
	background: #accbe3 url(/media/img/tblfoot.png) no-repeat left bottom;
}

.group tfoot td {
	background: none;
}

.group .nextevent th {
	color: #1E2417;
	background-color: #A8CB80;  
} 
.group .nextevent td {
	color: #1E2417;
	background-color: #EFFFDB; 
}

.group p {
	margin: 0;
}

.group a, .group a:visited {
	color:#2E323F;
	text-decoration:underline;
}

.group th a, .group th a:visited {
	color:#1E2417;
	text-decoration: none;
}

.group a:hover {
	color:#B9400B;
}

/* events */

.event {
	color: #565689;
	color: #1E2417;
	width: 100%;
	font-size:0.9em;
	margin: auto;		
}

.event tr {
	background: #A8CB80 url(/media/img/dg_tl.png) no-repeat top left;
}

.event th {
	width: 100px;
	background: transparent url(/media/img/dg_bl.png) no-repeat bottom left;
	text-align: center;
	vertical-align: middle;
	padding-top: 5px;
	padding-bottom: 5px;
}

.event th strong {
	font-size: 14px;
	display: block;
}

.event h3 a, .event h3 a:visited {
	color:#1E2417;
	text-decoration: none;
}

.event h3 a:hover {
	color:#B9400B;
}
	
.event h4 {		
	font-size: 28px;
	margin: 0 auto;		
	color: #2B3320;		
}

.event td {
	background: #EFFFDB url(/media/img/lg_br.png) no-repeat bottom right;
	border-left: 1px solid white;
	padding: 0;
	vertical-align: top;
}

.event p strong {
	vertical-align: top;
}
.event .map {
	display: inline-block;
}

.content .event h3 {
	background: #A8CB80 url(/media/img/dg_tr.png) no-repeat top right;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size: 18px;
	padding: 5px 10px;
	border-bottom: 1px solid white;
	color: #1E2417; 
	margin: 0 !important;		
}

.content .event p {
	margin: 10px;
}

/* messages */

div.message {
	background-color: #FFFFdD;
	padding: 0px;
	/*border: 3px solid #E0DA83;*/
}

.message b, .message b b {
	background-image: url(../img/yellow.png);		
}

.message h3 a, .event h3 a:visited {
	color:#1E2417;
	text-decoration: none;
}

.message h3 a:hover {
	color:#B9400B;
}

.content .message h3 {
	background-color: #e0DA83;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size: 16px;
	padding: 5px 10px;
	border-bottom: 1px solid white;
	color: #1E2417;
	margin: -10px 0 0 0 !important;		
}

.message .tools {
	margin: 0 10px;
}

.content .message p {
	margin: 10px;
	font-size: 13px;
	color: #1E2417;
}

/* tools */
.tools {
	float: right;
	margin: 10px;
}

.tools a img {
	border: none;
}

/* hmenu */
small.hmenu {
	font-size: 13px; float: right; font-family: Arial, sans-serif;
}

a.icon-calendar {
	padding-left: 20px;
	background: transparent url(../img/calendar.png) no-repeat left center;	
}

/* footer area */
#footer {
position:absolute;
bottom:0;
margin:0 auto;
margin-top:15px;
color:#999999;
text-align:center;
clear:both;
width:100%;
height:40px;
background:#3F3F3F url(../img/bottom-bg.jpg) repeat-x top;
}

#footer p {
font-size:.7em;
margin: 10px 0;
}

#footer a, #footer a:visited {
color:#DC9F85;
color:#eFeFeF;
text-decoration:underline;
}

#footer a:hover {
color:#cccccc;
text-decoration:none;
}

strong label {
	font-size: 80%;
}
