/*  
Theme Name: topfives.org
Theme URI: http://topfives.org
Author: 5
*/

/* --------------------------------------------------------------------------------------
 * html and body
 * -------------------------------------------------------------------------------------- */

	html {
		height: 100%;
		padding-bottom: 1px; /* always show vertical scrollbars */
	}

	body {
		background: #444; color: #333;
		background-position: 0 0;
		background-repeat: no-repeat;
		/* font-family: "Cambria", "Palatino", Georgia, serif; */
		font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
		font-size: 100%;
		margin: 0; padding: 0;
		width: 100%;
	}


/* --------------------------------------------------------------------------------------
 * generic classes
 * -------------------------------------------------------------------------------------- */

	.mb0 {
		margin-bottom: 0em !important;
	}
	.mb1 {
		margin-bottom: 1em !important;
	}
	.mb2 {
		margin-bottom: 2em !important;
	}
	.mb3 {
		margin-bottom: 3em !important;
	}

	.sr { /* screen readers only */
		position: absolute; top: -100px; height: 1px; width: 1px;
		overflow: hidden;
	}

	.clear {
		overflow: hidden;
		clear: both;
		display: table;
		height: 0;
		zoom: 1;
	}
	.inline {
		display: inline;
	}

/* --------------------------
 * media classes
 * -------------------------- */

	/*
	.reader    = screen reader only         (eg skip links)
	.print     = print only                 (eg contact infos, references)
	.nonprint  = don't print                (eg navigation)
	.noreader  = hide from screen readers   (eg screen meta info)
	.nonjs     = show if JS is deactivated
	*/

	.reader {
		position: absolute; left: -990em; height: 1em; width: 1em;
		overflow: hidden;
	}
	.print {
		display: none;
		visibility: hidden;
	}
	.nonprint {
		/* nothing */
	}
	@media aural {
		.nonreader {
			display: none;
			visibility: hidden;
		}
	}
	html.js .nonjs {
		display: none;
	}


/* --------------------------------------------------------------------------------------
 * typo, images, lists, tables, forms,..
 * -------------------------------------------------------------------------------------- */

	p {
		font-size: 1em; line-height: 1.6em; font-weight: normal;
		margin: 0 0 1em 0; padding: 0;
	}
	h5, h6 {
		font-size: 1em; line-height: 1.4em; font-weight: bold;
		margin: 0 0 0.5em 0; padding: 0;
	}	
	h3, h4 {
		font-size: 1.2em; line-height: 1.2em; font-weight: bold;
		margin: 0 0 1em 0; padding: 0;
	}
	h2 {
		font-size: 1.8em; line-height: 1.2em; font-weight: bold;
		margin: 0 0 1em 0; padding: 0;
	}
	h1 {
		font-size: 2.5em; line-height: 1.2em; font-weight: bold;
		margin: 0 0 1em 0; padding: 0;
	}

/* --------------------------
 * lists
 * -------------------------- */

	ul,
	ol {
		margin: 0 0 1.5em 0;
		padding: 0 0 0 2em;
	}
	li {
		margin: 0 0 0.3em 0;
		padding: 0;
	}

/* --------------------------
 * links
 * -------------------------- */

	a {
		color: #838E91;
		text-decoration: underline;
		border-bottom: 1px solid #bbb;
	}
	a:hover,
	a:focus {
		color: #92b5c9;
		text-decoration: underline;
	}
	a:active {
		outline: 0; /* remove dotted borders */
	}
	a:visited {
	}

	/* external */

	a.external {
		background-image: url(./images/icon_external.png);
		background-position: right 20%;
		background-repeat: no-repeat;
		padding-right: 11px;
	}

/* --------------------------
 * images
 * -------------------------- */

	img {
		border: 0;
		padding: 0;
		margin: 0;
		display: block;
	}

/* --------------------------
 * tables
 * -------------------------- */

	table,
	table tr,
	table th,
	table td {
		margin: 0;
		padding: 0;
		border: 0;
		vertical-align: top;
		text-align: left;
	}
	table th,
	table td {
		font-size: 1em; line-height: 1.6em; font-weight: normal;
	}


