/**
 * Theme: BestattungenNet
 * Description: Basis WordPress Theme Engine
 * Author: UPA Webdesign
 * Author URI: http://upa-webdesign.de/
 */
 
* { margin: 0; padding: 0; } /** Globales Zur�cksetzen aller HTML Elemente **/
img { border: 0; }
body {
  color: #000;
  font-size: 14px;
  font-family: Tretbuchet MS, Arial, Helvetica, Serif;
  text-align: left;
  background: #000;
}    

#page_margins { width: 1000px; margin: 0 auto; padding: 20px 0; }


/**
 * Kopfbereich / Header
 * @section     header
 */
  
#header { height: 200px; background: url(images/header.png) no-repeat; }

#header h1, #header span {
text-indent: -999px;
display: block; 
}



/**
 * Hauptnavigation
 * @section     header
 */
 
/**
 * Custom Menu
 *
 * @section Header
 */
 .menu-header { background: #19191a; }
 #menu-header-menu { list-style: none; margin: 0; padding: 0; }
 
 #menu-header-menu  li { float: left; }
 
 
/**
 * Navigation
 */
.menu { height:39px; width: 100%; background: #19191a url(images/menu-bg.png) no-repeat;  } 
.menu ul { list-style: none; margin: 0; padding: 0; line-height:	1.0; }

.menu a, .menu .current_page_item a {
border-right:1px solid #fff;
color:#fff;
cursor:pointer;
display:block;
margin:8px 0;
padding:5px 20px;
}

.menu .current_page_item a:hover { text-decoration: none; color: #fff; }
.menu a:hover { font-weight: normal; color: #fff; text-decoration: none; }
.menu li ul { background: #221E1F; margin:0; padding:0; }


/** Superfish Menu **/
.menu .sf-menu ul { position: absolute; top: -999em; width: 200px; }
.menu .sf-menu ul li { width: 200px; }
.menu.sf-menu li:hover { visibility: inherit; }
.menu .sf-menu li { float: left; position: relative; }
.menu .sf-menu li:hover ul { left: 0; top: 39px; z-index: 99; }


/**
 * Haupt Content
 * @section     main
 */
 
#main { padding: 10px 0; background: #fff; }

#content { float:left; padding:0 10px; width:680px; }
#sidebar { float: right; margin-top: 10px; padding-right: 20px; width: 280px; }

#footer { padding: 6px; color: #fff; }

/**
 * Artikel / Seite
 * @section     content
 */
 
.article, .page, #comments { margin: 0 0 10px 0; }
#content .home { min-height: 270px; }
#content .entry { padding: 10px; position:relative; } 
.article .info {
background:url("images/infobox.jpg") no-repeat scroll 0 0 transparent;
color:#fff;
height:51px;
padding:1px;
width:713px;
float:left;
}
.info p{ line-height:20px; margin:4px 20px; padding:0; text-align:left; }
.info a { color: #fff; text-decoration:underline; }

.title {
background:url("images/title.png") no-repeat scroll right 0 transparent;
color:#fff;
float:none;
height:58px;
letter-spacing:0;
margin:0 30px 10px -24px; 
padding:2px 11px 2px 10px;
width:630px;
}
.article .title { width: 570px; }
.date {
    background: url("images/date.png") no-repeat scroll 0 0 transparent;
    color: #fff;
    float: left;
    font-size: 20px;
    height: 55px;
    line-height: 18px;
    padding: 10px 0 10px 4px;
    text-align: center;
    width: 55px;
    position:absolute;
    top:8px;
    right:8px;
} 
/**
 * Widget
 * 
 * @section     sidebar
 */
#adsense { margin-top: 4px; margin-bottom: 14px;}  
.widget {
	background:url("images/widget_top.png") no-repeat;
	float:left;
	margin:10px 0 10px 10px;
	width:330px;

	padding-top: 20px;
}   
.widget h2 { color: #fff; }
.widget .entry { background:url("images/widget_bg.png") repeat-y; padding: 0 20px!important; min-height: 310px; color: #fff; }
.widget .bottom { background:url("images/widget_bottom.png") repeat-y; padding-top: 3px; }
.widget a { color: #fff; text-decoration: underline; }
.widget a:hover { text-decoration: underline; color: #fff; }
/**		 
 * Kommentarbereich
 * @section		comments.php
 */
 
#comments { padding: 10px; }

#comments fieldset { padding: 4px; }
#comments label { clear:both; float:left; margin:8px 0; padding:4px 35px 0 4px; width:100px; }
#comments input { float:left; margin:8px 0; padding:4px 0;  }

#comments input[type=submit] {
background:none repeat scroll 0 0 #B63637;
color:#FFFFFF;
margin:20px 0 10px;
padding:6px 5px;
} 

/* Commentlist */
ol.commentlist { padding: 0; }
.commentlist li { border:1px solid #B63637; list-style:none ; margin-bottom:10px; padding:10px; }
.comment-author { height: 50px; border-bottom:2px solid #B63637; } 

/**
 * Text gestalltung
 * @section     global
 */
 
p { line-height:21px; margin:20px 0; text-align:justify; }  
#footer p { margin: 0; }
/* Positionierung */
.alignleft, .avatar, .attachment-cat-pages-thumb { float:left; display:inline; margin-right:20px; margin-bottom:20px; }
.alignright { float:right; display:inline; margin-left:20px; margin-bottom:20px; }
.attachment-cat-pages-thumb { margin-top: 16px; }

/** LISTEN **/
ul, ol { margin:25px 0; padding:0 0 0 30px; } 

dl { margin:1em 0; }
dt { clear:both; float:left; height:53px; width:210px; margin-left:10px; }
dd { float:right; padding:0; width:210px; }


#hochzeitstag dt, #kirche dt {
    clear: both;
    float: none;
    height: auto;
    margin-left: 0;
    width: auto;
}
#hochzeitstag dd, #kirche dd {
    float: left;
    margin-bottom: 20px;
    width: auto;
}

/** LINKS **/
a { color:#5f2626; text-decoration:none; }
a:hover { color:#b81a17; text-decoration:underline; }

#content p a { text-decoration: underline; }

#footer a { color: #fff; }

#sidebar a { border-bottom:medium none; color:#3C4543; font-size:1em; line-height:1.7; text-decoration:none; }
#sidebar a:hover { color:#5A6361; text-decoration: underline; }

.title a { color: #fff; display: block; }
.title a:hover { text-decoration: none; }

/** Ueberschrift **/
h1,h2,h3,h4,h5,h6 {
	color:#231F20;
	font-family:Trebuchet MS;
	font-weight:normal;
	letter-spacing:1px;
	margin:0 0 10px;
}
h1 { font-size: 30px; }
h2 { font-size:22px; }
h3, #sidebar h2 { font-size:24px; }
h4 { font-size:20px }
h5, h6 { font-size:18px; }

#sidebar h2 {
	background:url("images/sidebar-title.jpg") no-repeat scroll 0 0 transparent;
	height:40px;
	margin:0 10px;
	width:330px;
	letter-spacing: 0;
	color: #fff;
	text-align:left;
	padding: 5px 30px 0;
}
.title h1 { color:#fff; font-size:24px; line-height:26px; margin:0 0; width: 520px; }
.title h3 { width: 520px; line-height: 26px; color: #fff; }
/*.page .title { float: none; }*/
h2.subtitle { font-size:18px; font-weight:bold; letter-spacing:0; }  

/**
 * Generic Content Classes
 *
 * @since 2.0.0
 * @section	CONTENT
 */

.info, .success, .warning, .error { 
	padding: 0.5em;
	margin: 0 0 1em;
	font-family: 'Asap',sans-serif;
	font-size: 90%;
	border-radius: 6px;
}

.info { background: #FFFFE0; border: 2px solid #E6DB55; color: #C09853; }
.success { background: #BBCC77; border: 2px solid #A0AD6D; color: #108C10; }
.warning { background: #ffcccc; border: 2px solid #E22828; color: #CC0000; }
.error { background: #F2DEDE; border: 2px solid #EED3D7; color: #B94A48; }

/**
 * Trauersprüche
 *
 * Custoum Post Type: trauersprueche
 */
 .grey  { background: #ececec; border-radius: 10px; }
 .trauerspruch { float: left; width: 50%;  }
 .trauerspruch p { margin-bottom: 1em; line-height: 1.2em; text-align: center; }
/**
 * Pagebar Plugin
 */
/*.pagebar { width: 600px; margin: 0 auto; ) */
.pagebar a { padding: 4px 10px; border: 1px solid #B63637; }
.pagebar .this-page, .pagebar a:hover { padding: 4px 10px; background: #B63637; color: #fff; border: 1px solid #B63637; text-decoration: none;}

/**
 * Pagination
 */
 
 .wp-pagenavi { text-align: center; }
 .wp-pagenavi .pages,
 .wp-pagenavi .current,
 .wp-pagenavi .currentpage,
 .wp-pagenavi a { background: #ececec; padding: 6px; margin: 0 4px; border-radius: 6px; }
 .wp-pagenavi .navigate-inactive {}
 .wp-pagenavi .current { background: #ccc;  }
 .wp-pagenavi .navigate-active {}
/**
 * Clearfix
 * s�ubern von float umgebung
 */  
.clearfix:after { clear:both; content:"."; display:block; font-size:0; height:0; visibility:hidden; }
.clearfix { display:block; }