@charset "UTF-8";
/* CSS Document */

/* for www.friedhof-hamburg.de */

html > body {
	font-size: 100.01%;
}

html, body, ul, li {
	margin: 0;
	padding: 0;
	list-style: none;
	font-family:Arial, Helvetica, sans-serif;
	/*font-size-adjust:none;*/
}

body, h1, h2, h3, form {
	margin: 0;
	padding: 0;
	color: #5C5C5C;
}

h1 {font-size: 1.2em; color:#687B2D;}

h2 {font-size: 1.1em; color:#687B2D;}

h3 {font-size: 1em;}

h4 {font-size: 1em;}

h5 {font-size: 1em;}

p {font-size: 0.875em;}

img {
	border: 0;
}

a {
	color: #839837;
	text-decoration: underline;
}

a:hover, a:active, a:focus {
	color: #fff;
	text-decoration: none;
	background-color: #808F6E;
}

.left {
	float: left;
}
.right {text-align: right;}

.clear {
	clear: both;
}
.news-list-item p {margin:0;}
span.news-list-date {font-weight: bold;}

body {
	/*background: #fff url(images/header_bg.jpg) top left repeat-x;*/
	text-align: center;
}

#wrapper {
	/*text-align: left;
	margin: auto;
	width: 800px;*/
}

#top {
	margin: 0 auto ;
	background:#d9e2cd url(images/header-bg.png) top left repeat-x;
	border-bottom:#FFFFFF solid 0.2em;
	}

#schrift {
	margin: 0 auto;
	background:#b2c27e url(images/inner-bg.gif) top left repeat-x;
	height: 2.8em;
	border-top:none;
	padding: 0;
	border-bottom:#fff solid 0.2em;
	}

#schrift .inner {
	margin: 0 auto;
	padding:0;
	width: 50em;
	}
#schrift .inner .tx-efafontsize-pi1 p {
  	text-align: right;
	padding:1em 1em 0 0;
	margin: 0;
	}

#schrift .inner .tx-efafontsize-pi1 {
	
	display: inline;}

#middle {
	margin: auto;
	background:#fff url(images/main-bg.jpg) top left repeat-x;
	height: 100%;
	}
	
#wrap {
	text-align: left;
	margin: auto;
	width: 50em;
	}

#header {
	margin: 0 auto;
	padding:0;
	width: 50em;
	/*height: 8.1em;*/
	vertical-align:bottom;
	/*position: absolute;*/
	/*background: #6D7D5B url(images/header-bg.gif) top left repeat-x;*/
}

#header h1 {
	padding-top: 0.6em;
}
#header h1 img {
	display: block;
}

#nav {
	margin: 0;
	padding: 0;
	/*width: 100%; leave this value as is in most cases*/
    overflow: hidden;
}

#nav ul{
	margin: 0.6em 0 0 0;
	padding: 0;
	float: left;
	/*width: 780px;*/
}

#nav ul li{
	display: inline;
	background-color: transparent;
}

#nav span.first {
	height: 100%;
	/*width: 8px;*/
	padding: 0 0 36px 8px;
	margin: 9px 0 0 0;
	background: transparent url(images/menubg-l.gif) 0 0 no-repeat;	
	float:left;
}

/* normal state of menu item */
#nav ul li a{
	float: left;
	color: white; /*text color*/
	display:block;
	height: 24px;
	padding: 12px .6em 0 .6em;
	text-decoration: none;
	background: #6D7D5B url(images/menubg.png) top right no-repeat;
	font-weight: normal;
	font-size: 0.875em;
	
}

#nav ul li a:visited{
color: white;
}

#nav ul li a:hover, #nav ul li a:active, #nav ul li .current{
	background-position: right -36px;
	color: #000;
}

#nav ul li a.current {color: #000;}

#nav ul li a.end, #nav ul li a:link.end {
background: #6D7D5B url(images/menu-last-fin.png) top right no-repeat;}

#nav ul li a.end:hover, #nav ul li a.end:active, #nav ul li .current{
	background-position: right -36px;
	color: #000;
}

#nav ul li.last { 
	/*height: 100%;
	float: right;*/
	padding: 0 7px 17px 0;
	background: transparent url(images/menubg-r.gif) top right no-repeat; 
	}
	
#headline {
	padding-top: 15px;
}

.breadcrumb {padding: 1em 0 1em 0;}
.breadcrumb p {margin: 0; padding: 0;font-size: 0.75em;}

#photo {
	float: left;
	width: 39em;
}
#photo div {
	
}
#photo img {
	display: block;
	border: 1px solid #D8D8D8;
	padding: 2px;
	width: 38em;
}

#search {
	float: left;
	width: 10em;
}
#search div {
	padding: 3px 0;
	margin: 0 0 0 1em;
}
/*search input field */
#search #q {
	width: 140px;
	border: 1px solid #859D31;
}

#search h4 {
	margin: 0 0 0 1em;
}
#search p {
	margin: 0.1em 0;
}
#search .fsubmit {
	background: transparent url(images/headline-bg.gif) repeat-x; 
	border: 1px solid #859D31;
	margin-top: 0.5em;
	}
#search #secbox {text-align: right;margin: 15px 0 0 0;}
#search #secbox a {text-decoration:none;}

#maincontent {
	background-color: #fff;
	padding: 0 0 0 0;
	border: 1px solid #009933;
	margin: 0 10em 0 12em;
	position: relative;
	/*float: left;*/
	min-height:100%;
	/*height:auto !important;*/
	height:100%; }
	
