/*
Theme Name: kontexttheme 2.0
Description: custom theme in progress
Version: 1.1 (September 19 2009)
Author: erz

============= Structure ===============
Flexible layout between 52em and 72em
2 Columns - a little trickery with the header and the contained image - content left and sidebar right

color theme:
	Seitenhintergrund white
	
	schwarz text				#000000		rgba(0, 0, 0, 0.1)
	dunkelblau links:visited 	#0075a3
	blau links 					#0090c9		rgba(0, 144, 201, 0.1)
	blassblau links:hover 		#00adef	
	
	grau						#a3a3a3		rgba(163, 163, 163, 0.1)	

	category-gesellschaft 		#ef9300 	rgba(239, 147, 0, 0.1)
	category-sport 				#00ba12 	rgba(0, 186, 18, 0.1)
	category-kultur 			#68008e 	rgba(104, 0, 142, 0.1)
	category-meta 				#a3a3a3
		
vertical grid:
	base: 15px = 1em = 93.75% von browserstandard 16px (Aktuell auf 87.5% festgelegt)
	line height: 24px = 1.6em

============ Index ===================
_typography
_utility
_structure
	_navigation
	_menubar
		
_zu tun
*/


/* ============================
_typography
==============================*/
:lang(de-DE) { 
	quotes:"\00BB" "\00AB" "\203A" "\2039"; 
}
q:before, q q:before { 
	content:open-quote; 
	color: #a3a3a3; 
}
q:after, q q:after { 
	content:close-quote; 
	color: #a3a3a3; 
}
body {
	vertical-align: top;
	font-size: 87.5%;
	line-height: 1.6em;
	font-family: georgia;
	text-align: justify;
	color: #000000;
	margin: 0; 
	padding: 0;
}
h1 {
	margin: 0;
	font-size: 1em;
	line-height: 1.6em;
	margin-bottom: 1.6em;
}
h2 {
	margin: 0;
	font-size: 1.6em;
	line-height: 1em;
	margin-bottom: 1em;
	font-weight: 700;
	text-align: justify;
}
h3 {
	margin: 0;
	font-size: 1.4em;
	line-height: 1.1428571428571428em;
	margin-bottom: 1.1428571428571428em;
	font-family: Georgia, Serif;
	font-weight: 300;
	font-variant: small-caps;
	text-align: left;
}
h4 {
	margin: 0;
	font-size: 1.2666666666666666em;
	line-height: 1.263157894736842em;
	margin-bottom: 1.263157894736842em;
	text-align: left;
}
p, pre, td, th, label {
	margin: 0;
	font-size: 1em;
	line-height: 1.6em;
	margin-bottom: 1.6em;
}
small {
	margin: 0;
	font-size: 0.8666666666666667em;
	line-height: 1.8461538461538463em;
	margin-bottom: 1.8461538461538463em;
}
table {
	border-collapse: collapse;
	margin-bottom: 1.6em;
}
a:link {
	text-decoration: none;
	color: #0090c9;
}
a:visited {
	text-decoration: none;
	color: #0075a3;
}
a:hover, a:focus, a:active {
	color: #00adef;
}
	h2 a:link, h3 a:link, h2 a:visited, h3 a:visited{
		color: #000000;
	}
	h2 a:hover, h3 a:hover, h2 a:focus, h3 a:focus, h2 a:active, h3 a:active{
		color: #00adef;
	}
a img{
	border: none;
}

blockquote {
	margin: 0;
	padding: 0 3.2em 0 3.2em;
	font-style: italic;
	background: url(/wpkontext_333/wp-content/uploads/quotmark.png) no-repeat;
}
cite {
	text-align: right;
	display: block;
	font-style: oblique;
	font-weight: bold;
}	
q.pullquote{
	float:right;
	width: 48%;
	margin: 0;
	font-size: 1.2666666666666666em;
	line-height: 1.263157894736842em;
	margin-bottom: 1.263157894736842em;
	margin-top: 1.263157894736842em;
	font-weight: bold;
	margin-left: 4%;
	text-align: right;
}

