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

/** Versionsbeschreibung 
Version: 
1.4.1   9.6.09 entry -->hack fuer IE6
1.4.2   22.7.09 NEU img fuer Avatar in Kommentar
1.4.3   10.8.09 Bug #kopf in IE6 Darstellung behoben
1.4.4   22.12.09 Schrift geaendert
1.4.5   2.2.10  Minimale Layoutanpassung, class .zentrierung entfernt
1.4.6   21.2.10 h2 im Content entfernt
1.4.7   26.2.10 .entrytext entfernt, Textfarbe geaendert
1.4.8   2.5.10 Neu: 4.3 class linkzeile (unter Kurzform)
1.4.9   13.5.10 Content rechts und links um 5pt vergroessert
1.4.10  6.8.10  dropdown zusammen mit header und dropdown.css angepasst
1.4.11  15.8.10 in wrap NEU clear: both um dropdown in kleinen Fenstern darzustellen
    
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
**/

@import "css/sidebar.css";
@import "css/ergaenzung.css";
@import "css/tabellen.css";
@import "css/selektoren.css";
@import "css/ngg_kk4you.css";
@import "css/plugins.css";

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

ul { list-style: none; }

body {
    font-size: 80%;
    margin: 0px;
    text-align: center;
    color: #625546;    /* #000 oder 685E53
    /*font-family: Trebuchet MS, Verdana, Arial, Tahoma, Sans-Serif;
    Tahoma,"Trebuchet MS",Verdana,Arial,sans-serif;
Verdana,Arial,Helvetica,sans-serif;
*/
    font-family: Tahoma,"Trebuchet MS",Verdana,Arial,sans-serif;
    background-color: #CCC;
    }


/* 1) Kopfbereich mit den Elementen: Banner, Logo, Headershow, Suche und Dropdown-Menu ****************************/
#kopfbanner { /** Querbalken im Kopf **/
    margin-left: auto;
    margin-right: auto;
    max-width: 1100px;
    /**height: 110px;**/
    background: url('img/kopfbanner.jpg') repeat-x; /**Hintergrundbild 1x110px damit wird die Hoehe auf minimal 110 gesetzt**/
    border: 0pt solid #0000ff; /**blau***/
    }

#kopf {
    /** Rahmen um Logo und Headershow zu plazieren 
    1.4.1 wegen Problem im IE8 folgender Bereich in Kopfbanner verlegt**/
    /**margin-left: auto;
    margin-right: auto;
    max-width: 1100px;**/
    height: 110px; 
    border: 0pt solid #FF9900; /**orange***/
    position: relative; /** nicht entfernen **/
    }

#logo { /** Logo im Kopfbereich **/
    position: absolute;
    top: 0px;
    left: 0px;
    width: 195px; /** width muss bei IE 6 vorhanden sein **/
    margin-top: 25px;
    border: 0pt solid #FF0000; /** 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 **/
    position: absolute;
    top: 0px;
    left: 195px;
    width: 710px; /** width muss bei IE 6 vorhanden sein **/
    border: 0pt solid #00CC00; /** gruen **/
    } 
    
#searchfeld { /** Suche **/
    position: absolute;
    top: 0px;
    right: 0px;
    width: 195px; /** width muss bei IE 6 vorhanden sein **/
    margin-top: 30px;
    border: 0pt solid #999; /** grau **/
    } 
 
#searchform { /** Feld für gesamten Suchbereich, Eingabe und Buttom **/
	margin: 5px auto;
	padding: 5px 3px;
	text-align: center;
	border: 0pt solid #FF9933; /**Testbox orange**/
	}

#searchform  #s {  /** Eingabefeld **/
	width: 100px;
	padding: 2px;
	font-size: 1.0em;
    text-align: center;
    border: 1px solid #C1B6A6
	}

#searchsubmit {   /*** Buttom Suchen **/
	padding: 1px;
	width: 55px;
	border: 1px solid #000; /** schwarz**/
	color: #fff;
	background-color: #666666;
	}

/** Feld für das Dropdown Menu im Kopfbereich, kein width verwendet wegen IE Bug **/   
#dropdownmenu {
    /**max-width: 1100px;
    margin-left: auto;
    margin-right: auto;**/
    height: 22px;
    clear: both;
    display: block;
    /**text-align: left;**/
    background:#666;
    /* background-color: #999999; 
    background: url('img/sidebar.png'); */
    border: 1px solid #666; /**hellgrau**/
    }    

/** 1) ENDE Kopfbereich **************************************************************/


/** Zentrierung eines Bereiches auf maximale Breite von 1100px  
.zentrierung {
    margin-left: auto;
    margin-right: auto;
    max-width: 1100px;
    }
**/
             

/**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: both;
    max-width: 1102px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    border: 0px solid #000; /** #000 schwarz**/
    }

