@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, form {
	margin: 0;
	padding: 0;
	color: #5C5C5C;
}

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

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

h3, h4, .tx-contagged-single dt {
	margin: 8px 0; 
	color:#687B2D;
	}

h3 {font-size: 1em;}

h4 {font-size: 0.9em;}

h5 {font-size: 0.9em;margin: 8px 0;}

h6 {font-size: 0.875em;margin: 8px 0;}

p {
	font-size: 0.875em;
	margin: 0 0 0.6em 0;
	padding: 0;
	}

img {
	border: 0;
}

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

.tx-srfreecap-pi2-cant-read a:hover, a:hover, a:active, a:focus {
	color: #fff;
	text-decoration: none;
	background-color: #808F6E;
}

dfn a {color:#5C5C5C; text-decoration: none;cursor: help; }

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

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

.clear {
	clear: both;
}


form.general, form#general, form.tx_powermail_pi1_form {font-size: 0.875em;}
.general legend,#general legend {padding: 0 5px;color: #5C5C5C;}
.general label,#general label {display: block;}
.general input, .general textarea,#general input, #general textarea  {border: 1px solid #859D31;}
form#general .tx_powermail_pi1_fieldwrap_html {padding: 5px 0;}
.general input:focus, textarea:focus,#general input:focus, #general textarea:focus  {
	color: #000;
	background: #fff;
	border: 1px solid red;
	}
.powermail_mandatory_js {color: red;}
.tx_powermail_pi1_fieldwrap_html_label {padding-bottom: 1em;}

.tx_powermail_pi1_fieldwrap_html_text {padding-bottom: 0.5em;}
form#general p.tx_powermail_pi1_fieldwrap_html_checkbox_title, form#general p.tx_powermail_pi1_fieldwrap_html_radio_title {font-size: 1em;}
form#general .powermail_check_inner input, form#general .powermail_radio_inner input{float: left;}

form#general .powermail_check_inner, form#general .powermail_radio_inner {clear: both;}

.tx-guestbook-submit, .general button, input.powermail_submit {
	background: transparent url(images/headline-bg.gif) repeat-x; 
	border: 1px solid #859D31;
	margin-top: 0.5em;
	}

.tx-veguestbook-pi1 .tx-guestbook-field {font-size: 0.875em;}

.tx-veguestbook-pi1 .tx-guestbook-field p, 
.tx-veguestbook-pi1 .tx-guestbook-field span, 
.tx-veguestbook-pi1 .tx-guestbook-field span span {font-size: 1em;}


.tx-guestbook-right {
	padding:.5em;
	border: 1px solid #b2c27e;
	}
.tx-guestbook-right p.small {font-size: 0.7em;color:#839837;}
.tx-guestbook-result, .tx-guestbook-pagination {font-size: 0.7em;}

span.tx-guestbook-form-obligationfield, form.tx_powermail_pi1_form span.powermail_mandatory {color:#990000;}

.csc-sitemap ul li ul li {padding-left: 1em;}

.news-list-item {padding: 0.5em 0 0.5em 0; clear: left;}

span.news-list-date {font-weight: bold;}

.tx-contagged-list,.tx-contagged-navlink, .tx-contagged-single dd {font-size: 0.875em;}
.tx-contagged-single dd {margin: 0.5em 0; padding: 0;}
.tx-contagged-single dt {font-weight: bold;}
.tx-contagged-single dd p, #maincontent .tx-contagged-single dd ul {font-size: 1em;}

#maincontent .tx-contagged-single dd ul li {
	background:transparent url(images/bullet.gif) no-repeat scroll 0 2px;
	margin:0 0 0 18px;
	padding:0 0 0 20px;
}

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

#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: 0 auto;
	background:#fff url(images/main-bg.jpg) top left repeat-x;
	height: 100%;
	}
	
#wrap {
	text-align: left;
	margin: 0 auto;
	width: 50em;
	}

#header {
	margin: 0 auto;
	padding:0;
	width: 50em;
	vertical-align:bottom;
}

#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;overflow: hidden;}
.breadcrumb p {margin: 0; padding: 0;font-size: 0.75em;}

#photo {
	float: left;
	width: 39em;
	}

#photo img {
	display: block;
	border: 1px solid #D8D8D8;
	padding: 2px;
	}

#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 1em;
	margin: 0 0 0 10em;
	float: left;
	width: 28em;
	min-height:100%;
	height:auto !important;
	height:100%; 
	}
	
#maincontent h2 {
	background:#9eb442 url(images/headline-bg.gif) repeat-x;
	color: #fff;
	padding: 3px 5px;
	margin: 0 0 10px 0;
	}
	
#maincontent h3 {
	background:#9eb442 url(images/headline-bg.gif) repeat-x;
	color: #fff;
	padding: 3px 5px;
	margin: 0 0 10px 0;
	}	
	
/* Krematoriums-Rot, neu seit 28.10.2011 */

#maincontent h2.krotbg {
    background: #9C3A3A url(images/headline-bg-r.gif) repeat-x;
    color: #fff;
    margin: 0;
    padding: 3px 5px;
}

#maincontent h2.krot {
    background-color: #fff;
    background-image: none;
    color: #A21317;
    margin: 0;
    padding: 3px 0px;
}

#maincontent h3.krotbg, #maincontent h3.news-single-Krematorium {
    background: #9C3A3A url(images/headline-bg-r.gif) repeat-x;
    color: #fff;
    margin: 0;
    padding: 3px 5px;
}

