@charset "utf-8";
/* 
Theme Name: klartext magazin 47A
Theme URI: http://klartext-magazin.de/47a
Description: Theme für den Internetauftritt des klartext magazins.
Version: 1.0
Author: Johannes Ewald
License: GPL
*/


/* 	**************************************
	GENERELLES
	**************************************
*/

* {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 11pt;
	color: #6a6f72;
	background-image: url(images/schraffur.gif);
}

a {
	text-decoration: none;
	font-weight: bold;
	color: #42abed;
}

a:hover {
	color: #e319af;
}

ul, ol {
	list-style: none;
}

input, textarea {
	margin: 5px 0;
	padding: 2px 5px;
	border: 1px solid #e1e1e1;
}

input:hover, textarea:hvoer {
	border-color: #d0d0d0;
}

input:focus, textarea:focus {
	border-color: #42abed;
}

hr {
        color: #F2F2F2;
        height: 2px;
        background-color: #F2F2F2;
}

embed {
    width: 416px;
}

.floatClear {
	visibility: hidden;
	clear: both;
}

.floatLeft, .alignleft {
	float: left;
}

.floatRight, .alignright {
	float: right;
}

.aligncenter {
        margin: 0 auto;
}

.button, #searchsubmit {
	float: right;
	padding: 0 7px;
	font-weight: bold;
	color: #42abed;
	background-color: #e1e1e1;
	border: 1px solid #d0d0d0;
}

.button:hover, #searchsubmit:hover {
	color: #e319af;
	background-color: #d0d0d0;
  	cursor: pointer;
}



/* 	**************************************
	CONTAINER
	**************************************
*/

#page {
	width: 900px;
	margin: 20px auto;
	background: #fff;
}

#header {
	height: 152px;	
	padding: 35px;
}

#logo {
	float: left;
}

#cover {
	width: 217px;
	height: 89px;
	float: right;
	position: relative;
	top: -35px;
	left: 35px;
	padding-top: 45px;
	background-image: url(images/cover.jpg)
}

#nav {
	margin-bottom: 42px;
}

#leftColumn {
	width: 643px;
	float: left;
	padding-left: 35px;
}

#rightColumn {
	width: 187px;
	float: right;
	padding-right: 35px;
}

#content {
	width: 623px;
}

#footer {
	margin: 20px 35px;
	padding: 10px 0;
	border-top: 2px solid #F2F2F2;
	text-align: center;
}

#s {
        width: 155px;
}

.navColumn {
	width: 218px;
	float: left;
}

.yellowBox {
	width: 187px;
	background-color: #FFF8DE;
}

.greyBox {
	width: 187px;	
	background-color: #f2f2f2;
	margin-bottom: 20px;
}

.boxTop, .boxBottom {
	width: 187px;
	height: 9px;
}

/* IE6 Hack */
* html .boxTop, * html .boxBottom {
	font-size: 5px;
}

.boxContent {
	width: 167px;
	padding: 0 10px;
}

.entry {
	float: left;
	width: 416px;
        margin-bottom: 15px;
}

.teaser {
	margin-top: 20px;
}

.teaser p {
	float: left;
	width: 350px;
}

.teaser img {
	float: left;
	margin-right: 10px;
}

.commentCount {
	color: #91afc0;
	font-size: 8pt;
}

.infoBox {
	float: right;
	width: 187px;
	margin-bottom: 15px;
}

#comments {
        float: right;
        width: 187px;
        margin-top: 15px;
}

#commentBox {
        float: left;
        width: 416px;
        padding-top: 15px;
        border-top: 2px solid #F2F2F2;
}

#commentBox textarea {
	width: 404px;
}

.preloader {
	width: 1px;
	height: 1px;
	visibility: hidden;
	overflow: hidden;
}

.widget {
	padding-bottom: 10px;
}

.widget + .widget {
	padding-top: 10px;
	border-top: 2px solid #fff;
}

/* IE6 Hack */
* html .widget {
	padding-top: 10px;
	border-bottom: 2px solid #fff;
}

.wp-caption-text, .wp-caption-dd {
        margin: 5px;
}

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

#cover img {
	float: left;
	margin-left: 10px;
	margin-right: 126px;
}

.yellowBox .boxTop {
	background-image: url(images/box_gelb_oben.gif);
}

.yellowBox .boxBottom {
	background-image: url(images/box_gelb_unten.gif);
}

.greyBox .boxTop {
	background-image: url(images/box_grau_oben.gif);
}

.greyBox .boxBottom {
	background-image: url(images/box_grau_unten.gif);
}

.boxItem * {
	float: left;
}

.boxItem li {
	width: 100%;
}

.boxItemCover {
	margin-bottom: -30px;
}

.boxItem a {
	display: block;
	position: relative;
	left: -10px;
	width: 127px;
	padding: 2px 50px 2px 10px;
}

/* IE6 Hack */
* html .boxItem a {
	width: 127px;
	padding: 2px 30px 2px 10px;
}

.boxItem a:hover {
	background-color: #e1e1e1;
}

.boxItem img {
	float: right;
	position: relative;
	top: -35px;
}

.linkBox img {
        float: left;
        margin-right: 5px;
}

#searchsubmit {
	width: 80px;
}

#comments em {
        color: #E319AF;
}

#comments li {
        margin-bottom: 10px;
}

.entry p, .entry ol, .entry ul, .entry div {
        margin-bottom: 15px;
}

.entry img.alignleft {
        margin-right: 15px;
}

.entry img.alignright {
        margin-left: 15px;
}

/* 	**************************************
	TYPE
	**************************************
*/

h1, #headline {
	display: block;
	width: 100%;
	color: #000;
	border-bottom: 2px solid #f2f2f2;
	padding-bottom: 11px;
        margin-bottom: 15px;
	font-size: 16pt;
	text-transform: uppercase;
	line-height: 16pt;
}

h2 {
	display: block;
	font-size: 12pt;
	font-weight: bold;
	line-height: 14pt;
}

h4 {
        font-size: 10pt;
        letter-spacing: -0.3px;
        margin-top: 30px;
        margin-bottom: 10px;
        text-transform: uppercase;
}

.boxHeadlines {
	display: block;
	font-size: 12pt;
	font-weight: bold;
	line-height: 14pt;
	margin-bottom: 10px;
}

.commentmetadata {
        font-size: 9pt;
        font-style: italic;
}

.wp-caption {
        font-style: italic;
}

.authorBox {
        font-style: italic
}

img#wpstats{display:none}