ul{
	margin: 0;
	font-size: 1em;
	line-height: 1.6em;
	margin-bottom: 1.6em;
	margin-right: 3.2em;
	list-style-position: outside;
	list-style-type: square;
}
ol{
	margin: 0;
	font-size: 1em;
	line-height: 1.6em;
	margin-bottom: 1.6em;
	margin-right: 3.2em;
	list-style-position: outside;
	list-style-type: upper-roman;
}
.metadata{
	text-align: right;
	font-family: Georgia, Serif;
	font-variant: small-caps;
	color: #a3a3a3;
}
.metadata a:link, .metadata a:visited{
	color: #a3a3a3;
}
.metadata a:hover, .metadata a:focus, .metadata a:active{
	color: #00adef;
}	
.content > p:first-child:first-letter {
	display: block;
	float: left;
	font-size:3.5em;
	line-height:0.8em;
	color: #a3a3a3;
	margin: 0.1em 0.1em 0 0;
}
*:first-child+html .content > p:first-child:first-letter { //IE 7 hack
	margin: 0.3em 0.1em 0 0;
	}
.small-caps{
	font-variant: small-caps;
}
.grey{
	color: #a3a3a3;
}
.infobox {
	padding: 0;
	margin: 0;
	margin-top: 1.6em;
}
	.infobox p{
		font-size: 0.8666666666666667em;
		line-height: 1.8461538461538463em;
		margin-bottom: 1.8461538461538463em;
	}


/*---------- Sidebar -----*/
.widget{
	position: relative;
	margin-bottom: 3.2em;
	color: #a3a3a3;
}
.widgettitle{
	margin: 0;
	font-size: 1.5333333333333334em;
	line-height: 1.0434782608695652em;
	margin-bottom: 1.0434782608695652em;
	font-variant: small-caps;
	font-weight: 200;
	clear: both;
}
.textwidget{
}
.recentcomment{
}
	.commentposttitle{
		float: left;
		margin-right: 20%;
		font-weight: bold;
		width: 80%;
	}
	.postcounter{
		text-align: right;
		font-size: 3em;
		line-height: 0.1em;
		position: absolute;
		right: 0;
	}
	.commentlink{
		font-variant: small-caps;
	}

#twitter-tools{
}
	#twitter-tools li{
}
	#twitter-tools a{
		font-variant: small-caps;
	}	
	.aktt_more_updates{
		display: none;
	}
/* ENDE Sidebar*/
.seriesmeta{
}
.seriesbox{
	width: 48%;
}
.seriesboxtitle{
}
.serieslist-ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 0.8666666666666667em;
	line-height: 1.8461538461538463em;
	margin-bottom: 1.8461538461538463em;
}
	.serieslist-li a{
	}
	.serieslist-li-current{
		background: rgba(0, 0, 0, 0.8);
		color: white;
	}


/* ==================================== 
_utility:
===================================== */

.alignleft{ /*WARNUNG Elemente, auf die diese Klasse angewandt wird, müssen eine Breite angegeben haben, um validiert zu werden. */
	float: left;
	margin-right: 1.99%;
}
.alignright{ /*WARNUNG Elemente, auf die diese Klasse angewandt wird, müssen eine Breite angegeben haben, um validiert zu werden. */
	float: right;
	margin-left: 1.99%;
}
.aligncenter{
}
.clearfloat{
	clear: both;
}
.clearleft{
	clear: left;
}
.hidden{
	visibility: hidden;
}
.delete{
	display: none;
}
.relative{
	position: relative;
}
.fullspan{
	width: 100%;
}
.lineheight{
	padding: 0;
	margin:0 ;
	height: 1.6em;
}
.doublelineheight{
	padding: 0;
	margin:0 ;
	height: 3.2em;
}
.doublelineheight img{
	height: 100%;
}
.textbox{
	width: 100%;
	color: #a3a3a3;
	font-size: 1em;
	font-family: georgia, serif;
}
	.textbox:active, .textbox:focus{
		border: 0.2em solid #00adef;
		color: #000000;
	}
	.commentbox{
		height: 14.4em;
	}
