/*   
Theme Name: inszenio
Theme URI: http://www.inszenio.de
Description: Entwickelt f&uuml;r <a href="http://www.inszenio.de">inszenio - agentur f&uuml;r szenische kommunikation</a> von <a href="http://www.die-programmiererin.de">Mareike Hybsier</a>, basierend auf dem Design von Mona Godzewski.
Author: Mareike Hybsier
Author URI: http://www.die-programmiererin.de
Version: 0.8
*/

body {
	margin: 0;
	padding: 0; 
	font-size: 10px;
	font-family: Verdana, Arial, Sans-Serif;
	background-color: #d1d1d1;
	color: #333;
	text-align: center;
	}

div#page {
	background-color: white;
	text-align: left;
	margin: 0px auto;
	width: 769px;
	}

div#header {
	/*background-image: url(./images/img_header_komplett.jpg);*/
	background-repeat: no-repeat;
	padding: 0;
	margin-left: 15px;
	margin-right: 15px;
	height: 193px;
	width: 739px;
	clear: both;
	}

/* Das wird zur Zeit nicht benutzt
#headerimg .description {
	padding: 70px 20px 0px 0px;
	margin: 0;
	font-size: 2em;
	text-align: right;
	} */
	
/* Service-Navigation */

/* Achtung: Nur durch das span kann die Navigation aus-
   gerichtet werden! span nicht entfernen!!! */
div#small_navigation span.left_margin {
	margin-right: 15px;
	padding-left: 2px;
	float: right;
	font-size: 10px;
	background-color: #a5ae07;
	color: white;
	line-height: 25px;
	}
	
div#small_navigation a:hover {
	color: #704a22;
	}

#small_navigation a, #small_navigation span.search {
	margin-left: 8px;
	margin-right: 8px;
	color: white;
	text-decoration: none;
	white-space: nowrap;
	}
	
/* #small_navigation span.search */ form#searchform {
	display: inline;
	}
	
/* #small_navigation span.search */ input#searchsubmit {
	vertical-align: middle;
	margin-left: 4px;
	margin-bottom: 2px;
	}
	
/* #small_navigation span.search */ input#s {
	border: 1px solid #6a6a6a;
	vertical-align: middle;
	margin-left: 4px;
	margin-bottom: 2px;
	font-size: 10px;
	}

/* div#search {
	float: right;
	} */
	
/* Hauptnavigation */

div#main_navigation {
	width: 739px;
	margin: 0 15px 30px 15px;
	padding: 0;
	background-color: #d1d1d1;
	font-size: 10px;
	font-weight: bold;
	color: #6a6a6a;
	text-decoration: none;
	clear: both;
	}
	
div#main_navigation a {
	padding: 14px 10px 14px 10px;
	line-height: 40px;
	color: #6a6a6a;
	text-decoration: none;
	}
	
div#main_navigation a:hover {
	background-color: #a5ae07;
	color: #ffffff;
	}

/*	Ausgegliedert in header.php
#main_navigation a.active {
	color: white;
	background-color: #a5ae07;
	}
*/
	
div#main_navigation a.inactive {
	color: #a9a9a9;
	}
	
/* Formatierung der Trennerbildchen in der Hauptnavigation */
div#main_navigation img {
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
	/* border: 1px solid blue; */
	}

/* Mieser Hack wg. des IE unter Windows
   Eigentlich muessten die Trenner bereits in der vorherigen Definition oben 
   ausgerichtet werden, aber das unterstuetzen Win IE 5.5 und 6 nicht. */
div#main_navigation > img {
	vertical-align: top;
	}

/* Formatierung fuer die gesamte Inhaltsbox, das ermoeglicht, die linke Spalte 
   mit Hilfe eines Hintergrundbildes bis zum Ende der Seite farbig zu gestalten.
   Die Definition eines Borders ist wiederum noetig, damit das Element im
   Win IE nicht auseinanderfliesst und das Layout zerschiesst. */
div#box {
	background-image: url(./images/img_background.gif);
	background-repeat: repeat-y;
	margin-left: 14px;
	margin-right: 15px;
	padding: 0;
	border: 1px solid white;
	}
	
/* Linke Spalte */

div#box div#leftcolumn {
	width: 120px;
	margin: 15px 25px 0px 7px;
	height: 100%;
	color: white;
	font-weight: bold;
	float: left;
	}
	
/* Mieser Hack wegen des IE unter Windows */
div#box > div#leftcolumn {
	margin: 10px 25px 10px 15px;
}
	
div#box div#leftcolumn ul {
	list-style-image: url(./images/img_sign_gruen.gif);
	margin: 2px 0 0 10px;
	padding: 0;
	}
	
div#box div#leftcolumn li {
	margin-bottom: 15px;
	padding: 0;
	}

div#box div#leftcolumn li a {
	color: #ffffff;
	text-decoration: none;
	}
	
div#box div#leftcolumn li.current-cat a, div#box div#leftcolumn a.current-cat {
	color: #704a22;
	}
	
div#box div#leftcolumn li a:hover {
	color: #704a22;
	}
	
/* Box fuer die Bilder im Teaser
span.box_right {
	padding: 2px 0px 15px 30px;
	float: right;
	}
*/
	
div#content {
	float: left;
	margin-left: 20px;
	width: 340px;
	/* font-size: 1.2em; */
	font-size: 11px;
	color: #6a6a6a;
	}
	
div#content h3, div.post h3, div#content div.post a {
	margin: 0;
	padding: 0;
	}
	
div#content h3 {
	margin-bottom: 18px;
	}
	
