/*  
Theme Name: FICKO Magazin
Author: Julian Hermann
Tags: white, grid, whitespace, minimal, clean, widgets

Grid Focus was designed and coded by Derek Punsalan. Find
more info about the guy at http://5hthirtyone.com

Notes: Inspired and created for minimalist, content focused blogs 
or websites. Customize, edit, poke, prod, and adapt to your own 
style. Please leave credit where credit is due so that others may
find the source for your site and adapt a suitable version for their
own website.

See line 53 for a collection of the main font rules - size, line-height,
and color - combined for your convenience.

*/

/***********************************************************************
SPECIAL */

#button {
	position: absolute;
	top: 25px;
	left: 50%;
	margin: 0 0 0 140px;
	z-index: 100;
	display: none;
}


#button span {
	position: absolute;
	background: url(images/opacity-70.png);
	padding:5px 10px 3px;
	text-transform: uppercase;
	top: 95px;
	left: 50px;
}

#button:hover span {
	background: #fff;
}
/**********************************************************************/

* {
	margin: 0;
	padding: 0;
	list-style: none;
	outline: none;
	border-color: #999;
}

body {
	text-align: center;
	background: #fff url('images/bg.jpg') fixed;
} 

a { 
	color: #000;
	text-decoration: none;
}

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


p a {
	color: #666;
	text-decoration: none;
	border-width: 0 0 1px;
	border-style: dotted;
	border-color: #666;
}

p a:hover {	
	color: #000;
	text-decoration: none;
	border-width: 0 0 1px;
	border-style: dotted;
	border-color: #000;
}

img {
	border: 0;
}


.nav {
	background: #fff url('images/bg_1px.png');
}

.none {	display: none; }
.block {	display: block; }
.inline {	display: inline; }
.inline-block { display: inline-block; padding: 0 3px 0 0 }
.white {
	background: #fff;
}

/******************************************************************************************************************************************************
* BASE LAYOUT */

#page {
	margin: 0 auto;
	text-align: left;
	width: 924px;
	padding: 25px 30px 30px;
	background: #fff;
}

* html #page {
	width: 1024px;
}

#content {
	margin:  0 0 20px;
	overflow: auto;
}

#mainColumn {
	float: left;
	padding: 0 29px 0 0;
	width: 550px;
	min-height: 400px;
	height: 100%;
	background: #fff;
}

#rightColumn {
	float: right;
	overflow: hidden;
	width: 345px;
	height: 100%;
}


#sidebar_top li li ul {
	display: none;
}

#sidebar_menu,
#sidebar_menu2 {
	margin: 0;
}

#sidebar_menu2 .widget {
	border-width: 0 0 5px;
	border-color: #fff;
	border-style: solid;
}

#sidebar h3 {
	display: none;
}

/* SIDEBAR TOP */

#header .widget_pages {
	position: absolute;
	bottom: 0;
	left: 186px;
}

#header .widget_pages h2,
#footer .widget_pages h2 {
	display: none;
}

#header .widget_pages li,
#footer .widget_pages li {
}

#header .widget_pages li,
#footer .widget_pages li {
	float: left;
	padding: 5px 10px 3px;
	margin: 0 2px 0 0;
	text-transform: uppercase;
	background: url(images/opacity-70.png);
}

#header .widget_pages li:hover,
#header .widget_pages li.current_page_item,
#footer .widget_pages li:hover,
#footer .widget_pages li.current_page_item,
li.current_page_parent {
	background: #fff !important;
}


/* SIDEBAR AKTIONEN */

#sidebar_aktionen {
	background: #fff;
	padding: 0 0 0;
	overflow: auto;
}

#sidebar_aktionen h2 {
	display: none;
}

#sidebar_aktionen li li {
	background: #BBBBBB url(images/grid_white.gif);
	margin: 0 0 5px;
	padding: 2px 0;
	height: 16px;
}

#sidebar_aktionen a {
	background: #fff;
	padding: 0 5px 0 0;
	font-family:Trebuchet MS,arial,verdana,sans-serif;
	text-transform: uppercase;
	font-size: 22px;
	line-height: 18px;
	font-weight: bold;
}

/******************************************************************************************************************************************************
* SIDEBAR */

/*****************
* RELATED POSTS */

.home #yarpp,
#yarpp h2 {
	display: none;
}

#related_posts {
	position: relative;
	padding: 10px 0 0;
}

#related_posts_header {
	background: url(images/related_posts_header.png) no-repeat;
	height: 17px;
}

#related_posts_body {
	background: url(images/related_posts_body.png) repeat-y;
	overflow: auto;
	padding: 10px 30px 10px 0;
}

