body {
	height:100%;
	font-size:10pt;
	margin:0;
	font-family:verdana,helvetica,arial,sans-serif;
	background:#fff;
}

div#header {
	z-index:0;
	margin:3em 0.2em 0 0.2em;
	background:#333;
	font-size:2em;
}

div#content {
	position:absolute;
	top:0.5em;
	left:24em;
	z-index:1;
	width:42em;
	padding:0 0 1em 0;
/*	background:#FFF;
	border:solid 1px #333;
	padding:0.5em;*/

}

/* quotation */
blockquote {
	margin:0.5em 0 0.5em 1em;
	padding-left:2em;
	background-image:url(./quot.gif); 
	background-repeat:no-repeat;
}

/* links */
div#header a {
	color:#FFF;
	text-decoration:none;
}

div#sidebar a {
	text-decoration:none;
}
div#sidebar a:hover {
	text-decoration:underline;
}

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

/* images */
img {
	border:0;
}

img.left {
	float:left;
	margin-right:0.3em;
}
img.right {
	float:right;
	margin-left:0.3em;
}
img.imgalignleft, img.left_nomargin {
	float:left; /* class for flexible upload without margin */
	margin:0 0 1em 0;
}
img.imgalignright, img.right_nomargin {
	float:right; /* class for flexible upload without margin */
	margin:0 0 1em 0;
}


h2.pagetitle {
	font-size:1.8em;
	font-weight:normal;
	margin:0;
}

/* navigation */
div.navigation {
	padding:0 0 1.5em 0;
}
div.alignleft {
	float:left;
}
div.alignright {
	float:right;
}

/* colors */
.orange {
	background:#FFCEA3;
}
.gelb {
	background:#FFE4A3;
}
.gelber {
	background:#FFFAA3;
}
.gelbgruen {
	background:#E2FFA3;
}
.mint {
	background:#D1FFA3;
}
.gruen {
	background:#B9FFA3;
}
.gruener {
	background:#A3FFA5;
}
.blaugruen {
	background:#A3FFC6;
}
.turkis {
	background:#A3FFDB;
}
.turkiser {
	background:#B3FFF3;
}
.hellblau {
	background:#A3EDFF;
}
.blau {
	background:#A3D7FF;
}
.blauer {
	background:#A3CAFF;
}
.dunkelblau {
	background:#A3B7FF;
}

/* post */
div.post {
	margin:0 0 1em 0;
}
p.postmetadata {
	clear:both;
}

div.post {
	margin:0 0 1em 0;
}

div.post h2 {
	margin:0 0 0 0;
	font-size:1.8em;
	font-weight:normal;
}
div.post small {
	font-size:0.7em;
}
div.entry {
	margin: 0.5em 0;
}

/* comments */
.nocomments {
	background:#FF8080;
}
div#commentarea  {
	background:#DDD;
}
h3#comments, h3#respond, h3 {
	font-size:1.3em;
	font-weight:normal;
}
ol.commentlist {

}
small.commentmetadata {
	font-size:0.7em;
	color:#888;
}
input#author, input#email, input#url, input#s {
	border:solid 1px #333;
}
input#submit, input#searchsubmit {
	border:solid 1px #333;
}
textarea#comment {
	border:solid 1px #333;
	width:100%;
	font-family:verdana,helvetica,arial,sans-serif;
}


/* sidebar */
div#sidebar {
	margin:1em 0 0 2em;
	padding:1em 0 0 0;
	width:20em;
}
div#sidebar ul {
	list-style-type:none;
	margin:0;
	padding:0;
	list-style-position:inside;
}
div#sidebar li {
	margin:0 0 0 1.0em;
}
div#sidebar ul#kategorien li {
	float:left;
}
li.pagenav {
	clear:left;
}

div#sidebar h2 {
	font-size:1.0em;
	font-weight:bold;
	margin:0.5em 0 0 0;
}

/* footer */
div#footer {
	clear:both;

}


/* round corners */
.roundbox {background:#046;}
.roundtop div  { background: url(corner_top_left.gif) no-repeat top left; }
.roundtop      { background: url(corner_top_right.gif) no-repeat top right; }
.roundbot div  { background: url(corner_bottom_left.gif) no-repeat bottom left; }
.roundbot      { background: url(corner_bottom_right.gif) no-repeat bottom right; }

.roundtop div, .roundtop, .roundbot div, .roundbot {
	width: 100%;
	height: 1em;
	font-size: 10pt;
}
.roundcontent  {
	margin:0 1.0em;
}
.roundcontent p {
	margin:0 0 1em 0;
}

.entry p {
	margin:0 0 1em 0;
	clear:left;
}
/* end corners */


/* gallery */
#gallery .titel {
	font-size: 18px;
	}

#gallery a:link, #gallery a:visited {
	text-decoration: underline;
	color: #000000;
    /*font-weight: bold;*/
	}

#gallery a:hover, #gallery a.active {
	text-decoration: underline;
	color: #000000;
	/*font-weight: bold;*/
	}

#gallery div.item {
	border: 1px solid;
	float:left;
	margin:5px;
	text-align:center;
	font-size:10px;
	background:#FFF;
}

#gallery a.link_folder {
	text-decoration:none;
}



/* widget "compact monthly archive" */
/*
          * STO_cma_archive_list - this is applied to the ul tag that covers the entire calendar, apart from the title.
          * STO_cma_line - this applies to the li tag that represents each year.
          * STO_cma_month - this applies to each letter that represents a month.
          * STO_cma_link - this applies to each month that includes an article (and is, hence, a link.)
          * STO_cma_empty - this applies to each month that is empty (and is, hence, not a link)
          * STO_cma_zwsp - this applies to the whitespace gap between June and July. You may like to make it narrow.
*/

.STO_cma_month { margin:0 0.25em 0 0; }
.STO_cma_empty { color:#aaa; }
.STO_cma_link {  }

/* categories-1  kategorieanzeige als widget */
li#categories-1 { margin: 0 0 0 1em; }
li#categories-1 ul li { display:inline; }

#searchform {
	margin: 10px auto;
	padding: 0px;
	}


.gallery {
	margin: auto;
 }
.gallery-item {
	float: left;
	margin: 10px 0;
	text-align: center;
	width: 33%;
}
.gallery img {
	border: none !important;
}
.gallery-caption {
	margin-left: 0;
}