/*******************************************************************************

  Project   : Norddeutscher Fundraisingtag
  Copyright : Martin R. Findert

*******************************************************************************/

/* ### Hintergrund ################################################# */

#article {
  display:block;
  float:left;
  width:690px; /* a few pixels less than content-body makes possible - to avoid browser problems */
  padding: 40px 20px 20px 20px;
  background-image: url(FundraisingtagBG1.png);
  background-position: 0px 0;
  background-repeat: repeat-y;
  background-color:inherit;
  color:#000000;
}

/* ### Hyperlinks ######################################################### */

#article a:link,
#article a:visited {
  color:#000000;
  text-decoration:none;
  padding-right:13px;
  background:url('link.png') no-repeat right center;
}

#article a:hover,
#article a:active,
#article a:focus {
  color:#000000;
  text-decoration:underline;
  padding-right:13px;
  background-color:#FFFF9B;
  background-image:url('link.png');
  background-repeat:no-repeat;
  background-position:right center;
}

#article #prgZeit a {
  background:none;
  background-image:none;
}

#article #prgTitel a {
  background:none;
  background-image:none;
  padding-right:0;
}

/* ### Paragraphs ########################################################## */

#article p {
  font-size:1em;
  line-height:1.4em;
  margin-bottom:0.8em;
}

/* ### Lists ################################################################ */

#article ul,
#article ol {
  margin-bottom:1.2em;
  font-size:1.2em;
  line-height:1.6em;
}

#article ol li {
  margin:0 0 0 30px;
  list-style-type:decimal-leading-zero;
}
#article ul li {
  margin:0 0 0 20px;
  list-style-type:square;
}

#article a.more {
  clear:left;
  position: relative;
  left: 120px;
}

/* ### Ausrichtungen ############################ */

#article .alignLeft {
  text-align:left;
  padding-right:auto;
}

#article .alignCenter {
  text-align:center;
  padding-left:auto;
  padding-right:auto;
}

#article .alignRight {
  text-align:right;
  padding-left:auto;
}

/* ### spezielle Farben fuer Fundraisingtag ##########################
   ungenutzter Bereich (grau):                #E0E0F0
   Seitenrahmen/linke Spalte (mittelblau):    #9DB4D4
   Seitenhintergrund (hellgrau):              #F0F0FF
   Formularhintergrund (grau):                #C0D7F7
   Inhalt rot:                                #B93A25
   Inhalt blau:                               #233E7C
   Inhalt grau:                               #787878

### spezielle Farben fuer Fundraisingwerksatt ########################
   ungenutzter Bereich:                       #456CA0
   Seitenrahmen/linke Spalte:                 #BACAE0
   Seitenhintergrund:                         #E4EBFE
   Formularhintergrund:                       #C0D7F7
   Inhalt rot:                                #B93A25
   Inhalt blau:                               #233E7C
   Inhalt grau:                               #787878
   ################################################################### */
#article .nftColorRot {
  color:#B93A25;
}

#article .nftBGColorRot {
  background-color:#B93A25;
}

#article .nftColorBlau {
  color:#233E7C;
}

#article .nftBGColorBlau {
  background-color:#233E7C;
}

#article .nftColorSchwarz {
  color:#000000;
}

#article .nftBGColorSchwarz {
  background-color:#000000;
}

#article .nftColorGrau {
  color:#787878;
}

#article .nftBGColorGrau {
  background-color:#787878;
}

#article .nftColorWeiss {
  color:#FFFFFF;
}

#article .nftBGColorWeiss {
  background-color:#FFFFFF;
}

#article .infoWeissAufRotMitRand {
  background-color:#B93A25;
  color:#FFFFFF;
  padding:4px;
  margin-left:2px;
  margin-right:2px;
}

#article .infoWeissAufBlauMitRand {
  background-color:#233E7C;
  color:#FFFFFF;
  padding:4px;
  margin-left:2px;
  margin-right:2px;
}

/* ### Ueberschriften ################################################### */

#article h1 {
  color:#000000;
  background: inherit;
  font-size:3em;
  font-weight:bold;
  line-height:1.3em;
  margin-bottom:0.6em;
  letter-spacing:0.05em;
}

#article h2 {
  color:#000000;
  background: inherit;
  font-size:2em;
  font-weight:bold;
  line-height:1.3em;
  margin-bottom:0.6em;
  letter-spacing:0.03em;
}

#article h3 {
  color:#000000;
  background: inherit;
  font-size:1.5em;
  font-weight:bold;
  line-height:1.3em;
  margin-bottom:0.6em;
  letter-spacing:0em;
}

#article h4 {
  color:#000000;
  background: inherit;
  font-size:1.3em;
  font-weight:bold;
  line-height:1.3em;
  margin-bottom:0.6em;
  letter-spacing:0em;
}

#article h5 {
  color:#000000;
  background: inherit;
  font-size:1.2em;
  font-weight:bold;
  line-height:1.3em;
  margin-bottom:0.6em;
  letter-spacing:0em;
}

#article h6 {
  background: inherit;
  color:#000000;
  font-size:1.0em;
  font-weight:bold;
  line-height:1.3em;
  margin-bottom:0.6em;
  letter-spacing:0em;
}

