/*
Theme Name: Tier.TV 2.0
Theme URI: http://tier.tv
Description: Tier.TV WordpressTheme Reloaded 2013
Version: 1.1
Author: Thomas Gutzmer
Author URI: http://t3-artwork.com
Text Domain: tiertv

*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700);

@font-face {
    font-family: 'komika_displayregular';
    src: url('fonts/Komika_display-webfont.eot');
    src: url('fonts/Komika_display-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Komika_display-webfont.woff') format('woff'),
         url('fonts/Komika_display-webfont.ttf') format('truetype'),
         url('fonts/Komika_display-webfont.svg#komika_displayregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		background: transparent;
		border: 0;
		margin: 0;
		padding: 0;
		vertical-align: baseline;
	}

html {
	width: 100%;
	}
	
body {
  background: #fff;
  font-family: 'Open Sans', sans-serif, Verdana;
  color: #333;
  font-size: 100%;
  text-align: center;
  margin: 0px; 
  padding: 0px;
  margin: 0px; 
  width: 100%;
  height: 100%;
}

/* Globals */
	a:link,
	a:visited {
		color: #b22361;
		text-decoration: none;
		}
		
	a:hover,
	a:active {
		color: #333;
		text-decoration: none;
		}
		
#beitrag-single-page h3,
#beitrag-single-page h4 {
	font-weight: normal;
	}

	#beitrag-single-page h1 {
		font-size: 160%;
		font-weight: bold;
		line-height: 140%;
		margin: 10px 0;
		}
		
	#beitrag-single-page h2 {
		font-size: 140%;
		font-weight: bold;
		line-height: 140%;
		margin: 10px 7px;
		}
	
	#beitrag-single-page h3 {
		font-weight: bold;
		font-size: 120%;
		line-height: 140%;
		margin: 10px 7px;
		}
		
	#beitrag-single-page h4 {
		color: #733957;
		font-size: 110%;
		line-height: 150%;
		margin: 10px 7px;
		}
		
	#beitrag-single-page h5 {
		font-weight: bold;
		font-size: 105%;
		line-height: 140%;
		margin: 5px 7px;
		}



/* Hauptebenen */
#main-wrap {
	width: 1155px;
	margin: 0px auto;
	padding: 0px;
	position: relative;
	text-align: left;
	clear: both;
	
	}
	
#buehne {
	width: 970px;
	height: 100%;
	margin: 8px 0px 10px 0px;
	padding: 10px 10px 0px 10px;
	text-align: left;
	position: relative;
	float: left;
	background: #fff;
	-moz-box-shadow: 0 0 8px #888;
	-webkit-box-shadow: 0 0 8px #888;
	box-shadow: 0 0 8px #888;
	}

#headwrap,
#content {
	width: 970px;
	padding: 0px;
	margin: 20px 0px 0px 0px;
	text-align: left;
	background: #fff;
	position: relative;
	}
	
#content {
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px #888;
	box-shadow: 0 0 5px #888;
	padding-top: 10px;
	}
	
	#head {
		width: 250px;
		float: left;
		text-align: center;
		margin: 0px 10px;		
		}
	
	#head h3.desc {
		font-size: 14pt;
		font-weight: normal;
		color: #640033;
		}
		
	#social {
		width: 145px;
		height: 40px;
		padding: 0px;
		bottom: 60px;
		right: 40px;
		text-align: right;
		position: absolute;
		}
		
		.networks  img{
			opacity: 0;
			}

#mainteaser {
	width: 970px;
	height: auto;
	margin: 20px 0px;
	background: #fff;
	/* overflow: hidden; */
	text-align: center;
	/* -moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px #888;
	box-shadow: 0 0 5px #888; */
	}
	
	#mainteaser div {
		margin: 0px auto;
		}

	
