img {
   behavior: url("http://commboard.de/webkeppel/blog/index.php?/plugin/pngbehavior.htc");
}
h4,h3 { 
	margin: 0;
}

/* Describe: used in entry/sidebar titles */

input, textarea {                                    
	font-size: 9pt;
	font-family: Arial, Helvetica, sans-serif;
	width: auto;
}  

/* Describe: the input boxes used in forms */

th, td {
	font-size: 9pt;
}

/* Describe: all table headers and rows */

p, td, th, div, span {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/* Describe: the font type used in theme */

a:link, a:visited, a:active {    
	color: #9B1414;
	text-decoration: none;
}  

/* Describe: all links are blue and underlined */

a:hover {                    
	color: #666666;
	text-decoration: underline;
}


/* Describe: change link color to black when hovered over */



.serendipity_center {  
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/* Describe: used when s9y needs to center something, the margin
   'auto' is used with block level elements (such as div's) to set
   the width of the block. In this case we are centering the block
   relative to its parent block. The text-align: center then also
   aligns the text to center of the block. Alternatives to this could
   include 'margin-left:0; text-align:center;' which would place
   the block at the left side of its containing block, yet still
   center the text. */

.serendipity_msg_important { 
	color: red;
} 

/* Describe: warning messages from s9y */

.serendipity_msg_notice {    
	color: green;
}

/* Describe: messages letting you know something has happened eg comment saved */

/* Structural Styles */

body {
	font-size: 9pt;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	margin: 0px;
	padding: 0px;	
	}



/* Describe: preset styles for entire blog unless overruled elsewhere, page footer is here as well */

#serendipity_banner {
	margin-left: 10px;
	margin-right: 10px;
}

/* Describe: container for banner */

#mainpane {
	width: 100%;
	background-image: url(templates/costa-nature_theme/img/main-gradient.png);
	background-repeat: repeat-y;
}

/* Describe: container for content and sidebar */

#content {
	padding-left: 10px;
	padding-right: 20px;
	vertical-align: top;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
}


/* Describe: container for entries column */

#serendipityRightSideBar {
	width: 170px;
	padding: 10px;
	vertical-align: top;
}


/* eigener Zusatz */
#serendipity_categories_list ul,li {
list-style: none;
} 
/* Zusatz Ende */

/* Describe: container for right sidebar */

#serendipityLeftSideBar {
	width: 190px;
	padding: 10px;
	vertical-align: top;
}

/* Describe: container for left sidebar */

/* Header/Banner Styles */

a.homelink1, 
a.homelink1:hover, 
a.homelink1:link, 
a.homelink1:visited, 
#serendipity_banner h1 {
	color: #9B1414;
	font-family: Arial, Helvetica, sans-serif;
	font-size : 28px;
	margin: 0 0 6px 0;
	text-decoration: none;
}

/* Describe: the big link in the banner, blog name/entry title */

a.homelink2, 
a.homelink2:hover, 
a.homelink2:link, 
a.homelink2:visited, 
#serendipity_banner h2 {
	color: #9B1414;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin: 0 0 5px 30px;
	text-decoration: none;
}

/* Describe: the smaller link in the banner, blog description */

/* Entry Styles */

.serendipity_entry_date {
}

/* Describe: container for entry title and date */

.serendipity_date {
	font-size: 11px;
	padding-top: 15px;
	padding-bottom: 5px;
	color: #666666;
	text-align: right;
}

/* Describe: style for the actual date below entry title */

