/*
Theme Name: RauchfreieZone.de 2010
Theme URI: http://www.rauchfreiezone.de/
Description: Rauchfreie Zone: Es lebe die qualmfreie Luft!.
Version: 1.0
Author: <a href="http://martin-schuster.com/">Martin Schuster</a>
*/

* {
	margin:0;
	padding:0;
}

body { 	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #fff;
	color: #333;
	font-size: 13px;
}

p {
	padding: 10px 0;
}

h1, h2, h3 {
	padding: 10px 0;
}

pre {
	padding: 0;
	margin: 10px 0;
	white-space: normal;
	line-height: 20px; /*--Height of each line of code--*/
	background-color: #eee; /*--Background of lined paper--*/
	overflow: auto; /*--If the Code exceeds the width, a scrolling is available--*/
	overflow-Y: hidden;  /*--Hides vertical scroll created by IE--*/
}
pre code {
	margin: 0;
	padding: 10px;
	display: block;
}

#container { width: 980px; margin: 0px auto; padding: 0px; background-color: #fff }

ul#navigation { margin-top: 100px; text-align: left; margin: 0px; padding: 5px; position:relative }
ul#navigation li { font-size: 13px; font-variant:small-caps; list-style-type: none; padding: 5px 10px; margin: 5px; border: 1px dashed #fff }
ul#navigation li a { color:#fcc; font-weight:bold; text-decoration: none; padding: 5px; margin: 0px }
ul#navigation li a:hover { text-decoration: none; color:#fff }
ul#navigation .aktiv { border: 1px solid #fff }

#left { float: left; width: 300px; margin: 0px; padding: 0px; font-size: 11px; }
#left h1 { color: #fff; font-size: 13px; font-variant:small-caps; margin: 0px }
#left h3 { font-size: 14px; padding: 5px 0px; border-bottom: 1px solid #fff }
#left hr { height: 1px; size: 1px; color: #fff; border: 1px dashed #fff }

#right {	float: right; width: 160px; margin: 0px; padding: 0px; background-color: #c06 }
#right p { font-size: 11px; color: #fff; padding: 10px; margin: 0px }
#center { margin: 0px 160px 0px 300px; padding: 0px; background-color: #fff }
#center h1 { font-size: 18px; margin-top: 0px }
#center a, a:link, a:visited, a:active  { text-decoration:none; color:#c06 }
#center a:hover  { text-decoration:none; color:#9c3 }

#logo { 
	margin: 10px 0;
}

#footer { 
	clear: both; margin: auto; padding: 5px; color: #fff; font-size: 11px; text-align: center;
	border-top: 3px double #fff; background-color: #360; }
#footer a, a:link, a:visited, a:active  { text-decoration:none; color:#cfc }
#footer a:hover  { text-decoration:none; color:#fff }
#footer strong a { color: #fff }
#footer hr {	border: 1px dashed #fff; color:#fff; height:1px; width: 90% }

#gastro { 
	color: #fff;
	background-color: #69c;
	border-top: 5px solid #036;
	margin-bottom: 10px;
	padding: 10px 20px;
}
#gastro ul { margin: 0px; padding: 0px 5px; list-style-type: none  }
#gastro li { list-style: none; padding: 5px; margin: 0px }
#gastro small { font-size: 11px }

#meinungen {	
	color: #363;
	background-color:#cf9;
	border-top: 5px solid #363;
	margin-bottom: 10px;
	padding:10px 20px;
}
#meinungen a, a:link, a:visited, a:active  { text-decoration:none; color:#030; }
#meinungen a:hover {	color: #363; }
#meinungen ul { padding:5px 0px; list-style-type: none }
#meinungen li { border-bottom: 1px dashed #fff; padding: 5px 0; }

/* Für Alle */
.formular { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color: #036; border: 1px solid #069 }
.button {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;
 	border: 1px solid #069; padding: 5px; background-color:#cef; color: #036 }
.menue { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px }
.textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #036; border: 1px solid #069; padding: 5px; overflow: auto }
.readonly { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #036; border: 1px solid #69c; padding: 5px; overflow: auto }
form { margin: 0px 0px }
#achtung { border: 1px solid #c06; background-color:#fcc; margin: 10px auto; padding:5px }

/* DER MITTLERE TEIL */
#haupt {	margiAn: 0px; padding: 10px 20px; font-size: 13px }
#haupt h1 {	font-size:18px; margin-top: 0px; }
#haupt h2 {	font-size:14px; color: #69c }
#haupt h3 {	font-size:13px }
#haupt p {	font-size:13px }
#haupt small { font-size: 11px }
#haupt hr {	border: 1px solid #9c3; color:#9c3; height:1px }
#haupt ul { margin: 0px; padding: 0px; list-style-type: none  }
#haupt li { list-style: none; padding: 0px; margin: 0px }
#haupt .tabelle { font-size: 12px }
#haupt .navigation { font-size: 11px; text-align: center }
#haupt .box1 { font-size: 11px; padding: 10px; margin: 2px; margin-bottom: 10px; background-color: #fff; border: 1px double #69c }
#haupt .box2 { font-size: 11px; padding: 10px; margin: 2px; margin-bottom: 10px; background-color: #fff; border: 1px double #069 }
#haupt .spamcheck { display: none !important }

/* Kommentare */
#kommentare { margin: 0px 20px; padding: 5px }
#kommentare p { margin: 5px }