/* Farbkonzept: 
Hintergrund: orange 
Newsbox-Hintergrund: #ffffc6
Navigationstabs-Hintergrund: #ffffc6
Umrandung fuer Navigation: #9c0

Hintergrund: white
Ueberschriften: #9c0
Link a: #060
Besuchter Link a:visited #060
Hoover-Link: a:hoover orange
"Lesen Sie den ganzen Artikel": #a0a2a3
Hintergrund: #f7f9f7

*/


* { 
   margin: 0px; padding: 0px; font-size: 100.01%; }
html { 
   font-size: 62.5%; height: 100%; }
body { 
   font: 1.1em Verdana, sans-serif; line-height: 1.3em;
   background: #ffffc6 url("/layout/seitelogo.png") no-repeat
   right top fixed; height: 100%; }
* html body { }
a { 
   color:  #060; }
a:visited { 
   color: #060; }
a:hover { 
   background: orange; }
h1,h2,h3,h4,h5 { 
   color: #060; }
h1.sitename { 
   font: 2.3em 'arial bold', 'arial black', arial, Verdana,
   sans-serif; text-align: center; font-weight: normal; }
h2 { 
   font: 1.5em Verdana, sans-serif; font-weight: bold; 
   margin-bottom: 0.5em; margin-top: 0.5em; }
blockquote { 
   margin-left: 2em; }
ul { 
   list-style-type: disc; list-style: outside; 
   margin-left: 1.3em; }
ol { 
   list-style: outside; margin-left: 3em; }
h3,h4,ul,p { 
   margin-bottom: 1em; }
h3 { 
   font-size: 1.4em; }
#header { 
   height: 260px; position: relative; 
   /* brauchen wir damit wir #header ul absolut *zum* *Parent* (#header) positionieren können */
margin-top: 0px; width: 750px; background: url("/layout/h37header2.png") top left no-repeat; }
#header ul { position: absolute; 
/* zum Parent weil der 'relative' ist */
bottom: 6px; margin: 0px; width: 100%; text-align: center; list-style: none; }
#header ul li { position: relative; top: -8px; background: #ffffc6; display: inline; margin-right: 4px; margin-left: 0; padding: 5px 0px; }
#header ul li.active { position: relative; top: 0px; background: white; } 
#header ul li a { display: inline; padding: 5px 5px; font-weight: bold; text-decoration: underline; color: #060; }
#header ul li.active a { color: #060; }
#header h1 a { text-decoration: none; }
#header h1 a:hover { text-decoration: underline; 	background: transparent; }
#wrap { 	width: 750px; margin: 0 20px; padding-top: 15px; padding-bottom: 1px; padding-left: 15px; padding-right: 15px; }
#outer { width: 800px; padding: 0; padding-right: 20px; margin: 0px auto; background: transparent url("/images/74.png") repeat-y right bottom; min-height: 100%; }
h2.seitentitel a { font: inherit;
	text-decoration: none;
	color: inherit;
	text-transform: capitalize;
}
#main {
   padding: 1em;            /* siehe IEbugs.css */
   float: left; 
margin-top: 10px; padding-top: 0; 
margin-right: 0; width: 500px;            /* siehe IEbugs.css */ }
#main.single { width: 730px; }
#main.kalender { float: none; width: 100%; padding: 0px; margin: 0px; }
#main h3 a
{

	text-decoration: none;
}

#main h3.titleonly a
{
	text-decoration: underline;
}

#main h3.titleonly a:visited
{
	text-decoration: underline;
}

#footer
{
       /* text-align: center; */
       border-top: 1px solid gray;
       width: 95%;
       margin-left: auto;
       margin-right: auto;
}

#breit
{
	padding: 0 1em 1.5em;
	width: 500px;
	background: brown;
}

p.meta
{
	color: #a0a2a3;
	font-weight: normal;
	font-size: 0.9em;
	padding: 0.3em;
	background: #f7f9f7;
	margin-bottom: 2.5em;
}

p.meta a
{
	text-decoration: underline;
}


pre 
{
        font-family: 'Courier New', Courier, monospace;
        font-size: 1.2em;
}

pre#raumanfrage
{
        border: 1px solid gray;
        padding: 1em;
        margin-bottom: 1em;
        background: #f7f9f7;
}

div.excerpt
{
	border: 1px dashed #9c0;
	margin-bottom: 1.5em;
	padding-top: 1em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 0;
}

div.excerpt p.meta
{
	margin-bottom: 0;
	padding-bottom: 0.5em;
	margin-right: -0.5em;
	margin-left: -0.5em;
}

#sidebar
{
	float: right;
	width: 220px;
	margin-left: 0px; /* was 10px */
	margin-top: 10px;
}

#newsbox
{
	padding: 0.5em;
	margin: 0px;
	background: #ffffc6;
	color: red;
                  border: 1px dashed #9c0;
}

#darunter
{
     /* width: 198px; */
	margin: 0px;
	margin-top: 12px;
        margin-bottom: 1.5em;
	padding: 1em;
	color: #060;
	background: #ffffc6;
	border: 1px dashed #9c0;
}

#darunter ul
{
	list-style-type: disc;
	margin-bottom: 1.5em;
	padding-left: 1em;
}

#darunter ul.externe-links
{
	list-style-image: url("/images/44.gif");
	margin-left: 10px; 
}



#darunter li
{
	margin-left: 0;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
}

#darunter li a
{
	text-decoration: underline;
}

#darunter p
{
	font-size: 0.9em;
	margin-bottom: 1.5em;
}

