﻿body {
}

.startPageMainPanel
{
    width: 948px;
}

.Panel_Top
{
    margin-bottom: 20px;
    width:948px;
    min-height:50px;
    border:1px solid;
}
.Panel_Left
{
    float:left;
    margin-right: 10px;
    width:229px;
    min-height:50px;
}

.Panel_Middle
{
    float:left;
    margin-right: 10px;
    width:470px;
    min-height:50px;
}

.Panel_Right
{
    float:left;
    width:229px;
    min-height:50px;
}

.Panel_Bottom{
    width:948px;
    height:100%;
}

/*********************** Startpage Controls **********************************/

.ULInMediaMainPanel
{
    float:left;
    margin-top:20px;
    width:919px;
    height:180px;
    border:1px solid #D5D6C0;
}

.ULInMediaPanelContent
{
    padding-left:20px;
    padding-right:20px;
}

.linkMoreMediaVoices
{   
    color:#7D775C;
    font-family: georgia,arial,serif;
    font-size:16px;
    font-variant:normal;
    font-weight:normal; 
    text-decoration:none;   
}

.MediaItemPanel
{   
    font-style:italic;
    float:left;
    width:270px;
    margin-right:34px;
    margin-top:15px;
}

.MediaItemPanelLast
{
    font-style:italic;
    float:left;
    width:270px;
    margin-top:15px;
}

.MediaItemImage
{
    margin-bottom:20px;
}

.ULINMediaHeaderDiv
{
    color:#7D775C;
    font-family:perpetua,Times New Roman;
    font-size:22px;
    font-variant:normal;
    font-weight:normal;
    padding-left: 25px; 
    padding-top: 10px;
}

.ModuleHeaderPanel
{
    float:left;
    background:url("pics2/bgd/modul_header_bgd.png") no-repeat left top;
    width:215px;
    height:26px;
    padding-left:14px;
    padding-top:5px;
    line-height:25px;
    font-family: georgia,arial,serif;
    color: #FFFFFF;
    font-size:8.5pt;
}

.ModuleHeaderPanel1
{
    float:left;
    background:url("pics2/bgd/modul_header_bgd.png") no-repeat left top;
    width:215px;
    height:26px;
    padding-left:14px;
    padding-top:5px;
    line-height:25px;
    font-family: georgia,arial,serif;
    color: #FFFFFF;
    font-size:8.5pt;
}


.ModuleHeaderPanel2
{
    float:left;
    background:url("pics2/bgd/modul_header_bgd2.png") no-repeat left top;
    width:215px;
    height:9px;
    padding-left:14px;
    font-family: georgia,arial,serif;
    color: #FFFFFF;
}

.ModuleMiddlePanel
{
    float:left;
    background: transparent url("pics2/bgd/modul_middle_bgd.png") no-repeat left top;
    width:201px;
    padding-left:14px;
    padding-right:14px;   
}

.ModuleMiddlePanel1
{
    float:left;
    background: transparent url("pics2/bgd/modul_middle_bgd.png") no-repeat left top;
    width:201px;
    padding-left:14px;
    padding-right:14px;   
}

.ModuleMiddlePanel2
{
    float:left;
    background: transparent url("pics2/bgd/modul_middle_bgd.png") no-repeat left top;
    width:195px;
    padding-left:19px;
    padding-top:8px;
    padding-bottom:8px;
    padding-right:14px;   
}

.ModuleFooterPanel
{
    float:left;
    background:url("pics2/bgd/modul_footer_bgd.png") no-repeat left top;
    width:229px;
    height:16px;
}

.ModuleFooterPanel1
{
    float:left;
    background:url("pics2/bgd/modul_footer_bgd.png") no-repeat left top;
    width:229px;
    height:16px;
}

.RegionGravesMainPanel{
    width:200px;
    height: 160px;
    border:1px solid #D5D6C0;
    margin-bottom:20px;
}

.NewsMainPanel
{
    width:200px;
    height: 240px;
    border:1px solid #D5D6C0;
    margin-bottom:20px;
}

.RatgeberMainPanel
{
    width:200px;
    height: 160px;
    border:1px solid #D5D6C0;
    margin-bottom:20px;
}