.searchform{
	width: 100%;
}
	.searchbox{
		width: 72%;
		float: left;
	}
	.searchbutton{
		width: 22%;
		float: right;
	}
img { 
	margin: 0;
	padding: 0;
	border: 0;
}
.size-medium{
}
.size-large{
}
.fullwidth{
	width: 100%;
	height: 24em;
	position: relative;
	overflow: hidden;
}
.fullwidth img{
	width: 100%;
}
.fullwidth span{
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;
	width: 100%;
	color: white;
	background: rgba(0, 0, 0, 0.8);
}
.halfwidth{
	float: left;
	width: 48%;
	margin-right: 1.99%;
	position: relative;
}
.halfwidth img{
	width: 100%;
}
.halfwidth span{
	position: absolute;
	bottom: 0;
	right: 1em;
	width: 93%;
	padding: 0.5em 0.5em 0.5em 0em;
	text-align: right;
	color: white;
	background: rgba(0, 0, 0, 0.8);
	font-size: 0.8em;
	line-height: 1em;
}
	
.wp-caption{
	position: relative;
	width: 48% !important;
	overflow: hidden;
}
.wp-caption img{
	width: 100% !important;
	height: auto !important;
}
.wp-caption-text{
	position: absolute;
	bottom: 0;
	right: 1em;
	width: 94%;
	padding: 0.5em 0.5em 0.5em 0.5em;
	text-align: right;
	color: white;
	background: rgba(0, 0, 0, 0.8);
	font-size: 0.8em;
	line-height: 1em;
}
.thumbnail{
	float: left;
	width: 4.8em;
	height: 4.8em;
	margin: 0 1em 1.6em 0;
	background: #a3a3a3;
}
.mausekino{
	position: relative;
	width: 100%;
	height: 9.6em;
	background: #a3a3a3;
	margin-bottom: 1.6em;
	overflow: hidden;
}
	.mausekino h2, .mausekino strong{
		position: absolute;
		left: 1em;
		top: 0;
		width: 100%;
		padding: 0 0 0 0.2em;
		background: rgba(0, 0, 0, 0.9);
	}
	.mausekino img{
		width: 100%;
	}
.content object{
	float: left;
	width: 48% !important;
	margin-right: 1.99%;
	overflow: hidden;
}
.content object embed{
	width: 100% !important;
	height: 100% !important;
}
		
.videofullwidth{
	float: left;
	padding: 0;
	margin: 0;
	width: 100%;
	height:24em;
	margin-bottom: 1.6em;
	overflow: hidden;
}
.videohalfwidth{
	float: left;
	width: 48%;
	height: 12em;
	margin-right: 1.99%;
	overflow: hidden;
}
.videosidebar{
	width: 100%;
	height: 9.6em;
	margin-bottom: 1.6em;
	overflow: hidden;
	display: block;
}
object.videoembed {
	width: 100%;
	height: 100%;
}


/* ===================================
_structure
==================================== */


body{	
	height: 100%;
	background: white;
	border: none;
}

#containerwrap{
	width: 100%;
	max-width: 72em;
	min-width: 52em;
	margin: auto;
	padding: 0;
	height: 100%; 
	background: white;
}
* html #containerwrap { // IE6 hack für Breite
            width: 792px;
            }