#related_posts_footer {
	background: url(images/related_posts_footer.png) repeat-y;
	height: 25px;
}

#related_posts_body h3 {
	padding: 0 0 5px;	
	margin: 0;
	border-width: 0 0 1px;
	border-style: dashed;
	border-color: #000;
}

#related_posts_body a {
	padding: 5px 0;
	display: block;
	overflow: auto;
	clear: both;
	border-width: 0 0 1px;
	border-style: dashed;
	border-color: #000;
} 

#related_posts .thumb {
	margin: 0 0 0 5px;
	width: 70px;
	height: 70px;
	overflow: hidden;
	display: block;
	float: right;
	position: relative;
}

#related_posts .thumb img {
	position: absolute;
	left: -50%;
}

#related_posts_close {
	position: absolute;
	font-weight: bold;
	color: #ccc;
	top: 20px;
	right: 30px;
	font-size: 18px;
	cursor: pointer;
}

/*********************
*  widget_tag_cloud */


.widget_tag_cloud h2 {
	display: none;
}

.widget_tag_cloud {
	background: url(images/opacity-50.png);
	text-align: center;
	margin: 0 0;
	padding: 5px;
	text-transform: uppercase;
	line-height: 28px;
}

.widget_tag_cloud a {
	background: url(images/opacity-50.png);
	padding: 3px;
	color: #888;
}

.widget_tag_cloud a:hover {
	background: #fff;
	color: #333;
}

/*********************************
* COLUMNS */

.column_1thrd {
	background: #fff;
	width: 184px;
	float: left;
	margin: 0 11px 0 0;
	border: 0 dotted #ccc;
}

.column_1thrd:last-child {
	margin: 0;
}

/*********************************
* SHADOW */

#shadow_top {
	margin: 20px 0 0;
}

#shadow_bottom {
	margin: 0 0 0;
}

#shadow_middle {
	width: 994px;
	margin: 0 auto;
	background: url(images/shadow_middle.png);
}

/*********************************
* COLOR THEME */

/* KUNST */

.Kunst,
/*
.category-kunst h1,
.category-kunst-sehen h1,
.category-kunst-hoeren h1,
.category-kunst-lesen h1,

.category-kunst h2,
.category-kunst-sehen h2,
.category-kunst-hoeren h2,
.category-kunst-lesen h2,

.category-kunst h3 a,
.category-kunst-sehen h3 a,
.category-kunst-hoeren h3 a,
.category-kunst-lesen h3 a,
*/

#recent_posts .category-kunst h3 a,
#recent_posts .category-kunst-sehen h3 a,
#recent_posts .category-kunst-hoeren h3 a,
#recent_posts .category-kunst-lesen h3 a,

#author_posts .category-kunst h2 a,
#author_posts .category-kunst-sehen h2 a,
#author_posts .category-kunst-hoeren h2 a,
#author_posts .category-kunst-lesen h2 a,

#related_posts .category-kunst .h3,
#related_posts .category-kunst-sehen .h3,
#related_posts .category-kunst-hoeren .h3,
#related_posts .category-kunst-lesen .h3,

.menu-kunst h2 a,
.menu-kunst .highlight {
	color: #009ddf; 
}

#recent_posts .category-kunst *,
#recent_posts .category-kunst-sehen *,
#recent_posts .category-kunst-hoeren *,
#recent_posts .category-kunst-lesen *  {
	border-color: #009ddf;
}

.category-kunst p a,
.category-kunst-sehen p a,
.category-kunst-hoeren p a,
.category-kunst-lesen p a,
.category-kunst .link,
.category-kunst-sehen .link,
.category-kunst-hoeren .link,
.category-kunst-lesen .link,

#recent_posts .category-kunst a.link,
#recent_posts .category-kunst-sehen a.link,
#recent_posts .category-kunst-hoeren a.link,
#recent_posts .category-kunst-lesen a.link   {
	background: #009ddf;
	color: #fff;
}

.category-kunst p a:hover,
.category-kunst-sehen p a:hover,
.category-kunst-hoeren p a:hover,
.category-kunst-lesen p a:hover,

#recent_posts .category-kunst a.link:hover,
#recent_posts .category-kunst-sehen a.link:hover,
#recent_posts .category-kunst-hoeren a.link:hover,
#recent_posts .category-kunst-lesen a.link:hover   {
	background: #008bc5;
	color: #fff;
}

/* FREIHEIT */

.Freiheit,

/*
.category-freiheit h1,
.category-freiheit-sehen h1,
.category-freiheit-hoeren h1,
.category-freiheit-lesen h1,

.category-freiheit h2,
.category-freiheit-sehen h2,
.category-freiheit-hoeren h2,
.category-freiheit-lesen h2,


.category-freiheit h3 a,
.category-freiheit-sehen h3 a,
.category-freiheit-hoeren h3 a,
.category-freiheit-lesen h3 a,
*/