.ScrollableMainPanel
{    
    margin-top:3px;
    width:470px;
    height:246px;
    /*background:url("pics2/bgd/scrollable_bgd.png") no-repeat left top;*/
    margin-bottom:20px;
}

.Scrollable_MainPanel_GS
{
    width:470px;
    height:246px;
    background:url("pics2/scroll/gs_bgd.png") no-repeat left top;
}

.Scrollable_MainPanel_Panel2
{
    width:470px;
    height:246px;
    background:url("pics2/scroll/panel2.png") no-repeat left top;
}

.Scrollable_MainPanel_Panel3
{
    width:470px;
    height:246px;
    background:url("pics2/scroll/panel3.png") no-repeat left top;
}

.Scrollable_Portal_MainPanel_Panel
{
    width:470px;
    height:246px;
    background:url("pics2/scroll/bg_trauerportal.png") no-repeat left top;
}

.Scrollable_ShowTour_MainPanel_Panel
{
    width:470px;
    height:246px;
    background:url("pics2/scroll/bg_fh1.png") no-repeat left top;
}

.Scrollable_Branchenbuch_MainPanel_Panel
{
    width:470px;
    height:246px;
    background:url("pics2/scroll/bg_branchenbuch2.png") no-repeat left top;
}

.Scrollable_Traueranzeigen_MainPanel_Panel
{
    width:470px;
    height:246px;
    background:url("pics2/scroll/bg_traueranzeigen.png") no-repeat left top;
}

.InnerScrollablePanel
{
    width:470px;
    height:246px;
}

/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
 
    float:left; 
    position:relative; 
    overflow:hidden; 
    width: 470px; 
    height:246px; 
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a super large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
 
/* 
    a single item. must be floated on horizontal scrolling 
    typically this element is the one that *you* will style 
    the most. 
*/ 
.scrollableitemdivs { 
    float:left; 
    overflow:hidden;
    width:470px;
} 

div.navi {
    height:20px;
    margin-left:328px;
    width:200px;
}

a.prev, a.next, a.prevPage, a.nextPage {
background: transparent url("pics2/scroll/next_bgd.png") no-repeat left top;
cursor:pointer;
display:block;
float:left;
margin-top:-244px;
margin-left:442px;
height:39px;
width:24px;
position:relative;
}

a.prev, a.prevPage{
background: transparent url("pics2/scroll/prev_bgd.png") no-repeat left top;
cursor:pointer;
display:block;
float:left;
height:39px;
width:24px;
margin-top:-244px;
margin-left:4px;
position: relative;
}

.Scrollable_MainPanel
{
    width: 430px;
    height:220px;
    padding:10px;
}

.ScrollableHeaderLabel
{  
    float:left;
    width:350px;
    margin-left:40px;
    margin-top:10px; 
    font-family: georgia,arial,serif;
    font-size:20px;
    color: #828172;
}

.Scrollable_TextPanel
{
    float:left;
    width:195px;
    height: 148px;
    padding-top:25px;
    padding-right:10px;
    margin-left:25px;
    line-height:15px;
    font-family: Georgia, arial,serif;
    font-size:8.5pt;
    color: #3F4137;    
}

.Scrollable_TextPanel ul {
    line-height:18px;
    margin-left:0;
    margin-top:7px;
    padding-left:15px;
}

.scrollableButtonDiv
{
    margin-left:23px;
}

.Scrollable_ImagePanel
{
    float:left;
    width:200px;
    margin-top:15px;
}


.button_main_panel
{
    float:left;
    color:#FFFFFF;
    font-family: Georgia, Arial, Sans-Serif;
    font-size:8.5pt;
    margin-right: 7px;
}

.button_main_panel_register
{
    color:#FFFFFF;
    font-family: Georgia, Arial, Sans-Serif;
    font-size:8.5pt;
    margin-right: 7px;
}

.button_bgd_left
{
     float:left;
     background: transparent url("pics2/bgd/button_left.png") no-repeat left top;
     width:10px;
     height:31px;
}

