<?php
header("Content-type: text/css");
?>
/*  
Layout fuer http://www.literaturtage-nordschwarzwald.de
Dateiname: style-lit.css = BASISversion
Author: Kirsten Bohlig
Author URI: http://www.kira-design.de/
Media: screen, projection
Datum: 06.05.2007
based on: A Cross-Browser.com X demo.
See: http://cross-browser.com/x/examples/layout8.html
*/

body, html {
margin:0;
padding:0;
color:#000;
background-color: #fff;
font-family:"Lucida Grande", "Lucida Sans",verdana,arial,helvetica,sans-serif;
background-image: url(../img/background-himmelblau.jpg);
background-repeat: repeat-x;
}

html {
border: 10px solid #fff;
}
#page {
  background:#fff;
  margin-top:-1em;
}
#PgBody {
  background:#fff;
  border-right:2px solid #fff;
  border-left:1px solid #ddd;
}
p {
  margin:.5em 1em;
  padding:0;
  font-size:0.8em;
}

/* ### =ueberschriften */
h1 {
	font-size:1.5em;
}
h2 {
	font-size:1.3em;
}
h3 {
	font-size:1.1em;
	margin-left:1em;
}
h1, h2 {
    visibility: visible;
}
h1 img,
h2 img,
h3 img {
	float:none;
	border: 0;
	margin: 0; 
}
#logo {
background: transparent url(../img/Logo-web1.png) no-repeat 0 0;
display: block;
width: 114px;
height: 50px;
overflow: hidden;
line-height: 1000px;
}

/* ### =header */
#header {
margin-top:0;
  padding:0;
  background-color: #65BFC8;
  border:3px solid #fff;
  border-top:0;
}
#header h1 {
  margin:0;
  padding:5px;
  /*padding-top:0;*/
  background-color: #65BFC8;
}

/* ### =nav */
#MainNav {
  background:#2B8840;
  color:#fff;
  padding:5px;  
  border-top:0;
  border-right:3px solid #fff;  			
  border-bottom:3px solid #fff;
  border-left:3px solid #fff;
}

#SubNav {
  background:#65BFC8;
  padding-top:5px;
  color:#fff;
  font-size:smaller;
}
/* ### =sidebar */
#SideBar {
  background:#fff;
  padding:10px;
  font-size:smaller; 
}
/* ### =footer */
#footer {
  padding:5px;
  background:#2B8840;
}

/* ### = showText , wenn JS aktiviert ist*/
.showText {
  padding: 1em;
  background:#65BFC8;
}
.showText li {
  margin: 0 0 1.5em 0;
}
.showText p {
	padding-right:2em;
}

/* ### DOWNGRADE ### */
/* Downgrade layout rules.If Js is enabled, SOME of these rules will be over-ridden by the rules in style-lit-adv.css.
*/

body {
  min-width:750px;
  text-align:center; /* to center idPage in IE6 */
  font-family:"Lucida Grande", "Lucida Sans",verdana,arial,helvetica,sans-serif;
  background-image: url(../img/background-himmelblau.jpg);
background-repeat: repeat-x;
}
#page {
  position: relative;
  margin:10px auto; /* to center Page in modern browsers */
margin-top:-8px;
  padding:0;
  width:747px;
  text-align:left; /* to keep the above from being inherited */
}
#PgBody {
  position: relative;
  width:743px;
  margin:0;
  padding:0;
}
#header {
  margin:0;
  padding:0;
  background-color: #65BFC8;
  border:3px solid #fff;
  border-top:0;
}


/* ### =links */
a {
	outline:none;
}
a {
color: #fff;
text-decoration: none;
font-weight:bold;
}
#SideBar a {color:#65BFC8;}
a:link {
text-decoration:none;
font-weight:bold;
}
a:visited {
color:#333;
text-decoration:none;
font-weight:bold;
}
a:hover {
color:#000;
text-decoration:none;
font-weight:bold;
padding:0px 0;
}
p a:hover {
color:#333;
text-decoration:none;
font-weight:bold;
padding:2px 0;
}
a:active {
color:#000;
text-decoration:none;
font-weight:bold;
}