/* --------------------------------------------------------------------------------------
 * layout
 * -------------------------------------------------------------------------------------- */

	#site_wrapper {
		min-width: 980px;
		max-width: 1060px;
		margin: 0 auto;
		background: #fff url(./images/bgr_body.jpg) no-repeat;
		position: relative;
		border-left: 5px solid #555;
		border-right: 5px solid #555;
	}
	body#home #site_wrapper {
		background-image: url(./images/bgr_body.jpg);
	}
	body#post #site_wrapper {
		background-image: url(./images/bgr_body2.jpg);
	}
	body#archive #site_wrapper {
		background-image: url(./images/bgr_body3.jpg);
	}
	body#page #site_wrapper {
		background-image: url(./images/bgr_body4.jpg);
	}
	#content {
		width: 500px;
		margin: 150px 10px 0 250px;
		float: left;
	}
	#sidebar {
		float: right;
		margin: 0;
		padding: 0 10px 10px 10px;
		width: 200px;
		overflow: hidden;
	}
	#footer {
		clear: both;
		width: 750px;
		background: #929899;
		padding: 0.7em 0 4em 1em;
	}
	#footer p {
		color: #fff;
		font-size: 0.9em;
		margin: 0;
	}
	#footer a {
		color: #fff;
		margin: 0 0.3em;
	}


/* --------------------------------------------------------------------------------------
 * header
 * -------------------------------------------------------------------------------------- */

	#logo {
		display: block;
		margin: 0;
		padding: 0;
		position: absolute; top: 61px; left: 270px;
	}
	#logo a {
		display: block;
		border: 0;
		background: none;
	}
	#logo a:hover,
	#logo a:focus {
		background: url(./images/linkhome.gif) 144px 0px no-repeat;
	}
	#logo img {
		display: block;
		width: 200px;
		height: 47px;
		padding: 15px 0 0 0;
	}

	body#page #logo {
		position: absolute; top: 169px; left: 0px;
	}


/* --------------------------------------------------------------------------------------
 * sidebar
 * -------------------------------------------------------------------------------------- */

	#sidebar {
		/* font-family: "Andale Mono", "Lucida Sans Unicode", Verdana, Arial, sans-serif; */
		/* font-size: 98%; */
		font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
		font-size: 90%;
	}

	#sidebar .block {
		width: 100%;
		margin: 0;
		padding: 5px 0 1em 0;
		background: #fff;
	}

	/* typo */

	#sidebar p {
		font-size: 0.9em;
		line-height: 1.1em;
	}
	#sidebar li {
		font-size: 0.9em;
		line-height: 1.1em;
	}
	#sidebar h4 {
		font-size: 0.9em;
		font-weight: bold;
		margin: 0 0 0.5em 0;
		/* background: #707b7f;
		color: #fff; */
		background: #a9b0b2;
		color: #fff;
		padding: 0.7em 0.2em 0.2em 0.2em;
		border-bottom: 2px solid #fff;
		border-left: 2px solid #a9b0b2;
	}

	#sidebar a {
		border: 0;
		text-decoration: underline;
	}

	/* lists */

	#sidebar ul {
		margin: 0;
		padding: 0;
	}
	#sidebar ul li {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}

/* --------------------------------------
 * search widget
 * -------------------------------------- */

	#sidebar .search {
		padding-top: 10px;
		padding-bottom: 30px;
	}
	#sidebar .search .dm_form {
		width: 100%;
	}

/* --------------------------------------
 * blog info widget
 * -------------------------------------- */

	#sidebar .info {
		/* background: #95A4A7;
		color: #fff;
		width: 190px !important;
		padding: 5px; */
	}

/* --------------------------------------
 * categories widget
 * -------------------------------------- */

	#sidebar .categories {
		/* background: #eaecec;
		width: 190px !important;
		padding: 5px; */
	}
	#sidebar .categories ul li {
		clear: both;
		overflow: hidden;
		margin: 0 0 0.5em 3px;
		width: 197px;
		text-align: right;
		color: #666;
	}
	#sidebar .categories ul li a {
		text-align: left;
		display: block;
		float: left;
		width: 155px;
		margin: 0;
	}

/* --------------------------------------
 * monthly archives widget
 * -------------------------------------- */

	#sidebar .archives {
		/* background: #eaecec;
		width: 190px !important;
		padding: 5px; */
	}
	#sidebar .archives ul li {
		clear: both;
		overflow: hidden;
		margin: 0 0 0.5em 3px;
		width: 197px;
		text-align: right;
		color: #666;
	}
	#sidebar .archives ul li a {
		text-align: left;
		display: block;
		float: left;
		width: 155px;
		margin: 0;
	}

