body {
	margin:0px;
	padding:0px;
	color: #666;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:12px;
	line-height:1.5em; 
	background-color: #E9DAB9;
}

a, a:link, a:visited { color: #000; font-weight: normal; }

a:hover { color: #CC0000; text-decoration:none; }

p { margin: 0px; padding: 0 0 10px 0; }

img { border: none; }

h1 { font-size: 28px; color: #000; margin: 0 0 20px 0; padding: 5px 0; font-weight: normal; }
h2 { font-size: 22px; color: #000; margin: 0 0 10px 0; padding: 0 0 5px 0; font-weight: normal; line-height: 24px; }
h3 {
	font-size: 18px;
	color: #333;
	margin: 0 0 10px 0;
	padding: 0;
	text-decoration: none;
	font-weight: normal;
}
h4 { 
	font-size: 18px;
	color: #000;
	margin: 0 0 10px 0;
	padding: 0;
}
h5 { 
	font-size: 14px;
	height: 27px;
	width: 116px;
	color: #000;
	margin: 0;
	padding: 3px 10px 0 10px;
	text-align: center;
	background: url(img/h5_bg.png) no-repeat top left;
}

h6 { font-size: 12px; margin: 0 0 5px 0; padding: 0;}

blockquote { font-style: italic; }
cite { font-weight: normal; color: #1d68b6; font-size: 14px; }

.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }
.cleaner_h10 { clear: both; width:100%; height: 10px; }
.cleaner_h20 { clear: both; width:100%; height: 20px; }
.cleaner_h30 { clear: both; width:100%; height: 30px; }
.cleaner_h40 { clear: both; width:100%; height: 40px; }
.cleaner_h50 { clear: both; width:100%; height: 50px; }
.cleaner_h60 { clear: both; width:100%; height: 60px; }

.margin_r15 { margin-right: 15px; }
.margin_r30 { margin-right: 30px; }

.float_l { float: left; }
.float_r { float: right; }

.image_wrapper { padding: 8px; border: 1px solid #000; background: #0f1115; }
.fl_img { float: left; margin: 3px 30px 15px 0; }
.fr_img { float: right;	margin: 3px 0 15px 15px; }

.button_01 a {
	position: relative;
	float: left;
	display: inline-block;
	padding: 5px 0 0 0px;
	margin-right: 40px;
	margin-left: 35px;
	border-bottom: 1px dotted #333;
	
	color: #000;
	font-weight: normal;
	font-size: 11px;
	text-align: center;
	text-decoration: none;
}

.button_01 a span {
	position: absolute;
	top: 0;
	left: -35px;
	width: 27px;
	height: 38px;
	background: url(img/icon_01.png) no-repeat;
}

a.button_02 {
	position: absolute;
	bottom:0px;
	right:25px;
	float: right;
	width: 109px;
	height: 33px;
	display: block;
	padding: 13px 0 0 0;
	background: url(img/button.png) no-repeat;
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	text-decoration: none;
}

a.button_02:hover {
	color: #311c0c;
}

ul { margin: 5px 40px; padding: 0; }
ul li { padding-bottom: 3px; margin-bottom: 2px;}
ul li a { font-weight: normal; text-decoration: none; }

/* header */
#header_wrapper {
	width: 100%;
    background: url(img/header.jpg) repeat-x;
}

#header {
	width: 930px;
	height: 108px;
	margin: 0 auto;
	padding: 0 15px;
}

#header .header_left {
	float: left;
	width: 300px;
}

#header .header_right {
	float: right;
	width: 600px;
}

/* site title */

#header  #site_title {
	float: left;
	width: 200px;
	padding: 10px 0 0 0;
}


#site_title a {
	margin: 0px;
	padding: 0px;
	font-size: 26px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
}

#site_title h1 a:hover {
	font-weight: bold;	
	text-decoration: none;
}

#site_title a span {
	display: block;
	margin-top: -20px;
	color: #fff;
	font-size: 13px;
	text-align: center;
	font-family: "Times New Roman", Times, serif;
}

/* end of site title */

/* search */

#search_box {
	float: right;
	margin: 15px 0 0 0;
}

#search_box form {
	margin: 0;
	padding: 0;
}

#search_box #input_field {
	height: 16px;
	width: 150px;
	color: #fff;
	font-size: 12px;
	padding: 3px 5px 3px 5px;
	font-variant: normal;
	line-height: normal;
	border: 1px solid #1b0d03;
	background: #261305;
}

#search_box #submit_btn {
 	height: 25px;
	cursor: pointer;
	padding: 2px 5px 7px 5px;
	font-size: 12px;
	text-align: center;
	vertical-align: bottom;
	white-space: pre;
	outline: none;
	color:#885f40;
	border: 1px solid #1b0d03;
	background: #261305;
}

/* end of search */

/* menu */

#header #menu {
	clear: both;
	float: right;
	height: 53px;
	margin-top: 5px;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu ul li {
	padding: 0;
	margin: 0;
	display: inline;
}

#menu ul li a {
	float: left;
	display: block;
	height: 28px;
	width: 90px;
	margin-left: 10px;
	padding: 25px 0 0 0;
	text-align: center;
//	font-size: 14px;
	text-decoration: none;
	color: #cdaf96;	
//	font-weight: normal;
	outline: none;
	font: bold 14px "Trebuchet MS";
}

#menu li a:hover, #menu li .current {
	color: #b78864;
	background: url(img/menu_hover.png) no-repeat;
}

/* end of menu */

/* welcome */

#welcome_wrapper {
	clear: both;
	width: 100%;
	height: 230px;
	background: url(img/welcome.jpg) repeat-x;
}

