/*  
Theme Name: Der Koffer
Description: Wordpresstheme f&uuml;r das Figurentheater Kladderadatsch , erstellt von <a href="mailto:mail@imida.de">Silvio H&uuml;sing-Eckl</a>.
Version: 1.0
Author: Silvio H&uuml;sing-Eckl
Author URI: http://www.imida.de
*/

/* Allgemeine Einstellungen */

* { margin: 0; padding: 0; }

body {
  background: #000000;
  font-size: 80%;
  font-family: Arial, Helvetica, sans-serif;
}



/* Text*/

#rechte_spalte p {
  line-height: 160%;
  margin: 0 6px 15px 6px;
}


/* Ueberschriften */

#linke_spalte h5 { font-size: 100%; margin-bottom: 5px; }

#rechte_spalte h2 {
  font-size: 170%;
  font-family: "Times New Roman", Times, serif;
  margin-bottom: 20px; 
  padding: 3px 6px;
}
	.menu1 {
	  background: #12743B url(grafiken/ueberschrift-verlauf.jpg) 0 0 repeat-x;
	  color: #FFFFFF;
	}
	.menu2 {
	  background: #CA1250 url(grafiken/ueberschrift-verlauf2.jpg) 0 0 repeat-x;
	  color: #000000;
	}
	.newsletter_h2 {
	  background: #F0A818 url(grafiken/ueberschrift-verlauf3.jpg) 0 0 repeat-x;
	  color: #000000;
	}

#rechte_spalte h3 {
  font-size: 120%;
  margin: 30px 0 5px 6px;
  clear: right;
  color: #12743B;
}


/* Navigation */

#navigation_eins {
  background: #12743B url(grafiken/hintergrund_navigation_eins_gruen2.jpg) 0 bottom no-repeat;
  color: #FFFFFF;
}

#navigation_zwei {
  background: #CA1250 url(grafiken/hintergrund_navigation_zwei_pink2.jpg) 0 bottom no-repeat;
  color: #000000;
}

#navigation_eins, #navigation_zwei {
  margin: 0 0 15px 0;
  padding: 10px 10px 5px 30px;
  
  list-style: none;
  font-weight: bold;
}
		#navigation_eins li, #navigation_zwei li {
		  margin-bottom: 10px;
		}
 
 
 
/* Links */

#navigation_eins a {
  text-decoration: none;
  color: #FFFFFF;
}
		#navigation_eins a:hover {
		  text-decoration: underline;
		}
		
#navigation_zwei a {
  text-decoration: none;
  color: #000000;
}
		#navigation_zwei a:hover {
		  text-decoration: underline;
		}
		
#rechte_spalte h3 a {
  text-decoration: none;
  color: #12743B;
}

		#rechte_spalte h3 a:hover { text-decoration: underline; }

#designed a { color: #FFFFFF; }

/* Bilder */

#wrapper img { border: none;
  float: right;
  margin: 3px 0 15px 25px;
}

/* Tags */

blockquote {
  margin: 0 50px 10px 40px;
  padding: 12px 10px 1px 10px;
  background: #ABD1DC url(grafiken/quote-verlauf.jpg) 0 0 repeat-x;
  font-family: "Courier New", Courier, monospace;
  font-size: 110%;
  clear: both;
}

#rechte_spalte form { margin-left: 6px; } 

/* Newsletter Formular */

#newsletterformular_container{
  padding: 10px 10px 5px 20px;
  margin-bottom: 15px; 
  background: #F0A818 url(grafiken/hintergrund_newsletterkasten2.jpg) 0 bottom no-repeat;
}
		#newsletterformular_container input { margin-bottom: 5px; }

	#ausgabediv {
	  display: none;
	  background: #FFFFFF ;
	  border: 1px solid #999999;
	  float: left;
	}
	
	#ausgabe { 
	  font-weight: bold;
	  margin: 3px;
	}
	.ausgabezeichen {
	  float: right;
	  margin: 0;
	  clear: right;
	}

/* IDs */

#counter img { float: left; }

/* Klassen */

#rechte_spalte .zurueck_link { float: left; width: 100px; clear: right; }
#rechte_spalte .zurueck_link img { float: left; margin: 0; }

#rechte_spalte .nach_oben { float: right; width: 100px; clear: right; }
#rechte_spalte .nach_oben img { float: right; margin: 5px 0 0 0;}



.menu1seiten { text-align: justify; }

/* Layout-Container */

#wrapper {
  width: 1000px;
  margin: auto;
  margin-top: 5px;
}

#kopf {
  height: 267px;
  background: url(grafiken/kopf2.jpg) 0 0 no-repeat;
}

#inhalt {
  background: #FFFFFF url(grafiken/hintergrund_linke_spalte_blau.gif) 0 0 repeat-y;
  float: left;
  width: 850px;
  padding-left: 65px;
}

#linke_spalte {
  float: left;
  width: 200px;
  padding-top: 20px;
}

#rechte_spalte {
  float: left;
  width: 550px;
  padding: 20px 30px 0 50px;
  background: #FFFFFF;
}

#fuss {
  background: url(grafiken/kofferfuss.jpg) 0 0 no-repeat;
  height: 153px;
  clear: both;
}

#designed {
  text-align: right;
  margin: 0 25px 5px 0;
  color: #FFFFFF;
}


/* Gaestebuch */

.gaestebuch ol {
  margin: 20px 30px 20px 7px;
  list-style: none;
}

.gaestebuch ol li { margin-bottom: 15px; }

.gaestebuch .kommentartext {
  border: 1px solid #999999;
  margin: 5px 10px 5px 0;
  padding-top: 10px;
}