* {
  margin: 0;
  padding: 0;
}

body {
  background: #ccdec0;
  font-family: Verdana, Helvetica, sans-serif;
}

h1, h2, h3, h4 {
  font-family: Arial, Helvetica, sans-serif;
  color: #414d68;

}
.bodytext {
  font-size: 16px;
}

#headerInner h1, #headerInner h2 {
  color: #ccc;
  size: 32px;
}
#headerInner {
  margin-left: 200px;
  padding-top: 30px;
}
#headerInner .csc-header {

}

#page {
  background: #ccdec0 url('../pics/background_main.png') no-repeat;
  width: 966px;
  margin: 0 auto;
}

#header {
  height: 161px;

}

#sections {
  height: 45px;
}

#mainContent {
  width: 640px;
  float: left;
}

#mainContentInner {
  margin-top: 30px;
  margin-left: 20px;
}
/* clasht mit Bildbeschreibungen der Galerie 
div #mainContentInner p {
  margin: 42px auto auto 84px;
}
*/
div #mainContentInner p.bodytext, p.align-center {
  margin: 42px auto auto 20px;
}
div #mainContentInner h2 {
    background: #ccdec0 url('../pics/background_header.png') no-repeat;
    padding-left: 80px;
    font-size: 40px;
    padding-top: 15px;
    height: 63px;
    margin-top: 62px;
}
/* hat Einfluss auf Bildergalerie, es werden keine Bildtitel angezeigt! 
div #mainContentInner h2 {
	margin-left: 84px;
	margin-top: 42px;
}
*/

div #mainContentInner h3 {
  margin-top: 20px;
  margin-left: 10px;
}

div #mainContentInner div.csc-header h2 {
	margin-left: 4px;
	margin-top: 42px;
}
div #mainContentInner ul {
  margin-left: 84px;
  margin-top: 42px;
}
ul.csc-menu {
	list-style: none;
	margin-left: 84px;
}
ul.csc-menu li {
	margin: 10px;
}
#content {
  margin-top: 42px;
}

/* 
 * Formularfeld
 */
  
form#mailform {
  margin-top: 14px;
  margin-left: 80px;
  border: 2px solid #414d68;
  padding: 18px;
  width: 400px;
}
fieldset.csc-mailform {
    border: none;
}
fieldset.csc-mailform label {
    float: left;
    width: 90px;
    text-align: right;
    padding-top: 4px; 
    /* Schrift etwas nach unten */
    margin-right: 5px; 
    /* Abstand zum naechsten Element */
}
fieldset.csc-mailform input, textarea {
    display: block; 
    /* Absatz danach */
    font-size: 14px;
    margin-bottom: 6px;
    /* damit die Eingabefelder Abstand haben */
    border: 1px solid #000;
    padding: 2px;
    /* innerhalb des Eingabefeldes */
    width: 250px;
}
fieldset.csc-mailform input#mailformformtype_mail {
  width: 100px;
  margin-left: 250px;
  margin-top: 10px;
}

/* 
 * Bildergalerie
 */
  

div.tx-rgsmoothgallery-pi1 {
  margin-top: 20px;
  margin-left: 70px;
  margin-bottom: 20px;
}


div.imageblock div.myGallery {
  margin-top: 20px;
  margin-left: 70px;
  margin-bottom: 20px;
}


/*
 * Nebenspalte
 *
 */
#secondaryContent {
  color: #414d68;
  width: 326px;
  float: left;
  background: #ccdec0 url('../pics/box_background_bottom.png') no-repeat bottom left;
}

div #secondaryContentInner {
  padding-bottom: 20px;
}
div #secondaryContentInner .more {
  padding-bottom: 20px;
  text-align: right;
}
div #secondaryContentInner .bodytext {
  padding-bottom: 0px;
}
div #secondaryContentInner a {
  color: #414d68;
}
div #secondaryContentInner h2 {
  font-size: 28px;
  padding: 30px 0px 10px 40px;
  height: 30px;
  background: #ccdec0 url('../pics/box_background_top.png') no-repeat;
}
div #secondaryContentInner h3 {
  font-size: 20px;
  padding: 0 40px;
  font-weight: normal;
  text-decoration: underline;
}
div #secondaryContentInner p, div #secondaryContentInner ul {
  padding: 0 40px;
  margin-bottom: 15px;
  font-size: 14px;
}
div #secondaryContentInner ul {
  margin-top: 40px;
  padding-left: 60px;
}

#footer {
  clear: left;
  height: 30px;
}
#footer p {
  width: 300px;
  margin: 0 auto;

}
#footer p, #footer p a {
  color: grey;
  font-size: 10px;
  line-height: 30px;
}
#footer p a {
  text-decoration: none;
}
#footer p a:active, #footer p a:hover {
  text-decoration: underline;
}

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