/*
Theme Name: Daadener Turnverein
Theme URI: http://www.siqua.net/
Description: Theme für HP des TV Daaden (basierend auf red minimalista von Vladimir Simovic)
Version: 1.0
Author: siqua GmbH  
Author URI: http://www.siqua.net/

	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)

   rot bg  : #A88
	rot 1   : #C00
	rot 2   : #900
	grau bg : #DDD
	grau nav: #EEE
	text    : #000
	bg      : #FFF

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

body {
	 background: #DDD url(img/top_shade.png) repeat-x top left;
    text-align: center;
    font: 12px verdana, arial, sans-serif; /* Hoch lebe das heilige Pixel! Nieder mit dem bösen em-Tyrann ;-) */
    margin: 0;
    padding: 10px 0 0 0;
    height: 100.01%; /* Ich hasse solche "Konstrukte, aber leider notwendig */
}

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

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: #b00;*/
    color: #000;
    text-decoration: none;
}
a:hover {
    color: #900;
}

img {
    border: none;
}

.img_scroll {
	 margin: 0 auto;
	 border: none;
	 width: 440px;
	 height: 440px;
	 overflow: auto;
}
.scroller {
	 margin: 0 auto;
 	 border: 1px solid #AAA;
	 border-width: 1px 0px;
	 width: 100%;
	 height: 400px;
	 overflow: auto;
}

#clearer {
    clear: both;
}


.center {
    text-align: center;
}

/* small */
.klein {
    font-size: .9em;
}
/* smaller */
.kleiner {
    font-size: .8em; /* Und jetzt brauchst du eine Lupe */
}

.vlink {
	border-bottom: 1px solid #ccc;
}

.archive_sel {
	padding: 5px;
	background-color: #EEE;
	border: 1px solid #DDD;
	margin-bottom: 20px;
}

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

.bild-rechts {
   float: right;
   margin: 2px 0 5px 10px;
	padding: 2px;
	border: 1px solid #DDD;
}

.bild-links-nb {
   float: left;
   margin: 2px 10px 5px 0;
 	padding: 2px;
}

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

.bcont-links {
	 text-align: center;
	 background-color: #EEE;
    float: left;
    margin: 2px 10px 5px 0;
}

.bcont-rechts {
	 text-align: center;
	 background-color: #EEE;
    float: right;
    margin: 2px 0 5px 10px;
}

.tab-cal {
	width: 100%;
	border: 1px solid #DDD;
}
.tab-cal thead td {
	font-weight: bold;
	text-align: center;
	color: #FFF;
	border: 1px solid #DDD;
	background-color: #C00;
	margin: 2px;
}
.tab-cal thead a {
	font-weight: bold;
	text-align: center;
	color: #FFF;
}
.tab-cal thead a:hover {
	font-weight: bold;
	text-align: center;
	color: #000;
}
.tab-cal td {
	padding: 5px;
}
.tab-cal .dcell {
	white-space: nowrap;
	padding-right: 16px;
}
.tab-cal .ccell {
	width: 20%;
}
.tab-cal .tcell {
	width: 50%;
}
.tab-cal .pcell {
	width: 30%;
	
}

.tab-pers {
	width: 100%;
}

.tab-pers thead td {
	font-weight: bold;
	text-align: center;
	border: 1px solid #DDD;
	background-color: #EEE;
	margin: 2px;
}

.tab-pers .icell {
	text-align: center;
}
.tab-pers .tlcell {
	text-align: left;
	padding: 5px;
}
.tab-pers .trcell {
	text-align: right;
	padding: 5px;
}

.tab-pers tbody {
	margin: 2px;
}

.tab-pers image {
	padding: 2px;
	border: 1px solid #DDD;
}

.tab-simple {
	color: #000;
	width: 100%;
}

.tab-simple thead td {
	color: #000;
	font-weight: bold;
	text-align: center;
	border: 1px solid #CCC;
	background-color: #DDD;
	margin: 2px;
}
	
.imgborder {
	padding: 2px;
	border: 1px solid #DDD;
}

.grayform {
	padding: 8px;
	border: 1px solid #DDD; 
	background-color: #EEE;
}

/* Kontainer sog. Wrapper */
#kontainer {
    width: 760px; /* "Die Rente ist sicher" ... "Ja, dieses Layout ist elastisch" */
    margin: 0 auto;
    text-align: left;
    xpadding-bottom: 20px;
}

/* 2.1 Kopf bzw. Header */
#kopf {
    background: url(img/head_l_b3.png) no-repeat;
    height: 125px;
}
#kopf h1 {
    margin: 0;
    padding: 10px 0 0 20px;
    xpadding: 42px 0 0 400px;
    height: 50px;
}

#kopf a {
    color: #C3DFFB;
    font: 12pt arial, sans-serif;
    letter-spacing: 1px;
    line-height: 120px;
}

#headsearch {
	float: right;
	padding-right: 16px;
	padding-top: 88px;
}

/* 2.2 Mitte (beinhaltet die Seitenleiste und den Inhalt) */
#mitte {
    background: #fff url(img/middle_l_b2.png) repeat-y;
    padding: 10px 15px 15px 10px;
}