#recent_posts .category-freiheit h3 a,
#recent_posts .category-freiheit-sehen h3 a,
#recent_posts .category-freiheit-hoeren h3 a,
#recent_posts .category-freiheit-lesen h3 a,

#author_posts .category-freiheit h2 a,
#author_posts .category-freiheit-sehen h2 a,
#author_posts .category-freiheit-hoeren h2 a,
#author_posts .category-freiheit-lesen h2 a,

#related_posts .category-freiheit .h3,
#related_posts .category-freiheit-sehen .h3,
#related_posts .category-freiheit-hoeren .h3,
#related_posts .category-freiheit-lesen .h3,

.menu-freiheit h2 a,
.menu-freiheit .highlight {
 	color: #ff9600;
}

#recent_posts .category-freiheit *,
#recent_posts .category-freiheit-sehen *,
#recent_posts .category-freiheit-hoeren *,
#recent_posts .category-freiheit-lesen *  {
	border-color: #ff9600;
}

.category-freiheit p a,
.category-freiheit-sehen p a,
.category-freiheit-hoeren p a,
.category-freiheit-lesen p a,

#recent_posts .category-freiheit a.link,
#recent_posts .category-freiheit-sehen a.link,
#recent_posts .category-freiheit-hoeren a.link,
#recent_posts .category-freiheit-lesen a.link  {
	background: #ff9600;
	color: #fff;
}

.category-freiheit p a:hover,
.category-freiheit-sehen p a:hover,
.category-freiheit-hoeren p a:hover,
.category-freiheit-lesen p a:hover,

#recent_posts .category-freiheit a.link:hover,
#recent_posts .category-freiheit-sehen a.link:hover,
#recent_posts .category-freiheit-hoeren a.link:hover,
#recent_posts .category-freiheit-lesen a.link:hover {
	background: #e68700;
	color: #fff;
}

/* LEBEN */

.Leben,
/*
.category-leben h1,
.category-leben-sehen h1,
.category-leben-hoeren h1,
.category-leben-lesen h1,

.category-leben h2,
.category-leben-sehen h2,
.category-leben-hoeren h2,
.category-leben-lesen h2,


.category-leben h3 a,
.category-leben-sehen h3 a,
.category-leben-hoeren h3 a,
.category-leben-lesen h3 a,
*/

#recent_posts .category-leben h3 a,
#recent_posts .category-leben-sehen h3 a,
#recent_posts .category-leben-hoeren h3 a,
#recent_posts .category-leben-lesen h3 a,

#author_posts .category-leben h2 a,
#author_posts .category-leben-sehen h2 a,
#author_posts .category-leben-hoeren h2 a,
#author_posts .category-leben-lesen h2 a,

#related_posts .category-leben .h3,
#related_posts .category-leben-sehen .h3,
#related_posts .category-leben-hoeren .h3,
#related_posts .category-leben-lesen .h3,

.menu-leben h2 a,
.menu-leben .highlight {
	color: #9ed600;
}

#recent_posts .category-leben *,
#recent_posts .category-leben-sehen *,
#recent_posts .category-leben-hoeren *,
#recent_posts .category-leben-lesen *  {
	border-color: #9ed600;
}

.category-leben p a,
.category-leben-sehen p a,
.category-leben-hoeren p a,
.category-leben-lesen p a,

#recent_posts a.link,
#recent_posts .category-leben-sehen a.link,
#recent_posts .category-leben-hoeren a.link,
#recent_posts .category-leben-lesen a.link {
	background: #9ed600;
	color: #fff;
}

.category-leben p a:hover,
.category-leben-sehen p a:hover,
.category-leben-hoeren p a:hover,
.category-leben-lesen p a:hover,

#recent_posts a.link:hover,
#recent_posts .category-leben-sehen a.link:hover,
#recent_posts .category-leben-hoeren a.link:hover,
#recent_posts .category-leben-lesen a.link:hover {
	background: #8bbc00;
	color: #fff;
}

/* ARROWS */

.arrow {
	font-family: Tahoma, Arial, Sans Serif;
	position: absolute;
	right: 3px;
	top: 2px;
	width: 18px;
	height: 18px;
	font-size: 11px;
	line-height: 16px;
	color: #fff;
	text-align: center;
}

.menu-kunst .arrow {				background: no-repeat url(images/dot_blue.png); }

.menu-freiheit .arrow  {			background: no-repeat url(images/dot_orange.png); }

.menu-leben .arrow {				background: no-repeat url(images/dot_green.png); }