/* --------------------------------------
 * join-us widget
 * -------------------------------------- */

	#sidebar .joinus {
		display: none !important;
	}

/* --------------------------------------
 * feed widget
 * -------------------------------------- */

	#sidebar .feed {
		display: none;
	}

/* --------------------------------------
 * recent comments widget
 * -------------------------------------- */

	#sidebar .recentcomments {
		/* background: #eaecec;
		width: 190px !important;
		padding: 5px; */
	}
	#sidebar .recentcomments ul {
	}
	#sidebar .recentcomments ul li {
		margin: 0 0 0.5em 0;
	}
	#sidebar .recentcomments ul li ul {
		margin: 0.5em 0 0 0.5em;
	}
	#sidebar .recentcomments ul li ul li {
		font-size: 1em;
		margin: 0 0 0.5em 0;
	}

/* --------------------------------------
 * authors widget
 * -------------------------------------- */

	#sidebar .authors {
		/* background: #eaecec;
		width: 190px !important;
		padding: 5px; */
	}
	#sidebar .authors ul {
		/* border-top: 1px solid #fff; */
		margin: 0 0 0 5px;
	}
	#sidebar .authors ul li {
		/* clear: both; */
		/* border-bottom: 1px solid #fff; */
		margin: 0 1px 1px 0;
		/* padding: 5px 0 5px 2px; */
		display: block;
		float: left;
	}
	#sidebar .authors ul li a.gravatar {
		width: 64px;
		height: 64px;
		display: block;
		/* float: left;
		margin: 0 10px 0 0; */
	}
	#sidebar .authors ul li a.gravatar img {
		width: 64px;
		height: 64px;
		display: block;
	}

/* --------------------------------------
 * contributors widget
 * -------------------------------------- */

	#sidebar .contributors {
		/* background: #eaecec;
		width: 190px !important;
		padding: 5px; */
	}
	/*
	#sidebar .contributors ul li {
		clear: both;
		overflow: hidden;
		margin: 0 0 0.5em 3px;
		width: 197px;
		text-align: right;
		color: #666;
	}
	#sidebar .contributors ul li a {
		text-align: left;
		display: block;
		float: left;
		width: 155px;
		margin: 0;
	}
	*/

/* --------------------------------------
 * tags widget
 * -------------------------------------- */

	#sidebar .tags {
	}
	#sidebar .tags ul li {
		clear: both;
		overflow: hidden;
		margin: 0 0 0.5em 3px;
		width: 197px;
	}
	#sidebar .tags ul li a {
		font-size: 1em !important;
		font-weight: bold;
	}

/* --------------------------------------
 * best-of widget
 * -------------------------------------- */

	#sidebar .bestof {
		/* background: #eaecec;
		width: 190px !important;
		padding: 5px;
		margin-bottom: 40px; */
	}
	#sidebar .bestof ul li {
		margin: 0 0 0.5em 0;
	}

/* --------------------------------------
 * blogroll widget
 * -------------------------------------- */

	#sidebar .blogroll {
		/* background: #eaecec;
		width: 190px !important;
		padding: 5px; */
	}
	#sidebar .blogroll ul li {
		display: inline;
		margin: 0;
		padding: 0;
		line-height: 1.5em;
	}
	#sidebar .blogroll ul li span {
		padding: 0 0 0 0.5em;
		color: #aaa;
	}


/* --------------------------------------------------------------------------------------
 * content
 * -------------------------------------------------------------------------------------- */

	.previous {
		font-weight: bold;
		position: relative; left: -7px;
		margin: 0 0 0.5em 0;
	}
	.next {
		font-weight: bold;
		float: right;
		position: relative; left: 7px;
	}

	h3.title {
		background: #555;
		color: #fff;
		padding: 0.3em 0.5em 0.1em 0.5em;
		margin: 0 0 1.5em 0;
	}

/* --------------------------------------
 * post
 * -------------------------------------- */

	.post {
		background: url(./images/bgr_post.gif) repeat;
		margin: 0 0 100px 0;
		padding: 0;
	}
	.excerpt {
		margin: 0 0 50px 0;
	}

	span.edit {
		margin: 0 0 0 0.5em;
		color: #999;
	}

/* --------------------------------------
 * post title
 * -------------------------------------- */

	.post .post_title {
		margin: 0 0 1em 0;
	}
	.post .post_title h2,
	.post .post_title h2 a {
		font-family: "Arial Black", "Helvetica Neue", Arial, Helvetica, sans-serif;
		font-size: 2.2em; line-height: 0.8em; font-weight: normal;
		color: #000;
		margin: 0 0 0.2em -0.08em;
		letter-spacing: -0.08em;
		border: 0;
	}