/* Start Header ---------------------------------------- */
#headerwrap{
	border: none; 
	height: 8em;
	margin-bottom: 1.6em;
	/*overflow: hidden;*//*muss aus für dropdownmenü*/
}	
	#logo {
		float: left;
		margin: 1em 0 1em 1%;
		width: 70%;
	}
	#logo a:hover img#kontextlogo, #logo a:focus img#kontextlogo, #logo a:active img#kontextlogo{
		background: #00adef;
	}
	#kontextlogo{
		float: left;
		margin: 0 11% 0 0;
		border-left: 1em solid white;
		width: auto;
	}
	#kontextlogotype{
		float: left;
		margin: 0;
		width: 65%;
	}	
	#logo img{
	}
		
	#accessibility{
		position: relative;
		margin: 0;
		padding: 0;
		margin-right: 1%;
		width: 24%;
		float: right;
	}
		a.sprungmarke{
			position: absolute;
			top: -10em;
			background: rgba(0, 0, 0, 0.9);
			text-align: center;
			width: 100%;
			padding: 1em 0 1em 0;
			z-index: 100;
		}
		a.sprungmarke:focus, a.sprungmarke:active{
			position: absolute;
			top: 1.8em;
		}
			#fontchange{
				position: absolute;
				top: 0.2em;
				left: -0.3em;
			}
			#fontchange img{
				width: 1.6em;
				height: auto;
			}
		.feedlinks{
			margin: 3em 0 0 0;
		}
		.feedicon{
			margin: 0;
			padding: 0 1% 0 0;
			width: 30%;
			height: 2.4em;
			float: left;
			position: relative;
		}
		.feedicon img{
			height: 100%;
		}
		.feedicon span{
			display: none;
			position: absolute;
			bottom: -1.5em;
			left: 0;
			width: 100%;
			text-align: left;
			background: rgba(0, 0, 0, 0.8);
		}
		.feedicon a:hover span, .feedicon a:focus span, .feedicon a:active span{
			display: inline;
		}
		
	#headerlowerpart{
		float: left;
		width: 100%;
		height: 1.6em;
		margin-bottom: 3.2em;
		background: #000000;
	}					

/* Ende Header ---------------------------------------- */

/* Start Sidebar -------------------------------------- */
#sidebar{
	float: right; 
	width: 24%; 
	padding: 0 1% 0 0;
	color: #a3a3a3;
	text-align: left;
}
* html #sidebar { // IE6 hack für Breite
            display: none;
            }
	#sidebar ul, #sidebar ol{
		list-style: none;
		padding: 0;
		margin: 0;
		margin-bottom: 1.6em;
		text-align: left;
	}
/* Ende Sidebar -------------------------------------- */

/* Start Content ------------------------------------- */
#contentwrap{
	width: 70%;
	padding: 0 0 0 1%;
}
* html #contentwrap { // IE6 hack für Breite
            width: 580px;
            padding: 0;
            }
	#postwrap{
		width: 100%;
	}
	.author-metawrap{
		width: 98%;
		margin-bottom: 1.6em;
	}
	.post{
		margin: 0;
		overflow: hidden;
		display: inline-block;
		vertical-align: top;
	}
		.metadata{
			float: left;
			width: 22%;
			text-align: right;
			vertical-align: top;
		}
			a.meta-sprungmarke:link span, a.meta-sprungmarke:visited span{
			position: absolute;
			top: -1.6em;
			left: -400em;
			background: rgba(0, 0, 0, 0.9);
			text-align: right;
			width: 100%;
			padding: 0;
			z-index: 100;
		}
		a.meta-sprungmarke:hover span, a.meta-sprungmarke:focus span, a.sprungmarke:active span{
			position: absolute;
			left: 0;
		}
				
			.commentcount img{
				height: 0.7em;
			}
			.commentcount a:link, .commentcount a:visited{
				color: #a3a3a3;
			}
			.commentcount a:hover, .commentcount a:focus, .commentcount a:active{
				color: #00adef;
			}
		.metaavatar{
			float: right;
			height: 6.4em;
			position: relative;
		}
		.metaavatar img{
			margin-left: 1em;
		}
		.entry {
			float: right;
			width: 73%;
			padding: 0 1.99% 0 0;
			vertical-align: top;
			overflow: visible;
		}		
		.content{
			margin: 0 0 3.2em 0;
		}
		.category-meta{
			float: left;
			height: 1.6em;
			width: 1em;
			margin-right: 0.2em;
			background: #a3a3a3;
		}
		.category-gesellschaft{
			float: left;
			height: 1.6em;
			width: 1em;
			margin-right: 0.2em;
			background: #ef9300;
		}
		.category-kultur{
			float: left;
			height: 1.6em;
			width: 1em;
			margin-right: 0.2em;
			background: #68008e;
		}
		.category-sport{
			float: left;
			height: 1.6em;
			width: 1em;
			margin-right: 0.2em;
			background: #00ba12;
		}
	.navigation h3 a{
		color: #0090c9;
	}
	.navigation h3 a:hover{
		color: #00adef;
	}
	#visdp, #userrules, #infoprivacy, #copyright, #disclaimer{
		margin-top: 3.1em;
		border-top: 0.1em solid #000000;
		padding-top: 1.6em;
	}
	#attribute{
		margin-bottom: 3.2em;
	}