.widgettitle {
	position: relative;
	overflow: hidden;
	padding: 2px 0;
}

/******************************************************************************************************************************************************
* TYPO */

body, input, textarea {
	font-family: Tahoma, Arial, Sans Serif;
	font-size: 12px;
	line-height: 18px;
}

h1, h2, h3, .h1, .h2, .h3 {
	font-family: Trebuchet MS, arial, verdana, sans-serif;
	text-transform: uppercase;
	margin: 0 0 10px;
	background: none;
}

h1, .h1 {
	font-size: 30px;
	line-height: 30px;
	font-weight: bold;
}

h2 {	font-size: 22px; }

h3, .h3 {	
	font-size: 16px;
	line-height:17px;
	font-weight: bold;
}

h4 {	font-size: 1.2em; }

small, .small {
	line-height: 14px;
	font-size: 10px;
}

u {
	text-transform: uppercase;
	text-decoration: none;
}

p {
	margin: 0 0 10px;
	font-size: 13px;
	line-height: 22px;
}

a.h1:hover, a.h2:hover, a.h3:hover {
	background: transparent;
}

/* SPECIAL */
.author_link,
p a.link {
	padding: 0 2px;
	color: #fff !important;
	background: #009ddf;
	font-size: 11px;
	text-decoration: none;
}

.author_link:hover { }

#tooltip {
	position: absolute;
	z-index: 3000;
	background: url(images/opacity-90.png);
	border-width: 1px 3px 3px 1px;
	border-color: #ddd;
	border-style: solid;
}

#tooltip h3 {
	padding: 3px;
	margin: 0;
	line-height: 12px;
	font-size: 9px;
	font-weight: normal;
	text-transform: none;
	font-family: Tahoma, Arial, Sans Serif;
}

/******************
* AUTHOR PROFILE */

.profile-avatar {
	float: left;
	margin: 0 20px 20px 0;
}

/***************
* AUTHOR LIST */

#author-list {}

#author-list li {
	border-width: 0 0 1px;
	border-style: dashed;
	border-color: #ccc;
	clear: both;
	margin: 0 0 5px;
}

#author-list div {
	float: left;
	margin: 0 10px 0 0;
}

/* HEAD */
#author-list li.author-list-head {
	font-size: 11px;
	color: #999;
	height: 20px;
}

#author-list li.author-list-head div {
	display: block;
}

#author-list li.author-list-head .user-name {
	margin: 0 10px 0 35px;
}

/* BODY */

#author-list li.author-list-body{
	border-width: 0 0 1px;
	border-style: dashed;
	border-color: #ccc;
	clear: both;
	height: 30px;
	margin: 0 0 5px;
}

#author-list .user-name {
	width: 150px;
}

#author-list .user-level-type {
	display: none;
	width: 150px;
}

#author-list .user-level-10 .administrator {
	display: block;
}

#author-list .user-level-7 .redakteur {
	display: block;
}

#author-list .user-level-1 .mitarbeiter {
	display: block;
}


#author-list .user-level- .betrachter {
	display: block;
}

#author-list .user-level-1 .betrachter,
#author-list .user-level-7 .betrachter,
#author-list .user-level-10 .betrachter {
	display: none !important;
}



/*******************************************
* HEADER */


#header {
	position: relative;
	margin: 0 0 20px;
}

#logo {
	float: left;
	margin: 0 15px 0 0;
}

#claim {
	padding: 40px 0 0;
}

#header .grid {
	margin: 10px 0 0;
	height: 50px;
	position: relative;
}

/********************************************
* login */

#login {
	position: absolute;
	z-index: 500;
	top: -30px;
	right: 0;
	padding: 0 0 5px;
	width: 125px;
	overflow: hidden;
	color: #fff;
}

#login input {
	border: 0;
}
/***************
* login-body */

#login_top {
	background: url(images/login_top.png);
	width: 125px;
	height: 4px;
}

#login_body {
	background: url(images/login_body.png);
	width: 110px;
	color: #fff;
	text-align: left;
	padding: 0 10px 0 5px;
}

* html #login_body { width: 125px; }

#login_bottom {
	background: url(images/login_bottom.png);
	width: 125px;
	height: 66px;
	text-align: center;
	color: #fff;
}

/*****************
* login-effects */
#alw_register, #alw_login, #alw_lostPassword, #login-panel {
	padding: 40px 0 0;
}

#alw_register, #login_body {
	display: none;
}

#alw_register #user_login_maxlength {	
	color: #fff;
	opacity: 0.5;
	text-transform: none;
	float: right;
}
/******************
* login-elements */

#login_headline {
	position: absolute;
	z-index: 509;
	text-align: center;
	color: #fff;
	width: 120px;
	padding: 7px 0 0;
}