/*
	.contributor .post_title h2,
	.contributor .post_title h2 a {
		color: #313a3c;
	}
*/
	body#post .post .post_title h2 {
		font-size: 2.8em;
	}
	.post .post_title h2 a {
		margin: 0;
		font-size: 1em;
		text-decoration: none;
	}
	.post .post_title h2 a:hover,
	.post .post_title h2 a:focus {
		border-top: 6px solid #fff;
		border-bottom: 1px solid #999;
		color: #333;
	}
	.post .post_title p {
		margin: 0;
	}
	/* "Gastbeitrag" */
	.contributor .post_title p.author em {
		font-style: normal;
		font-weight: bold;
		background: #bb0000;
		color: #fff;
		padding: 0.1em 0.4em 0.1em 0.3em;
	}

/* --------------------------------------
 * comments preview
 * -------------------------------------- */

	.post_commentspreview {
		background: #edf2f3;
		padding: 1em 0 0.5em 1em;
		margin: -0.5em 0 1em -5px;
		border-bottom: 4px solid #fff;
		border-right: 25px solid #edf2f3;
	}
	.post_commentspreview p {
		margin: 0;
		font-size: 0.9em; line-height: 1.2em;
	}

/* --------------------------------------
 * post meta
 * -------------------------------------- */

	.post_meta {
		background: #edf2f3;
		padding: 1em 0 0.5em 0;
		margin: -0.5em 0 1em -5px;
		border-top: 4px solid #fff;
		border-left: 80px solid #edf2f3;
	}
	.post_meta p {
		margin: 0;
		font-size: 0.9em; line-height: 1.2em;
	}
	.post_meta_author {
		margin: 0 10px 0 -75px;
		width: 210px;
		float: left;
		position: relative; /* IE */
	}
	.post_meta_author .gravatar { /* link */
		display: block;
		width: 64px;
		height: 64px;
		border: 2px solid #fff;
		float: left;
		margin: 0 10px 0 0;
	}
	.post_meta_author .gravatar .gravatar { /* image */
		border: 0;
		float: none;
		margin: 0;
	}
	.post_meta_author p {
		width: 126px;
		overflow: hidden;
		padding-left: 2px; /* ? */
	}
	.post_meta .post_meta_info {
		width: 270px;
		margin: 0 0 0 144px;
	}


	.authorinfo {
		margin-top: 5px;
	}
	.authorinfo p {
		font-size: 1em; line-height: 1.2em;
	}
	.authorinfo .post_meta_author {
		margin: 0 10px 0 -75px;
		width: 490px;
		float: left;
		position: relative; /* IE */
	}
	.authorinfo .post_meta_author p {
		width: 410px;
		overflow: hidden;
	}
	.authorinfo .post_meta_info {
		clear: both;
		width: 410px;
		padding: 10px 0 10px 6px;
		margin: 0;
	}

/* --------------------------------------
 * post text
 * -------------------------------------- */

	.post_text {
		clear: both;
		width: 500px;
		margin: 0 0 20px 0;
	}
	.post_text .list {
		padding: 0.3em 0 1em 0;
	}
	.post_text .list + .clear {
		margin-top: -1.7em !important;
	}
	.post_text .list p {
		clear: both;
		/* text-indent: -2px; */
		margin: 0 0 0.6em 0;
	}