/*Menue Topnav */
#mainnavigation {
	height: auto;
	position: relative;
	margin: 20px 0px 0px 0px;
	padding: 0px;
	border: 2px solid #640033;
	background: rgb(119,34,71); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(119,34,71,1) 0%, rgba(155,38,89,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(119,34,71,1)), color-stop(100%,rgba(155,38,89,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(119,34,71,1) 0%,rgba(155,38,89,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(119,34,71,1) 0%,rgba(155,38,89,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(119,34,71,1) 0%,rgba(155,38,89,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(119,34,71,1) 0%,rgba(155,38,89,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#772247', endColorstr='#9b2659',GradientType=0 ); /* IE6-9 */
	}

/* .oe_overlay {
	background: #555;
	opacity: 0;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
} */

ul.oe_menu {
	list-style: none;
	float: left;
	}

ul.oe_menu > li {
	width: auto;
	height: auto;
	float: left;
	position: relative;
}

ul.oe_menu > li > a {
	display: block;
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	font-size: 12pt;
	padding: 10px;
	margin: 0px 3px;
	border: 1px solid transparent;
	}

ul.oe_menu > li > a:hover,
ul.oe_menu > li.selected > a {
	background: #772247;
	color: #fff;
	padding: 10px;
	margin: 0px 3px;
	border-left: 1px solid #640033;
	border-right: 1px solid #640033;
	border-top: 1px solid #640033;
	display: block;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px #888;
	box-shadow: 0 0 5px #888;
	}
	
ul.oe_menu .current-menu-item { /*aktiver Menuepunkt Hauptnavi */
	
	}
		

.oe_wrapper ul.hovered > li > a{
	background: #772247;
	color: #fff;
	border: 1px solid transparent;
	
}

ul.oe_menu ul.sub-menu {
	position: absolute;
	top: 42px;
	left: 5px;
	background: #772247;
	width: auto;
	min-width: 220px;
	height: auto;
	display: none;
	padding: 0px 5px 5px 5px;
	border-left: 1px solid #640033;
	border-right: 1px solid #640033;
	border-bottom: 1px solid #640033;
	/* border-top: 1px solid #640033; */
	/* border-top: 1px solid #transparent; */
	-moz-border-radius-bottomright: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-box-shadow: 2px 2px rgba(0,0,0,0.5);
	-webkit-box-shadow: 2px 2px rgba(0,0,0,0.5);
	box-shadow: 2px 2px rgba(0,0,0,0.5);
	}

ul.oe_menu ul.sub-menu li a{
	text-decoration: none;
	color: #fff;
	padding: 5px 2px 5px 4px;
	margin: 5px 0px;
	display: block;
	font-size: 85%;
	border-bottom: 1px dashed #640033;
}

ul.oe_menu ul.sub-menu li:last-child {
	border-bottom: 0px none;
}

ul.oe_menu div ul.oe_full {
	width: 100%;
}
ul.oe_menu ul.sub-menu li a:hover{
	background:#333;
	color:#fff;
}
ul.oe_menu li ul{
	list-style:none;
	float:left;
	width: 150px;
	margin-right:10px;
}
	
/* Contentboxen */
.newsbox {
	margin: 0px;
	padding: 0px;
	width: 660px;
	float: left;
	}
	
	.newsbox hr,
	.archivtext hr {
		border: 0;
		height: 1px;
		background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
		background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
		background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
		background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
	}

.news_index {
	font-size: 90%;
	width: 300px; 
	height: 250px;
	margin: 10px 3px 0px 5px;
	padding: 10px;
	float: left;
	overflow: hidden;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px #888;
	box-shadow: 0 0 5px #888;	
	position: relative;
	}
	
	.news_index.odd {
		font-size: 90%;
		width: 300px; 
		height: 250px;
		margin: 10px 0px 0px 7px;
		padding: 10px;
		float: left;
		overflow: hidden;
		-moz-box-shadow: 0 0 5px #888;
		-webkit-box-shadow: 0 0 5px #888;
		box-shadow: 0 0 5px #888;	
		position: relative;
		}
		
			
	.news_index_thumbwrap img,
	.news_index_thumbwrap img.attachment-index_thumb	{
		max-width: 300px;
		max-height: 200px;
		height: auto;
		margin: 0px auto;
		border: 0px none;
		}
		
		.news_index_thumbwrap {	
			width: 300px;
			height: 200px;
			display: block;
			text-align: center;
			margin: 3px auto;
			overflow: hidden;
			}
			
	.news_index h3,
	.news_index h3 > a {
		color: #333;
		font-size: 110%;
		font-weight: bold;
		min-height: 45px;
		text-decoration: none;
		}
		
		h2.archivname {
			font-size: 130%;
			font-weight: bold;
			margin: 20px 10px 30px 10px;
			background: url(images/tatze.png) no-repeat left center;
			padding-left: 30px;
			}
		
		h2.archivtitle ,
		h2.archivtitle  > a {
			font-size: 120%;
			font-weight: normal;
			margin: 0px 0px 10px 0px;
			}
		
		.archivinhalt {
			margin: 5px 0;
			padding: 0px;
			}
			
		.archivinhalt img,
		.archivinhalt object {
			background: #fff;
			width: auto;
			max-width: 550px;
			height: auto;
			display: block;
			clear: both;
			margin: 5px auto;
			padding: 5px;
			display: block;
			border: 1px solid #ccc;
			-moz-box-shadow: 0 10px 10px -10px #000;
			-webkit-box-shadow: 0 10px 10px -10px #000;
			box-shadow: 0 10px 10px -10px #000;
			}
	
	.news_index p {
		margin-top: 5px;
		}
		
	.news_index .hiddenMoreLink {
		width: 100%;
		display: block;
		margin: 0;
		padding: 15px;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		background: url(images/more-hover.png) repeat top left;
		text-align: left;
		font-size: 85%;
		color: #fff;
		font-weight: bold;
		text-decoration: none;
		}

			
	#index-recent,
	#sidebar-recent,
	#sidebar-latest {
		width: 298px;
		height: auto;
		float: left;
		}
		
		#index-recent h5,
		#sidebar-recent h5,
		#sidebar-latest h5 {
			color: #fff;
			font-size: 105%;
			background: #832446;
			padding: 5px 5px 5px 10px;
			}
	
	#sidebar-latest,
	#sidebar-recent {
		margin: 0px 5px 10px 5px;
		padding: 0px 0px 5px 0px;
		}
	
	#index-recent ul,
	#sidebar-recent ul,
	#sidebar-latest ul,
	#index-recent ul li,
	#sidebar-recent ul li,
	#sidebar-latest ul li {
		list-style: none;
		}
		
		.index-recent-inhalt {
			margin: 5px 0;
			border: 1px solid #ccc;
			font-size: 80%;
			padding: 5px;
			}
			
			.index-recent-inhalt h3{
				margin: -5px 0px 0px 0px;
				padding: 0px;
				font-size: 90%;
				}
		
		.index-recent-inhalt img {
			width: 100px;
			max-width: 120px;
			height: auto;
			max-height: 100px;
			float: left;
			margin: 0px 5px 5px 0px;
			}
	
	#index-latest {
		margin: 0px 5px;
		padding: 5px;
		color: #6E6E6E;
		float: left;
		display: block;
		width: 640px;
		font-size: 90%;
		}
		
		#index-latest img {
			display: block;
			margin: 10px auto;
			width: auto;
			max-width: 550px;
			background: #fff;
			height: auto;
			clear: both;
			padding: 5px;
			border: 1px solid #ccc;
			-moz-box-shadow: 0 10px 10px -10px #000;
			-webkit-box-shadow: 0 10px 10px -10px #000;
			box-shadow: 0 10px 10px -10px #000;
			}
			
		#index-latest h3 {
			font-size: 140%;
			font-weight: normal;
			margin: 20px 10px;
			background: url(images/tatze.png) no-repeat left center;
			padding-left: 25px;
			}
		
		#index-latest p {
			margin: 5px 0px;
			}

