/***** general *****/
body, div, p, br, table, td, ol, ul, li, form {
  font-family: Lucida Grande, Verdana, Arial, sans-serif;
  font-size: 1em;
  color: #333;
}

body {
  margin: 0px;
  padding: 0px;
  background-image: url(../images/rauhfasertapete.jpg);
  background-color: #ffffff;
  font-size: 62.5%; /* Resets 1em to 10px */
}

h1 { font-size:1.6em; font-weight:bold; }
h2 { font-size:1.4em; font-weight:bold; }
h3 { font-size:1.2em; font-weight:bold; }
h4, h5, h6 { font-size:1.0em; font-weight:bold; }

a:link    { color: #4848c6; text-decoration: none; }
a:visited { color: #4848c6; text-decoration: none; }
a:hover   { color: #4848c6; text-decoration: underline; }
a:active  { color: #4848c6; text-decoration: none; }
a:focus   { color: #4848c6; text-decoration: underline; }

/* #22256a */

table.align-top td {
  vertical-align: top;
}

#page {
	width: 100%;
  padding-top: 10px;
}

#leftside {
	width: 253px;
	float: left;
}

#rightside {
	width: 224px;
	float: right;
  font-size: 1.2em
}

#content {
	width: 526px;
	margin-left: 253px;
  font-size: 1.2em
}

/***** leftside *****/
#logo {
  padding: 10px 0 0 20px;
}

#menu_top {
	width: 253px;
	height: 165px;
	margin-top: 25px;
	background: url(../images/navi_left_abroller_oben.png) no-repeat;
}

#menu_middle {
	width: 192px;
	padding: 10px 26px 1px 35px;
	background: url(../images/navi_left_abroller_papier.png);
}

#menu_bottom {
	width: 253px;
	height: 59px;
	background: url(../images/navi_left_abroller_unten.png) no-repeat;
}

/***** content *****/
.first_top {
	width: 526px;
	height: 99px;
	background: url(../images/kalender_first_oben.png) no-repeat;
}

.first_text {
	width: 445px;
  margin: 0px;
	padding: 1px 36px 1px 45px;
	background: url(../images/kalender_first_blatt.png);
}

.first_bottom {
	width: 526px;
	height: 42px;
	background: url(../images/kalender_first_unten.png) no-repeat;
}

.note_top {
  width: 526px;
	height: 55px;
	background: url(../images/kalender_hell_oben.png) no-repeat;
}

.note_text {
	width: 445px;
	padding: 1px 36px 1px 45px;
	background: url(../images/kalender_hell_blatt.png);
}

.note_bottom {
  width: 526px;
  height: 26px;
  background: url(../images/kalender_hell_unten.png) no-repeat;
}

/***** rightside *****/
#right_top {
	width: 224px;
	height: 103px;
	background: url(../images/zettel_oben.png) no-repeat;
}

#right_middle {
	width: 192px;
	padding: 1px 15px 1px 17px;
	background: url(../images/zettel_papier.png);
}

#right_bottom {
	width: 224px;
	height: 26px;
	background: url(../images/zettel_unten.png) no-repeat;
}

#right_note2 {
	width: 174px;
	height: 255px;
	padding: 45px 25px 1px 25px;
	background: url(../images/zettel2.png) no-repeat;
  text-align: center;
}

/***** contact *****/
#contact_top {
	width: 526px;
	height: 83px;
  margin-top: 20px;
  background: url(../images/leave_comment_oben.png) no-repeat;
}

#contact_middle {
	width: 526px;
  height: 316px;
}

#contact_left_large {
  width: 66px;
  height: 316px;
  float: left;
  background: url(../images/leave_comment_links_large.png) no-repeat;
}

#contact_form_large {
  width: 419px;
  height: 316px;
  float: left;
  background: #eeeeee;
}

#contact_right_large {
  width: 41px;
  height: 316px;
  background: url(../images/leave_comment_rechts_large.png) no-repeat;
  float: left;
}

#contact_bottom {
  width: 526px;
  height: 39px;
  background: url(../images/leave_comment_unten.png) no-repeat;
}

fieldset {
  border: none;
  padding-top: 10px;
  padding-left: 10px;
}

label {
  float: left;
  width: 75px;
  display: block;
}

.csc-mailform-field {
  padding: 0.25em 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.5em;
	color: #777;
}

.csc-mailform-label {
	font-family: Arial, Helvetica, sans-serif;
}

.csc-mailform-submit {
  margin-left: 300px;
}

/***** htmlArea RTE *****/
.htmlarea-content-body {
	margin:0;
	padding: 3px 67px 3px 3px;
	background-color:#ffffff;
	background-image: none;
  font-family: Lucida Grande, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #333;
}

/***** Text *****/
span.fett { font-weight:bold; }
span.kursiv { font-style:italic; }

span.rot {
  color: #cf0000;
}

span.dunkel_rot {
  color: #830a08;
}