/* old styles
	.post_text .list p strong:first-child {
		padding: 0.2em 0.6em 0.2em 0;
		background: #555;
		color: #fff;
		font-weight: bold;
		border-top: 3px solid #fff;
		border-left: 3px solid #555;
		position: relative; left: -3px;
	}
	.contributor .post_text .list p strong:first-child {
		background: #616f73;
		border-left: 3px solid #616f73;
	}
	.post_text .list p strong:first-letter {
		padding: 0 0.2em 0 0;
	}
	.post_text .list p strong:first-child a {
		color: #fff;
	}
	.post_text .list p strong:first-child a:hover,
	.post_text .list p strong:first-child a:focus {
		color: #ddd;
	}
*/

	/* list styles */

	.post_text .list ul {
		margin: 0;
		padding: 0;
	}
	.post_text .list li {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	.post_text .list li .list-item-title {
		clear: both;
		position: relative; left: -3px;
		margin-bottom: 0.6em;
	}
	.post_text .list li .list-item-title p {
		display: inline;
		padding: 0.2em 0.6em 0.2em 0;
		background: #555;
		color: #fff;
		font-weight: bold;
		border-top: 3px solid #fff;
		border-left: 3px solid #555;
	}
	.contributor .post_text .list li .list-item-title p {
		background: #616f73;
		border-left: 3px solid #616f73;
	}
	.post_text .list li .list-item-title .num {
		font-size: 1.4em;
	}
	.post_text .list li .list-item-title a {
		color: #fff;
	}
	.post_text .list li .list-item-title a:hover,
	.post_text .list li .list-item-title a:focus {
		color: #ddd;
	}
	.post_text .list li .list-item-text {
		clear: both;
		margin-bottom: 20px;
	}

	/* small */

	.post_text small {
		font-size: 0.9em;
		color: #888;
	}
	.post_text small strong:first-child {
		font-weight: bold !important;
		padding: 0 !important;
		margin: 0 !important;
		border: 0 !important;
		color: #888 !important;
		background: none !important;
	}

	/* video */
	/* last-child: video is at the end of a text paragraph (<p>..[text]..[video]</p>)

	.post_text object:last-child {
		border: 5px solid #aaa;
		padding: 5px;
		margin: 10px 0 10px 0;
		display: block;
	}
	*/

	/* audio (last.fm) */
	/* no last-child: audio is in the middle of a text paragraph (<p>..[audio]..</p>)

	.post_text object {
		border: 0;
		padding: 0;
		margin: 0;
		display: inline;
	}
	*/

	.post_text object {
		border: 5px solid #aaa;
		padding: 5px;
		margin: 10px 0 10px 0;
		display: block;
		overflow: hidden;
	}

	/* image */
/* old
	.post_text img {
		display: block;
		float: left;
		border: 15px solid #EDF2F3;
		padding: 10px;
		margin: 10px 10px 10px 0;
		max-width: 450px;
	}
	.post_text img.right {
		float: right;
		margin: 10px 5px 10px 5px;
	}
	.post_text a img {
		float: none;
		margin: 10px 0 -10px 0 !important;
	}	
	.post_text a:hover img,
	.post_text a:focus img {
		border-color: #B7C2C4;
	}
*/
	.post_text img {
		display: inline;
	}

	.post_text .gallery,
	.post_text .wp-caption,
	.post_text .aligncenter,
	.post_text .alignleft,
	.post_text .alignright,
	.post_text .alignnone {
		background: #e6edf0 !important;
		display: block !important;
		border: 0 !important;
		padding: 5px !important;
		border: 0 !important;
	}
	.post_text .aligncenter {
		margin: 0 auto 5px auto !important;
	}
	.post_text .alignleft {
		float: left !important;
		margin: 0 15px 5px 0 !important;
	}
	.post_text .alignright {
		float: right !important;
		margin: 0 5px 5px 10px !important;
	}
	.post_text .alignnone {
		margin: 0 0 5px 0 !important;
	}
	.post_text .aligncenter a,
	.post_text .alignleft a,
	.post_text .alignright a,
	.post_text .alignnone a,
	.post_text .aligncenter img,
	.post_text .alignleft img,
	.post_text .alignright img,
	.post_text .alignnone img {
		display: block !important;
		float: none !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
	}

	/* caption */

	.post_text .wp-caption {
		background: #e6edf0 !important;
		margin-bottom: 1.5em !important;
		padding: 0 !important;
	}
	.post_text .wp-caption a,
	.post_text .wp-caption img {
		padding: 5px !important;
	}
	.post_text .wp-caption a img {
		padding: 0 !important;
	}
	.post_text .wp-caption p.wp-caption-text {
		font-size: 0.9em !important;
		padding: 0 5px 5px 5px !important;
		margin: 0 !important;
	}

	/* gallery */

	.post_text .gallery {
		width: 635px !important;
		background: #e6edf0 !important;
		margin: 0 0 1.5em 0 !important;
		padding: 0 0 5px 0 !important;
	}
	.post_text .gallery dl.gallery-item {
		display: block !important;
		float: left !important;
		margin: 0 !important;
		padding: 0 !important;
		list-style-type: none;
		width: auto !important;
	}
	.post_text .gallery dt.gallery-icon {
		margin: 0 !important;
		padding: 0 !important;
		list-style-type: none !important;
	}
	.post_text .gallery dt.gallery-icon a,
	.post_text .gallery dt.gallery-icon img {
		display: block !important;
		margin: 0 !important;
		border: 0 !important;
		padding: 5px 0 0 5px !important;
	}
	.post_text .gallery dt.gallery-icon a img {
		padding: 0 !important;
		margin: 0 !important;
	}
	.post_text .gallery .gallery-caption {
		display: none !important;
		visibility: hidden !important;
	}

	/* hr */

	.post_text hr {
		visibility: hidden;
	}

	/* lists */
	
	.post_text ul {
		margin: 0.5em 0 1em 0;
		padding: 0;
	}
	.post_text ul li {
		margin: 0 0 0.5em 1.5em;
		padding: 0;
		list-style-type: square;
	}

	/* blockquote */

	.post_text blockquote {
		margin: 0.5em 0 1.5em 0.5em;
		padding: 0 0 0 0.5em;
		border-left: 3px solid #a8b4b8;
	}

	/* q */

	q:before, q:after {
		content: ""; }

	q {
		font-style: italic;
	}


/* --------------------------------------------------------------------------------------
 * comments
 * -------------------------------------------------------------------------------------- */

	#comments {
		margin: -50px 0 0 0;
	}
	#comments h3 {
		margin-bottom: 0 !important;
	}
	#comments div.comment {
		margin: 0 0 20px 0;
	}
	#comments ul.list {
		margin: 0 0 2em 0;
		padding: 0;
	}
	#comments ul.list li {
		background: #EAECEC;
		padding: 1em 0 0.5em 1em;
		margin: -0.5em 0 2em -5px;
		border-bottom: 6px solid #fff;
		border-left: 65px solid #EAECEC;
		list-style-type: none;
	}
	#comments ul.list li.author {
		background: #edf2f3;
		border-left: 65px solid #edf2f3;
	}
	#comments ul.list li p {
		margin: 0 0 0.5em 0;
	}
	#comments ul.list li p.meta {
		margin: 0 0 0.5em 0;
	}
	#comments ul.list li a.nr {
		border: 0;
		margin: 0 5px 0 0;
	}
	#comments ul.list li span.name {
		font-weight: bold;
		margin: 0 5px 0 0;
	}
	#comments blockquote {
		/* background: url(./images/quote.gif) no-repeat; */
		border-left: 5px solid #bbb;
		margin: 0 0 1em 4px;
		padding: 0 5px 0 12px;
		font-size: 1em; line-height: 1.5em;
	}
	#comments blockquote p {
		margin: 0 0 0.3em 0;
		font-size: 1em;
	}

	#leave-comment {
		margin: 0 0 60px 0;
	}

	#comments .gravatar {
		display: block;
		width: 60px;
		height: 60px;
		border: 2px solid #fff;
		float: left;
		margin: 0 10px 0 -75px;
	}
	#comments .gravatar .gravatar {
		margin: 0;
		border: 0;
		float: none;
	}