/*Dummy DIV wenn keine Teaser auf der Startseite vorhanden ist */
#index-expander {
	height: 20px;
	margin: 10px 0px;
	}
			
	/* #index-latest a.more-link  */
	a.more-link {
		width: 110px;
		color: #fff;
		text-align: center;
		font-size: 90%;
		display: block;
		/* float: left; */
		clear: both;
		margin: 20px 0px;
		padding: 5px 0px;
		/* background: #832446; */
		border: 1px solid #7c0420;
		/* -moz-box-shadow: 0 0 5px #888;
		-webkit-box-shadow: 0 0 5px#888;
		box-shadow: 0 0 5px #888; */
		border-radius: 3px;
		-moz-border-radius: 3px;
		background: rgb(206,68,128); /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NlNDQ4MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4MzI0NDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  rgba(206,68,128,1) 0%, rgba(131,36,70,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(206,68,128,1)), color-stop(100%,rgba(131,36,70,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(206,68,128,1) 0%,rgba(131,36,70,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(206,68,128,1) 0%,rgba(131,36,70,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(206,68,128,1) 0%,rgba(131,36,70,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(206,68,128,1) 0%,rgba(131,36,70,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce4480', endColorstr='#832446',GradientType=0 ); /* IE6-8 */

		}

		#beitrag-single-page a.more-link {
			margin: 5px 0px 20px 0px;
			}
			

#content .inner_content ,
#beitrag-single-page .inner_content {
	line-height: 16pt;
	width: 650px;
	}
	
	#content .inner_content  img {
		/* max-width: 500px;
		width: auto; */
		}

	#beitrag-single-page {	
		width: 645px;
		border: 1px solid #ccc;
		margin: 0px 0px 20px 5px;
		padding: 5px;
		font-size: 90%;
		float: left;
		-moz-box-shadow: 0 0 5px #ccc;
		-webkit-box-shadow: 0 0 5px#ccc;
		box-shadow: 0 0 5px #ccc;
		}
		
	#beitrag-single-page-wide {	/*Video-Page*/
		width: 100%;
		border: 1px solid #ccc;
		margin: 0px;
		padding: 0px;
		font-size: 90%;
		float: left;
		overflow: hidden;
		-moz-box-shadow: 0 0 5px #ccc;
		-webkit-box-shadow: 0 0 5px#ccc;
		box-shadow: 0 0 5px #ccc;
		}
		
		#beitrag-single-page-wide  iframe {
			width: 1024px;
			margin-left: -27px;
			padding: 0px;
			}

	#beitrag-single-page img {
		/* width: auto; */
		max-width: 600px;
		/* height: auto; */
		}

	#beitrag-single-page-midwide {	/*Mediathek*/
		width: 100%;
		border: 1px solid #ccc;
		margin: 0px;
		padding: 0px;
		font-size: 90%;
		float: left;
		overflow: hidden;
		-moz-box-shadow: 0 0 5px #ccc;
		-webkit-box-shadow: 0 0 5px#ccc;
		box-shadow: 0 0 5px #ccc;
		}
		
		#beitrag-single-page-midwide  iframe {
			width: 950px;
			/*margin-left: -10px;*/
			padding: 0px;
			}		