/* Ende Content -------------------------------------- */

/* Start Footer--------------------------------------- */
#footerwrap{
	width: 100%;
}
#footerwrap ul, #footerwrap ol{
		list-style: none;
		padding: 0;
		margin: 0;
		margin-bottom: 1.6em;
}
.footerlefthalf{
	float: left;
	width: 70%;
	padding: 0 0 0 1%;
}
	#footerleft{
		float: left;
		width: 22%;
		text-align: right;
	}
	#footermiddle{
		float: right;
		width: 73%;
		margin: 0 2% 0 0;
		text-align: justify;
	}
	#footerright{
		float: right;
		width: 24%; 
		padding: 0 1% 0 0;
		text-align: left;
	}
	#footerbottom{
		background: #000000;
		color: white;
		margin-top: 1.6em;
		margin-left: 1em;
		margin-right: 1em;
	}
/* Ende Footer --------------------------------------- */

/* Start Kommentare ---------------------------------- */
.commentlist, .commentlist ul, .commentlist ul ul, .commentlist ul ul ul, .commentlist ul ul ul ul {
	margin: 1.6em 0 1.6em 0;
	padding: 0;
	list-style-type: none;
}
	.commentlist ul{
		margin-left: 3.2em;
	}
.commentlist img{
	height: 3.2em;
}
.comment {
}
	.comment-author-admin{
	}
	.bypostauthor{
	}
	.odd{
	}
	.even{
	}
.vcard{
}
	.avatar{
		float: right;
		height: 100%;
		width: auto;
	}
	.fn{
		float: right;
		width: 50%;
		margin-right: 1em;
		margin-left: 1em;
		font-variant: small-caps;
	}
		.says{
		visibility: hidden;
		}
.commentmetadata{
	margin: 0;
	margin-right: 5em;
	font-size: 0.8666666666666667em;
	line-height: 1.8461538461538463em;
	font-variant: small-caps;
	text-align: right;
}
.reply {
	margin-top: -1.8461538461538463em;
	font-size: 0.8666666666666667em;
	line-height: 1.8461538461538463em;
	margin-bottom: 1.8461538461538463em;
	font-variant: small-caps;
}	

/* Ende Kommentare ----------------------------------- */


/* ============================
_navigation - VORSICHT! Die Parameter sind Leerzeichensensitiv.
==============================*/

/* --------------- _menubar ----------------- */