#left {
	margin: 10px 10px 10px -10em;
	width: 10em;
	position: absolute;
	top: -10px;
	left: 0;
	/*height: 2em;*/
   }

#right {
   background-color: #f1f1f1;
   padding: 0;
   border: 1px solid #acacac;
   margin: 10px 10px 10px 0;
   width: 10em;
   position: absolute;
   top: -10px;
   right: 0;
   }
HTML>BODY #right {
   margin: 9px -12em 10px 0;
   }


#body {
	text-align: justify;
	margin: 0;
	padding: 0;
}

/*#body p {
	margin: 0.3em;
	}*/
	
.body-left {
	float: left;
	width: 27em;
	margin: 0;
	padding: 0;
}

/*.body-left h2 {
	color: #9eb442;
	padding: 3px 0;
	margin: 0;
	}
*/
.body-left h2 {
	background:#9eb442 url(images/headline-bg.gif) repeat-x;
	color: #fff;
	padding: 3px 5px;
	margin: 0 0 10px 0;
	}

.body-left .box-l {	clear: both;}

.body-left ul.bullets {
	margin: 15px 0 0 0;
	padding: 0;
	display:block;
	font-size: 0.875em;
	text-align: left;
	float:left;
	}

.body-left ul.bullets li {
	background: top left url(images/bullet.gif) no-repeat;
	margin: 0 0 10px 0;
	padding: 0 0 0 25px;
	}

.body-left ul {
	margin: 5px 0;
	padding: 0;
	font-size: 0.875em;
	line-height: 1.2;	
	}
.body-left ol { 
	font-size: 0.875em;
	}
.body-left ol li {
	list-style-type: decimal;
	}
.body-left .box-l ul li {
	background: transparent url(images/bullet.gif) no-repeat 0 2px;
	/*margin: 0 0 0 18px;*/
	display: inline;
	padding: 0 0 0 20px;	
	}

.body-left img, .news-list-item img {
	border: 1px solid #D8D8D8;
	padding: 2px;
	float: left;
	}

.body-left img p {
	padding-left: 0.3em;}

.box-l {margin: 0.8em 0 0 0;padding: 0;}

.body-left .imgbox-tl{
	margin: 0; 
	padding:0;
	height: 13px;
	width: 425px;
	background: transparent url(images/galbg-top-l.png) -1px 0 no-repeat;
	}

.body-left .imgbox-l img {
	border: none;
	float:none;
	padding: 0 10px;
	}
.body-left .imgbox-l {
	background: #fff url(images/galbg-l.gif) top left repeat-y;
	padding: 0;
	overflow: hidden;
	margin: 0 auto;
	}
	
.body-left .imgbox-bl {
	margin: 0; 
	padding:0;
	height: 13px;
	width: 425px;
	background: transparent url(images/galbg-bottom-l.png) top left no-repeat;
	}

.body-left div.img-desc {
	float: left; 
	font-size: 0.875em;
	width: 137px;
	}

.body-left div.img-desc img {border: none;}

.body-left div.img-desc span {padding: 0 0 0 10px;}
.body-left div.img-desc a {text-decoration: none;}

.box-r, .news-list-item, .csc-header {margin: 0.8em 0 0 1.5em;}

.body-right {
	float: left;
	width: 23em;
	overflow:hidden;
}
.body-right h2, .csc-header .csc-header-n4 h2 {
	background:#9eb442 url(images/headline-bg.gif) repeat-x;
	color: #fff;
	padding: 3px 5px;
	margin: 0 0 10px 0;
	
	/*color: #9eb442;
	padding: 3px 0;
	margin: 0;*/
	}

.body-right p {
	margin-left: 0;
	}

#body a.green {
	color: #9AAB68;
	font-weight: normal;
	text-decoration: underline;
	}
/*top of image box in right side */
.body-right .imgbox-t{
	margin: 0; 
	padding:0;
	height: 13px;
	width: 337px;
	background: transparent url(images/galbg-top.jpg) top left no-repeat;
	}
/* box with 6 images in 2 rows */
.body-right .imgbox-r {
	width: 337px;
	text-align:center;
	background: #fff url(images/galbg.jpg) top left repeat-y;
	padding:0 0 0 15px;
	/*overflow: hidden;*/
	margin: 0;
	}

.body-right .imgbox-r p {
	margin-left: -25px;
	margin-top: 0px;
	margin-bottom: 0px;
	}

/*box with single image */
.body-right .imgbox-s {
	width: 337px;
	height:120px;
	text-align:center;
	background: #fff url(images/galbg.jpg) top left repeat-y;
	padding: 0;
	/*overflow: hidden;*/
	margin: 0;
	}
/*.body-right .imgbox-s img {width: 19.5em;}
bottom of image box in right side */
.body-right .imgbox-b {
	margin: 0; 
	padding:0;
	height: 13px;
	width: 337px;
	background: transparent url(images/galbg-bottom.jpg) top left no-repeat;
	}
	
/*.body-right .imgbox-b img{ margin:0; padding:0;display:inline;}*/

#gallery img {
	float: left;
}

#func p {text-align: right;}
#func a {text-decoration: none;margin: 0; padding:0;}

#footer {
	color: #FFFFFF;
	background: #808F6E url(images/footerbg.gif) top left repeat-x;
	padding: 10px 0 3px 0;
	margin-top: 2em;
	height: 20px;
}
#footer p {
	margin: 0;
	padding: 0;
	font-size: 0.7em;
}

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

.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }