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

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

html {
 height:100%;
}


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

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;
}

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

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

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

h3, h4 {
	margin: 8px 0; 
	color: #A21317;
	}

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: #A21317; /*text color*/
	text-decoration: underline;
}


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;}

#container {position: relative;min-height: 100%;}

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 #A21317;}
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;}

form.tx_powermail_pi1_form span.powermail_mandatory {color:#990000;}

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

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

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

#header h1 img {
	display: block;
}

#nav {
	margin: 0;
	padding: 0;
    overflow: hidden;
}

#nav ul{
	margin: 0.6em 0 0 0.6em;
	padding: 0;
	float: left;
}

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

/* normal state of menu item */
#nav ul li a{
	float: left;
	color: #A21317; /*text color*/
	display:block;
	height: 24px;
	padding: 12px 1.2em 0 0;
	text-decoration: none;
	font-weight: normal;
	font-size: 0.875em;
}

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

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

#nav ul li a.current {color: #000;}
		
#wrap {
	text-align: left;
	margin: 0 auto;
	width: 60em;
	padding-bottom: 3.5em;
	position: relative;
	}

#headline {
	padding-top: 15px;
	}

.breadcrumb {padding: 1em 0;overflow: hidden;}
.breadcrumb p {margin: 0 0 0 .6em; 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 #A21317;
}

#search h4 {
	margin: 0 0 0 1em;
}
#search p {
	margin: 0.1em 0;
}
#search .fsubmit {
	background: transparent url(images/btnbg.gif) repeat-x; 
	border: 1px solid #4e4e4e;
	margin-top: 0.5em;
	width: 5em;
	color: #fff;
	}
	
#search #secbox {text-align: right;margin: 15px 0 0 0;}
#search #secbox a {text-decoration:none;}

#maincontent {
	background-color: #fff;
	padding: 0 0.5em;
	/*margin: 0 0 0 10em;*/
	float: left;
	/*width: 28em;*/
	min-height:100%;
	height:auto !important;
	height:100%; 
	width: 60%;
	}
	
#maincontent h2 {
	color: #A21317;
	padding: 3px 0;
	margin: 0 0 10px 0;
	}

#maincontent ul {
	margin: 5px 0 5px 20px;
	padding: 0;
	font-size: 0.875em;
	line-height: 1.2;	
	}

#maincontent ul li {
	margin: 0;
	padding: 5px;
	}

#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;	
	}

#col2 {
	/*margin: 0 0 0 -40em;*/
	width: 10em;
	float: left;
	padding: 0 0.6em 0 0;
	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 #A21317;
	display:block;
	}

#col2 ul#menu li li {
	border-bottom:0px solid #A21317;
	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: #4e4e4e;
	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: #A21317; 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: #A21317; 
	}
	
#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;
	} 

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

#body {
	text-align: justify;
	margin: 0;
	padding: 0;
}
	
.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-img img,.box-l img, .news-single-item img, #maincontent img {
	border: 1px solid #D8D8D8;
	padding: 2px;
	float: left;
	}
.box-imgr img, #maincontent .box-imgr img {
	border: 1px solid #D8D8D8;
	padding: 2px;
	float: right;
	}

.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 {height: 20px;width: 60%;padding-top: 20px;}

#func p {text-align: right;}

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

#func a:hover, #func a:active, #func a:focus {background-color:#e8e8e8;}

#footer {
	color: #FFFFFF;
	background: #4e4e4e url(images/footerbg.jpg) top left repeat-x;
	padding: 10px 0 0 0;
	margin-top: -2em;
	height: 20px;
	position: relative;
	}

#footer p {
	margin: 3px 0 0 0;
	padding: 0;
	font-size: 0.8em;
}

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

/** SEARCH */

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

#maincontent .tx-indexedsearch .tx-indexedsearch-res td.tx-indexedsearch-icon img {border: 0;}

.tx-indexedsearch-info {font-size: 0.8em;}

/** 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;}