#maincontent h3.krot {
    background-color: #fff;
    background-image: none;
    color: #A21317;
    margin: 0;
    padding: 3px 0px;
}

/* TT-News Change for red headlines*/

p.newslist-Krematorium a, p.newslist-Krematorium a:link {
    color: #A21317;
    margin: 0;
    padding: 3px 0px;
	}
	
p.newslist-Krematorium a:hover, p.newslist-Krematorium a:active, p.newslist-Krematorium a:focus {	
	
	background-color: #d8d8d8;
        }
        
#maincontent ul {
	margin: 5px 0;
	padding: 0;
	font-size: 0.875em;
	line-height: 1.2;	
	}

#maincontent ol { 
	font-size: 0.875em;
	}
#maincontent ol li {
	list-style-type: decimal;
	}
#maincontent .box-l ul li {
	background: transparent url(images/bullet.gif) no-repeat 0 2px;
	margin: 0 0 0 18px;
	padding: 0 0 0 20px;	
	}
	
#maincontent .box-l table.contenttable {table-layout: fixed; width:450px;}
#maincontent .box-l table.contenttable tr {width:450px;}
#maincontent .box-l .contenttable td {width:140px;}
#maincontent .box-l .contenttable td.short {width:50px;text-align: center;}

#maincontent .box-l .contenttable td p {display:inline;}

#col2 {
	margin: 0 0 0 -40em;
	width: 10em;
	float: left;
	overflow:hidden;
   }

/* Menu in Column2 */

#col2 ul#menu {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
	font-size: 0.9em;
	}

#col2 ul#menu li {
	border-bottom:1px solid #6d7d5b;
	display:block;
	}

#col2 ul#menu li li {
	border-bottom:0px solid #6d7d5b;
	display:block;
	padding: 0 0 0 20px;
	font-size: 0.9em;
	width: 88%;
	}

#col2 ul#menu li a:link, #col2 ul#menu li a {
	display:block;
	color: #000;
	text-decoration: none;
	padding:6px 0 6px 0;
	width: 88%;
	}
	
#col2 ul#menu li a:visited {color: #5C5C5C;}

#col2 ul#menu li a.current  {color: #839837; font-weight: bold;}

#col2 ul#menu li a:hover, #col2 ul#menu li a:focus, #col2 ul#menu li a:active { 
	background-color: transparent; 
	color: #839837; 
	}
	
#col2 .col2-img {
	padding: 20px 0 0 0; 
	width: 9em;
	margin:0;
	padding:1em 0 0 0;
	float:left;
	}

#col2 .col2-img img {
	padding: 2px;
	border: 1px solid #D8D8D8;}

#col3 {
   padding: 0;   
   width: 10em;
   float: left;
   overflow:hidden;
   }

#col3 .col3-img {
	padding: 1em 0 0 0;
	margin: 0 0 0 1em; 
	width: 8em;
	float:left;
	/*position: relative;
	clear: both;*/
	} 

#col3 .col3-img img {
	padding: 2px;
	border: 1px solid #D8D8D8;}
 
/*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;}

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

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

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

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

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

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

.body-left .imgbox-l img, #maincontent .imgbox-l img{
	border: none;
	float:none;
	padding: 0 10px;
	}
.body-left .imgbox-l, #maincontent .imgbox-l {
	background: #fff url(images/galbg-l.gif) top left repeat-y;
	padding: 0;
	overflow: hidden;
	margin: 0 auto;
	}
	
.body-left .imgbox-bl, #maincontent .imgbox-bl {
	margin: 0; 
	padding:0;
	height: 13px;
	width: 425px;
	background: transparent url(images/galbg-bottom-l.gif) 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 {margin: 0.8em 0 0 1.5em;}

.body-right {
	float: left;
	width: 23em;
	overflow:hidden;
}
.body-right 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;
	}
/*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;
	}
/*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;}

/** SEARCH */

.tx-indexedsearch-browsebox ul.browsebox li {display:inline; padding: 0 0.4em 0 0;}

/** TABLES */

table.contenttable, #maincontent table {
   margin: 1em 0;
   /*border-collapse: separate;*/
   color: #5C5C5C;
   text-align: left;
   font-size: 0.85em;
   }

td, th {
	margin: 0;
	padding: 0;
}

tbody {border: 1px solid #999;}

td {
   /*border-left: 1px solid #999;
   border-bottom: 1px solid #999;
   border-bottom: 1px solid #999;*/
   }

th {
   /*border-left: 1px solid #999;
   border-top: none;
   border-bottom: 2px solid #999;
   border: 1px solid #999;*/
   background-color: #9eb442;
   }

td.highlight, .tr-odd {
  background-color: #eaf4dd;
  /*background-color: #d9e2cd;
  color: #fff;*/
  }

tr.first {
   font-weight: bold;
   }

tbody tr.odd th, tbody tr.odd td {
	background-color: #fff;
	}

/*tbody tr:hover td {
	background-color: #d9e2cd;
    	color: #fff;
}

tbody tr:hover td a {
    	color: #fff;
}*/

td, th {
	padding: 3px;
	/*white-space: nowrap;*/
	vertical-align: middle;
}


#fritswebleft ul li{
				margin: 0 0 0 1px;
				padding: 0 0 0 20px;
				font-size: 0.8em;
				line-height: 1.2;
				background: transparent url(images/bullet.gif) no-repeat 0 2px;
				margin-top: 4px;
				
}

#fritswebleft a {
				color: #687B2D;
				text-decoration: none;
				font-weight: bold;
}

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