/*
Theme Name: kk4you
Theme URI: http://www.kk4you.de/
Description: kk4you in Version 1.0.2
Author: Klaus Keuthen
Author URI: http://www.kk4you.de/
Version: 1.0.2
License:
License URI:
*/

/** Versionsbeschreibung 
Alte Versionen onhne Child Theme siehe Sicherung
1.0     12.12.11    NEU nach Umstellung auf Childstruktur
1.0.1   30.12.11    Neue Struktur excerpttitle
1.0.2   3.1.12      AENDERUNG Formular
1.0.3   20.1.12     BUG .postmetadata
 

Inhaltsverzeichnis
1)  Kopf
2)  3 Spaltenlayout
3)  Content
4.1)  entry -->Inhalte: Ueberschrift des Berichtes, Text des Berichtes (.entry), Metadaten
4.2)    Metadaten
4.3)    Linkzeile unter Kurzform
5)  footer = Fussbereich 
6)  Comments = Kommentarbereich
6.1)Eingabeformular Kommentare
7.0     Sonderformatierung WordPress Befehle
**/

@import "css/sidebar.css";
@import "css/content-style.css";
@import "css/plugins.css";
@import "css/ngg_kk4you.css"; 

* {
    margin: 0px; /* wird fuer IE6 benötigt um alles an den Rand zu platzieren */ 
    padding: 0px;
    }

body {
    font-size: 80%; /* bei Verwendung 100% muss 100.01% wegen Bug in Safari und Opera verwendet werden*/
    color: #625546;    
    font-family: Tahoma,"Trebuchet MS",Verdana,Arial,sans-serif;
    background: #fbfdf2 url('img/kopfbanner.jpg') repeat-x; 
    }

/*********** 1) Container für 2 Spalten Grunddesign und Kopf *************/
#total {        /* Container fuer gesamte Webseite */
    overflow: hidden;        /*  Container erhaelt die maximale Höhhe der darin befindlichen float Elemente  */
    max-width: 1280px;        /* Max-Wert fuer 17" 1280px    */
    min-width: 980px;       /* Min Wert fuer 15" 980px */
    margin: 0 auto;        /*  Zentrierung  */
    /** border: 1pt solid #FF9900;  Testrahmen Orange***/
    }
*html #total { height: 100%; }        /*IE6 */

#main {       /* Container linke Spalte, fuer Hauptinhalt */
    border: 3px solid #CCC; /** Rahmen hellgrau**/
    margin-right: 175px;    /*wichtig sonst wird Leerraum genutzt! 175px*/
    }
    
#werbewrap {       /* Container rechte Spalte, Werbung */
    float: right;
    width:  165px;      /* Googleblock ist 160px  */
    margin-left: 5px;
    /** border: 1px solid #000;  #000 Testrahmen schwarz**/
    }

#werbung {
    margin-top: 152px;       /*  Abstand Werbeblock von oben #kopf 110px + #dropdownmenue 22px + Border  */
    }

#kopfbanner {       /* Container fuer Kopf und Dropdownmenue */
    /** border: 2px solid #FF99FF;  #FF99FF Testrahmen rosa**/
    position: relative; /* Referenzrahmen für Logo position absolute*/
    }
    
#kopf { /** Container fuer Logo und Headershow **/
    /**border: 3pt solid #00FF00; Testrahmen gruen**/
    height: 110px;
    }

#logo { /** Logo im Kopfbereich **/
    position: absolute;
    top: 25px;
    left: 5px;
    width: 195px; /** width muss bei IE 6 vorhanden sein **/
    /** border: 0pt solid #FF0000;  Testrahmen rot**/
    }

/** Bugfix für IE6, ohne border: 0pt zeigt der IE6 einen schwarzen Rahmen **/
#logo img, #headershow img {
    padding: 0px;
    /**border: 0pt solid #FF9900; orange***/
    }
   
#headershow { /** Slideshow bzw das Bild im Kopfbereich **/
    margin-left: 200px;
    overflow: hidden; /* wichtig fuer kleine Bildschirme*/
    /**border: 2pt solid #00CC00;   Testrahmen gruen **/
    } 
*html #headershow { display:none; }  /* IE6 Hack, Bild wird nicht angezeigt da sonst Layout zerstoert*/
    

/** Feld für das Dropdown Menu im Kopfbereich, kein width verwendet wegen IE Bug **/   
#dropdownmenu {
    height: 22px;
    background:#666;
    padding: 1px;
    /**border: 1px solid #CCC;  Testrahmen hellgrau**/
    }    


/**Wrap -->Reihenfolge: 1)wrap 2)container 3)leftnav mit sidebar 4)rightnav mit sidebar2 5) content****/
/** Zentrierung des 3 spaltigen Layout, variable Breite mit max 1100px **/                      
#wrap {
    clear: left;    /* sonst rueckt linke Spalte ein */
    overflow: hidden; /* wichtig fuer unteren Rand*/
    /** border: 2px solid #000;  #000 schwarz**/
    }

