/* -------------------------------------------------*/
/* CSS-Datei zu Passaparol-muenchen.de */
/* erstellt von Ellen Hermens für @mazing Gregor Hermens */
/* am 12.07.07 */
/* -------------------------------------------------*/



* {
 margin: 0;
 padding: 0;
}

html {
 height: 101%;
}

body {
 background: #b89a68;
 font-size: 55%;
 font-family: Verdana,Helvetica,Arial, sans-serif;
 color: #242620;
}

#wrapper {
 position: relative;
 background: #f9f6f1;
 background-position: top left;
 width: 780px; /* Breite des Inhaltsbereiches */
 margin: 40px auto; /* Abstand rechts und links automatisch */
}

#header {
 position: relative; /*positioniert, aber im Fluss */
 margin: 0;
 width: 780px;
 height: 200px;
 background-color: white;
}

#zeiten {
 position: absolute;
 top: 20px;
 right: 30px;
 text-align:right;
 font-size: 120%;
 line-height: 1.45em;
}

#content {
 font-size: 130%;
 width: 650px; /* Breite des Inhaltsbereiches */
 min-height: 320px;
 margin: 10px 0 0 120px;
}

#hintergrund {
 background-color: #ffeffa;
 margin: 0;
}

#content h1 {
 font-size: 1.5em;
 letter-spacing: 0.25em;
 color: #ff0000;
 margin: .5em 0;
}

#content h2 {
 letter-spacing: 0.15em;
 font-size: 1.2em;
 margin: .5em 0;
}

#navigation {
 position: absolute;
 top: 160px;
 left: 120px;
 font-size: 130%;
 width: 650px;
}

#navigation li {
 display: inline;
 list-style-type: none;
 margin: 0 60px 0 0;
 text-align: center;
}

#navigation a {
 text-decoration: none;
 outline: none;
 color: #242620;
}

#navigation a:hover,
#navigation a:active {
 text-decoration: underline;
 color: #ff0000;
}

#navigation li.current a {
 text-decoration: underline;
 font-weight: bold;
 color: #ff0000;
}

#urlaub {
 width: 500px;
 text-align: center;
 margin: 10px auto;
}

#urlaub .csc-frame-frame2 {
 padding: 20px;
}

.csc-frame-frame2 {
 border: #ff0000 dashed 2px;
}

table { 
 width: 100%;
 table-layout: fixed;
}

.contenttable-1 .td-0 { 
 width: 80%; 
 padding-right: 5%;
}

.contenttable-1 .td-1 {
 width: 15%; 
}

table.contenttable-1 td {
 margin: .3em 0;
 padding: .3em 0;
}

.contenttable-1 i {
 font-size: 0.95em;
}

.contenttable-2 .td-0 { 
 width: 65%; 
 padding-right: 5%;
}

.contenttable-2 .td-1,
.contenttable-2 .td-2 {
 width: 15%; 
}

.contenttable-2 .td-1 {
 font-style: italic;
}


table.contenttable-2 td {
 padding: .5em 0;
}

.endofpage {
 margin: 150px 0;
 clear: both;
 text-align: center;
 color: #7c7e76;
}

.impressum {
 padding-bottom: 10px;
 clear: both;
 text-align: center;
 color: #7c7e76;
 width: 100%;
}

p.impressum a {
 color: #7c7e76;
}

p.impressum a:hover {
 color: #ff0000;
}

.csc-frame-invisible {
 clear: both;
}