div#content div.post h1, div#content div.post a {
	margin-top: 0;
	font-weight: bold;
	text-decoration: none;
	}

div#content div.post a:hover {
text-decoration: underline;
}
	
div#content div.entrytext a {
	font-weight: normal;
	}
	
div#content div.entrytext a:hover {
	text-decoration: underline;
	}
	
div#content div.post h1 {
	font-size: 14px;
	color: #6a6a6a;
	}

div#content div h2 {
	font-size: 12px;
	color: #6a6a6a;
	}
div#content div h3 {
	font-size: 12px;
	color: #6a6a6a;
	}
div#content div h4 {
	font-size: 12px;
	color: #6a6a6a;
	}
div#content div h5 {
	font-size: 12px;
	color: #6a6a6a;
	}
div#content div h6 {
	font-size: 12px;
	color: #6a6a6a;
	}
div#content div.post a {	
	color: #8d6e4e;
	}
	
div#content div.post span.go_ahead {
	/* margin-left: 5px; */
	color: #6a6a6a;
	font-weight: normal;
	}

div#content div.post img.go_ahead {
	margin: 0;
margin-right: 5px;
margin-bottom: -1px;
	}
	
div#content div.post img.box {
	margin: 2px 0 2px 0;
	}
	
div#content div.post img.box_left {
	margin: 2px 10px 6px 0px;
	}
	
div#content div.post img.box_right {
	margin: 2px 0px 6px 10px;
	}
	
div#content img.line {
	margin: 0;
	margin-top: 30px;
	margin-bottom: 30px;
	}
	
/* Kontaktformular */

div#content p.error {
	margin: 10px 0px 10px 0px;
	color: red;
	}
	
div#content form#contactform table {
	width: 360px;
	margin-top: 30px;
	}
	
div#content form#contactform label {
	font: 9px Verdana, Arial, Sans-Serif;
	color: #6a6a6a;
	}
	
div#content form#contactform table td.messagelabel {
	vertical-align: top;
	}

div#content form#contactform input, div#content form#lovescookingform input, div#content form#contactform textarea {
	border: 1px solid #6a6a6a;
	font: 10px Verdana, Arial, Sans-Serif;
	}
	
div#content form#contactform input.button {
	border: 0;
	}

div#content form#contactform table td.send {
	border: 0;
	padding-bottom: 30px;
	}

/* Newsletter */
	
div#content form#newsletter input {
	border: 1px solid #6a6a6a;
	font: 10px Verdana, Arial, Sans-Serif;
	vertical-align: middle;
	margin-bottom: 4px;
	}

div#content form#newsletter input.radio {
	border: 0;
	}
	
div#content form#newsletter input.button {
	border: 0;
	vertical-align: middle;
	/*margin-bottom: 4px;*/
	}

/* Info-Formular "Wenn die Liebe kocht" */

div#content form#lovescookingform {
	margin-top: 16px;
	margin-bottom: 20px;
	}

div#content form#lovescookingform input {
	border: 1px solid #6a6a6a;
	font: 10px Verdana, Arial, Sans-Serif;
	}
	
div#content form#lovescookingform input.button {
	border: 0;
	vertical-align: middle;
	margin-bottom: 2px;
	}
	
/* Rechte Sidebar */

div#sidebar {
	font: 11px Verdana, Arial, Sans-Serif;
	float: right;
	width: 175px;
	}
	
div#sidebar h1 {
	margin: 0;
	padding-left: 10px;
	line-height: 25px;
	font-size: 11px;
	color: white;
	background-color: #704a22;
	}
	
div#sidebar span.bold {
	font-size: 11px;
	font-weight: bold;
	}
	
div#sidebar img {
	margin-right: 6px;
	vertical-align: text-bottom;
	}
	
div#sidebar p {
	padding-top: 15px;
	}

div#sidebar a {
	color: #8d6e4e;
	text-decoration: none;
	}
	
div#sidebar a:hover {
	text-decoration: underline;
	}
	
div#sidebar div.element form#newsletter input {
	border: 1px solid #6a6a6a;
	font: 10px Verdana, Arial, Sans-Serif;
	}
	
div#sidebar div.element form#newsletter input.button {
	border: 0;
	margin-top: 5px;
	}
	
div#sidebar div.element {
	background-color: #f6f6f6;
	margin-bottom: 20px;
	padding: 10px 10px 12px 10px;
	}
	
div#sidebar div.element p {
	margin: 0;
	}
	
div#sidebar div.element li {
	display: inline;
	}
	
div#sidebar div.element span.admin p {
	color: #6a6a6a;
	margin: 0;
	}
	
div#sidebar div.element span.admin li {
	/*display: inline;*/
font-size:9px;
	}
	
div#sidebar div.element span.admin a {
	color: #6a6a6a;
	font-size: 9px;
	}
	
/* Fusszeile */

div#footer {
	color: #6a6a6a;
	font-size: 10px;
width: 340px;
	margin-left: 180px;
	margin-bottom: 10px;
	clear: both;
	
	}
	
div#footer a, div#footer span.no_link, div#footer span.admin a {
	color: #6a6a6a;
	text-decoration: none;
	/*margin-left: 8px;
	margin-right: 8px;*/
	}
	
/* div#footer a:hover {
	text-decoration: underline;
	} */

/* div#footer span.admin {
	margin-bottom: 20px;
	padding: 10px 10px 12px 10px;
	} */

.helper {
	margin: 0;
	padding: 0;
	background-color: white;
	font-size: 2px;
	}
	
.alignleft {
	text-align: left;
	}
	
.alignright {
	text-align: right;
	}