.serendipity_title {
font-size: 17px;
padding:4px 10px 4px 10px;
margin-bottom:8px; 
background-image: url(templates/costa-nature_theme//img/headline_bg.gif);
background-repeat: repeat-y;
}

/* Describe: entry title */

.serendipity_title a:link, .serendipity_title a:visited {
	color: #336633;
}

/* Describe: entry title link, regular color is black */

.serendipity_title a:hover {
	color: #666666;
	text-decoration: none;	
}

/* Describe: entry title link when hovered over, changes to red */

.serendipity_entry {
	font-size: 13px;
	clear: both;
	overflow: auto;
	display: block;
	width: 100%;
	padding-left:10px;
}

/* Describe: container for the entry/post */

.serendipity_entry p {
	margin-bottom: 10px;
	line-height: 150%;
}

.serendipity_entry ul li {
list-style: square;
}

/* Describe: additional styles used for entry text */

.serendipity_entry_body_folded, 
.serendipity_entry_body_unfolded, 
.serendipity_entry_extended {
	clear: both;
	overflow: auto;
	display: block;
	width: 100%;
}

/* Describe: not used in default theme, but can be used to apply additional styles for full entry */

.serendipity_entryFooter {
	font-size: 11px;
	padding: 3px;
	text-align: left;
	line-height:160%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	border-top: 1px solid #999;
	color: #666666;
	clear: both;
	margin-bottom:10px;
	margin-top:10px;
}


/* Describe: the small text at the end of each entry 'Posted by etc' */

img.serendipity_entryIcon {
	float: right;
	border: 0px;
	padding: 5px;
	clear: both;
}

/* Describe: styles for category icon if used */

.serendipity_entry_author_self {
}

/* Describe: not used, but allows additional style to show authors posts if they've logged in */

/* Comment Styles */

.serendipity_comments {
	width: 420px
}

/* Describe: container for all comments, not styled separately in default theme */

.serendipity_commentsTitle {
	font-size: 9pt;
	font-weight: bold;
	margin-top: 10px;
	padding-top: 5px;
	padding-bottom: 10px;
}

/* Describe: comments, trackbacks and commentform titles */

.serendipity_comment {
	clear: both;
	margin-bottom: 20px;
	border: 1px solid #999999;
	padding-right: 5px;
	padding-top: 5px;
	background-color: #F0F0F0;
}

/* Describe: container for individual comments */

.serendipity_comment_source {
	font-size: 8pt;
	color: #666666;
	margin-top: 5px;
	padding-left: 5px;
	margin-bottom: 5px;
	padding-bottom: 3px;
	padding-top: 3px;
	border-top: 1px solid #999999;
	clear: both;
}

/* Describe: style for comment author, date commented etc */

.serendipity_comment_author_self /*.serendipity_comment_source*/ {
     background-color: #FAF5F5;
}

/* Describe: style for comment author if logged in */

/* Comment Form */

.serendipity_commentForm {
	font-size: 8pt;
	color: #999999;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-left: 10px;
	background-color: #FFFFFF;
}

/* Describe: container style for entire comment form */

td.serendipity_commentsLabel {
	font-size: 8pt;
	font-weight: bold;
	vertical-align: top;
}

/* Describe: style for name, email etc fields in comments form */

td.serendipity_commentsValue input, 
td.serendipity_commentsValue select, 
td.serendipity_commentsValue textarea {
	font-family: "Courier New", Courier, monospace;
	font-size: 8pt;
	padding: 2px;
	width: 340px;
}

/* Describe: styles for input boxes in comments form */

/* Sidebar Styles */

div.serendipitySideBarItem {
	padding-top: 10px;
	line-height:140%;
	padding-bottom: 10px;
	font-size: 11px;
}

div.serendipitySideBarItem ul li {
padding: 3px 0 3px 0;

}

/* Describe: container style for individual sidebar blocks */

.serendipitySideBarTitle {
	color: #fff;
	background-color: #336633;
	font-size: 11px;
	text-align: center;
	letter-spacing: 0.1em;
	padding-bottom: 2px;
	padding-top:2px;
	margin-bottom: 10px;
}

/* Describe: style for each sidebar title */

div.serendipityPlug {
	text-align: center;
}

/* Describe: style for the powered by sidebar entry */

div.serendipityPlug a {
	text-decoration: none;
	border: 0px;
}

/* Describe: style for the powered by link */

.serendipityImageButton {
	cursor: pointer;
}

/* Describe: style for the powered by image if used */

/* Calendar Styles */

table.serendipity_calendar td {
	font-size: 11px;
	padding: 0px;
	text-align: center;
}

/* Describe: container style for calendar table rows */

table.serendipity_calendar a {
	color: #663333;
	font-weight: bold;
	text-decoration: none;
}

/* Describe: style for calendar date links */

table.serendipity_calendar a:hover {
	color: #666666;
	text-decoration: underline;
}

/* Describe: style for calendar links when hovered over */

td.serendipity_weekDayName {
	font-size: 8pt;
	font-weight: bold;
	border-bottom: 1px solid #B4B4B4;
}

/* Describe: style for calendar weekday names */

td.serendipity_calendarDay.Today {
	background-color: #DCDCDC;
	border: 1px solid #B4B4B4;
}

/* style for calendar's "today" cell */

td.serendipity_calendarHeader a:link, 
td.serendipity_calendarHeader a:visited, 
td.serendipity_calendarHeader a:hover {
	border: 0;
	text-decoration: none;
}

/* Describe: styles for month name and arrows in calendar */

/* Embedded images with the s9y image manager */

.serendipity_imageComment_center, 
.serendipity_imageComment_left, 
.serendipity_imageComment_right {
	border: 1px solid #333333;
	background-color: #F5F5F5;
	margin: 5px;
	padding: 5px;
	text-align: center;
}

/* Describe: container for images and text */

.serendipity_imageComment_center {
	margin: auto;
}

/* Describe: style to center image and text within entry */

.serendipity_imageComment_left {
	float: left;
}

/* Describe: style to left align image and text within entry */

.serendipity_imageComment_right {
	float: right;
}

/* Describe: style to right align image and text within entry */

.serendipity_imageComment_img, .serendipity_imageComment_img img {
	margin: 0px;
	padding: 0px;
	text-align: center;
	border: 0px;
}

/* Describe: styles for the images */

.serendipity_imageComment_txt {
	border-top: 1px solid #333333;
	margin-top: 3px;
	padding: 3px;
	clear: both;
	font-size: 8pt;
	text-align: center;
}

/* Describe: styles for the text below the image if used */


/* ============================================================ */
/*                        added styles                          */
/* ============================================================ */

blockquote {
	margin-left: 10px;
	padding-left: 60px;
	padding-top: 5px;
	padding-right: 5px;
	min-height: 45px;
	background-image: url(templates/costa-nature_theme/img/cite.gif);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}

/* blockquoting */

code, pre {
	display: block;
	overflow: auto;
	padding: 10px;
	border: 1px solid #dfdfdf;
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	text-align: left;
	background-color: #FFFFFF;
	color: #000000;
	margin-top: 15px;
	margin-right: 20px;
	margin-bottom: 15px;
	margin-left: 10px;
}

/* coding */

.serendipitySideBarContent input {
	width: 150px;
	margin-left: 15px;
}

/* sidebar input stuff like "quicksearch" input */

.serendipity_relatedlinks {
	font-size: 9pt;
	font-weight: bold;
}

/* style for "related links" plugin - title */

#serendipity_relatedlinks_list {
	font-weight: normal;
}