/* 2) Container **************/
/***Container ist der gesamte Bereich innerhalb wrap ***/                         
#container {
    clear:left;
    padding:0px;
    margin: 0px;
    overflow: hidden;
    background: #FFFFFF;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    }

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

/* 21.2.10 entfernt
#content h2 { 
    margin: 0 0 .5em 0; 
    }
*/
#content p {
    padding-left: 3px;
    padding-right: 3px;
    }

#content ul {
    list-style-position: inside;
    padding-left: 20px;
    padding-top: 2px;
    margin-bottom: 5px;
    }

#content ul li {
    list-style: square;
    }

#content ul ul li {
    list-style: circle;
    }

#content ol {
    list-style-position: inside;
    padding-left: 20px;
    padding-top: 2px;
    margin-bottom: 5px;
    }

/** 4.1) entry 
Feld mit den Inhalten:
Ueberschrift des Berichtes (h3.posttitle)
Text des Berichtes (.entry)
Metadatenfeld (geschrieben am, von, Kommentare und Kategorie)********************/
.post, .kommentar {
    display: block;
    overflow:hidden;
    /* entfernt mit Version 1.4.8
    padding-bottom: 2px; 
    margin-bottom: 2px; */
    border: 0px solid #FF0000; /** Testbox rot **/
    }

h3.posttitle { /**Ueberschrift des Berichtes **/
    font-size: 1.1em;
    font-weight: bold;
    /*text-transform: uppercase;*/
    background: url('img/sidebar.png');
    padding: 3px 5px 3px 5px; /** oben rechts unten links **/
    border: 1px solid #CCCCCC;
    margin-bottom: 0px;
    }

.posttitle a:link, .posttitle a:visited {
    font-size: 1.1em;
    color: #666666;
    font-weight: bold;
    }

.posttitle a:hover {
    font-size: 1.1em;
    color: #999999;
    font-weight: bold;
    text-decoration: underline;
    }

.entry { /*Feld fuer den Text des Berichtes */
    padding-top: 0px;
    min-height: 1%; /** Hack fuer IE6 damit Bild im Feld erfasst wird **/
    border: 0px solid #09D60C; /** gruen **/
    }

/** 26.2.10 entfernt
.entrytext { border: 0px solid #FF0000; }  entry fuer alle pages **/

/*
.entrytext a:link, .entrytext a:visited {
    color: #666666;
    font-weight: bold;
    }

.entrytext a:hover {
    color: #999999;
    font-weight: bold;
    text-decoration: underline;
}

.entrytext ul {
    list-style-position: inside;
    padding-left: 20px;
}

.entrytext ul li {
    list-style: square;
}
*/
/** Ende **/

/* 4.2) Post Metadata veröffentlicht 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;
    background: url('img/sidebar.png'); 
    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;
}

.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;
    font-weight: normal;
    background: url('img/fussbanner.jpg');
    padding: 5px 1em 5px 1em; /* oben rechts unten links */
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    }

#footwrap p {
    display: block;
    margin-top: 3px;
    margin-bottom: 3px;
    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****************************************/
.commentlist {
    padding-left: 40px;
    padding-right: 15px;
    background: #fff;
    color: #333;
    }

.commentlist li {
    margin: 8px 10px 8px 15px;
    padding-left: 12px;
    list-style: none;
    background: url('img/sidebar.png'); 
    margin-bottom: 2px;
    border-top: 2px solid #8BC240;
    border-bottom: 2px solid #8BC240;
    }

li.alt {
    background: url('img/sidebar.png'); 
    border-top: 2px solid #99A8BA;
    border-bottom: 2px solid #99A8BA;
    }

.commentlist li li {
    border: none;
    background: none;
    padding-left: 5px;
    margin: 0 2px 0 2px;
    }

.commentlist cite {
    padding: 2px 3px 1px 3px;
    }

.commentlist p {
    padding: 5px 5px 2px 3px;
    margin-bottom: 5px;
    }
    
/** Bildformatierung des Avatar in den Kommentaren **/
.commentlist img {
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    border: 1px solid #99A8BA;
    padding: 2px;    
    }

.commentmetadata a:link, .commentmetadata a:visited {
    text-decoration: none;
    font-weight: bold;
    color: #000;
    }

.commentmetadata a:hover {
    font-weight: bold;
    text-decoration: underline;
    color: #000;
    }

.commentnumber { /** Kommentarnummer im Kommentarbereich **/
    font: italic normal 14px 'Times New Roman', Times, serif;
    margin-top: 2px;
    float:right;
    color: #8f8f8f;
    font-size: 3.0em;
    }

#comment { width:90%; } /**Texteingabefeld für Kommentare ***/
#commentform { margin-left:5%; }
/*ENDE Kommentare*/

#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 */