#content p,
#beitrag-single-page p {
	/* clear: both; */
	margin: 0px 7px 20px 7px;
	padding: 0px;
	}
	
/*	#content h2.post-title,
	#beitrag-single-page h2.post-title,
	#beitrag-single-page-wide h2.post-title {
		font-size: 140%;
		font-weight: bold;
		margin: 10px 0px 20px 0px;
		
		padding: 3px 5px;
		} */
		
	#content h1.post-title,
	#beitrag-single-page h1.post-title,
	#beitrag-single-page-wide h1.post-title {
		font-size: 140%;
		font-weight: bold;
		margin: 10px 0px 20px 0px;
		/* background: #d7d8d9; */
		padding: 3px 5px;
		}	
		
	#content h3 {
		font-weight: bold;
		margin: 0px 0px 10px 0px;
		}
		
	#content p.date,
	#beitrag-single-page p.date {
		text-align: right;
		font-size: 10pt;
		color: #b5b5b5;
		}
	
  #inhalt {
	padding: 5px 8px 5px 5px;
	line-height: 150%;
	}
	
	#inhalt ul,
	#inhalt ol ,
	#beitrag-single-page ul,
	#beitrag-single-page ol {
		margin: 5px 10px 5px 20px;
		}
		
		#inhalt ul li,
		#inhalt ol li,
		#beitrag-single-page ul li,
		#beitrag-single-page ol li {
			margin: 0px 0px 10px 10px;
			}
	
#footer {
	background: #ccc;
	border-top: 2px solid #d7d7d7;
	border-left: 1px solid #b2b2b2;
	border-bottom: 1px solid #b2b2b2;
	border-right: 1px solid #b2b2b2;
	width: 988px;
	margin: 0px -10px;
	padding: 0px;
	-webkit-box-shadow: inset 0px 10px 3px -4px #999999;
    box-shadow: inset 0px 10px 3px -4px #999999;
	font-size: 9pt;
	}

		#f-break {
			width: 990px;
			height: 150px;
			margin: 0px -10px;
			padding: 0px;
			border-bottom: 4px solid #832446;
			background: url(images/Silhouette_Neu.png) no-repeat bottom center;
			}
	
	#footer a:link,
	#footer a:visited {
		color: #333;
		text-decoration: none;
		}
	
	#footer a:hover,
	#footer a:active {
		/* background: #fff; */
		color: #b22361;
		text-decoration: none;
		}
	
	#footer-content {
		margin: 20px auto 0 auto;
		padding: 15px;
		text-align: left;
		position: relative;
		
		}
		
		#footer-content div {
			color: #333;
			/*width: 290px;*/
			width: 225px;
			float: left;
			overflow: hidden;
			margin: 5px 5px 15px 5px;
			}
		
	#footer-content ul {
		width: 225px;
		height: auto;
		display: block;
		margin-top: 0px;
		}
		
	#footer-content ul li {
		list-style: none;
		padding: 0px 5px 5px 0px;
		margin-top: 0px;
		}
		
	#footer-content ul li ul,
	#footer-content ul li ul li {
		list-style: none;
		padding: 0px 5px;
		margin-top: 0px;
		}
	
	#footer-content h2 {
		color: #993366;
		/*color: #333;
		border-bottom: 1px solid #fff;*/ 
		padding-bottom: 5px;
		font-size: 11pt;
		font-weight: bold;
		margin-bottom: 5px;
		}
		
	/* Footer Menu */
	#footernavigation {
		text-align: left;
		position: relative;
		margin: 30px auto 0px auto;
		padding: 0;
		float: left;
		width: 100%;
		}
		
		#footernavigation ul {
			margin: 0px;
			padding: 0px;
			list-style: none;
			float: left;
			}
		
		#footernavigation ul li {
			margin: 0px 5px 0px 0px;
			padding: 5px;
			list-style: none;
			display: inline;
			}
			
			p.footerinfo {
				color: #333;
				margin: 0px 10px 10px 0px;
				padding: 0px;
				float: right;
				}
	
/* Tools */
form#searchform {
	width: 140px;
	float: right;
	margin: 0px 0px 8px 0px;
	}

#searchform .suchfeld {
	width: 140px;
	padding: 4px;
	margin: 10px 0 0 -20px;
	color: #777;
	background: url(images/toolbar_find.png) no-repeat #fff;
	background-position: 90% center;
	border: 1px solid #ccc;
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px#ccc;
	box-shadow: 0 0 5px #ccc;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	}
	
	#beitrag-single-page span.keyword {
		color: #b22361;
		font-weight: normal;
		font-size: 110%;
		display: inline;
		}
	