/* --------------------------------------
 * the contents
 * -------------------------------------- */

	.thecontents {
	}
	.thecontents h2 {
		display: block;
		float: left;
		font-size: 0.9em;
		background: #555;
		color: #fff;
		padding: 0.3em 0.5em 0.1em 0.5em;
		margin: 0 0 1em 0;
	}
	.thecontents h2 a {
		color: #fff;
	}
	.thecontents h2 a:hover,
	.thecontents h2 a:focus {
		color: #ddd;
	}
	.thecontents ul {
		clear: both;
		margin: 0.5em 0 2em 0;
		padding: 0;
	}
	.thecontents ul li {
		font-size: 1em;
		margin: 0 0 0.8em 1em;
		padding: 0;
		list-style-type: none;
	}
	.thecontents ul li a {
		color: #333;
	}
	.thecontents ul li a:hover,
	.thecontents ul li a:focus {
		color: #777;
	}


/* --------------------------------------------------------------------------------------
 * dm_form
 * -------------------------------------------------------------------------------------- */

	form.dm_form {
		width: 515px;
		font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
		font-size: 1em;
		margin: 0;
		padding: 0;
		border: 0;
	}
	form.dm_form div.form_wrapper {
		margin: 0 -1%;
		padding: 0;
	}
	* html form.dm_form div.form_wrapper {
		display: inline-block;
	}
	*+html form.dm_form div.form_wrapper {
		display: inline-block;
	}
	form.dm_form fieldset {
		clear: both;
		margin: 0 0 20px 0;
		padding: 0;
		border: 0;
	}
	form.preview fieldset {
		display: none;
		visibility: hidden;
	}

