html, body {
  height:100%;
  margin:0px;
  padding:0px;
  border:none;
  text-align:center;
  background:url('../img/bg_body.gif') repeat-x #E8FFD3 }

:focus { outline:0 }

body, table {
  font-family: Arial,Verdana,sans-serif;
  color:#333 }

body { font-size:0.75em }
	
table {
  font-size:1em;
  border-collapse:collapse;
  border-spacing:0px }

table td { vertical-align:top }
	
div {
  text-align:left;
  background-repeat:no-repeat }

input, p, label, form, object { margin:0px }

h1 {
  color:#990000;
  margin:0px 0px 20px 0px }

h2 { color:#990000 }

h3, h4, h5, h6 {
  color:#000;
  margin:0px 0px 10px 0px }

h3 { color:#4D7A3D }

h1 { font-size:1.2em }
h2 { font-size:1em }
h3 { font-size:0.9em }
h4 { font-size:0.8em }
h5 { font-size:0.8em }
h6 { font-size:0.7em }
	
img { vertical-align:bottom }

input, textarea {
  border-width:1px;
  background-color:#CCFFCC;
  font-size:0.9em;
  border-style:inset }

input.submitButton {
  border-style:outset;
  cursor:hand;
  cursor:pointer }

input.submitButton:hover { border-style:inset }

/* --- links common --- */
a:link, a:visited, a:active, a:hover { text-decoration:none }

a:link { color:#3F4E91 } 
a:visited { color:#3F4E91 }
a:active { color:#000 }
a:hover { color:#000 }
img { border:none }

/* --- navi links --- */
li a {
  font-size:1.1em;
  font-weight:bold }

/*
#006600
#33CC33
*/

li a:link { color:#006300 } 
li a:visited { color:#006300 }
li a:active { color:#990000 }
li a:hover { color:#990000 }

ul, dl, li, dt {
  margin:0px;
  padding:0px;
  list-style-type:none }

#spacer {
  height:50%;
  width:100%;
  margin-bottom:-300px;
  float:left }
 
/* ---------------------------------------------- TYPO3-Standard-Content --- */
.csc-textpic-imagewrap, .csc-textpic-imagewrap dl {
width:auto !important;
}

.csc-textpic-clear {
height:0px !important;
font-size:0px !important;
}

div.csc-textpic-imagewrap { margin:0px 5px 5px 0px !important }

dl.csc-textpic-image { margin:0px 5px 5px 5px !important }

.csc-textpic-intext-right, .csc-textpic-intext-left { display:inline !important }

.csc-textpic-intext-left img { margin:0px 5px 5px 0px !important }

.csc-textpic-intext-right img { margin:0px 0px 5px 5px !important }

.csc-textpic-intext-left .csc-textpic-imagewrap, .csc-textpic-intext-left-nowrap .csc-textpic-imagewrap { margin-right:20px !important }


/* ------------------------------------------------------------ layout --- */
#canvas {
  clear:left;
  width:980px;
  height:550px;
  margin:0px auto;
  background:url('../img/bg_canvas.jpg') center bottom }

#head {
  width:100%;
  height:67px;
  background-image:url('../img/bg_head.jpg') }

.headIndex { background-image:url('../img/bg_head_index.jpg') !important }

#left {
  float:left;
  width:190px;
  height:357px }

#left .haertentrolle {
  width:101px;
  height:97px;
  margin-left:18px;
  background-image:url('../img/haertentrolle_logo.png');
  background-image/**/:/**/url('');
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fileadmin/template/default/img/haertentrolle_logo.png') } 

html>body #left .haertentrolle { background-image:url('../img/haertentrolle_logo.png') }

/* ------------------------------------------------------------ left navi --- */
ul#leftNavi {
  height:304px;
  margin:10px 0px 15px 18px }

ul#leftNavi li { margin-bottom:6px }

#left ul#leftNavi li.level1_cur a { color:#990000 }
#left ul#leftNavi li.level1_act a { color:#990000 }

/* ------------------------------------------------------------ sub navi --- */
#subNavi {
  width:100%;
  height:26px;
  float:right;
}

#subNavi ul { margin-left:200px }
#subNavi ul li {
  float:left;
  padding:7px 18px 0px 0px }

#subNavi ul li.level2_act a { color:#990000 }
#subNavi ul li.level2_cur a { color:#990000 }

/* ------------------------------------------------------------ content --- */
#contentCanvas {
  float:left;
  margin:3px 0px 2px 0px;
  background-position:3px 0px;
  background-repeat:no-repeat }

.pageContent {
  width:737px;
  height:404px;
  padding:12px 2px 15px 16px;
  overflow:auto }
 
.scrollMiddle .pageContent { overflow:hidden }

.pageContent h1.top, .pageContent, .pageContent h2.sub { margin-bottom:15px }

.pageContent p {
  margin-bottom:15px;
  line-height:1.4em }

#contentBox ul { margin:0px 0px 15px 10px }
#contentBox ul, 
#contentBox ul li { list-style-type:square }
#contentBox ul li {
  list-style-position:outside;
  padding-bottom:2px;
  margin-left:15px }

.pageContent ul li a { font-weight:normal }

/* ------------------------------------------------------------ leftCenterScrollBarMiddle --- */
#leftContent.info {
  float:left;
  width:449px;
  height:404px;
  padding-right:8px;
  overflow:auto }

#content.image {
  float:left;
  width:270px;
  padding-left:3px;
  height:404px }

#content.image div { display:inline !important }

/* ------------------------------------------------------------ centerBottom --- */

/* ------------------------------------------------------------ home --- */
.canvasHome {
  background-image:url('../img/bg_canvas_index.jpg') !important;
  color:#FFF }

.canvasHome h1 { color:#FFF }

.canvasHome h2, .canvasHome h3, .canvasHome h4 { color:#EEE }

/* ------------------------------------------------------------ ueber uns --- */
.contentUeberuns #leftContent.info {
  width:515px;
  overflow:auto }

.contentUeberuns #content.image {
  width:198px;
  padding-left:0px;
  font-size:0.8em }

.contentUeberuns #content.image .csc-textpic { height:133px !important }

.contentUeberuns #content.image img {
  width:88px;
  height:116px;
  border:1px solid #FFF }

.contentUeberuns #content.image div.csc-textpic-imagecolumn { padding-left:9px }

/* ------------------------------------------------------------ Team / Freie Mitarbeiter --- */
.contentTeam #leftContent.info, .contentFreieMitarbeiter #leftContent.info {
  width:511px;
  overflow:auto }

.contentTeam #content.image, .contentFreieMitarbeiter #content.image {
  width:206px;
  padding:2px 0px 0px 2px;
  margin-top:35px;
  font-size:0.8em;
  background-image:url('../img/rahmen-lebenslauf.gif') }