/* 2.2.1 Seitenleiste aka Sidebar */
#seitenleiste {
	 xposition: fixed;
	 z-index: 2;
    width: 160px;
    float: left;
    line-height: 1.55;
    color: #444;
    background: transparent;
 	 xbackground-color: #C3DFFB;
	 xborder: 1px solid #5694F0;
	 xborder-width: 1px 0 1px 0;
}

#seitenleiste h2 {
    margin: 5px 0 5px 0;
	 background-color: #EEE;
	 border: 1px solid #DDD;
    padding: 1px 5px;
    color: #000;
    font-size: 11px;
}
#seitenleiste form {
    margin: 0 0 20px 0;
    padding-top: 2px;
    padding-left: 5px;
}
select.catx {
    border: 1px solid #000;
    font-size: 11px;
    padding: 2px;
    width: 180px;
    color: #555;
}
input.suchfeld {
/*    border: 1px solid #900;*/
    border: 1px solid #000;
}

/*#seitenleiste input.sendebutton {*/
input.sendebutton {
    border: 1px solid #000;
    background: #ddd;
    font-size: 11px;
    margin-top: 1px;
    padding: 1px 3px;
    line-height: 1.2;
}
/*#seitenleiste input.sendebutton:hover  {*/
input.sendebutton:hover  {
    border: 1px solid #333;
	 background: #aaa;
}

#seitenleiste ul {
    list-style: none;
    margin: 0 0 -1px 0;
    padding: 0;
}
#seitenleiste li {
    border-bottom: 1px solid #ddd;
    line-height: 2.5;
    padding-left: 5px;
}
#seitenleiste ul li a {
    /*text-transform: lowercase; /* Großbuchstaben sind ein unnötiger Luxus */
}

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

#seitenleiste a {
    padding: 2px;
}

#seitenleiste a:hover {
    padding: 2px;
	 /*border-left: 3px solid #C00;*/
    /*background-color: #F93;*/
}

/* 2.2.2 Inhalt */
#inhalt {
    float: right;
    width: 540px;
	 min-height: 400px;
    padding-bottom: 15px;
    line-height: 1.45;
    color: #000;
    background: transparent;
}
#inhalt p {
    margin-top: 1em;
    margin-bottom: 1.1em;
}

#inhalt a {
    xborder-bottom: 1px solid #ccc;
}
#inhalt a:hover {
    xborder-bottom: 1px solid #555;
}

#inhalt h2 {
    font-size: 18px;
    margin-top: 0;
    margin-bottom: .5em;
    padding: 0;
    color: #000;
}

#inhalt h3 {
    font-size: 15px;
    margin: 17px 0 5px 0;
    padding: 0;
    color: #000;
    border-bottom: 1px dotted #ddd;
}

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

#inhalt h2 a, #inhalt h2 a:hover {
    border-bottom: none;
}

#inhalt h2.beitrags-titel {
    margin-bottom: 0;
    padding-bottom: 0;
    line-height: 1.1;
}
#inhalt .beitrags-info, #inhalt .beitrags-info2 {
    font-size: 11px;
    color: #555;
    line-height: 1.2;
/*    text-transform: lowercase;*/
}
#inhalt .beitrags-info2 {
    border-top: 1px solid #e1e1e1;
    margin-bottom: 30px;
    padding: 2px 0;
}

#inhalt #beitrag-info-box {
    font-size: 11px;
    margin: 20px 0;
    padding: 10px;
    background: #eee;
    border: 1px solid #ddd;
}

/*2.2.3 Kommentarbereich*/
#commentform {
    border: 1px solid #ddd;
    background: #eee;
    padding: 15px;
}

#commentform textarea, #commentform input {
    border: 1px solid #ccc;
    font: normal 1em arial, sans-serif;
    padding: 2px;
    color: #555;
}
#commentform textarea {
    width: 450px;
}
#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 #333;
/*    border: 1px solid #900;*/
}

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

#commentform #submit, #commentform .ed_button {
    border: 1px solid #ccc;
    background: #ddd;
    color: #333;
    margin-right: 1px;
    font-size: 1em;
}
#commentform #submit:hover, #commentform .ed_button:hover {
    border: 1px solid #900;
/*    background: #b00;*/
    background: #58c;
    color: #fd5;
}

#commentlist li {
    border-bottom: 1px solid #eee;
}

.kommentar-info {
/*    text-transform: lowercase;*/
    margin-bottom: 3px;
}

/* 2.3 Fuss bzw. Fußbereich aka Footer */
#fuss {
    background: #DDD url(img/foot_l_b2.png) repeat-y;
    padding: 15px 20px;
    color: #000;
}
#fuss p {
    margin: 0;
	 text-align: center;
/*    text-transform: lowercase;*/
}

/* 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;*/
    background: #58c;
    color: #fd5;
}

/* Das klappt nicht sauber wg. Bug in WP */
.current_page_item, .current_page_parent {
    font-weight: bold;
 	 border-left: 4px solid #C00;
}

.current-cat {
    font-weight: bold;
 	 border-left: 4px solid #C00;
}