.button_bgd_middle
{
    height:31px;
    width:101px;
    text-align:center;
    color:#FFFFFF;
    font-family: Georgia, Arial, Sans-Serif;
    font-size:8.5pt;
    text-decoration:none;
    float:left;
    line-height:31px;
    border:none;
    cursor:pointer;
    background: transparent url("pics2/bgd/button_middle.png") left top;
}

.NewsPanel
{
    height:210px;
    overflow:hidden;
}

.button_bgd_middle a
{
    
    text-decoration:none;
    color:#FFFFFF;
    font-family: Georgia, Arial, Sans-Serif;
    font-size:8.5pt;
}


.button_bgd_right
{
    float:left;
     background: transparent url("pics2/bgd/button_right.png") no-repeat left top;
     width:11px;
     height:31px;
}

.SearchMainPanel
{
    width:459px;
    height:auto;
    margin-left: 10px;
    margin-top:5px;
    margin-bottom:0px;
}

.StatisticsMainPanel
{
    width:470px;
    text-align:center;
    margin-bottom:10px;
}

.StatisticsLabel
{   
    font-family: Georgia, Arial, Sans-Serif;
    font-size:12pt;
    color: #828172;
}

.SeperatePanel
{
    background: transparent url("pics2/bgd/trennlinie_middle.png") no-repeat left top;
    width:470px;
    height:1px;
    margin-bottom:10px;
    margin-top:10px;
}

.ddl_Time
{
    float:left;
    color: #7F816E;
    width:150px;
    margin-right:10px;
    margin-top:4px;
    font-size:8.5pt;
    height:20px;
    border:1px solid #AAAAAA;
}

.tbx_Name
{
    float:left;
    margin-right:10px;
    margin-top:4px;
    width:148px;
    font-size:8.5pt;
    height:16px;
    border:1px solid #AAAAAA;
    vertical-align:middle;
}

.ul_button_frontpage_search
{
    background: transparent url("pics/Buttons/Button_neu.jpg") no-repeat left top;
    width: 128px;
    height: 21px;
    float: left;
    margin-left:7px;
    cursor: pointer;
    color: #3F4137;
    font-size: 8pt;
    margin-top:3px;
    border-style: none;
    text-align:center;
    font-family:@Arial Unicode MS;
    vertical-align:middle;
}

.SearchHeaderLabel
{
    font-family: georgia,arial,serif;
    color: #828172;
    font-size:12pt;
}

.search_watermark
{
    color: #7F816E;
    float:left;
    margin-right:10px;
    margin-top:4px;
    width:148px;
    font-size:8.5pt;
    height:16px;
    border:1px solid #AAAAAA;
}

.ProminentItemMainPanel
{
    float:left;
    margin-top:6px;
    margin-bottom:0px;
}

.CandleItemMainPanel
{
    margin-top:15px;
    height:85px;
    overflow:hidden;
}

.CandleItemWithoutTextMainPanel
{
    margin-top:15px;    
    overflow:hidden;
}

.ImagePanelProminentItem
{
    float:left;
}


.InfoPanelProminentItem
{
    float:left;
    width:140px;
    padding-left:10px;
    font-family:Arial, Sans-Serif;
    font-size:8pt;
    line-height:13px;
    padding-top:1px;
}


.InfoPanelProminentItem a
{
    font-family:Arial, Sans-Serif;
    font-size:8pt;
    text-decoration:none;
    color: #7B032A;
}

.InfoPanelProminentItem a:hover
{
    text-decoration:underline;
}


.NewsItemMainPanel
{
    line-height:14px;
    margin-top:10px;
    margin-bottom:10px;
    margin-left:10px;
    margin-right:10px;
}

.NewsItemHeaderLabel
{
    font-family:Arial, Sans-Serif;
    font-weight:bold;
    font-size:8pt;
    text-decoration:none;
    color: #3F4137;
}

.NewsItemTextLabel
{
    font-family:Arial, Sans-Serif;
    font-size:8pt;
    text-decoration:none;
    color: #3F4137;
}

.NewsItemHyperlinkMore
{
    font-family:Arial, Sans-Serif;
    font-size:8pt;
    text-decoration:underline;
    color: #3F4137;
}

