/*
Theme Name: schauwerk
Theme URI: 
Description: Theme for Wordpress, based on vladimir simovics red minimalista
Version: 1.0
Author: Vladimir Simovic (Perun) / schattenwerk
Author URI: http://www.schattenwerk.ch

	INHALTSVERZEICHNIS:

    1. ...... Allgemeine bzw. Dokumentweite Angaben
    2. ...... Kontainer sog. Wrapper
    2.1 ..... Kopf bzw. Header
    2.2. .... Mitte (Middle) (beinhaltet die Seitenleiste und den Inhalt)
    2.2.1 ... Seitenleiste aka Sidebar
    2.2.2 ... Inhalt (Content)
    2.2.3 ... Kommentarbereich
    2.3 ..... Fuss bzw. Fuß aka Footer
    3. ...... Spezielle Formatierungen (z.B. fuer Plugins)

 1. Allgemeine bzw. Dokumentweite Angaben */
html {
    height: 100%;
}

body {
    background: #202020;
    text-align: center;
    font: 12px arial, sans-serif;
    margin: 0;
    padding: 0;
}

pre, code, samp {
    font: 1em 'courier new', courier, monospace;
    color: #c60;
}

acronym, abbr, dfn {
    border-bottom: 1px dashed #999;
    font-style: normal;
    cursor: help;
}

blockquote {
    padding: 0 15px 0 10px;
    margin: 15px 0 15px 5px;
    text-align: justify;
    color: #555;
    line-height: 1.35;
    font-size: 11px;
    border-left: 5px solid #eee;
}

a {
    color: #9BD5F5;
    text-decoration: none;
}
a:hover {
    color: #0193dd;
}

img {
    border: none;
}

#clearer {
    clear: both;
}


.center {
    text-align: center;
}

/* small */
.klein {
    font-size: .9em;
}
/* smaller */
.kleiner {
    font-size: .8em;
}

/* Hiermit "positioniert" man die Bilder (links = left; rechts = right) */
.bild-links {
    float: left;
    margin: 2px 10px 5px 0;
}

.bild-rechts {
    float: right;
    margin: 2px 0 5px 10px;
}

/* Kontainer sog. Wrapper */
#kontainer {
    width: 900px;
    margin: 0 auto;
    text-align: left;
    padding-bottom: 20px;
}

/* 2.1 Kopf bzw. Header */
#kopf {
    height: 65px;
	margin:0 0 20px 0;
	padding:0;
}
#kopf h1 {
    margin:9px 0;
    padding:0;
    height: 120px;
}

#kopf p {
	margin:0;
	padding:0;
    background: #0093dd;
	height:35px;
}

/* 2.2 Mitte (beinhaltet die Seitenleiste und den Inhalt) */
#mitte {
    padding: 0;
}

/* 2.2.1 Seitenleiste aka Sidebar */
#seitenleiste {
    width: 200px;
    float: right;
    line-height: 1.50;
    color: #75C5F0;
	padding:0;
	margin:0;
}

#seitenleiste h2 {
    text-transform: uppercase;
    color: #75C5F0;
    font-size: 12px;
	margin:0px 0 5px 0;
	padding:3px 0 1px 0;
	border-top:1px solid #7ac7f0;
	border-bottom:2px solid #7ac7f0;

}
#seitenleiste form {
    margin: 0 0 20px 0;
    padding-top: 2px;
    padding-left: 0;
}
#seitenleiste input.suchfeld {
	border: 1px solid #202020;
    font-size: 11px;
    padding:2px;
	margin:0;
    width: 196px;
	background:#5a5a5a;
	color:#75C5F0;
}
#seitenleiste input.suchfeld:hover, #seitenleiste input.suchfeld:focus {
    border: 1px solid #75C5F0;
	background:#202020;
}

#seitenleiste input.sendebutton {
    border: 1px solid #202020;
    background: #5a5a5a;
	width:200px;
    font-size: 12px;
    margin-top: 3px;
    padding: 0;
    line-height: 1.2;
}
#seitenleiste input.sendebutton:hover  {
    border: 1px solid #202020;
    background: #75C5F0;
    color: #202020;
}

#seitenleiste ul {
    list-style: none;
    margin: 0 0 20px 0;
    padding: 0;
}
#seitenleiste li {
    line-height: 1.6;
    padding-left: 0px;
}
#seitenleiste ul li a {
    text-transform: uppercase;
}