/* ### =Nav */
#MainNav,
#SubNav {
  margin:0;
  padding:5px;
}
#SubNav {
  border-top:0;
  border-right:3px solid #fff;  			
  border-bottom:3px solid #fff;
  border-left:3px solid #fff;
}
#MainNav ul, 
#SubNav ul {
  margin:0;
  padding:0;
  list-style:none;
}
#MainNav li, 
#SubNav li {
  display:inline;
  margin:0 4px;
  padding:5px;
}

/* ### = showText */
.showText {
  margin: 0 0 0 250px;
  border-bottom:3px solid #fff;
}
.showText p {
margin-right:2.5em;
}

/* ### =SideBar */
#SideBar {
  position: absolute;
  overflow: hidden;
  left: 0;
  top: 0;
  width:230px;
  margin:0;
  padding:10px;
}
#SideBar img {
margin-left:2em;
}
#footer{
	float:right;
	border-left:250px solid #ddd;
	border-right:3px solid #fff;
}
#footer img {
	float:right;
	margin-right:2em;
	margin-top:1em;
}

/* ### =img */
img {
	float:left;
	border: 2px solid #333;
	margin: 0 1em 1em 0; 
}

#SideBar img,
#footer img {
	border:0;
	background:transparent;
}
img.nb {
	border:0;
}
img.imtext {
border:0;
margin:1em 1.5em 1em 0;
float:left;
}
#sponsoren img {
clear:both;
}
a img.nb {
	border:0;
}

/* ### =klassen */
hr {
	display:none;}

.klein {
	font-size:0.7em;
	padding-right:2em;
	color:#666;
}
#SideBar p.klein {
margin-left:2em;
}

.teaser {
font-weight:bold;
color:#fff;
}
.top20{
	margin-top:20px;
}
.left {
	float:left;
	clear:both;
}
.right {
	float:right;
	clear:both;
}

/* 
### Quotations in CSS Screen Stylesheet ###; 
author:  George Ornbo; 
website: http://www.shapeshed.com; 
license: http://creativecommons.org/licenses/by-sa/2.5/
*/
blockquote {
	padding: 2px;
	font-size: 0.9em;	
	background: url(../img/quote_up.png) top left no-repeat;
}
blockquote p {
	padding: 0px 5px 10px 5px;
	font-size: 0.95em;	
	background: transparent url(../img/quote_down.png) no-repeat bottom right;
}
cite {
	font-size: 0.85em;
	padding-left:2em;
	margin-bottom:2em;
}
#SideBar blockquote {
	margin-top:2em;
	margin-left:0;
}

.noshow {
	display:none;
}



/* ### =JS ist NICHT aktiviert */
.jsoff {
	display:block;
	font-size:0.7em;
}
.hinweis {
	padding: 4em 2em 2em 0;
	color:#65bfc8;
	font-weight:bold;
}
/* ### specials */
#autoren .showText img {
	margin-top:5em;
	margin: 4em 1.5em 0.8em 1em; 
}
#autoren .showText h2 img {
	margin:0 0 0 -0.5em;
}
#sponsoren .showText img {
	border:0;
}
/* ## events */

.eventbox {
	margin-bottom:0em;
	margin-left:-2.5em;
	padding-left:1em;
}
.datum {
	background-color: #2B8840;
	margin-right:0;
	margin-left:-2em;
	padding-top:0.5em;
	padding-bottom:0.5em;
	padding-left:3em;
	width: 100%;
	color:#fff;
}
.autorname {
	font-size:1.1em;
	font-weight:bold;
	color:#fff;
	margin-left:0.8em;
}