.contentTeam #content.image img, .contentFreieMitarbeiter #content.image.img {
  width:200px; !important;
  height:300px !important;
  border:none !important }

/* ------------------------------------------------------------ haertentrolle --- */
.contentHaertentrolle { background-image:url('../img/bg_content_haertentrolle.jpg') !important }

/* ------------------------------------------------------------ angebote --- */
/* .contentAngebote { background-image:url('../img/bg_content_angebote.jpg') !important } */

/* ------------------------------------------------------------ termine --- */
.contentTermine .tx-cal-controller div.list a {
  display:block;
  margin-bottom:3px;
  font-weight:bold }

.contentTermine .tx-cal-controller div.list {
  border-bottom:1px solid #000;
  margin-bottom:15px }

.contentTermine #calendar-event h2 {
  padding-top:15px;
  border-bottom:1px solid #999 }

.contentTermine #calendar-event-backlink { margin-top:20px }

.contentTermine fieldset#calendar-event { padding:0px 5px 5px 5px }

.contentTermine .tx-cal-controller form.anmeldungList,
.contentTermine .tx-cal-controller form.anmeldungEvent {
  display:block;
  float:right }
 
.contentTermine .tx-cal-controller form.anmeldungList { margin:-5px 0px 0px 0px }
.contentTermine .tx-cal-controller form.anmeldungEvent { margin:3px 0px 0px 0px }

.contentTermine .tx-cal-controller form.anmeldungList input,
.contentTermine .tx-cal-controller form.anmeldungEvent input {
  border-style:outset;
  cursor:hand;
  cursor:pointer }