/* Bildausrichtungen */
.attachment-index_thumb,
.wp-post-image {
	float: left;
	margin: 3px 10px 10px 0;
	padding: 3px;
	padding: 2px;
	border: 1px solid #b2b2b2;
	}
	
	/*img.wp-post-image .aligncenter {
		clear: both;
		display: block;
		margin-left: auto;
		margin-right: auto;
		max-width: 620px;
		
		}*/
		
#beitrag-single-page .alignleft,
#beitrag-single-page-wide  #dogtari-about .alignleft,
#beitrag-single-page-wide  #dogtari-about img.alignleft,
#beitrag-single-page img.alignleft {
	display: inline;
	float: left;
	margin-right: 15px;
	margin-left: 5px;
	margin-top: 4px;
}
#beitrag-single-page .alignright,
#beitrag-single-page-wide  #dogtari-about .alignright,
#beitrag-single-page-wide  #dogtari-about img.alignright,
#beitrag-single-page img.alignright {
	display: inline;
	float: right;
	margin-left: 15px;
	margin-right: 5px;
	margin-top: 4px;
}
#beitrag-single-page .aligncenter,
#beitrag-single-page img.aligncenter,
#beitrag-single-page-wide  #dogtari-about .aligncenter,
#beitrag-single-page-wide  #dogtari-about img.aligncenter,
#beitrag-single-page-wide img.attachment-comicstrip,
#beitrag-single-page img.marg-bottom {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 620px;
}
#beitrag-single-page img.alignleft,
#beitrag-single-page img.alignright,
#beitrag-single-page img.aligncenter,
#beitrag-single-page img.marg-bottom,
#index-latest img.alignleft,
#index-latest img.alignright,
#index-latest img.aligncenter,
#index-latest img.marg-bottom {
	margin-bottom: 12px;
	border: 1px solid #ccc;
}
#beitrag-single-page .wp-caption,
#beitrag-single-page-wide  #dogtari-about .wp-caption,
#index-latest .wp-caption {
	max-width: 620px;
	background: rgb(204,204,204); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlM2U0ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(204,204,204,1) 0%, rgba(227,228,229,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(204,204,204,1)), color-stop(100%,rgba(227,228,229,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(204,204,204,1) 0%,rgba(227,228,229,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(204,204,204,1) 0%,rgba(227,228,229,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(204,204,204,1) 0%,rgba(227,228,229,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(204,204,204,1) 0%,rgba(227,228,229,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#e3e4e5',GradientType=0 ); /* IE6-8 */
	line-height: 18px;
	padding: 4px;
	text-align: center;
	border: 1px solid #ccc;
	margin-top: 10px;
	margin-bottom: 10px;
	}
	
#beitrag-single-page .wp-caption img,
#beitrag-single-page-wide  #dogtari-about .wp-caption img,
#index-latest .wp-caption img {
	margin: 5px auto;
	border: 1px solid #ccc;
}
#beitrag-single-page .wp-caption p.wp-caption-text,
#beitrag-single-page-wide  #dogtari-about .wp-caption p.wp-caption-text,
#index-latest .wp-caption p.wp-caption-text {
	font-family: Georgia, Verdana, Arial;
	color: #333;
	font-size: 9pt;
	margin: 5px;
}	

a.scrollup:link,
a.scrollup:active,
a.scrollup:hover,
a.scrollup:visited {
    width: 40px;
    height: 40px;
    opacity: 0.3;
    position: fixed;
    bottom: 50px;
    right: 100px;
    display: none;
    text-indent: -9999px;
    background: url('images/icon_top.png') no-repeat;
	z-index: 9998;
}

/* .scrollup:hover {
	background: transparent;
	} */


/* Archivlisten */
.archivtext {
	overflow: hidden;
	width: 98%;
	}
	
	#inner_sidebar {
		width: 298px;
		margin: 0px 5px 10px 5px;
		padding: 0px 0px 5px 0px;
		float: right;
		}

		
		#sub-cat {
			margin: 0 0 10px 0;
			padding: 5px;
			}
			
			#sub-cat ul {
				list-style: none;
				margin: 5px 0;
				}
			
			#sub-cat ul li {
				list-style: none;
				padding: 5px;
				border-bottom: 1px solid #ccc;
				font-size: 90%;
				}
				
			#sub-cat h2 {
				font-size: 100%;
				font-weight: normal;
				font-style: italic;
				color: #999;
				}
	
	#single-left-sidebar {
		width: 300px;
		margin: 0px 5px;
		float: left;
		}
	
#pagination {
	width: 98%;
	height: 30px;
	margin: 20px auto;
	float: left;
	text-align: center;
	}
	
	#beitrag-single-page #pagination span {
		display: inline;
		}
	
/* Brotkrumen Haensel und Gretel */
#breadkrumen {
	margin: 5px 10px 25px 5px;
	padding: 5px;
	height: 20px;
	font-size: 90%;
	vertical-align: center;
	}