#login_headline *,
#login_close {
	cursor: pointer;
}

#alw_lostPasswordMessage,
#alw_registerMessage {
	display: none;
}

#login-panel {
	text-align: center;
}

#login a {
	background: url(images/opacity-90.png);
	color: #000;
	padding: 1px 2px;
}

#login a:hover {
	background: #fff;
}

#login-panel .name {
	font-size: 13px;
	font-weight: bold;
}

#login_close {
	position: absolute;
	bottom: 30px;
	left: 35px;
	display: none;
}

#login label {
	text-transform: uppercase;
	font-size: 10px;
	display: block;
	margin: 0 0 7px;
	line-height: 12px;
}

#login input {
	font-size: 12px;
	background: #fff;
}

#login input.button {
	text-align: right;
	font-size: 10px;
	text-transform: uppercase;
	background: #fff;
	cursor: pointer;
}

#alw_loading_login {
	line-height: 12px;
	font-size: 11px;
	text-align: center;
}

#login input#log,
#login input#pwd,
#login input#user_login,
#login input#user_email {
	width: 108px;
	padding: 3px 1px;
}

* html #login input#log,
* html #login input#pwd,
* html #login input#user_login,
* html #login input#user_email {
	width: 110px;
}

#login hr {
	border-width: 0;
	height: 1px;
	background: #fff;
	margin: 5px 0;
}
/**************
* searchbar */

#searchform {
	position: absolute;
	bottom: 3px;
	left: 3px;
	background: #fff;
	width: 180px;
}

#searchform label {
	padding: 0 0 0 3px;
	line-height: 18px;
	font-size: 9px;
	text-transform: uppercase;
}

#searchform input {
	padding: 0;
	border: 0;
	font-size: 18px;
	width: 136px;
}

/******************************************************************************************************************************************************
* ESSENTIAL ELEMENTS */

.grid,
#menu h2,
#content {
	background: #bbb url('images/grid_white.gif');
	/*background: url('images/bg_160223.png');*/
	
}

hr {
	background: #000 url('images/grid_white.gif');
	border: 0;
	height: 1px;
}

.margin_20 {
	margin: 0 0 20px;
}

/*********************************
* FORMS */

#sidebar input {
	border: 0;
}

input {
	background: #fff;
}

#tiny-contact-form h2 {
	padding: 0 10px;	
}

#tcform {
	padding: 0 10px;
}

#tcform form h2 {
	margin: 0 0 5px;
}

#tcform label, 
#tcform input.button {
	font-size: 10px;
	text-transform: uppercase;
	background: #fff;
	display: block;
	margin: 0 0 5px;
	color: #000;
	font-weight: normal;
}

#tcform label#tcf_textarea {
	background: none;
}


#tcform label textarea {
	clear: both;
	width: 100%;
	height: 120px;
	border: 0;
}

#tcform input, 
#tcform textarea {
	font-weight: bold;
	color: #666;
}

/******************************************************************************************************************************************************
* MENU */

#menu_wrapper {
	height: 100%;
	width: 100%;
}

#menu {
	background: #fff;
	overflow: auto;
}

#menu h2 {
	margin: 0;
}

#menu li {
	margin: 0 0 5px;
}


#menu .widgettitle a {
	background: #fff;
	padding: 0 5px 0 0;
}

#menu .children {
	display: none;
}

#menu .children ul {
	padding: 0;
}

#menu .children li {
	padding: 8px 0 3px;
	margin: 0;
}

#menu .children li:last-child {
	border-width: 0;
}

#menu .children a {
	padding: 0 0 2px 25px;
	margin: 0 0 5px;
	font-size: 11px;
	line-height: 16px;
	display: block;
}

#menu a.category-freiheit-lesen,
#menu a.category-kunst-lesen,
#menu a.category-leben-lesen  {
	background: url(images/icon_read.png) left center no-repeat;
}

#menu a.category-freiheit-hoeren,
#menu a.category-kunst-hoeren,
#menu a.category-leben-hoeren  {
	background: url(images/icon_listen.png) left center no-repeat;
}

#menu a.category-freiheit-sehen,
#menu a.category-kunst-sehen,
#menu a.category-leben-sehen {
	background: url(images/icon_see.png) left center no-repeat;
}

#menu .highlight {
	float: right;
}

/******************************************************************************************************************************************************
* CONTENT */

/**************
* BREADCRUMB */

.breadcrumb {
	display: none;
	font-size: 11px;
	color: #000;
	border-width: 0 0 1px;
	border-style: dashed;
	border-color: #999;
	margin: 0 0 20px;
}