/* --------------------------------------
 * labels and wrappers
 * -------------------------------------- */

	form.dm_form label {
		margin: 0 1%;
		padding: 0;
		border: 0;
		float: left;
		display: table;
		width: 1%;
	}
	* html form.dm_form label {
		display: inline-block !important;
		width: 1%;
		height: 1%;
		margin-right: 0.9% !important; /* avoid position bugs */
	}
	*+html form.dm_form label {
		display: inline-block !important;
		width: 1%;
		height: 1%;
		margin-right: 0.9% !important; /* avoid position bugs */
	}
	form.dm_form span.wrapper {
		margin: 0;
		padding: 0;
		display: table-cell;
		width: 1%; /* firefox */
	}
	* html form.dm_form span.wrapper {
		display: block !important;
		width: 100%;
		overflow: hidden;
	}
	*+html form.dm_form span.wrapper {
		display: block !important;
		width: 100%;
		overflow: hidden;
	}
	* html form.dm_form label.radiocheck span.wrapper {
		width: auto;
	}
	*+html form.dm_form label.radiocheck span.wrapper {
		width: auto;
	}

/* --------------------------------------
 * width
 * -------------------------------------- */

	form.dm_form label.w100 {
		width: 98%;
		display: block;
	}
	form.dm_form label.w75 {
		width: 73%;
		display: block;
	}
	form.dm_form label.w50 {
		width: 48%;
		display: block;
	}
	form.dm_form label.w25 {
		width: 23%;
		display: block;
	}

/* --------------------------------------
 * position
 * -------------------------------------- */

	form.dm_form label.p25 {
		margin-left: 26%;
	}
	form.dm_form label.p50 {
		margin-left: 51%;
	}
	form.dm_form label.p75 {
		margin-left: 76%;
	}

/* --------------------------------------
 * input/select fields 
 * -------------------------------------- */

	form.dm_form label input.field,
	form.dm_form label select.field,
	form.dm_form label textarea.field {
		width: 100%;
		display: block;
		border: 1px dotted #555;
		background: #fff;
		color: #000;
		padding: 4px;
		font-family: 'Consolas', 'Andale Mono', Courier, monospace;
		/* font-size-adjust: 0.51; */
		font-size: 1em;
		box-sizing: border-box;
		-moz-box-sizing: border-box; /* gecko */
		-webkit-box-sizing: border-box; /* khtml/webkit */
	}
	* html form.dm_form label input.field,
	* html form.dm_form label select.field,
	* html form.dm_form label textarea.field {
		position: relative; /* put on top */
		width: expression(parentNode.offsetWidth - 18); /* - border - padding */
		padding-top: 5px;
		padding-bottom: 5px;
	}
	*+html form.dm_form label input.field,
	*+html form.dm_form label select.field,
	*+html form.dm_form label textarea.field {
		position: relative; /* put on top */
		width: expression(parentNode.offsetWidth - 18); /* - border - padding */
		padding-top: 5px;
		padding-bottom: 5px;
	}
	form.dm_form label select.field {
		padding: 4px 1px 1px 1px; /* have to try out */
	}
	* html form.dm_form label select.field {
		width: 100%;
	}
	*+html form.dm_form label select.field {
		width: 100%;
	}

	/* Pflichtfelder
		mandatory fields */
	form.dm_form label.mandatory input.field,
	form.dm_form label.mandatory select.field,
	form.dm_form label.mandatory textarea.field {
	}
	* html form.dm_form label.mandatory input.field,
	* html form.dm_form label.mandatory select.field,
	* html form.dm_form label.mandatory textarea.field {
		width: expression(parentNode.offsetWidth - 18); /* - border - padding */
	}
	*+html form.dm_form label.mandatory input.field,
	*+html form.dm_form label.mandatory select.field,
	*+html form.dm_form label.mandatory textarea.field {
		width: expression(parentNode.offsetWidth - 18); /* - border - padding */
	}
	form.dm_form label input.field:focus,
	form.dm_form label select.field:focus,
	form.dm_form label textarea.field:focus {
		border-style: solid;
		border-color: #cc0000;
		color: #cc0000;
	}