/* Werbeboxen */
#top-ad-box {  /* Top Box */
	float: right;
	margin: 5px 0px 0px 0px;
	text-align: right;
	padding: 0px;
	}
	
#side-ad-box  { /* rechte Aussenbox */
	margin: 0 0 0 3px;
	float: right;
	}
	
.ad-index-box {
	margin: 10px 0px 0px 0px;
	-moz-box-shadow: 0 10px 10px -10px #000;
	-webkit-box-shadow: 0 10px 10px -10px #000;
	box-shadow: 0 10px 10px -10px #000;
	}

.ad-page-box {
	margin: 0px 5px 10px 5px;
	-moz-box-shadow: 0 10px 10px -10px #000;
	-webkit-box-shadow: 0 10px 10px -10px #000;
	box-shadow: 0 10px 10px -10px #000;
	}

.fb-like-box {
	margin-top: 10px;
	margin-bottom: 10px;
	}

/* Autoren-Visitenkarte */
#author-profile {
	margin: 20px 0px 20px 0px;
	background: #ededed;
	border: 1px solid #ccc;
	padding: 5px;
	font-size: 90%;
	position: relative;
	}
	
	#author-profile h4 {
		font-weight: normal;
		font-size: 120%;
		margin: 0px;
		}
	
	/*Avatar*/
	img.avatar {
		float: left;
		background: #fff;
		padding: 3px;
		margin: 0px 10px 5px 0px;
		border: 1px solid #ccc;
		}
		
#author-profile div.author-description {
	overflow: hidden;
	margin-top: 10px;
	}
	
.google,
.author-all,
.twitter {
	margin: 5px;
	padding: 5px;
	display: inline;
	}
	
	#author-profile img.vcardimg {
		height: 15px;
		margin-right: 5px;
		border: 0px none;
		}

/*Socials */
#single-socials {
	height: 24px;
	margin: 20px 0px;
	padding: 5px;
	}
	
	#single-socials div.soci {		
		float: left;
		margin-right: 20px;
		max-width: 100px;
		text-align: center;
		}
		
/* Socials bei den Comics */
#beitrag-single-page-wide #single-socials {
	margin: 20px auto;
	width: 350px;
	}

/* Juergens Styles ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


#beitrag-single-page .margin-large {
	margin: 30px;
	}

#beitrag-single-page .margin-top-large {
	margin-top: 30px;
	}
	
#beitrag-single-page .margin-bottom-large {
	margin-bottom: 30px;
	}


.grau-home, 
.ocker-home,
.magtrans-home
	{
	margin-right: 10px;
	padding: 10px;
	}

.grau-home {
	/*background: #efefef;*/
	background-color: rgba(51,51,102,0.1);
	}
.ocker-home {
	background: rgba(245,215,135,0.3);
	}

.magtrans-home {
	background: rgba(204,129,167,0.3);
	}

.hgrau,
.magtrans,
.mag,
.bromb,
.ocker {
	margin: 10px;
	padding: 10px;
	}
	
.hgrau {
	/*background: #efefef;*/
	background-color: rgba(51,51,102,0.1);
	}
	
.magtrans {
	background: rgba(204,129,167,0.3);
	}

.mag {
	background: #cc81a7;
	}

.bromb {
	background: #733957;
	color: #fff;
	}

.ocker {
	background: rgba(245,215,135,0.3);
	}
	
.mag a:link,
.mag a:visited,
.mag a:active,
.bromb a:link,
.bromb a:visited,
.bromb a:active {
	color: #fff;
	text-decoration: underline;
	}
.mag a:hover,
.bromb a:hover {
	text-decoration: none;
	}

.ockerbox {
	background: rgba(245,215,135,0.3);
	padding: 15px;
	margin: auto; 
	}

.magbox {
	background: rgba(204,129,167,0.3);
	padding: 15px;
	margin: auto;
	}

/*Mediathek-Seiten */

.blgraubox {
	background-color: rgba(51,51,102,0.1);
	padding: 15px;
	margin: auto;
	}

.blgraubox-a {
	background-color: rgba(51,51,102,0.1);
	padding: 27px;
	margin: 0 0 -20px 0;
	}

.sendbox-a {
	color:rgba(51,51,102,0.8);
	background-color: rgba(51,51,102,0.2);
	border-top:1px solid rgba(51,51,102,0.4);
	border-bottom:2px solid rgba(51,51,102,0.4);
	/*border-radius: 0 20px 0 0; 
	-moz-border-radius: 0 20px 0 0; 
	-khtml-border-radius: 0 20px 0 0;
	behavior:url(border-radius.htc); */	
	padding: 15px;
	margin: 0;
	}

.sendbox-b {
	color:rgba(51,51,102,0.8);
	background-color: rgba(51,51,102,0.2);
	border-top:1px solid rgba(51,51,102,0.4);
	border-bottom:2px solid rgba(51,51,102,0.4);
	border-radius: 0 0 0 20px; 
	-moz-border-radius: 0 0 0 20px; 
	-khtml-border-radius: 0 0 0 20px;
	behavior:url(border-radius.htc); 	
	text-align: center;
	padding: 15px;
	margin: 0 0;
	}