/* 2) Container **************/
/***Container ist der gesamte Bereich innerhalb wrap ***/                         
#container {

    background: #FFF;
    }

/* 3) Content -Dies ist das Zentralelement im Zentrum**************/
#content, 
#comments {
    display: block;
    margin: 0 210px 0 210px;
    padding-top: 3px;
    text-align: left;
    background: none;
    /* border: 0pt solid #0000ff;   Testrahmen */
    /* height: 100%;   nur fuer IE6 */
    }

/** 4.1) entry 
Feld mit den Inhalten:
Ueberschrift des Berichtes (h3.posttitle)
Text des Berichtes (.entry)
Metadatenfeld (geschrieben am, von, Kommentare und Kategorie)********************/
.post, .excerpt {
    display: block;
    overflow:hidden;
    /**border: 0px solid #FF0000;  Testbox rot **/
    }
.excerpt p {     /*Darstellung des mehr Link in einer Zeile*/
    display: inline;
    }
    
h3.posttitle,       /**Ueberschrift des Berichtes **/
h3.excerpttitle {   /**Ueberschrift der Kurzfassung **/
    font-size: 1.1em;
    margin-bottom: 0px;
    }
h3.posttitle {
    padding: 3px 5px 3px 0px; /** oben rechts unten links **/
    background-color: #fbfdf2;
    border: 1px solid #CCCCCC;
    }
.posttitle a:link, 
.posttitle a:visited,
.excerpttitle a:link, 
.excerpttitle a:visited  {
    color: #666666;
    }
.posttitle a:hover,
.excerpttitle a:hover {
    color: #999999;
    text-decoration: underline;
    }
    
.entry { /*Feld fuer den Text des Berichtes */
    padding: 0px 5px 0 5px;
    min-height: 1%; /** Hack fuer IE6 damit Bild im Feld erfasst wird **/
    /** border: 0px solid #09D60C;  Testrahmen gruen **/
    }

/* 4.2) Post Metadata veroeffentlicht am -Datum, in Kategorien, von xyz, Kommentare **/
.postmetadata {
    font-size: 0.85em;
    /** width: 96%;  bei groesser 96% wird im IE6 das Layout zerstoert **/
    display: block;
    /** float: left; entfernt wegen Problem mit IE6 **/
    text-align: left;
    color:#333;
    margin-top:2px; margin-bottom:4px; 
    padding-left:5px; 
    padding-right:5px; 
    padding-top:3px; 
    padding-bottom:3px;
    border: 1px solid #CCCCCC;
    }

#content .postmetadata
{
padding-left: 5px;
clear: both; /* ab 2.2.1 wichtig falls davor Positionierung */
}

.postmetadata a:link, .postmetadata a:hover, .postmetadata a:visited:hover, .postmetadata a:visited {
    border: none;
    color: #5F584D;
    font-weight: normal;
    }
    
    
/* 4.3) Linkzeile unter Kurzform **/
.linkzeile {
    font-size: 0.85em;
    display: block;
    text-align: left;
    color:#333;
    background-color: #F2F2F2;
    }

#content .linkzeile
{
padding-left: 3px;
}

.linkzeile a:link, .linkzeile a:hover, .linkzeile a:visited:hover, .linkzeile a:visited {
    border: none;
    color: #5F584D;
    font-weight: normal;
    }


    
/* 5)START Fussbereich **********************************/
#footwrap {
    clear:both;
    color: #333;
    background: url('img/fussbanner.jpg') repeat-x;
    padding: 5px 0; /* oben rechts unten links */
    border-top: 1px solid #CCCCCC;
    }

#footwrap p {
    display: block;
    text-align:center;
    }

#footwrap a:link {
    color: #333333; /** dunkelgrau **/
    text-decoration: none;
    font-weight: bold;
    }

#footwrap a:hover {
    color: #99A8BA; /** blaugrau **/
    text-decoration: none;
    }

#footwrap a:visited {
    color: #333333;
    font-weight: bold;
    text-decoration: none;
    }

#footwrap a:visited:hover {
    color: #99A8BA; /** blaugrau **/
    text-decoration: none;
    }
/** ENDE Fussbereich **/



/**6)  Comments = Kommentarbereich, komplete Ueberarbeitung mit Version 2.1 **************************/

#comments {
	/*clear: both;*/
    }

h3#comments-title,
h3#reply-title {
	color: #000;
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 0;
	padding-left: 0;
    }
h3#comments-title {
	padding: 12px 0 12px 12px;
    }
    
.commentlist {
	list-style: none ;
	background: #fff;
    color: #333;
}
.commentlist ol,
.commentlist ul {
    list-style: none ;
    }