/* ### Formular ############## */
form legend, 
form label, 
form label.fmtextlblwide {
	color: #000;
}

form .fmcheck p, 
form .fmradio p,
form textarea, 
form .fmfullblock, 
form .fmhalfblock, 
form .fmselect, 
form input.fmtext,
form input.fmverify,
form textarea.fmtextwide,
form .submit,
form .credits {
	color: #404040;
}
form .required,
 #errors{
	color: #FF0000;
}

form legend, 
form label, 
form label.fmtextlblwide {
	font-size: 100%;
	font-weight: bold;
}

form legend {
	font-size: 110%;
}

.errors {
	font-weight: bold;
}

input,
textarea{
border:none; 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.85em;
}
/* STRUCTURE CSS */

form {
	text-align: left;
	padding: 15px;
	width: 430px; 
}

form fieldset {
	padding: 0 10px 2px 10px;
	margin: 0 0 13px 0;
	display: block;
}

form legend {
	padding: 0 6px 0 6px;
	margin: 0 0 0 10px;	 
}

form label {
	display: block; 
	float: left; 
	width: 26%; 
	text-align: right;
	margin: 0 10px 0 0; 
	padding-bottom: 15px;
	clear: left;  
}

form label.fmtextlblwide {
	display: block;  
	float: left; 
	text-align: left;
	margin: 0 10px 0 1px; 
	padding-bottom: 8px; 
}

form select.fmselect {
	float: left; 
	display: block;
	width: 65%; 
	margin-bottom: 15px;  
	padding: 3px; 
}

form .fmcheck {
	width: 65%; 
	float: left;
	display: block;  
	margin-bottom: 15px;
}

form .fmradio {
	width: 65%;
	float: left;
	display: block;
	margin-bottom: 15px;
}

form .fmcheck p {
	padding: 0;
	margin: 0 0 5px 0;
	line-height: 140%;
}

form .fmradio p {
	padding: 0;
	margin: 0 0 5px 0;
	line-height: 140%;
}

form textarea {
	float: left; 
	position: relative;
	width: 65%;
	margin-bottom: 15px;
	padding: 3px;
}

form .fmfullblock {
	padding-left: 0px;
	float: left; 
	width: 100%;
	margin-bottom: 13px;
	display: block;
}

form .fmhalfblock {
	width: 65%;
	padding-left: 29%;
	margin-bottom: 13px;
	float: left; 
	display: block;
}

form input.fmverify {
	float: left; 
	width: 22%;
	margin-bottom: 15px; 
	padding: 3px;
	position: relative;
	display: block;
}

form img {
	margin: 1px 0 0 10px; 
   float: left;
	border:0;
}

form input.fmfile,
form input.fmtext {
	float: left; 
	display: block;
	width: 65%;
	margin-bottom: 15px;  
	padding: 3px;
}

form textarea.fmtextwide {
	display: block;
	float: left;
	width: 93%;
	margin-right: 2px;
	margin-bottom: 15px; 
	padding: 3px;
}

form .submit {
	margin-top: 15px;
	margin-right: 6em;
	text-align: right;
	clear:both;
	width: 95%;
}

/*errors {
	display: block; 
	float: left; 
	width: 27%; 
	text-align: right;
	margin: 0 10px 0 0; 
	padding-bottom: 15px;
}*/

.errorlist {
	float: left; 
	display: block;
	/*width: 65%;*/
	margin-bottom: 15px;  
	padding: 3px;
}
.errorlist h3 {
	margin-left:2em;
}

/* ##################### */
table td {
font-size:0.8em;
paddign-top:5px;
}

dl  {
	width:400px;
	margin-left:2em;
}
dt {
	width:180px;
	float:left;
}
/* HACKS*/
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
	

#event p.klein {
color:#fff;
font-weight:bold;
}
#event p.datum {
font-family:Georgia, "Times New Roman", Times, serif;
color:#fff;
font-weight:bold;
font-size:1.2em;
}