/*
 * Projekt: http://www.michaela-didyk.de/
 *
 * (c)2005 @mazing - Gregor Hermens  http://www.a-mazing.de/
 * Neues Design 25.01.2008
 */

* {
 font-family: Arial,Verdana,Helvetica,sans-serif;
}

/* Colors:
  Hellgrün:     #eff3ce
  Kästchengrün: #b6bf6d
  Kästchenrand: #9ca742
  Schriftfarbe: #798802
  Link Visited: #505a01
  Logo-Rot:     #c2511e
  Menüback-Rot/Rosa: #fcf3f3
*/

body {
 margin: 0;
 border: 0;
 padding: 0;
 font-size: 95%;
 color: #798802;
 background-color: #eff3ce;
 width: 100%;
}

img#wasserzeichen {
  position: absolute;
  top: 180px;
  left: 765px;
  z-index: 10;
}

#titel-logo img {
 margin: 10px;
}

a img {
 border: 0;
}

h1, h2, h3, h4, h5 {
 font-family: Times,serif; 
 color: #c2511e;
 margin: 0;
 padding: .7em 1em .15em 0;
}

#wrapper {
  position: relative;
  margin-top: 150px;
  width: 900px;
  padding-bottom: 50px;
  z-index: 20;
}


/* -----------------------------
--- Content
--------------------------------*/

#content {
  position: absolute;
  top: 23px;
  left: 200px;
  z-index: 50;
  width: 720px;
  min-height: 40em;
  padding: 25px;
  padding-bottom: 50em;
  margin-bottom: 50px;
  border-top: #9ca742 solid 3px;
  border-left: #9ca742 solid 25px;
  border-right: none;
  border-bottom: #9ca742 solid 3px;
  background: url(/fileadmin/michaela-didyk/images/neues-design/papierrand_weiss.gif) right repeat-y;
  background-position: 762px;
  background-color: #fff;
}

#content_rand_top {
  position: absolute;
  top: 0px;
  left: 198px;
  height: 35px;
  width: 420px;
  background: url(/fileadmin/michaela-didyk/images/neues-design/content_obere_kante.gif) no-repeat;
  z-index: 100;
}

#content_rand_rechts {
  position: absolute;
  top: 26px;
  left: 987px;
  height: 500px;
  width: 35px;
  background: url(/fileadmin/michaela-didyk/images/neues-design/papierrand_weiss.gif) repeat-y;
  z-index: 100;
}

#content_rand_links {
  position: absolute;
  top: 35px;
  left: 186px;
  height: 303px;
  width: 70px;
  background: url(/fileadmin/michaela-didyk/images/neues-design/content_linke_kante.gif) no-repeat;
  z-index: 100;
}

#content h1 {
  font-size: 1.8em;
}

#content h1.csc-firstHeader {
  font-size: 1.5em;
}

#content h2 {
  font-size: 1.4em;
}

#content h3 {
  font-size: 1.2em;
}

#content h4 {
  font-size: 1.1em;
}

#content h5 {
  font-size: 1.1em;
}

#content p,
#content form {
 margin-left: 2.5em;
 margin-right: 2.5em;
}

#content ul {
 margin-left: 2.5em;
 margin-right: 2.5em;
 list-style-type: square;
}


#content a {
 color: #c2511e;
}

#content a:hover {
 text-decoration: none;
}

#content a:visited {
 color: #c2511e;
 text-decoration: none;
}

#contentrand img {
 margin-top: 35px;
}

/* -----------------------------
--- Header
--------------------------------*/
#header {
  position: absolute;
  top: 0px;
  left: 0;
  z-index: 25;
}

/* -----------------------------
--- Navigation
--------------------------------*/
#navigation {
 position: absolute;
 top: 20px;
 left: 340px;
 width: auto;
 border: 0;
 border-collapse: collapse;
 font-size: .9em;
 table-layout: fixed;
 z-index: 200;
}

#menu td {
 width: 4em;
 height: 4em;
 text-align: left;
 vertical-align: bottom;
 font-weight: bold;
 margin: 0;
 border: 0;
 padding: 0;
}

#menu td.navileft {
 width: 300px;
}

#menu td.link {
 background-color: #fcf3f3;
}

#menu td.space {
 width: 1em;
}

#menu td a {
 margin: 0;
 padding: 0;
 line-height: 1em;
 text-decoration: none;
 color: #798802;
}


#menu td.link:hover {
 color: white;
 background-color: #9ca742;
}

#menu td.link:hover a {
 color: white;
}

#menu td.selected,
#siteId-2 #menu #menuid3 {
 color: white;
 background-color: #9ca742;
 vertical-align: top;
}