.breadcrumb a {
	color: #999;
}

.breadcrumb a:hover {
	color: #000;
}

/*******************
* RECENT POSTS neu *

#recent_posts .widgettitle {
	display: none;
}
	
#recent_posts li.widget_categoryposts {	
	margin: 0 19px 0 0;
	background: #fff;
}

#recent_posts li.widget_categoryposts:last-child {
	margin: 0 0 0 0;
}

#recent_posts li.widget_categoryposts p {
	display: inline;
	font-size: 11px;
	line-height: 16px;
	text-align: justify;
}	

#recent_posts h3 {
	display: table-cell;
	vertical-align: bottom;
	height: 55px;
	padding: 0 0 5px;
}

#recent_posts .date {
}

#recent_posts li .recent_post_excerpt {
	border-width: 1px 0 0 1px;	
	border-style: dashed;
	padding: 10px 0 0 10px;
}

#recent_posts li .recent_post_excerpt a {
	background: 0;
}

.recent_post_excerpt .thumb {
	width: 160px;
	height: 120px;
	overflow: hidden;
	display: block;
}


/********************
* RECENT POSTS ALT */

#recent_posts .widgettitle {
}
	
#recent_posts li.widget_categoryposts {	
	width: 170px;
	float: left;
	margin: 0 19px 0 0;
	background: #fff;
}

#recent_posts li.widget_categoryposts ul li {
	margin: 0 0 30px;
}	

#recent_posts li.widget_categoryposts:last-child {
	margin: 0 0 0 0;
}

#recent_posts li.widget_categoryposts p {
	display: inline;
	font-size: 11px;
	line-height: 16px;
	text-align: justify;
}	

#recent_posts h3 {
	display: table-cell;
	vertical-align: bottom;
	height: 55px;
	padding: 0 0 5px;
}

#recent_posts .date {
}

#recent_posts li .recent_post_excerpt {
	border-width: 1px 0 0 1px;	
	border-style: dashed;
	padding: 10px 0 0 10px;
}

#recent_posts li .recent_post_excerpt a {
	background: 0;
}

.recent_post_excerpt .thumb {
	width: 160px;
	height: 120px;
	overflow: hidden;
	display: block;
}

/**************
* NEWSLETTER */

.newsletter-table {
	text-align: left;
}

.widget_caticons {

}

.widget_caticons h2 {
	display: none;
}

.widget_caticons .children {
	display: none;
}


/************************/
.widgetContainer {
	margin: 0 0 20px 0;
}
.widgetContainer ul li {
	padding: 0;
	margin: 0 0 5px;
	overflow: hidden;
}

.widgetContainer ul li a {
	font-size: 20px;
	display: inline-block;
	height: 23px;
	text-transform: uppercase;
	background: #fff;
	padding: 3px 5px 0 0;
	font-weight: bold;
}

.widgetContainer ul li ul {
	margin-top: 5px;
	display: none;
}

/******************************************************************************************************************************************************
* ENTRY */

.entry  {
	margin: 0 0 20px;
	padding: 0 0 10px;
	border-bottom-style: dashed;
	border-width: 0 0 1px;
	overflow: hidden;
}

.entry h2 {
	margin: 0 0 10px;
	line-height: 24px;
}

.cat-icon {
	width: 20px;
	height: 20px;
	margin: 0 5px 0 0;
	float: left;
}


.category-freiheit-lesen .cat-icon,
.category-kunst-lesen .cat-icon,
.category-leben-lesen .cat-icon {
	background: url(images/icon_read.png) no-repeat center;
}

.category-freiheit-sehen .cat-icon,
.category-kunst-sehen .cat-icon,
.category-leben-sehen .cat-icon {
	background: url(images/icon_see.png) no-repeat center;
}

.category-freiheit-hoeren .cat-icon,
.category-kunst-hoeren .cat-icon,
.category-leben-hoeren .cat-icon {
	background: url(images/icon_listen.png) no-repeat center;
}

body.category-freiheit-lesen .cat-icon,
body.category-freiheit-sehen .cat-icon,
body.category-freiheit-hoeren .cat-icon,

body.category-kunst-lesen .cat-icon,
body.category-kunst-sehen .cat-icon,
body.category-kunst-hoeren .cat-icon,

body.category-leben-lesen .cat-icon,
body.category-leben-sehen .cat-icon,
body.category-leben-hoeren .cat-icon {
}

/********************
* SOCIAL BOOKMARK */

div.sociable { 
	padding: 10px 0 0;
	margin: 0; 
	height: 16px;	
	border-style: dashed;
	border-width: 1px 0 0;
	position: relative;
}

.sociable_tagline { 
	color: #999;
	display: inline; 
	float: left;
}