#darunter h3
{
	font-size: 1.1em;
	margin-bottom: 0.7em;
}

#newsbox h3,#newsbox h4,#newsbox ul,#newsbox p
{
	margin-bottom: 0.5em;
}

#search
{
	width: 95%;
	margin-bottom: 1.5em;
}

#s
{
	width: 100%;
}

#search input
{
	border: 1px solid #0c6;

	padding: 0.2em;
	margin-bottom: 1.5em;
}

.comments h5
{
	margin-bottom: 0.3em;
}

input,textarea, select
{
	font-size: 1.1em;
	padding: 0.2em;
	border: 1px solid #9c0; 
}

#txpCommentInputForm label,#zemContactForm label
{
	width: 10em;
	float: left;
}

#txpCommentInputForm,#zemContactForm

{
	width: 95%;
	margin: 2em 0;
}


#preview,#zemSubmit
{
	margin-left: 10em;
	text-transform: capitalize;
}

#message
{
	width: 95%;
}

textarea
{
	font: 1em Verdana, sans-serif;
}

input + input
{
	margin-left: 0.5em;
}

table
{
	margin-bottom: 1em;
	border: 1px solid gray;
	border-collapse: collapse;
}

table.rahmenlos,
table.rahmenlos td,
table.rahmenlos th,
table.rahmenlos tr
{

	border-width: 0;
}

tr,td,th
{
	padding: 0.3em 0.5em;
	border: 1px solid gray;
	vertical-align: top;
}

form.druckbutton
{
	text-align: center;
}

form.druckbutton input
{
	margin: 0.7em auto;
}

#search input:hover,input:hover,textarea:hover
{
	background: orange; 
}

.comments li,#txpCommentInputForm p,#zemContactForm p
{
	margin-bottom: 0.6em;
}


div.bild
{
	float: left;
	padding-right: 0;
        margin: 10px;
        margin-left: 70px;
        border: 3px solid white;
        background: #ffffc6; 
        width: 250px;
}

div.rechts
{
        float: right;
	padding: 0;
        margin-top: 0px;
        margin-left: 20px;
        margin-right: 0px;
}


div.links
{
        float: left;
	padding: 0;
        margin-top: 0px;
        margin-right: 20px;
        margin-left: 0px;
}

div.bild:hover
{ 
        border-color: orange;
}

div.bild img
{
	border: 0px;
	margin: 0px;
}

a.bild-link
{
	border: 0px;
	margin: 0px;
        padding: 0px;
        text-decoration: none; 
}

a.bild-link:hover
{
        background-color: #ffffc6; 
        text-decoration: underline;
}


a.bild-link:hover p
{
   
        text-decoration: underline;
}


div.bildunterschrift
{
	text-align: center;
	margin: 0;
	padding: 0em 1em 0.5em;
}

div.bildunterschrift p
{
	margin: 0;
        padding: 0;
	
}


.clear 
{ 
        clear: both;
}



.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix { display: inline-block; }
/* Vor IE/Mac verstecken \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* Ende des Verstecks */

.kalzelle { position: relative; }
.zelle { position: absolute; border: 1px solid; width: 98%; 
border-radius: 5px;
box-shadow: 2px 2px 6px rgba(0,0,0,0.6); }
.normal { background-color: #ccffcc; color: green;}
.unbeheizt { background-color: #ccccff; color: #000066;}
.publikum { background-color: #ffcccc; color: #660000;}
.anfrage { background-color: #ffffcc; color: #663300;}
.schatten { border: 3px red dotted; }
.heute { background-color: orange; }
.vergangen { background-color: #dddddd; color:#888888; }

.odd { background-color: #ffffff; }
.even { background-color: #eeeeee; }
.rechts { text-align: right; }
.mitte { text-align: center; }
.links { text-align: left; }

.detailbox { background-color: #ccffcc; padding: 10px; margin: 12px 0 0 0; line-height: 1.2em;}

div.errorbox { font-size: 12px; font-weight: bold; border: 1px dashed #9c0;
padding: 1em;
background-color: #ffcccc; }

#navi { height: 60px; float:left; 
	position: relative; 
	/* brauchen wir damit wir #header ul absolut *zum* *Parent* (#header) positionieren können */
	margin-top: 0px; 
	width: 750px; 
	background-color: white; 
	border-bottom: 1px solid grey;}
#navi ul { position: absolute; 
	/* zum Parent weil der 'relative' ist */
   /* bottom war 6px */
	bottom: 1px; 
	margin: 0px; 
	width: 100%; 
	text-align: center; 
	list-style: none; }
#navi ul li { position: relative; 
	top: -8px; 
	background: #ffffc6;
	display: inline; 
	margin-right: 4px; 
	margin-left: 0; 
	padding: 5px 0px; }
#navi ul li.active { position: relative; 
	top: 0px; 
	background: #eeeeee; 
	border: 1px solid grey;} 
#navi ul li a { display: inline; padding: 5px 5px; font-weight: bold;
	text-decoration: underline; color: #060; }
#navi ul li input { position: relative; background: #ffffff;
	display: inline; margin-right: 0px; margin-left: 3px; padding: 1px; }
#navi ul li.active a { color: #060; }
#navi h1 a { text-decoration: none; }
#navi h1 a:hover { text-decoration: underline; background: transparent; }

#abstand { float:left; 
	position: relative; 
	/* brauchen wir damit wir #header ul absolut *zum* *Parent* (#header) positionieren können */
	margin-top: 0px; 
	width: 750px; 
	background-color: #eeeeee; }