/*--------------------- */

	
.rundeck-hgrau { 
	color: #707070;
	/*background-color: #efefef;*/
	background-color: rgba(51,51,102,0.1);
	border: 1px solid #aaaaaa; 
	border-radius: 7px; 
	-moz-border-radius: 7px; 
	-khtml-border-radius: 7px;
	padding: 15px;
	margin: 5px auto; 
	}

.rundeck-magtrans { 
	color: #707070;
	background-color: rgba(204,129,167,0.1);
	border: 1px solid #aaaaaa; 
	border-radius: 7px; 
	-moz-border-radius: 7px; 
	-khtml-border-radius: 7px;
	padding: 15px;
	margin: 5px auto; 
	}

.rundeck-ocker { 
	color: #707070;
	background-color: rgba(245,215,135,0.3);
	border: 1px solid #aaaaaa; 
	border-radius: 7px; 
	-moz-border-radius: 7px; 
	-khtml-border-radius: 7px;
	padding: 15px;
	margin: 5px auto; 
	}
 
.ttest {	
	color:rgba(51,51,102,0.8);
	background-color: rgba(51,51,102,0.2);
	/*border-top:1px solid rgba(51,51,102,0.4);*/
	border-bottom:2px solid rgba(51,51,102,0.4);
	padding: 5px;
	margin: 5px 60px;
	}
	
.navbutton { 
	width: 120px;
	color: #707070;
	font-size: 90%;
	text-align: center;
	background-image: -webkit-linear-gradient(#e1d2d8 0%, #80809c 100%); 
	background-image: -moz-linear-gradient(#e1d2d8 0%, #80809c 100%); 
	background-image: -o-linear-gradient(#e1d2d8 0%, #80809c 100%); 
	background-image: linear-gradient(#e1d2d8 0%, #80809c 100%);
	/*border: 1px solid #833756;*/ 
	border: 1px solid #eee8ea;
	border-radius: 7px; 
	-moz-border-radius: 7px; 
	-khtml-border-radius: 7px;
	padding: 5px;
	margin: 5px auto; 
	}

		
/* -----Rasselexikon---- */

.rasserot { 
	color: #5f0606;
	background-color: rgba(95,6,6,0.2);
	border: 1px solid #cccccc; 
	border-radius: 10px; 
	-moz-border-radius: 10px; 
	-khtml-border-radius: 10px;
	padding: 15px;
	margin: 5px; 
	}

.rasseblau { 
	color: #666699;
	background-color: rgba(194,228,249,0.3);
	border: 1px solid #cccccc; 
	border-radius: 10px; 
	-moz-border-radius: 10px; 
	-khtml-border-radius: 10px;
	padding: 15px;
	margin: 5px; 
	}

.rassegelb { 
	color: #64521f;
	background-color: rgba(195,170,110,0.3);
	border: 1px solid #cccccc; 
	border-radius: 10px; 
	-moz-border-radius: 10px; 
	-khtml-border-radius: 10px;
	padding: 15px;
	margin: 5px; 
	}

.rassegrau { 
	color: #707070;
	background-color: rgba(214,214,214,0.3);
	border: 1px solid #cccccc; 
	border-radius: 10px; 
	-moz-border-radius: 10px; 
	-khtml-border-radius: 10px;
	padding: 15px;
	margin: 5px; 
	}
/* -------------- */

#beitrag-single-page span {
display: block;
}

#beitrag-single-page .ttv-frage {
background: url(images/LOGO_TTV50x16.png) no-repeat #efefef;
background-position: 7px 2px;
padding-left: 60px;
color: #733957;
/*font-weight: bold;*/
}

#beitrag-single-page .ttv-antwort {
background: rgba(255,255,204,0.3);
padding: 0px 10px;
color: #333333;
}

#beitrag-single-page .notiz {
	color:rgba(51,51,102,0.8);
	background-color: rgba(51,51,102,0.2);
	border-top:1px solid rgba(51,51,102,0.4);
	border-bottom:2px solid rgba(51,51,102,0.4);
	padding: 10px;
	margin: 10px 7px;
	}

#beitrag-single-page .notiz-klein {
	font-size:80%;
	line-height: 140%;
	color:rgba(51,51,102,0.8);
	background-color: rgba(51,51,102,0.1);
	border-top:1px solid rgba(51,51,102,0.2);
	border-bottom:2px solid rgba(51,51,102,0.2);
	padding: 5px;
	margin: 10px 7px;
	}


#beitrag-single-page .fazit {
	color:rgba(51,51,102,0.8);
	background-color: rgba(51,51,102,0.2);
	border-top:1px solid rgba(51,51,102,0.4);
	border-bottom:2px solid rgba(51,51,102,0.4);
	border-radius: 12px 0 12px 0; 
	-moz-border-radius: 12px 0 12px 0; 
	-khtml-border-radius: 12px 0 12px 0;
	behavior:url(border-radius.htc); 	
	padding: 15px;
	margin: 10px 7px;
	}