#welcome {
	width: 930px;
	height: 200px;
	margin: 0 auto;
	padding: 15px; 
	background: url(img/wlecome_bg.jpg) top right no-repeat;
}

#welcome_image {
	float: left;
	position: relative;
	width: 298px;
	height: 147px;
	padding: 25px;
}

#welcome_image span {
	position: absolute;
	top: 0;
	left: 0;
	width: 338px;
	height: 197px;
	background:url(img/slide.png) no-repeat;
}
#welcome_image img {
    width: 300px;
    height: 136px;
}
#welcome_text {
	float: right;
	width: 520px;
	padding-top: 20px;
	position: relative;
	height: 180px;
}
#welcome_text p {
		text-indent: 20px;
		text-align: justify;
}
/* end of welcome */

/* services */
	
#services_wrapper {
	clear: both;
	width: 100%;
	height: 150px;
	background: url(img/services.jpg) repeat-x;
	box-shadow: 0px 0px 5px gray;
}

#services {
	width: 930px;
	height: 130px;
	margin: 0 auto;
	padding: 10px 15px; 
}

.services_box {
	float: left;
	width: 250px;
	height: 130px;
	padding: 0 30px;
	background: url("img/vertical_divider.png") no-repeat scroll right center / 2px 100% transparent;
	position: relative;
}

.services_box_last {
	background: none;
}

/* end of services */

/* content */

#content_wrapper_outer {
	width: 100%;
	background: #e8dbb9 url(img/content_top.jpg) repeat-x top;
}

#content_wrapper_inner {
	width: 100%;
	background: #e8dbb9  url(img/content_bottom.jpg) repeat-x bottom;
	box-shadow: inset 0px 7px 5px -7px #808080;
}

#content_wrapper {
	width: 930px;
	margin: 0 auto;
	padding: 30px 15px;
}

#content {
	float: left;
	width: 600px;
	margin: 0 auto;
	padding: 0px 15px; 
}
#content2 {
	float: right;
	width: 660px;
	margin: 0 auto;
	padding: 0px 15px; 
}


#content_wrapper #content h2,#content_wrapper #content2 h2 {
	padding: 15px 0 15px;
	margin: 0 0 10px 0;
	box-shadow: 1px 1px 0px gray;
}

#content_wrapper .our_services {
	background: url(img/list.png) top left no-repeat;
}

#content_wrapper .about_us {
	background: url(img/about.png) top left no-repeat;
}

#content_wrapper .current_activities {
	background: url(img/date.png) top left no-repeat;
}
.current_activities {
	padding: 2px 0px 15px 60px !important;
}
#sidebar {
	position: relative;
	float: right;
	width: 240px;
	margin: 10px 0;
	padding: 15px 20px;
	background: #D8C9A3;
//	border: 2px solid white;
	border-radius: 15px;
	box-shadow: 0 0 4px gray;	
	
}

#sidebar .activities_box {
	margin-bottom: 15px;
}

#sidebar .activities_box a {
//	font-weight: bold;
	text-align: justify;
	display: block;
}
		
#sidebar.sidebar_left {
	float: left;
	width: 180px;
}	

#sidebar.sidebar_left ul {
	margin: 0px 10px;
	list-style: none;
}
p {
	text-indent: 20px;
	text-align: justify;
}						

/* end of content */

/* footer */

#footer_wrapper {
	width: 100%;
	height: 152px;
	background: url(img/footer.jpg) repeat-x bottom;
}

#footer {
	width: 982px;
	height: 77px;
	margin: 0 auto;
	padding: 75px 0 0 0;
	text-align: center;
	color: #fff;
	background: url(img/footer_bg.png) no-repeat bottom;
}

#footer a {
	color: #fff;
	font-weight: normal;
}

/* end of footer */


.calendar-date strong, .calendar-date em, .calendar-date span {
    display: inline-block;
    line-height: 16px;
    height: 16px;
    overflow: hidden;
    padding: 0px 10px 2px;
    text-align: center;
}

.calendar-date strong {
    background-color: #4075F1;
    color: #FFF;
}
.calendar-date span {
    background-color: #DDD;
    color: #666;
}

/*==== back to top jquery ===*/
	   
#back-top {position:fixed; bottom:30px; right:20px;}

#back-top a {width:50px; display:block; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s;}
			
#back-top a:hover {background:none;}

#back-top span {opacity:0.5; background-color:#000;  background-repeat: no-repeat;  width: 50px; background:#000; height: 50px; display: block; font-size:0.91667em; -webkit-border-radius: 30px; moz-border-radius: 30px; border-radius: 30px; -moz-transition:  .3s ease-in-out; -webkit-transition:  .3s ease-in-out; transition:  .3s ease-in-out;background-image: url(img/top-arrow.png);  background-position:0px -50px;}

#back-top a:hover span {background-color:#D8C9A3; background-position:0px 0px; opacity:1;}

.events {
    position: relative;
    width: 620px;;
    margin: 10px 0px;
    padding: 15px 20px;
    background: none repeat scroll 0% 0% #D8C9A3;
    border-radius: 15px;
    box-shadow: 0px 0px 4px #808080;
}
.old_event {
    background: #A8A8A8;
}
.googlemap {
    padding: 4px;
    background: none repeat scroll 0% 0% #FFF;
    border: 1px solid #D9D9D9;
    margin-bottom: 40px;
    clear: both;
}
.grafik {
	font-size: 12px;
	border-collapse: collapse;
}
.grafik td {
	border: 1px solid gray;
	font-size: 12px;
	border-collapse: collapse;
	text-align:center;
}
.grafik caption {
	font-size: 14px;
	font-weight:bold;
	border-collapse: collapse;
	text-align:center;
}
#content2 img {
	max-width: 600px;
	max-height: 550px;
}