/*
Theme Name: metzenauer
Theme URI: http://www.fasanenwinkel.de.de
Description: Theme for Wordpress 2.x, Made by <a href="http://www.kuba-marketing.de">KUBA Marketing GmbH</a>. Thanks <a href="http://www.perun.net">Perun</a> for tipps 'n tricks. This Theme is Open Source.
Version: 1.0 (05. Jan 2009)
Author: Ulrich Athmer
Author URI: http://www.athmer.com

###  $Id: style.css 193 2009-01-05 17:40:47Z Ulrich $  ###

	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:#F5F3EA url(img/hintergrund.png) fixed center bottom repeat-x; 
    text-align: center;
    font: 0.9em 'trebuchet ms', arial, sans-serif;
    margin: 0;
    padding: 0px 0 0 0;
    height: 101%; /* Ich hasse solche "Konstrukte, aber leider notwendig */
}

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

img {
    border: none;
}

#clearer {
    clear: both;
}


.center {
    text-align: center;
}

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

/* 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;
}

/* Container sog. Wrapper */
#container {
    width: 794px;
    margin: 0 auto;
    text-align: left;
    padding-bottom: 0px;
	 border-left: 6px solid #fff;
	 border-right: 6px solid #fff;
	 border-bottom: 6px solid #fff;
}

/* 2.1 Kopf bzw. Header */
#header_logo {
	 background: #F5F3EA url(img/head_logo_bg.gif) no-repeat;
    height: 73px;
	 padding: 20px 20px 0 0;
	 border-bottom: 2px solid #fff;
}
#header_logo h1 {
    margin: 0;
    padding: 100px 20px;
    height: 20px;
	 font-size: 8px;
	 /*display: none;*/
}
#header_logo a {
    color: transparent;/*#999; */
    font: bold 20px 'trebuchet ms', arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    /*line-height: 120px;*/
	 padding: 0 20px;
}


#kopf {
    background: url(img/header_img.jpg) no-repeat;
    height: 195px;
	 border-bottom: 2px solid #fff;
}

#head_menu {
    background: #0C7BA0;
    height: 30px;
}
/* Navigation */
#gnav 
{
	list-style:none;	
	margin:0 auto;
	padding: 6px 0 3px 10px;	
	/*background:#630;
	border-bottom:#886b6d 1px solid;
	font-variant:small-caps;
	text-align:right;*/
	font-family:'Trebuchet MS', Arial, sans-serif;	
	font-weight:bold;
		
	font-size:0.9em;			
}
#gnav li 
{
	list-style:none;
	display:inline;
	margin:0;
	padding:0 10px;		
}
#gnav li a:link, #gnav li a:visited
{
	color:#ccc;
	text-decoration:none;
	padding:4px 0;	
	border-bottom:none;
	background:none;
}
#gnav li a:hover, #gnav li a:active
{
	border-bottom:#eee 2px solid;
	color:#fff;
	background:none;
}
#gnav li.current_page_item a:link, #gnav li.current_page_item a:visited, #gnav li.current_page_item a:hover, #gnav li.current_page_item a:active
{
	border-bottom:#eee 2px solid;
	color:#fff;
}

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

/* 2.2.1 Seitenleiste aka Sidebar */
#seitenleiste {
    width: 200px;
    float: right;
    line-height: 1.55;
    color: #444;
    background: transparent;
	 padding-top: 28px;
}

#seitenleiste h2 {
    margin: 5px 0;
    /*text-transform: uppercase;*/
    background: #CDC298; /*url(img/kopf.gif) no-repeat center center;*/
    padding: 2px 5px 2px 5px;
    color: #000;
    font-size: 11px;
	 display: none;
}
#seitenleiste form {
    margin: 0 0 20px 0;
    padding-top: 2px;
    padding-left: 5px;
}
#seitenleiste input.suchfeld {
    border: 1px solid #ccc;
    font-size: 11px;
    padding: 2px;
    width: 180px;
    color: #555;
}
#seitenleiste input.suchfeld:hover, #seitenleiste input.suchfeld:focus {
    border: 1px solid #900;
}

#seitenleiste input.sendebutton {
    border: 1px solid #ccc;
    background: #ddd;
    font-size: 11px;
    margin-top: 3px;
    padding: 1px 3px;
    line-height: 1.2;
}
#seitenleiste input.sendebutton:hover  {
    border: 1px solid #900;
    background: #b00;
    color: #fd5;
}

#seitenleiste ul {
    list-style: none;
    margin: 0 0 20px 0;
    padding: 0;
}
#seitenleiste li {
    /*border-bottom: 1px solid #D6CDAB;*/
    line-height: 1.5;
    padding-left: 5px;
}
#seitenleiste ul li a {
    /* text-transform: lowercase; Großbuchstaben sind ein unnötiger Luxus */
	 color: #000;
}
#seitenleiste ul li a:hover {
    /* text-transform: lowercase; Großbuchstaben sind ein unnötiger Luxus */
	 color: #000;
	 text-decoration: underline;
	 
}
#seitenleiste li li {
    margin-left: 20px;
}

#seitenleiste li.current_page_item a:link, #seitenleiste li.current_page_item a:visited, #seitenleiste li.current_page_item a:hover, #seitenleiste li.current_page_item a:active
{
	font-weight: bold;
	color: #b00;
}

/* 2.2.2 Inhalt */
#inhalt {
    float: left;
    width: 500px;
    padding-bottom: 15px;
    line-height: 1.45;
    color: #444;
    background: transparent;
	 padding-top: 20px;
}
#inhalt p {
    margin-top: 1em;
    margin-bottom: 1.1em;
}

#inhalt a {
    border-bottom: 1px solid #eee;
}
#inhalt a:hover {
    border-bottom: 1px solid #555;
}

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

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

#inhalt h4 {
    font-size: 13px;
    font-weight: bold;
    color: #444;
    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-top: 1px dotted #ddd;
    border-bottom: 1px dotted #ddd;
}
/* Begin Images */
/*	ermöglicht die Ausrichtung/Umfließen der Bilder */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */
/*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 #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;
    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: #E1DBC2 url(img/fuss.gif) repeat-y;/*#f5f5f5 */
    padding: 10px 20px 10px 20px;
    border-bottom: 1px solid #ccc;
    color: #555;
	 font-size: 0.75em;
}
#fuss p {
    margin: 0;
    /*text-transform: lowercase;*/
}

#fuss a:link, a:visited {
    color: #555;
}
#fuss a:hover, a:active {
    color: #555;
	 text-decoration: underline;
}

/* 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;
}