#menu td.selected a,
#siteId-2 #menu #menuid3 a {
 color: white;
}

#sub-menu td {
 border: 0;
 padding: 0;
}

#sub-menu ul {
 margin: .5em 0 0 0;
 padding: 0;
 list-style-type: none;
}

#sub-menu li {
 text-align: left;
 margin: 0;
 padding: 0;
 background-color: #eff3ce;
}

#sub-menu li a {
 text-decoration: none;
 color: #798802;
}

#sub-menu li a:hover {
 color: #c2511e;
 background-color: #eff3ce;
}

#sub-menu li.current a {
 color: #c2511e;
 text-decoration: underline;
}



/* -----------------------------
--- Terminspalte
--------------------------------*/

#termin_spalte {
 position: absolute;
 top: 174px;
 left: 10px;
 width: 170px;
 padding: 0 .25em;
 z-index: 100;
}

#termin_spalte dt {
 font-weight: bold;
}

#termin_spalte dd {
 margin: 0 0 1em 1em;
}

#termin_spalte a {
 font-weight: bold;
 color: #505a01;
 font-size: .9em;
}

 
#termin_spalte a:visited {
 color: #798802;
}

#termin_spalte a:hover {
 color: #c2511e;
}

#termin_spalte h1 {
 font-size: 1.5em;
 font-family: Times,serif; 
 color: #c2511e;
 margin: 0;
 padding: .7em 1em .15em 0;
}

#termin_spalte .csc-header h2 {
 font-size: 1em;
 margin: 1em 0 .25em 0;
 padding: 1em 0 0 0;
 font-family: Arial,Verdana,Helvetica,sans-serif;
 color: #798802;
}

#termin_spalte p {
 margin-top: 0;
}

#termin_spalte form {
 margin-bottom: 1em;
}

#termin_spalte #email {
 width: 150px;
}

#termin_spalte #bloglink {
 font-size: .9em;
}

/* -----------------------------
--- Wandelspiel
--------------------------------*/

.tx-onetrandomcontent-pi1 {
 margin: 20px;
 padding:  25px 0 0 28px;
 background-image: url(/fileadmin/michaela-didyk/images/neues-design/zitat-gaensefuesschen.gif);
 background-repeat: no-repeat;
 font-size: 1.25em;
}

.tx-onetrandomcontent-pi1 .italic {
 font-size: 0.9em;
}

a.button {
 display: block;
 color: #fff;
 background-color: #b6bf6d;
 width: 4em;
 height: 3.25em;
 font-size: 0.9em;
 text-align: center;
 float: right;
 margin: 0 10em 0 0;
 padding: .75em 0 0 0;
 border-top: #eff3ce 4px solid;
 border-right: #eff3ce 4px solid;
 border-bottom: #9ca742 4px solid;
 border-left: #9ca742 4px solid;
}

#content a.button:active {
 color: #fff;
/* background-color: #eff3ce;
*/
 border-bottom: #eff3ce 4px solid;
 border-left: #eff3ce 4px solid;
 border-top: #9ca742 4px solid;
 border-right: #9ca742 4px solid;
}

/* -----------------------------
--- Allgemeine Formatierungen 
--------------------------------*/

.clear {
 clear: both;
}

.right {
 float: right;
}

.left {
 float: left;
}

.img_right {
 float: right;
 margin: 0 0 .5em 1.2em;
}

em {
 font-weight: bold;
 font-style: normal;
}

.italic {
 font-style: italic;
}

.bold {
 font-weight: bold;
}

.csc-frame-frame1 {
 margin-top: 6em;
}


/* CSC-Mailform */

fieldset.csc-mailform {
 border: 0;
 padding: 0;
}

.csc-mailform-field fieldset {
 border: 0;
 padding: 0;
}

.csc-mailform-field fieldset legend {
 display: none;
}

.csc-mailform-field {
 margin-top: .25em;
}

.csc-mailform label {
 display: block;
 width: 11em;
 text-align: left;
 float: left;
 clear: left;
 padding-right: .5em;
}

.csc-mailform .csc-mailform-radio label {
 display: inline;
 width: inherit;
 text-align: left;
 float: none;
 clear: none;
 padding-right: 0;
}

.csc-mailform-submit {
 font-size: 1em;
 margin-left: 11.5em;
}

#termin_spalte .csc-mailform-submit {
 margin-left: 0;
}

textarea {
 font-size: 1em;
 font-family: monospace;
}

/* Newsletteranmeldung */

#c121+form .csc-mailform label {
 width: 3em;
}

#c121+form .csc-mailform-submit {
 margin-left: 3.5em;
}