.sociable span {
	display: block;
}
.sociable ul {
	float: right;
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0 !important;
	padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}


/***********
* VIDEO */

.video   {	
	margin: 0 0 10px 0;
}

/***********
* IMAGE */

.post-image {
	position: relative;	
}

.post-image.left {
	margin: 0 20px 10px 0;
}

.post-image.right {
	margin: 0 0 10px 20px;
}


.post-image {
	position: relative;	
}

.post-image-author {
	position: absolute;
	color: #333;
	bottom: 3px;
	right: 3px;
	background: url(images/opacity-70.png);
	font-size: 9px;
	line-height: 10px;
	text-transform: uppercase;	
	padding: 1px 2px;
}

.post-image-author:hover {
	background: #fff;
	color: #000;
}

/***********
* COMMENT */

#respond {
	clear: both;
}


#recentcomments li {
	margin: 0 0 5px;
	background: url(images/opacity-50.png);
}

/******************************************************************************************************************************************************
* FOOTER */

#footer {
	clear: both;
	overflow: auto;
	padding: 0 0 20px;
}

#footer p a {
	font-weight: bold;
	color:#333;
}

/******************************************************************************************************************************************************
* FORM - CONTENT */

#mainColumn form input,
#mainColumn form textarea {
	border-width: 1px;
	border-style: solid;
	
}


/******************************************************************************************************************************************************
* VARIOUS */
.nav li {
	line-height: 1.2em;
}
.nav li a {
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.nav li a span {
	font-size: 9px;
	font-weight: normal;
	text-transform: lowercase;
	display: block;
	background: #fff;
	color: #000;
	padding: 0 2px;
}
.nav li a.focus span {
	color: #ccc;
}
.nav li a:hover,
.nav li a.focus {
	color: #fff;
}
.nav .searchField input {
	color: #777;
}
.toggleCategories li a {
	color: #fff;
}
.toggleCategories li a:hover {
	color: #ccc;
}

.entry ul,
.entry ol,
.entry blockquote {
	color: #555;
}
.entry blockquote {
	font-style: italic;
}

#cancel-comment-reply-link {
	color: #3C6C92;
	font-size: 0.8em;
}
.commentlist .comment-meta a {
	color: #777;
}
.commentlist .comment-author cite {
	font-style: normal;
	font-weight: bold;
}
.commentlist .comment-meta {
	font-size: 0.8em;
}
#commentform p span input,
#commentform span textarea {
	color: #333;
	font-family: arial,verdana,sans-serif;
	font-size: 1em;
}
#paginateIndex {
	font-size: 0.9em;
	text-transform: uppercase;
}



/* =----------------------------------- main structure */



/* =----------------------------------- header elements */


/* =----------------------------------- top + bottom navigation */
.navStripWrapper {
	position: relative;
	clear: both;
}
.nav {
}
.nav li {
	border-right: 1px solid #ccc;
	display: block;
	float: left;
}
.nav li a {
	display: block;
	padding: 7px 4px 0 7px;
	width: 110px;
	height: 42px;
}
.nav li a span {}
.nav li a:hover {
	background: #333;
}
.nav li a.focus {
	background: #3c6c92;
}
.nav li.searchField {
	float: right;
	border: 0;
}
.nav .searchField div {
	margin: 9px 8px 0 0;
}
.nav .searchField span {
	background: #fff;
	border: 1px solid #ccc;
	border-left-color: #bbb;
	border-bottom-color: #bbb;
	display: block;
	padding: 2px;
}
.nav .searchField input {
	border: 1px solid #bbb;
	outline: none;
	padding: 4px;
	width: 220px;
}
.toggleCategories {
	background: #3c6c92;
}
.toggleCategories ul,
.toggleCategories2 ul {
	padding: 8px 7px 7px;
}
.toggleCategories ul li {
	display: block;
	float: left;
	width: 102px;
}
.toggleCategories li a {
	margin: 3px 0 4px 5px;
}

/* =----------------------------------- meta lead for each post */

.postMeta {
	clear: both;
	font-size: 11px;
	margin: 0;
	color: #999;
}

.single .postMeta, 
.page .postMeta {
	text-align: right;
	border-bottom: 1px dashed #ccc;
	margin: 0 0 20px;
}

.postMeta .container {
	position: absolute;
	top: -9px;
	right: 0;
}

.postMeta .comment {
	float: right;
}	

.postMeta span.date {
	background: #fff;
	padding: 0 4px;
}
.postMeta span.comments {
	background: #fff url(images/chat_grey.gif) no-repeat 2px -1px;
	padding-left: 18px;
}