.NewsItemHyperlinkMore:hover
{    
    color: #999999;
}

.RatgeberText
{
    font-family:Arial, Sans-Serif;
    font-size:8pt;
    color: #3F4137;
    margin-bottom:6px;
    margin-top:10px;
}

.RatgeberLinkList a
{
    font-family:Arial, Sans-Serif;
    font-size:8pt;
    text-decoration:underline;
    color: #3F4137;
}

.RatgeberLinkList a:hover
{    
    color: #999999;
}

.RatgeberShowall 
{
    text-align:right;
}

.RatgeberShowall a
{
    font-family:Arial, Sans-Serif;
    font-size:8pt;
    text-decoration:underline;
    color: #3F4137;
}

.RatgeberShowall a:hover
{    
    color: #999999;
}

.RatgeberList
{
    margin:10px;
}

.RegionGraveMainPanel
{ 
    margin-top:7px;
    font-family:Arial, Sans-Serif;
    font-size:8pt;
    color: #3F4137;  
}

.RegionGraveMainPanel a
{
    font-family:Arial, Sans-Serif;
    font-size:8pt;
    color: #3F4137;  
}

.RegionGraveMainPanel a:hover
{
    color: #999999;
}

.RegionGravesList
{
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
}

.RegionGravesShowall
{
    text-align:right;
    padding-right:10px;
    font-family:Arial, Sans-Serif;
    font-size:8pt;
    color: #3F4137;    
}

.RegionGravesShowall a
{    
    font-family:Arial, Sans-Serif;
    font-size:8pt;
    color: #3F4137;    
}

.RegionGravesShowall a:hover
{
   color: #999999;   
}

.PanelAssistanceMain
{
    float:left;
    width:760px;
    height:140px;
    
    margin-left:-17px;
}

.PanelAssistanceMain p
{
    margin-left:20px;
    color:#444444;
    font-size: 8pt;
    font-family:Arial;
    line-height:15px;
}

.PanelAssistanceMain a
{
    font-size: 8pt;
    font-family:Arial;
    margin-left:20px;
    color:#444444;
    text-decoration:underline;    
}

.PanelAssistanceMain a:hover
{
     color:#999999;
    
}

.PanelSeperatorLong {
    float:left;
    height:9px;
    margin-bottom:5px;
    margin-top:-7px;
    padding:0;
    text-align:center;
    width:950px;
}

.PanelSeperatorLong img
{
    
    width:950px;
    height:1px;
    
}

/******************************************** Tabs ***********************************************/



.PanelMainTab
{
    
    border-left:1px solid #D5D6C0;
    border-top:1px solid #D5D6C0;
    border-bottom:1px solid #D5D6C0;
    overflow:hidden;
}

.TabPanelLeft
{
    float:left;
    width:369px;
    height:140px;
}

.TabPanelRight
{
    float:left;
    width:355px;
    height:140px;
}

h2 {
color:#848475;
font-family:georgia,arial,serif;
font-size:12pt;
font-weight:normal;
margin-bottom:7px;
}

.AssistanceHeaderLabel
{
    font-family: georgia,arial,serif;
    color: #848475;
    font-size:12pt;
    
}

.PanelHelpfulLinksAssistance
{
    float:left;
    width:199px;
    height: 190px;
    line-height:20px;
}

.PanelHelpfulLinksAssistance a
{
    font-size:8pt;
    font-family:Arial;
    color:#444444;
}

.PanelHelpfulLinksAssistance a:hover
{
    color:#AAAAAA;
}

.PanelHelpfulLinks
{
    float:left;
    width:199px;
    height: 190px;
    line-height:20px;
    border-right:1px solid #D5D6C0;
    border-top:1px solid #D5D6C0;
    border-bottom:1px solid #D5D6C0;
}

.PanelHelpfulLinks a
{
    font-size:8pt;
    color:#3F4137;
}

.PanelHelpfulLinks a:hover
{
    color:#AAAAAA;
}


.PanelHelpfulLinksHeader
{
    height:30px;
    width:199px;        
    background-color:#D5D6C0;
}