#seitenleiste li li {
    margin-left: 10px;
}

/* 2.2.2 Inhalt */
#inhalt {
    float: left;
    width: 650px;
    padding-bottom: 15px;
    line-height: 1.45;
    color: #75C5F0;
    background: transparent;
}
#inhalt p {
    margin-top: 1em;
    margin-bottom: 1.1em;
	text-align:justify;
}

#inhalt a {
	text-decoration:underline;
}
#inhalt a:hover {
	color:#a2a2a2;
	text-decoration:none;
}

#inhalt h2 {
	font-family:arial;
	font-size:16px;
	color:#0093DD;
	text-transform:uppercase;
	letter-spacing:1px;

	margin:0px 0 5px 0;
	padding:3px 0 1px 0;
	text-align: left;
	border-top:1px solid #7ac7f0;
	border-bottom:2px solid #7ac7f0;
}

#inhalt h2 a {
	color:#0093DD;
	text-decoration:none;
}

#inhalt h2 a:hover {
	color:#7ac7f0;
	text-decoration:none;
}

#inhalt h3 {
    font-size: 12px;
    margin: 17px 0 5px 0;
    padding: 0;
    color: #7ac7f0;
}

#inhalt h4 {
    font-size: 13px;
    font-weight: bold;
    color: #75C5F0;
    margin: 17px 0 5px 0;
}


#inhalt h2.beitrags-titel {
    margin-bottom: 0;
    padding-bottom: 0;
    line-height: 1.1;
}
#inhalt .beitrags-info, #inhalt .beitrags-info2 {
    font-size: 11px;
    color: #75C5F0;
    line-height: 1.2;
    text-transform: uppercase;
	margin:10px 0 0 0;
}
#inhalt .beitrags-info2 {
    margin-bottom: 30px;
    padding: 2px 0;
}

#inhalt #beitrag-info-box {
    font-size: 11px;
    margin: 20px 0;
    padding: 10px;
	background: #363636;
}

/*2.2.3 Kommentarbereich*/

#commentform {
    background: #363636;
    padding: 15px;
}

#commentform textarea, #commentform input {
    border: 1px solid #5a5a5a;
    font: normal 1em arial, sans-serif;
    padding: 2px;
    color: #555;
}
#commentform textarea {
    width: 550px;
	background:#5a5a5a;
	color:#75C5F0;
}
#commentform textarea:hover, #commentform textarea:focus, #commentform #author:hover, #commentform #author:focus, #commentform #email:hover, #commentform #email:focus, #commentform #url:hover, #commentform #url:focus {
    border: 1px solid #75c5f0;
	background:#202020;
}

#commentform #submit {
    margin-top: 2px;
}

#commentform #submit, #commentform .ed_button {
	border:none;
	width:556px;
	background:#5a5a5a;
    color: #202020;
}
#commentform #submit:hover, #commentform .ed_button:hover {
    background: #75c5f0;
	border:none;
}

#commentlist ul {
	margin:0;
	padding:0;
}

#commentlist li {
	background:#5a5a5a;
	margin-bottom:5px;
	padding:0 5px 0 5px;
	list-style-type: none;
  /*border-bottom: 1px solid #eee;*/
}

.kommentar-info {
    text-transform: uppercase;
    margin-bottom: 3px;
	font-size:11px;
}

/* 2.3 Fuss bzw. Fußbereich aka Footer */
#fuss
{
	margin:0 0 20px 0;
	padding:0;
	text-align: right;
	height:55px;
	border-bottom:35px solid #0093dd;
}

#fuss img, #header img
{
	border:0px;
}
/* 3. Spezielle Formatierungen z.B. nur für Plugins */
#ed_toolbar input {
    border: 1px solid #ccc;
    background: #ddd;
    font-size: 11px;
    margin-right: 1px;
    padding-top: 0;
    padding-bottom: 0;
}

#wp_grins {
    margin-top: 2px;
}

.pagebar {
    text-align: center;
    line-height: 1.4;
    padding-bottom: 10px;
}

.pagebar .this-page {
    font-weight: bold;
}


#inhalt .pagebar a {
    border-bottom: 1px solid #ccc;
    border: 1px solid #ccc;
    background: #eee;
    padding: 2px 5px;
    margin-bottom: 5px;
}

#inhalt .pagebar a:hover {
    border: 1px solid #900;
    background: #b00;
    color: #fd5;
}