.postMeta a {
	background: #000;
	color: #fff;
	font-size:11px;
	padding:0 2px;
	text-decoration:none;
	
}

.postMeta a:hover {
	background: #333;
}

/* =----------------------------------- general post */

/* =----------------------------------- entry body */

.entry ul,
.entry ol,
.entry blockquote {
	margin: 0 14px;
}
.entry ol {
	list-style: decimal;
}
.entry ul li,
.entry ol li {
	margin: 0 0 7px 18px;
}
.entry ul li {
	list-style: circle;
}
.entry blockquote {
	border-left: 1px solid #ccc;
	font-size: 1.1em;
	line-height: 1.4em;
	margin-left: 21px;
	padding-left: 10px;
}

.entry.meta {
	background: #eee;
	border: 1px solid #ccc;
	border-width: 1px 0;
}
.entry.meta p {
	margin: 5px 7px;
}
.entry.meta .highlight {
	text-transform: uppercase;
	font-size: 10px;
}
.entry.meta a {
	color: #333;
	border-color: #bbb;
}
.entry.meta a:hover {
	color: #000;
	border-color: #000;
}

/* =----------------------------------- main index pagination */
#paginateIndex { 
	margin-bottom: 25px;
}
#paginateIndex a,
.commentlist li .reply a {
	color: #777;
	font-size: 0.9em;
	text-transform: uppercase;
	display: block;
	padding: 4px 7px 3px;
	background: #fff;
	border: 1px solid #ddd;
}
.commentlist li .reply a {
	color: #aaa;
}
#paginateIndex a:hover,
.commentlist li .reply a:hover {
	color: #3c6c92;
	border-color: #3c6c92;
	background: #eee;
}

/* =----------------------------------- widget enabled sidebar */



.widgetContainer .textwidget {
	margin: 0 3px;
	line-height: 1.5em;
}
.widgetContainer #wp-calendar {
	border-collapse: collapse;
	width: 100%;
}
#wp-calendar caption {
	font-weight: bold;
	margin-bottom: 7px;
}
#wp-calendar thead {}
#wp-calendar thead th {
	padding: 4px 0 4px 3px;
	border: 1px solid #ccc;
	border-width: 1px 0;
}
#wp-calendar td {
	padding: 3px 0 4px 3px;
	color: #777;
}
#wp-calendar td a {
	font-weight: bold;
}

/* =----------------------------------- style some comments */
#commentsContainer {
	margin-bottom: 30px;
}
#commentsContainer span.hook {
	position: relative;
	display: block;
}
#commentsContainer h3 {
	display: block;
	margin: 10px 0;
	padding: 7px 4px 0;
	border-top: 1px solid #3c6c92;
}
.cancel-comment-reply {
	position: absolute;
	top: -1px;
	right: 4px;
}
.commentlist {
	list-style: none;
	margin: 0 0 20px;
}
.commentlist .comment-author {
	border-top: 1px solid #ccc;
	padding-top: 7px;
	margin-top: 10px;
	overflow: hidden;
}
.commentlist .comment-author img.avatar {
	display: block;
	float: left;
	height: 16px;
	width: 16px;
	margin: 0 4px 0 0;
}
.commentlist .comment-meta {
	margin: 0 0 0 20px;
}
.commentlist li .reply {
	text-align: right;
	padding-bottom: 10px;
}
.commentlist li .reply a {
	display:inline;
}
.commentlist li p {
	margin: 1em 0;
	padding: 0 3px;
}
.commentlist li ul,
.commentlist li ol,
.commentlist li blockquote {
	margin: 0 20px;
}
.commentlist .children {
	margin: 0 0 0 40px;
}
.commentlist .children li {
	list-style: none;
}
#commentform .contain {
	margin: 0 0 10px 0 !important;
}
#commentform #author,
#commentform #email,
#commentform #url,
#commentform textarea {
	padding: 4px 3px;
	border: 1px solid #ccc;
	border-left-color: #bbb;
	border-bottom-color: #bbb;
	background: #fff;
	margin-right: 4px;
}
#commentform #author,
#commentform #email,
#commentform #url,
#commentform textarea {
	border: 1px solid #bbb;
	outline: none;
	padding: 4px 3px;
	width: 160px;
}
#commentform p label {
	margin: 4px 0 0 0;
}
#commentform textarea {
	float: none;
	width: 98%;
	overflow: auto;
}


/* =----------------------------------- floats + clearing rule */
.floatleft,
.alignleft {
	float: left;
	margin: 3px 7px 0 0;
}
.floatright,
.alignright {
	float: right;
	margin: 3px 0 0 7px;
}
.center {
	text-align: center;
}
.right {
	float:right;
}
.left {
	float: left;
}
.clear {
	clear: both;
}