#beitrag-single-page .tipp {background: url('images/TTVTipp110x25.png') no-repeat; 
	background-position: 10px 2px; 
	color: rgba(51,51,102,0.8); 
	background-color: rgba(51,51,102,0.2); 
	border-top: 2px solid rgba(51,51,102,0.4); 
	border-bottom: 2px solid rgba(51,51,102,0.4); 
	border-radius: 0 20px 0 20px; 
	-moz-border-radius: 0 20px 0 20px; 
	-khtml-border-radius: 0 20px 0 20px;
	behavior:url(border-radius.htc); 
	padding: 28px 15px 15px 15px; 
	margin: 10px 10px;
	}

#beitrag-single-page .buchtipp {background: url('images/TTVBuchtipp155x25.png') no-repeat; 
	background-position: 10px 2px; 
	color: rgba(51,51,102,0.8); 
	background-color: rgba(51,51,102,0.2); 
	border-top: 1px solid rgba(51,51,102,0.4); 
	border-bottom: 2px solid rgba(51,51,102,0.4); 
	border-radius: 0 20px 0 20px; 
	-moz-border-radius: 0 20px 0 20px; 
	-khtml-border-radius: 0 20px 0 20px;
	behavior:url(border-radius.htc); 
	padding: 28px 15px 15px 15px; 
	margin: 10px 10px;
	}

/* --- Slideshow --- */
#slideshow {
	margin: 0px auto 5px auto;
	}

	div.slidenav {
		margin: 5px auto;
		text-align: center;
		word-spacing: 20px;
		}
		
/* ------ Comic Styles ------ */
#dogtari-daily {
	float: right;
	margin-right: 200px;
	margin-bottom: -30px;
	}

.toontime  {
	font-family: 'komika_displayregular';
	}

.toontime-klein  {
	font-family: 'komika_displayregular';
	font-size: 90%;
	}
	
.comic-bg {
	/*background: #a281ae;*/
	background: rgba(173,130,174,0.5);
	}
	
#beitrag-single-page-wide #comic img {
	margin: 0px auto 20px auto;
	padding: 5px;
	border: 1px solid #ccc;
	background: #fff;
	max-width: 800px;
	-moz-box-shadow: 0 10px 10px -10px #000;
	-webkit-box-shadow: 0 10px 10px -10px #000;
	box-shadow: 0 10px 10px -10px #000;
	}
	
#beitrag-single-page-wide #comic {
	background: #fff;
	width: 920px;
	margin: 20px auto 20px auto;
	border: 1px solid #ccc;
	padding-top: 10px;
	padding-bottom: 10px;
	display: block;
	overflow: hidden;
	-moz-box-shadow: 0 10px 10px -10px #000;
	-webkit-box-shadow: 0 10px 10px -10px #000;
	box-shadow: 0 10px 10px -10px #000;
	}

#beitrag-single-page-wide #related-comics,
#beitrag-single-page-wide #strips {
	width: 920px;
	height: auto;
	margin: 5px auto;
	}
	
#beitrag-single-page-wide .comiclist {
	width: 164px;
	/*width: 180px;*/
	height: 250px;
	float: left;
	margin: 5px 10px 40px 10px;
	/*margin: 5px 30px 30px 5px;*/
	display: table-cell;
	vertical-align: middle;
	}
	
	#beitrag-single-page-wide .comiclist img.attachment-comicstrip {
		background: #fff;
		border: none;
		margin: 5px;
		padding: 5px;
		/*width: 150px;
		height: auto;*/
		width: 140px;
		max-height:198px;
		-moz-box-shadow: 0 10px 10px -10px #000;
		-webkit-box-shadow: 0 10px 10px -10px #000;
		box-shadow: 0 10px 10px -10px #000;
		
		}

#beitrag-single-page-wide  #dogtari-about {
	width: 600px;
	margin: 5px;
	padding: 10px;
	float: left;
	display: inline;
	}

			#beitrag-single-page-wide  #dogtari-about p.wp-caption-text {
				padding: 0px;
				margin: 0px;
				}
			
			#beitrag-single-page-wide  #dogtari-about .dogtari-about-content p {
				margin: 5px 5px 0px 5px;
				padding-top: 10px;
				}

#beitrag-single-page-wide  #dogtari-facebook,
#beitrag-single-page-wide  #dogtari-links {
	width: 290px;
	margin: 5px;
	padding: 10px;
	float: left;
	display: inline;
	}
	
	#beitrag-single-page-wide  #dogtari-facebook {
		padding-top: 60px;
		}

#dogtari-facebook iframe {
	margin: 0px;
	}
	
#dogtari-facebook .fb-like-box {
	background: #fff;
	margin: 0px;
	}
	
.comic-thumbnail-in-archive {
	display: none;
	}