ol.commentlist {
    /*Testrahmen border: 10px solid #e7e7e7;*/
    }

ol.commentlist li.comment {
	border: 1px solid #e7e7e7;
	margin: 0 0 5px 0;
	padding: 0 5px 0 20px;
	}
ol.commentlist li.comment ul.children {
	border: 1px 0 0 1px solid #e7e7e7;
	margin-top: 0px;
    }

#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 18px;
}
#comments .comment-body p:last-child {
	margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
	margin-bottom: 24px;
}
.reply {
	font-size: 0.9em;
	margin-bottom: 5px;
    }
.reply a {
	color: #888;
	border: 1px solid #99A8BA; /** blaugrau **/
    }
    
a.comment-edit-link {
	color: #888;
    }

.comment-meta {
	font-size: 0.8em;
	margin: 0 0 10px 0;
    }
    
.comment-meta a:link,
.comment-meta a:active,
.comment-meta a:visited {
    text-decoration: none;
    font-weight: bold;
    color: #000;
    }
.comment-meta a:hover {
	font-weight: bold;
    text-decoration: underline;
    color: #000;
    }
.commentlist .avatar {
	float: left;
    margin-right: 5px;
    margin-top: 5px;
    border: 1px solid #99A8BA;
    padding: 2px;
    }

.commentlist p {
    padding: 2px 0px 0px 3px;
    }

.nopassword,
.nocomments {
	display: none;
}
#comments .pingback {
	border: 1px solid #e7e7e7;
	margin-bottom: 6px;
	padding-bottom: 6px;
}
.commentlist li.comment+li.pingback {
	margin-top: 6px;
}
#comments .pingback p {
	color: #888;
	display: block;
	font-size: 1em;
	line-height: 18px;
	margin: 0;
}
#comments .pingback .url {
	font-size: 13px;
	font-style: italic;
}
.comment-author .says {
	font-style: italic;
	font-size: 0.85em;
    }
.comment-author cite,
.commentlist cite {
	color: #000;
	font-style: italic;
	font-weight: bold;
	}

#comment { width:90%; } /**Texteingabefeld für Kommentare ***/
/**ENDE KOMMENTARE***************************/

/*6.1  Eingabeformular Comments form*************/
input[type=submit] {
	color: #333;
}
#respond {
	border-top: 1px solid #e7e7e7;
	margin: 10px 25px 10px 35px;
	overflow: hidden;
	position: relative;
}
#respond p {
	margin: 0;
}
#respond .comment-notes {
	margin-bottom: 0.5em;
}
.form-allowed-tags {
	line-height: 1em;
}
.children #respond {
	margin: 0 48px 0 0;
}
h3#reply-title {
	margin: 10px 0;
}
#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
}
#cancel-comment-reply-link {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
}
.comment-form-author {
width: 40%;
float: left;
}
.comment-form-email {
width: 40%;
float: right;
padding-right:10px;
}
.comment-form-comment {
clear: both;
width: 100%;
}
#respond .required {
	color: #ff4b33;
	font-weight: bold;
}
#respond label {
	color: #888;
	font-size: 12px;
}
#respond input {
	margin: 0 0 9px;
	width: 98%;
}
#respond textarea {
	width: 98%;
}
#respond .form-allowed-tags {
	color: #888;
	font-size: 12px;
	line-height: 18px;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}
#respond .form-submit {
	margin: 6px 0 0 0;
}
#respond .form-submit input {
	font-size: 0.9em;
	font-weight: bold;
	width: auto;
}
/*ENDE Eingabeformular*/




#feed, #feed img a:link, #feed img a:visited { border: none; }

* html #navigation a {width:1%;} /* see http://www.positioniseverything.net/explorer/escape-floats.html */


/** 7.0     Sonderformatierung WordPress Befehle ************************************************************/

/** NEU ab 2.0 CSS-Klasse .sticky um hervorgehobenen Artikel zu stylen **/
.sticky {}

/** styles caption in the native WordPress Gallery 
it is the gallery added inside a Post, via the [gallery] shortcode **/
.gallery-caption {}

 /* To style author and registered users on WordPress 2.7 */
.bypostauthor {}
.byuser {}

/**Formatierung der Darstellung von Seitenanzahl bei Verwendung des moore (nextpage) Tag**/
.n-seiten { text-align: center; }

/** Verwendung im Template searchform.php **/
.search-form { background: #000; }

/** wird verwendet um in der Printversion den Bereich auszublenden **/
.no-print {}

/** Navigation hinter den Berichten zur Umschaltung auf aeltere bzw neuere Beitraege **/
.navigation {
    display: block;
    text-align: center;
    margin: 5px 0 5px 0;
    padding: 3px 0 3px 0;
    font-size: 0.85em;
    font-weight: bold;
    color: #666;
    border: 1px solid #CCC; /**box grau**/
    }