.contentTermine .tx-cal-controller form.anmeldungList:hover input,
.contentTermine .tx-cal-controller form.anmeldungEvent:hover input {
  border-style:inset;
  color:#33CC33 }

.contentTermine .pagebrowser span { padding-right:5px }
.contentTermine .pagebrowser span.navi { padding-left:15px }

/* ------------------------------------------------------------ anmeldung --- */
/* .canvasAnmeldung { background-image:url('../img/bg_canvas_busch.jpg') !important } */

.pageContent form.mailformplus p.kurs {
  padding:2px 0px 0px 10px;
  margin-bottom:10px;
  color:#1B38B3 }

/* ------------------------------------------------------------ kontakt --- */
.contentKontakt .pageContent { overflow:hidden }

/* ------------------------------------------------------------ links --- */
/*.canvasLinks { background-image:url('../img/bg_canvas_busch.jpg') !important } */

.canvasLinks .pageContent { }

/* ------------------------------------------------------------ impressum --- */
.pageContent.impressum p.info {
  float:left;
  padding-right:50px }

.pageContent p.subinfo { clear:left }

/* ------------------------------------------------------------ mailform / mailformplus --- */
.pageContent div.csc-mailform-field {
  width:420px;
  font-weight:bold;
  margin-bottom:3px;
  border:none;
  font-size:0.9em }

.pageContent form.mailformplus label {
  font-weight:bold;
  font-size:0.9em }

.pageContent div.csc-mailform-field input, .pageContent form.mailformplus input {
  width:420px;
  font-weight:normal;
  margin-bottom:3px;
  padding:2px;
  font-size:1em }
 
.pageContent form.mailformplus span.error {
  color:#FF0000;
  font-size:0.9em;
  padding-left:10px }

.pageContent form.mailformplus input.captcha { width:50px !important }
.pageContent form.mailformplus input#error_captcha { border:1px solid #FF0000 }
.pageContent form.mailformplus span.captcha { font-size:0.9em }

.pageContent .csc-mailform-submit, .pageContent form.mailformplus input.submit {
  padding:0px 5px;
  width:80px !important;
  margin-top:5px;
  border-style:outset;
  font-size:0.9em;
  cursor:hand;
  cursor:pointer }

.pageContent form.mailformplus input.submit { margin-left:35px }

.pageContent .csc-mailform-submit:hover, .pageContent form.mailformplus input.submit:hover {
  border-style:inset;
  color:#33CC33 }
  
/* ------------------------------------------------------------ Fotogalerie --- */
.contentFotogalerieMenu .csc-textpic {
  float:left !important;
  display:block !important;
  width:150px !important;
  padding:0px 14px 10px 14px !important;
  margin:0px !important }
 
.contentFotogalerieMenu .csc-textpic dt { height:auto !important  }

.contentFotogalerieMenu .csc-textpic dd.csc-textpic-caption {
  font-size:0.9em;
  text-align:center }

.contentFotogalerieMenu .csc-textpic-image dt img {
  width:150px !important;
  height:150px !important;
  border:1px solid #FFF }
  
.contentFotogalerieMenu div.csc-textpic-imagewrap { margin:0px !important }

.contentFotogalerieMenu dl.csc-textpic-image { margin:0px !important }

.contentFotogalerie .csc-textpic a {
  display:block;
  float:left;
  width:120px !important;
  height:120px !important;
  border:1px solid #FFF;
  text-align:center !important;
  margin:0px 27px 10px 0px }

.contentFotogalerie .csc-textpic-text a.internal-link {
  border:none;
  clear:both;
  width:auto !important;
  height:auto !important }

.contentFotogalerie .csc-textpic a img.fgimg {
  display:block;
  margin-left:auto !important;
  margin-right:auto !important }

/* ------------------------------------------------------------ Presseartikel --- */
.contentPresse .csc-header h1 {
  margin-bottom:3px !important;
  font-size:1em !important }
  
.contentPresse div.csc-textpic-imagewrap, .contentPresseartikel div.csc-textpic-imagewrap { margin:0px !important }

.contentPresseartikel dl.csc-textpic-image, .contentPresse, dl.csc-textpic-image { margin:0px !important }

/* ------------------------------------------------------------ Malvorlagen --- */
.contentMalvorlagen #content { float:left }

.contentMalvorlagen #content h1.csc-firstHeader { margin-bottom:10px !important }

.contentMalvorlagen .csc-textpic {
  float:left !important;
  padding:0px !important;
  height:174px !important;
  width:174px !important;
  margin:0px 6px 6px 0px !important;
  background-image:url('../img/bg_malvorlagen.jpg') !important }

.contentMalvorlagen .csc-textpic div img {
  width:170px !important;
  height:170px !important }

.contentMalvorlagen #bottomContent {
  clear:both;
  padding-right:25px }

.contentMalvorlagen #bottomContent h3.csc-firstHeader { margin-bottom:0px !important }

/* ------------------------------------------------------------ guestbook --- */
.tx-veguestbook-pi1 { width:720px }

.tx-veguestbook-pi1 form { clear:both }

.tx-veguestbook-pi1 h1 { padding-top:20px }

.tx-veguestbook-pi1 .tx-guestbook-header {
  color:#000;
  padding:5px 0px 0px 0px;
  background-color:transparent;
  border-bottom:1px solid #000 }

.tx-veguestbook-pi1 h2.tx-guestbook-header { clear:both }

.tx-guestbook-left {
  float:left;
  height:4em;
  width:12em;
  min-height:4em;
  padding: 1em;
  background-color:transparent;
  width:21% }

.tx-guestbook-right {
  float:left;
  border:inset;
  border-width:1px;
  width:70%;
  padding:5px 5px 0px 5px;
  background-color:transparent }

.tx-veguestbook-pi1 .tx-guestbook-field {
  width:720px;
  clear:both;
  float:left;
  margin-bottom:5px }

.tx-veguestbook-pi1 .tx-guestbook-field label {
  clear:both;
  display:block;
  float:left;
  width:10em }

.tx-veguestbook-pi1 .tx-guestbook-field span.tx-guestbook-form-obligationfield { color:#FF0000 }

.tx-veguestbook-pi1 .tx-guestbook-field input.tx-guestbook-form-inputfield-med,
.tx-veguestbook-pi1 .tx-guestbook-field input.tx-guestbook-form-inputfield-big {
  display:block;
  float:left;
  width:20em }

.tx-veguestbook-pi1 .tx-guestbook-form-textarea {
  display:block;
  float:left;
  width:400px;
  height:150px;
  font-size:1em }

.tx-veguestbook-pi1 p.tx-guestbook-form-error {
  color:#FF0000;
  font-weight:bold }

.tx-veguestbook-pi1 input.tx-guestbook-submit {
  width:auto;
  display:block;
  float:left;
  padding:0px 5px;
  border-style:outset;
  cursor:hand;
  cursor:pointer }

.tx-veguestbook-pi1 input.tx-guestbook-submit:hover {
  border-style:inset;
  color:#33CC33 }

.tx-veguestbook-pi1 .tx-guestbook-latest p.tx-guestbook-date,
.tx-veguestbook-pi1 .tx-guestbook-right p.tx-guestbook-date { font-weight: bold }

.tx-veguestbook-pi1 .tx-guestbook-right h3 {
  color:#1B38B3;
  font-weight:bold }

.tx-veguestbook-pi1 .tx-guestbook-right .tx-guestbook-comment {
  font-size:0.9em;
  color:#666;
  font-style:italic }

.tx-veguestbook-pi1 .tx-guestbook-latest {
  display:block;
  padding:0.25em;
  clear:both }

.tx-veguestbook-pi1 legend { display:none }
.tx-veguestbook-pi1 .tx-guestbook-clear {
  clear:both;
  display:block }

/* ------------------------------------------------------------ Impressum --- */
.canvasImpressum { background-image:url('../img/bg_canvas_impressum.jpg') !important }
.canvasImpressum #leftContent,
.canvasImpressum #content,
.canvasImpressum #rightContent {
  float:left;
  padding:0px;
  width:32% !important;
  height:auto }

.canvasImpressum #bottomContent { clear:both }

/* ----------------------------------------------------------- Newsletter --- */
#dms {
  position:absolute;
  margin:10px 0px 0px 550px }

form.dmsForm { font-size:0.9em }
form.dmsForm label {
  display:block;
  font-weight:bold;
  margin-top:10px }

form.dmsForm input { font-size:1em }

form.dmsForm input.text {
  display:block;
  width:300px }

form.dmsForm input.submitButton {
  display:block;
  margin-top:15px }

form.dmsForm a.unsubscribe, a.dmsUnsubscribe {
  margin-top:15px;
  display:block }

form.dmsForm div.error { color:#FF0000 }