/*
-------------------------------------------------------------------
CSS for typo3 styled content
-------------------------------------------------------------------
*/


/*
###########################
CSC Elements               
###########################
*/

body {
  font-family: Arial, sans;
  font-size:10px;
}
   
a {
  color:#ff0000;
  text-decoration:none;
}


a:hover {
  color:#ff8080;
  text-decoration:underline;
}

h1 {
 color:#999999;
 font-family:Arial,Verdana, sans;
 font-size:18px;
 padding:0px;
 padding-bottom:8px;
 font-weight:normal;
 margin: 0px 0px;
}

h2 {
 color:#000000;
 font-family:Arial,Verdana, sans;
 font-size:13px;
 padding:0px;
 font-weight:bold;
 margin: 0px 0px;
}


.csc-firstHeader {
 color:#999999;
 font-family:Arial,Verdana, sans;
 font-size:18px;
 padding:0px;
 font-weight:normal;
 /*
 border-bottom-width:1px;
 border-bottom-style:solid;
 border-bottom-color:#e0e0e0;
 */
}


.csc-frame {

}

.csc-frame-frame1 {
}






/*
###########################
 New Stuff
###########################
*/


li {
    font-family:Arial,Verdana,sans;
    font-size:12px;
}


.csc-textpic, .csc-textpic-text {
  padding:0px;
  margin:0px 0px;
}

/* ueberschreibt csc Setting - rahmen nur fuer Bild */
DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
	border: 2px solid #d0d0d0;
}

/* komplettes Bild bekommt grauen hintergrund
.csc-textpic-border .csc-textpic-imagewrap {
  border:1px solid #f0f0f0;
  background-color:#f0f0f0;
}
*/

/* Alle Bildunterschriften */
.csc-textpic-caption {
    font-family:Arial,Verdana,sans;
    font-size:12px;
}


.csc-frame-rulerAfter {
  border:0px;
  border-top:1px solid #e0e0e0;
  height:8px;
  clear:both;
}

.csc-frame-rulerBefore {
  border:0px;
  border-top:1px solid #e0e0e0;
  height:8px;
  clear:both;
}

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


/*
FORMS
*/

.csc-mailform {
  margin: auto;
  border-style:solid;
  border-width:1px;
  padding:16px;
  border-color:#e0e0e0;
  background-color:#ffffff;
}

.csc-mailform-field {
  font-family:arial,verdana;
  padding-bottom:8px;
}

.csc-mailform-field label {
  font-family:arial,verdana;
  font-size:12px;
  display:block;
  float:left;
  width:150px;
}

.csc-mailform-field input, .csc-mailform-field textarea {
  border:1px solid #888888;
}

.csc-mailform-submit {
  margin:0 150px;
}


/* 
  Interessentenformular
*/

 .csc-intform {
  margin: auto;
  border-style:solid;
  border-width:1px;
  padding:16px;
  border-color:#e0e0e0;
  background-color:#ffffff;
}

.csc-intform-field {
  font-family:arial,verdana;
  padding-bottom:16px;
}

.csc-intform-field label {
  font-family:arial,verdana;
  font-size:12px;
  display:block;
  float:left;
  width:150px;
}

.csc-intform-field input, .csc-intform-field textarea {
  border:1px solid #888888;
}

.csc-intform-submit {
  margin:0 150px;
}
    


.csc-form-labelcell {
  vertical-align:top;
  padding:8px;
}

.csc-form-fieldcell {
  padding:8px;
}

.csc-form-fieldcell input {
        font-size:70%;
        border-style:solid;
        border-color:#666666;
}

.csc-form-fieldcell textarea {
        font-size:70%;
        border-style:solid;
        border-color:#666666;
}


.csc-form-label {
  font-family:arial,verdana;
  color:#505050;
  font-size:12px;
}

.csc-form-label-req {
  font-family:arial,verdana;
  color:#505050;
  font-size:12px;
}

.csc-form-field {
}








/*
###########################
 special
###########################
*/

/* Right column frames */
.rcol .csc-frame-frame1 {
  background-color:#ffffff;
  margin: 8px 0px 8px 0px;
  border-style:inset;
  border-color:#f0f0f0;
  border-width:2px;
  padding: 8px;
  color:#ffffff;
}