/* style for "related links" plugin - the link itself */

.continue_reading {
	clear: both;
}

/* style for "continue reading" feature */

.serendipity_entrypaging {
	padding-top: 10px;
}

/* style for "next" | "previous" links provided by "Links to next/previous entry" plugin */

.plugin_comment_author {
	font-weight: bold;
}

/* style for "author" in comments - provided by "Comments" sidebar plugin */ 

.plugin_comment_date {
	font-style: italic;
}

/* style for "date" in comments - provided by "Comments" sidebar plugin */ 

.plugin_comment_body {
	clear: both;
}

/* style for "body" in comments - provided by "Comments" sidebar plugin */ 

.gravatar {
	border: 1px solid #E1E1E1;
	clear: both;
}

/* style for gravatars - provided by "Gravatar / Favatar" event plugin */

.one-image {
	text-align: center;
	border: 0px;
}

/* style for random image - provided by "Gallery" sidebar plugin */

td.template_banner_title {
	padding: 10px 0 10px 0;
	height: auto;
	vertical-align: bottom;
	background-image: url(templates/costa-nature_theme/img/banner-title.jpg);
}

/* template style for td cell where blog title and subtitle goes */

td.template_banner_bottom {
	vertical-align: middle;
	background-color: #000000;
	background-image: url(templates/costa-nature_theme/img/banner-bottom.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	height:90px;
}

/* template style for td cell with bottom banner graphics */

.template_banner_bottom_left {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #CCCCCC;
	text-align: left;
	vertical-align: top;
	padding: 5px;
	font-weight: bold;
}

/* template style for banner at the bottom where some white text goes - left */

.template_banner_bottom_right {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #CCCCCC;
	text-align: right;
	vertical-align: top;
	padding: 5px;
	font-weight: bold;
}

/* template style for banner at the bottom where some white text goes - right */

.template_banner_bottom_right a:link,
.template_banner_bottom_right a:visited,
.template_banner_bottom_right a:active {
	color: #CCCCCC;
}

.template_banner_bottom_right a:hover {
	color: #CCCCCC;
	text-decoration: underline;
}

.template_banner_bottom_left a:link,
.template_banner_bottom_left a:visited,
.template_banner_bottom_left a:active {
	color: #CCCCCC;
}

.template_banner_bottom_left a:hover {
	color: #CCCCCC;
	text-decoration: underline;
}

/* template bottom banner link styles */

.serendipity_freeTag_xmlButton {
	text-align: absolute-middle;
	border: 0px;
}

/* style for rss image of tags */

.serendipitySideBarDate {
	font-style: italic;
}

/* sidebar's date style, used by some plugins */

.serendipity_entry a:link,
.serendipity_entry a:visited,
.serendipity_entry a:active {
	color: #9B1414;
	text-decoration: none;
	background: transparent url(templates/costa-nature_theme/img/link.gif) 100% 50% no-repeat; padding-right: 10px;
}

.serendipity_entry a:hover {
	color: #666666;
	text-decoration: none;
	border-bottom: 1px dashed green;
}

/* a little fix for entry's link - just added a small gif on the right */

.serendipity_entryFooter a:link,
.serendipity_entryFooter a:visited,
.serendipity_entryFooter a:active {
	color: #9B1414;
	text-decoration: none;
	background: none;
	padding: 0px;
}

.serendipity_entryFooter a:hover {
	color: #666666;
	text-decoration: none;
}

/* a little fix for entry's footer links - we do NOT show image on the right */


.serendipity_imageComment_img a:link,
.serendipity_imageComment_img a:visited,
.serendipity_imageComment_img a:active {
	background:none;
	padding: 0px;
}

/* a little fix for linking images - we do NOT show link symbol on the right */

.serendipity_entryIcon a:link,
.serendipity_entryIcon a:visited,
.serendipity_entryIcon a:active {
	background: none;
	padding: 0px;
}

/* a little fix for entryicon link - we do NOT show link symbol on the right */