#menubar{ /* Definiere Startebene des Menüs */
	float: left; 
	width: 70%;
	height: 1.6em;
	margin: 0;
	padding: 0 0 0 1%;
	border: 0;
	z-index: 100;
	font-variant: small-caps;
	color: #a3a3a3;
}
#menubar img{
	height: 1.59em;
}
#menubar li{ /* PARENT für absolute Positionierung */
	position:relative;
	float: left; /* Float - falls man mehrere Einträge auf der Startebene hat*/
	width: 24.9%;
}
#menubar ul{ /* Style Reset Listen */
	padding: 0;
	margin: 0;
	list-style-type: none;
}
#menubar a, #menubar a:visited{ /* Style Links Startebene */
	display: block;	
	text-align: left;
	border-left: 1em solid #a3a3a3;
	padding-left: 0.2em;
}
#menubar a:hover { /* Style Links Startebene hover */
}

	#menubar ul ul { /* Style Listen Ebene2 */
		visibility: hidden; /* Verstecke Ebene2 */
		position: absolute;
		height: 0;
		top: 1.6em;
		left: 0em;	
	}
	#menubar ul li:hover ul, #menubar ul a:hover ul { /* Zeige Ebene2 bei Mouseover */
		visibility: visible; 
	}			
	#menubar ul ul a, #menubar ul ul a:visited { /* Style Links Ebene2 */
		background: rgba(255, 255, 255, 0.9);
	}
	#menubar ul ul a:hover { /* Style Links Ebene2 bei Mouseover */
	}
	#menubar ul ul li{
		width: 99.9%;
	}
		#category-gesellschaft a:link, #category-gesellschaft a:visited{
			border-left: 1em solid #ef9300;
		}
			#category-gesellschaft a:hover, #category-gesellschaft a:focus, #category-gesellschaft a:active{
				color: #ef9300;
			}
			#category-gesellschaft:hover > a{
				border-left: 1em solid #ef9300;
			}
			#category-gesellschaft ul li a:link, #category-gesellschaft ul li a:visited{
				border-left: 1em solid rgba(239, 147, 0, 0.2);
			}
			#category-gesellschaft ul li a:hover, #category-gesellschaft ul li a:focus, #category-gesellschaft ul li a:active{
				border-left: 1em solid #ef9300;
			}
		#category-meta a:link, #category-meta a:visited{
			border-left: 1em solid #0090c9;
		}
			#category-meta a:hover, #category-meta a:focus, #category-meta a:active{
				color: #0090c9;
			}
			#category-meta:hover > a{
				border-left: 1em solid #0090c9;
			}
			#category-meta ul li a:link, #category-meta ul li a:visited{
				border-left: 1em solid rgba(0, 144, 201, 0.2);
			}
			#category-meta ul li a:hover, #category-meta ul li a:focus, #category-meta ul li a:active{
				border-left: 1em solid #0090c9;
			}
		#category-kultur a:link, #category-kultur a:visited{
			border-left: 1em solid #68008e;
		}
			#category-kultur a:hover, #category-kultur a:focus, #category-kultur a:active{
				color: #68008e;
			}
			#category-kultur:hover > a{
				border-left: 1em solid #68008e;
			}
			#category-kultur ul li a:link, #category-kultur ul li a:visited{
				border-left: 1em solid rgba(104, 0, 142, 0.2);
			}
			#category-kultur ul li a:hover, #category-kultur ul li a:focus, #category-kultur ul li a:active{
				border-left: 1em solid #68008e;
			}
		#category-sport a:link, #category-sport a:visited{
			border-left: 1em solid #00ba12;
		}
			#category-sport a:hover, #category-sport a:focus, #category-sport a:active{
				color: #00ba12;
			}
			#category-sport:hover > a{
				border-left: 1em solid #00ba12;
			}
			#category-sport ul li a:link, #category-sport ul li a:visited{
				border-left: 1em solid rgba(0, 186, 18, 0.2);
			}
			#category-sport ul li a:hover, #category-sport ul li a:focus, #category-sport ul li a:active{
				border-left: 1em solid #00ba12;
			}			
#menubar table { /* Style Table (für IE) */
	position:absolute; 
	top:0; 
	left:0; 
	border-collapse:collapse;
}


/*
ELSE
*/

/* ===========================
Plugin Styles
============================ */

/* Slideshow-Gallery */
#slideshow-wrapper {
	width: 100% !important;
}
#fullsize {
	width: 100% !important;
}
#image {
	width: 100% !important;
}
#image img {
	width: 100% !important;
}
#information {
	width: 100% !important;
}
/* Ende Slideshow-Gallery */

/* Tiny Contact Form */
#tiny-contact-form h4{
}
.contactform  {
padding:0;
margin:0;
font-family: georgia, serif;
font-variant: small-caps;
line-height: 1.6em;
}
.contactform textarea{
width: 100%;
}
.contactform label{
text-align: left;
padding-right: 15%;
}
.contactform input{
width: 60%;
}
/* ENDE Tiny Contact Form*/