#article #prgTitel h1,
#article #prgTitel h2,
#article #prgTitel h3,
#article #prgTitel h4,
#article #prgTitel h5,
#article #prgTitel h6,
#article #wksTitel h1,
#article #wksTitel h2,
#article #wksTitel h3,
#article #wksTitel h4,
#article #wksTitel h5,
#article #wksTitel h6 {
  margin-bottom:0.1em;
}

/* ### Bilder ######################################################################## */

#article img {
  float:left;
  display:block;
  margin:4px 0;
}

/* ### MODUL Bild und Text ############################################################ */

#article div.imgAndText {
  clear:both;
}

#article #posColLeft {
  float:left;
  margin:4px 10px 4px 0px;
}

#article #posColRight {
  float:right;
  margin:4px 0px 4px 10px;
}

#article #posFloatLeft {
  float:left;
  margin:4px 10px 4px 0px;
}

#article #posFloatRight {
  float:right;
  margin:4px 0px 4px 10px;
}

#article #posTopLeft {
  float:none;
  margin:4px auto 4px 0px;
}

#article #posTopCenter {
  float:none;
  margin:4px auto 4px auto;
}

#article #posTopRight {
  float:none;
  margin:4px 0px 4px auto;
}

/* ### MODUL Workshop #################################################### */

#wksNummer {
  float:left;
  width:3em;
  text-align:right;
  padding-left:0.5em;
  padding-right:0.5em;
}

#wksTitel {
  padding-left:4em;
}

#wksText {
  padding-left:4em;
}

/* ### MODUL Programm #################################################### */

#prgZeit {
  float:left;
  width:9em;
  text-align:left;
  padding-left:1em;
  padding-right:0.5em;
}

#imgPrgZeit {
  position:relative;
  top:-0.6em;
}

#prgTitel {
  padding-left:10.5em;
}

#prgText {
  padding-left:10.5em;
}

/* ### Formular ################################################################ */

#form-module { /* ganzes Formular */
}

#form-module legend {  /* wo?? */
  font-size:4em;
}

#form-module .formhinweis {
}

#form-module .formhinweisMargin {
  margin-left:15px;
}

#finfo {
  color:red;
  font-weight:bold;
  padding-top:50px;
  padding-bottom:50px;
  text-align:center;
}

#form-module td .radio {
  margin-right:10px;   /* Abstand zwischen radio und label */
}

#form-module td .label {
}

#form-module .element { /* alle Elemente */
}

#form-module input.radio {
  padding-right:100px;
  margin-left:15px;
}

#form-module .formtrenn {
  border-top:2px solid #233E7C;
}

#form-module .headline {
  font-weight:bold;
  background-color:yellow;
}

#form-module #subFormStart {
  border-top:2px solid #233E7C;
  border-bottom:2px solid #233E7C;
  padding-bottom:15px;
  text-align:left;
}

#form-module fieldset {
  background-color:#C0D7F7;
  padding:15px;
}

#form-module #fieldsetStart {
  margin-bottom:5px;
  padding-top:5px;
  padding-right:50px;
  text-align:left;
}

#form-module #fieldsetAngaben {
  padding-bottom:0px;
}

#form-module #fieldsetGeschlecht {
  padding-top:0px;
  padding-left:135px;
  padding-bottom:0px;
}

#form-module #fieldsetGeschlecht input.radio {
  margin-left:0px;
}

#form-module #fieldsetGeschlecht label.radio {
}

#form-module #fieldsetPersoenlich,
#form-module #fieldsetAnmeldung {
  text-align:right;
  padding-top:0px;
  padding-right:300px;
  margin-bottom:5px;
}

#form-module #fieldsetKonto {
  text-align:right;
  padding-right:300px;
  margin-bottom:5px;
  padding-top:0px;
}

#form-module #fieldsetPersoenlich input,
#form-module #fieldsetAnmeldung input,
#form-module #fieldsetKonto input {
  width:250px;
  margin-top:2px;
  margin-bottom:2px;
}

#form-module #fieldsetAnmeldung p,
#form-module #fieldsetAnmeldung table,
#form-module #fieldsetPersoenlich p,
#form-module #fieldsetPersoenlich table {
  text-align:left;
}

#form-module #fieldsetKonto p {
  text-align:left;
  padding-top:0px;
}

#form-module #fieldsetWorkshops {
  margin-bottom:5px;
  padding-right:50px;
  text-align:left;
}

#form-module #fieldsetLastschrift {
  padding-right:50px;
  padding-bottom:0px;
  text-align:left;
}

#form-module #fieldsetNachrichten {
  text-align:left;
}

#form-module #fieldsetNachrichten textarea {
  margin-right:20px;
  width:500px;
  height:100px;
}

#form-module #fieldsetBitteEinmal,
#form-module #fieldsetSubmit {
  background-color:#F0F0FF; /* inherit geht im IE nicht */
  padding-top:0px;
  padding-bottom:0px;
  text-align:center;
}

#form-module #fieldsetBitteEinmalWerkstatt,
#form-module #fieldsetSubmitWerkstatt {
  background-color:#E4EBFE; /* inherit geht im IE nicht */
  padding-top:0px;
  padding-bottom:0px;
  text-align:center;
}

#form-module input.submit {
  padding-left:20px;
  padding-right:20px;
}