.PanelHelpfulLinksText
{
    height:140px;
    width:199px;   
    margin-top:12px;
    padding-left:0px;
    margin-bottom:10px;
}

/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;
	height:30px;
	/*border-bottom:1px solid #666;	*/
}

/* single tab */
.normalLI { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin-right:2px;
	list-style-image:none !important; 
}

.lastLI
{
    float:left;	 
	text-indent:0;
	padding:0;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a 
{
    font-family: georgia,arial,serif;
	font-size:15px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 178px;
	text-align:center;	
	text-decoration:none;
	padding:0px;
	margin:0px;	
	position:relative;
	top:0px;
	background-color:#D5D6C0;         
    color:#3F4137;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {		
	cursor:default !important; 
	background-color:#FFFFFF; 
	color:#3F4137;
	height:30px; 
}

/* initially all panes are hidden */ 
div.pane
{
    padding:10px;
	color:#3F4137;
    background:#FFFFFF;     
    height:140px; 
}

.LabelHelpfulLinks
{
    font-family: georgia,arial,serif;
	font-size:13px;
	display:block;
	height: 25px; 	
    padding-left:10px; 
	color:#3F4137;
}

.PanelHelpfulLinksPlaceholder
{
    margin-top:10px; 
}


.FeedbackLabel
{        
    font-family:Arial, Sans-Serif;
    font-size:8pt;
    
}

.CustomerLabel
{    
    font-family:Arial, Sans-Serif;
    font-size:8pt;  
    font-style:italic;   
}

.ModuleCFPanel
{
    height:55px;
    margin-right:15px;
    margin-top:7px;
}


.CFShowall
{
    height:100%;
    vertical-align:bottom;
    margin-bottom:5px;
    text-align:right;
    margin-right:15px;
    margin-top:4px;
    font-family:Arial, Sans-Serif;
    font-size:8pt;
    color: #3F4137;    
}

.CFShowall a
{    
    font-family:Arial, Sans-Serif;
    font-size:8pt;
    color: #3F4137;    
}

.CFShowall a:hover
{
   color: #AAAAAA;   
}

.FeedbackList
{
    margin-left:10px;
    margin-top:10px;
    margin-right:10px;
}

.AddFreeMemorialMainPanel
{
    float:left;
    background: transparent url("pics2/bgd/kostenlose_kb_button.png") no-repeat left top;
    width: 229px;
    height: 129px;
}

.AddFreeMemorialButtonPanel
{
    margin-top:80px;
    margin-left:12px;
}

.AddFreeMemorialMainPanel105x229
{
    float:left;
    background: transparent url("pics2/bgd/kostenlose_kb_button105x229.png") no-repeat left top;
    width: 229px;
    height: 110px;
}

.AddFreeMemorialButtonPanel105x229
{
    margin-top:70px;
    margin-left:12px;
}

.ShowTourMainPanel
{
    float:left;
    background: transparent url("pics2/bgd/show_tour_button.png") no-repeat left top;
    width: 229px;
    height: 83px;
    margin-bottom:10px;
}

.LastCandlesItemPanel
{
    height:200px;
    overflow:hidden;
    float:left;
}

.LastCandlesItemWithoutTextPanel
{
    height:135px;
    overflow:hidden;
    float:left;
}

.header_blumen_div
{
    float:left;
    width:650px;
    height:122px;
    background: transparent url("pics2/bgd/header_blumen.jpg") no-repeat left top;
}

.header_blumen_cell
{
    line-height: 20px; 
    height: 122px;
}

.NWZHotlinePanel
{
    margin-top:10px;
    font-size:16px;
    font-family:Georgia, Arial;
    color:#828172;
}

.addObituaryLinkDiv
{
    float:left;
    margin-bottom:3px;
    background: transparent url("pics2/bgd/traueranzeige-aufgeben.png") no-repeat left top;
    width:228px;
    height:89px;
    cursor:pointer;
}

.logo_right {
    float:left;
    margin-left:500px;
    margin-top:20px;
}

div.if_calendar {
    margin-top: 11px;
    margin-bottom: 11px;
}