/* --------------------------------------
 * checkboxes and radios
 * -------------------------------------- */

	form.dm_form input.select {
		display: block;
		float: left;
		margin: 0;
	}
	* html form.dm_form input.select {
		position: relative;
		left: -2px;
		top: -2px;
	}
	*+html form.dm_form input.select {
		position: relative;
		left: -2px;
		top: -2px;
	}

/* --------------------------------------
 * submit button
 * -------------------------------------- */

	form.dm_form input.submit {
		font-size: 1em;
		padding: 3px 20px;
		font-family: 'Calibri', 'Myriad Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
		/* font-size-adjust: 0.52; */
		font-weight: bold;
		border: 1px solid #333;
		background: #333;
		color: #fff;
	}

	form.dm_form input.submit:hover,
	form.dm_form input.submit:focus {
		border: 1px solid #666;
		background: #666;
		cursor: pointer;  /* sorry, can't use that one in front of Opera */
	}

/* --------------------------------------
 * additional styles for
 * input/select fields
 * -------------------------------------- */

	form.dm_form label.inputselect span.title {
		margin: 0 0 2px 0;
		display: table; /* act as inline-block */
	}
	* html form.dm_form label.inputselect span.title {
		display: inline-block !important;
	}
	*+html form.dm_form label.inputselect span.title {
		display: inline-block !important;
	}
	form.dm_form label.mandatory span.title {
		font-weight: bold;
	}

	form.dm_form label span.title:hover,
	form.dm_form label span.title:focus {
		color: #666;
		cursor: pointer;
	}

	form.dm_form label br {
		margin: 0 0 2px 0;
	}

/* --------------------------------------
 * additional styles for
 * checkboxes and radios
 * -------------------------------------- */

	form.dm_form label.wauto {
		width: auto;
		margin-right: 15px;
	}
	form.dm_form label.radiocheck {
		margin-bottom: 10px;
	}
	* html form.dm_form label.radiocheck {
		width: auto;
	}
	*+html form.dm_form label.radiocheck {
		width: auto;
	}
	* html form.dm_form label.radiocheck.w100 {
		width: 98%; /* avoid label being too short */
	}
	*+html form.dm_form label.radiocheck.w100 {
		width: 98%; /* avoid label being too short */
	}
	form.dm_form label.radiocheck span.wrapper {
		padding-right: 0;
	}
	form.dm_form label.wauto span.wrapper {
		display: inline;
	}
	form.dm_form label.radiocheck span.title {
		display: block;
		margin: 0 0 0 20px;
		padding: 0;
	}
	* html form.dm_form label.radiocheck span.title {
		display: inline-block !important;
		margin-left: 0;
	}
	*+html form.dm_form label.radiocheck span.title {
		display: inline-block !important;
		margin-left: 0;
	}

/* --------------------------------------
 * clearing elements
 * -------------------------------------- */

	form.dm_form .clear {
		clear: both;
		display: block;
		padding: 0 0 10px 0;
	}
	form.dm_form .mb0 {
		margin-bottom: 0 !important;
	}

	form.dm_form .pb20 {
		padding-bottom: 20px !important;
	}

/* --------------------------------------
 * form content
 * -------------------------------------- */

	form.dm_form p,
	form.dm_form h3 {
		margin: 0 1% 10px 1%;
	}


/* --------------------------------------------------------------------------------------
 * subscribe-to-comments
 * -------------------------------------------------------------------------------------- */

	p.subscribe-to-comments {
	}
	p.subscribe-to-comments input {
		display: inline !important;
		float: left !important;
		margin: 0 10px 0 0 !important;
		position: relative !important; top: 5px !important;
	}
	p.subscribe-to-comments label {
		margin: 0 !important;
		padding: 0 !important;
		display: block !important;
		float: left !important;
		width: auto !important;
	}


/* --------------------------------------------------------------------------------------
 * plugin: search excerpt
 * -------------------------------------------------------------------------------------- */

	strong.search-excerpt {
	  background: #E4EDF0;
	  color: #000;
	  padding: 2px 5px;
	}


	strong.search-excerpt {
	  background: #E4EDF0;
	  color: #000;
	  padding: 2px 5px;
	}




	.post_text .tt img {
		display: block;
		float: left;
		border: 0;
		padding: 0;
		margin: 0;
		max-width: 450px;
	}

	.post_title .twitter {
		padding-left: 7px;
		padding-right: 7px;
	}
	.icon {
		display: inline;
		vertical-align: middle;
		position: relative; top: -1px;
	}


	.wp-smiley {
		display: inline;
	}