/* ======================= */
/* ===                 === */
/* ===    Formulare    === */
/* ===                 === */
/* ===     wdv IMP     === */
/* === 2009-11 - v.1.4 === */
/* ===                 === */
/* ======================= */

/* ================ */
/* === Diverses === */
/* ================ */

/* === Formular === */
#main #FOGForm
{
  font-size: 1.2em;
}
#main #FOGForm form,
#main form.broschuere
 {
  font-family: arial, verdana, helvetica, sans-serif;
  margin: 0;
  padding: 0;
 }
/* === Fieldset === */
#main #FOGForm fieldset,
#main form.broschuere fieldset,
#main #inhalt fieldset
 {
  margin: 0 0 1em 0;
  padding: 0 0.3em 0 0.3em;
  border: solid 1px #3878A5;
  background-color: #fff;
 }
/* === Legend === */
#main #FOGForm legend,
#main form.broschuere legend,
#main #inhalt legend
 {
  font-size: 0.8em;
  font-weight: bold;
  color: #666666;
  margin: 0 0 0 0;
  padding: 0.1em 0.3em 0.1em 0.3em;
 /* border: solid 1px #b5dac7;
  background-color: #f7fbf8;*/
 }
/* === Label === */
#main #FOGForm label
 {
  margin: 0.5em 0 0 0;
  padding: 0 10px 0 0;
  width: 197px;
  font-size: 0.8em;
  float: left;
  text-align:right;
 }

/* === Label für Checkboxen === */
#main #FOGForm label.radio,
#main #FOGForm label.checkbox,
#main form.broschuere label.radio,
#main form.broschuere label.checkbox
 {
  width: 90%;
 }

/* === br als Clear-Element === */
#main #FOGForm br
 {
  font-size: 1px;
  line-height: 1px;
  margin: 0;
  padding: 0;
  clear: both;
  clear: left;
 }

#main #FOGForm .clearfix:after
 {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
 }
/* Fix fuer IE */
* html #main #FOGForm .clearfix
 {
  height: 1%;
 }

/* === Asterisk zur Markierung für Pflichtangaben === */
#main #FOGForm .fieldMarker
 {
  font-weight: bold;
  color: #ff6600;
 }

/* ========================== */
/* === Umschließende DIVs === */
/* ========================== */
/* === DIV um Blockelement === */
/* === DIV um Blockelement mit Fehlermeldung === */
#main #FOGForm div.dataBlock,
#main #FOGForm div.dataBlockError,
#main #FOGForm div.dataBlockGroup,
#main #FOGForm div.dataBlockGroupError
 {
  margin: 0.2em 0 0.3em 0.3;
  padding: 0 0.3em 0.3em 0.3em;
 /* background-color: #f7fbf8;
  border-bottom: solid 1px #b5dac7;*/
  overflow: hidden;
 }
#main #FOGForm div.dataBlockGroup div.dataBlock,
#main #FOGForm div.dataBlockGroup div.dataBlockError,
#main #FOGForm div.dataBlockGroupError div.dataBlock,
#main #FOGForm div.dataBlockGroupError div.dataBlockError
 {
  margin: 0;
  padding: 0;
  background-color: transparent;
  border: none;
  float: left;
 }

#main #FOGForm div.dataBlockGroup div label,
#main #FOGForm div.dataBlockGroupError div label
 {
 /* width: auto;*/
  margin: 0.5em 0.5em 0 0;
 }

/* === DIV um Buttonelement === */
#main #FOGForm div.buttonBlock
 {
  
  margin: 0;
  padding: 0.2em 0 0 0;
  text-align: center;
 /* background:#006698;*/
 }

/* === Buttons === */
#main #FOGForm input.button
 {
  /*margin: 0;
  padding: 0.2em 0 0.1em 0;
  font-weight: bold;
  color: #339966;
  background-color: #fff;
  border-top: solid 1px #b5dac7;
  border-right: solid 1px #339966;
  border-bottom: solid 1px #339966;
  border-left: solid 1px #b5dac7;
  cursor: pointer;*/
  padding: 2px 0 5px 0;
  width: 150px;
  background: url(../images/buttons/bg_button_form.gif);
  background-repeat:no-repeat;
border-width:0;
color:#FFFFFF;
cursor:pointer;
 }

#main #FOGForm input.button-alt
 {
  /*margin: 0;
  padding: 0.5em 0.5em 0 0;
  font-weight: bold;
  color: #339966;
  background-color: #f7fbf8;
  border-top: solid 1px #b5dac7;
  border-right: solid 1px #339966;
  border-bottom: solid 1px #339966;
  border-left: solid 1px #b5dac7;
  cursor: pointer;*/
  
    background:#006698;
border-width:0;
color:#FFFFFF;
cursor:pointer;
 }

/* ============== */
/* === Felder === */
/* ============== */
/* === Input === */
#main #FOGForm input
 {
  margin: 0.5em 0.5em 0 0;
  padding: 0;
  width: 280px;
  border: solid 1px #3878a5;
  /*
  border-right: solid 1px #339966;
  border-bottom: solid 1px #339966;
  border-left: solid 1px #b5dac7;*/
 }
/* === Textarea === */
#main #FOGForm textarea
 {
  margin: 0.5em 0 1em 0;
  padding: 0;
  width: 20em;
  border: solid 1px #3878a5;
  /*
  scrollbar-face-color: #f7fbf8;
  scrollbar-track-color: #f7fbf8;
  scrollbar-arrow-color: #339966;
  scrollbar-3dlight-color: #b5dac7;
  scrollbar-highlight-color: #f7fbf8;
  scrollbar-shadow-color: #f7fbf8;
  scrollbar-darkshadow-color: #b5dac7;*/
 }

/* === Radiobuttons === */
#main #FOGForm input.radio,
#main form.broschuere input.radio
 {
  margin: 0 0.5em 0 0;
  padding: 0;
  width: 2em;
  border: solid 1px #F00;
  /*border: none;*/
  vertical-align: top;
 }
#main #FOGForm label.radio,
#main form.broschuere label.radio
 {
  margin: 0.1em 0 0 0;
  padding: 0;
  border: none;
  float: none;
  vertical-align: middle;
 }

/* === Checkboxen === */
#main #FOGForm input.checkbox
 {
  margin: 0 0.5em 0 0;
  padding: 0;
  width: 2em;
  border: none;
  vertical-align: top;
 }
#main #FOGForm label.checkbox
 {
  margin: 0;
  padding: 0;
  border: none;
  float: none;
 }

/* === Selectboxen === */
/* min-width-Angabe nur für FF; keine width-Angabe, sonst werden die OPTIONs abgeschnitten */
#main #FOGForm select
 {
  margin: 0.5em 0 0 0;
  padding: 0;
  min-width: 283px;
  width: 280px;
    border: solid 1px #3878a5;
 }



/* ======================= */
/* === Fehlermeldungen === */
/* ======================= */

/* === Fehlermeldung - Sammelmeldung über dem Formular === */
#main #FOGForm .errorMessageBlock
 {
  margin: 0.5em 0 0.5em 0;
  padding: 0 0.5em 0 0.5em;
  background-color: #fff9f9;
  border: solid 1px #cc0000;
 }
#main #FOGForm .errorMessageBlock p
 {
  margin: 0 0 0.3em 0;
  padding: 0;
  font-size: 0.8em;
  color: #cc0000;
 }

/* === Fehlermeldung - Einzelmeldung beim Feld === */
#main #FOGForm .fieldErrorMessage
 {
  margin: 0 0 0 0;
  padding: 0;
  font-size: 0.8em;
  color: #cc0000;
 }

/* === Fehlermeldung - Label === */
#main #FOGForm div.dataBlockError label,
#main #FOGForm div.dataBlockGroupError label
 {
  color: #ff6600;
 }

/* === Fehlermeldung - Input === */
#main #FOGForm div.dataBlockError input,
#main #FOGForm div.dataBlockError textarea
 {
  border-color: #cc0000;
 }
/* === Fehlermeldung - Textarea === */
#main #FOGForm div.dataBlockError textarea,
#main #FOGForm div.dataBlockGroupError input,
#main #FOGForm div.dataBlockGroupError textarea
 {
  border-color: #cc0000;
  /*
  scrollbar-face-color: #fbf7f7;
  scrollbar-track-color: #fbf7f7;
  scrollbar-arrow-color: #cc0000;
  scrollbar-3dlight-color: #dab5b5;
  scrollbar-highlight-color: #fbf7f7;
  scrollbar-shadow-color: #fbf7f7;
  scrollbar-darkshadow-color: #dab5b5;
 */
 }







/* ============ */
/* === Text === */
/* ============ */

/* === Text über dem Formular === */
#main #FOGForm .formDescr
 {
  margin: 0 0 1em 0;
  padding: 0.2em 0.5em 0.2em 0.5em;
  font-size: 0.8em;
  color: #000;
  border: solid 1px #b5dac7;
 }
#main #FOGForm .fieldsetDescr
 {
  margin: 1em 0 0.5em 0;
  padding: 0.2em 0.5em 0.2em 0.5em;
  font-size: 0.8em;
  color: #000;
 }
#main #FOGForm .formDescr h2
 {
  margin: 0 0 0.5em 0;
  padding: 0.3em 0 0.5em 0;
  font-size: 1em;
  font-weight: bold;
  background-position: left bottom;
 }
#main #FOGForm .formDescr p,
#main #FOGForm .fieldsetDescr p
 {
  margin: 0 0 0.5em 0;
  font-size: 1em;
 }


/* === Text über einem Feld === */
/* === position:relative als Workaround für den IE Peek-a-boo-Bug erhalten! === */
/* === Tritt auf, wenn die Inputfelder zu lang definiert werden === */
#main #FOGForm .singlefieldDescr
 {
  position: relative;
  margin: 0 0 0 0;
  padding: 0;
  font-size: 0.8em;
  color: #333;

 }
 

 
#main #FOGForm #fieldset-fs_datenschutz p.singlefieldDescr,
#main #FOGForm #fieldset-fs_datennutzung div.singlefieldDescr,
#main #FOGForm #fieldset-fs_verschluesselung div.singlefieldDescr {
margin: 0 0 0 -3px;
padding:0;
}
 
#main #FOGForm #fieldset-fs_datenschutz legend,
#main #FOGForm #fieldset-fs_datennutzung legend,
#main #FOGForm #fieldset-fs_verschluesselung legend {
margin: 0 0 0 0 !important;
padding: 0;
}

#main #FOGForm #fieldset-fs_seminare .dataBlock,
#main #FOGForm #fieldset-fs_seminare .dataBlockError,
#main #FOGForm #fieldset-fs_anrufen .dataBlock,
#main #FOGForm #fieldset-fs_uniplaner .dataBlock,
#main #FOGForm #fieldset-fs_infomaterial .dataBlock,
#main #FOGForm #fieldset-fs_infos input,
#main #FOGForm #fieldset-fs_anliegen input,
#main #FOGForm #fieldset-fs_anschrift input 
{
margin: 0 0 0 200px !important;	
border: 0;
}
/*#main #FOGForm #fieldset-fs_seminare input,
#main #FOGForm #fieldset-fs_anrufen input,
#main #FOGForm #fieldset-fs_infomaterial input,
#main #FOGForm #fieldset-fs_infos input,
#main #FOGForm #fieldset-fs_anliegen input,
#main #FOGForm #fieldset-fs_anschrift input {
border: solid 1px #3878a5;
}*/



#main #FOGForm #fieldset-fs_infos input, #main #FOGForm #fieldset-fs_anliegen input, #main #FOGForm #fieldset-fs_anschrift input.checkbox  {
margin: 0 0 0 -30px !important;	
padding: 0 0 0 0;
/*background:#393;*/
}

#main #FOGForm #fieldset-fs_anschrift input.radio {
margin: 3px 10px 5px 0 !important;	
}

#main #FOGForm #fieldset-fs_anliegen input {
width: 2.2em;	
}

/*#main #FOGForm #fieldset-fs_anliegen input, #main #FOGForm #fieldset-fs_anschrift input {
margin:0 10px 0 0!important;
padding:0;
float: left;
display: block;
}
*/
/*#anliegen-element label {
float: none !important;
}
*/


#main #FOGForm #fieldset-fs_infos .dataBlock,
#main #FOGForm #fieldset-fs_anliegen .dataBlock,
#main #FOGForm #fieldset-fs_anliegen .dataBlockError,
#main #FOGForm #fieldset-fs_anschrift .dataBlock,
#main #FOGForm #fieldset-fs_anschrift .dataBlockError {
margin: 0 0 0 200px !important;	
padding: 0 0 0 25px !important;
overflow:hidden;
/*background: #FC6;*/
}

#main #FOGForm #fieldset-fs_infos .dataBlock label ,
#main #FOGForm #fieldset-fs_anliegen .dataBlock label,
#main #FOGForm #fieldset-fs_anschrift .dataBlock label{
margin: 0 0 0 0 !important;	
padding: 0 0 0 0 !important;
/*background: #0C3;*/
}


#main #FOGForm #fieldset-fs_anrufen  .dataBlock,
#main #FOGForm #fieldset-fs_uniplaner  .dataBlock{
margin: 0 0 0 210px !important;	
padding: 0 0 0 23px !important;
}

#main #FOGForm #fieldset-fs_broschueren .dataBlock, 
#main #FOGForm #fieldset-fs_broschueren .dataBlockError {
margin: 10px 0 0 20px !important;	
padding: 0 0 0 23px !important;
}


#main #FOGForm #fieldset-fs_broschueren .dataBlock img
{
	padding:0;
	margin: 0 20px 30px 40px !important;
}

#main #FOGForm #fieldset-fs_broschueren input,
#main #FOGForm #fieldset-fs_anrufen input,
#main #FOGForm #fieldset-fs_uniplaner input{
margin: 0 0 0 -29px !important;	
padding: 0 0 0 0;
}




#main #FOGForm #fieldset-fs_fragen imput {


}
 
/* === Pseudo-Upload-Button === */
.div.uploader
 {
  position: relative;
  width: 4em;
  height: 4em;
  overflow: hidden;
  background-color: #cc0000;
 }
.input#upload
 {
  position: absolute;
  right: 0;
  font-size: 30px;
line-height
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity: 0);
 }


/* ============================ */
/* === Sonderfall           === */
/* === Broschürenbestellung === */
/* ============================ */

#main form.broschuere fieldset
 {
  padding-bottom: 0.5em;
 }
#main form.broschuere .spalte_r
 {
  margin: 0.5em 0 0 0;
  float: right;
 }
#main form.broschuere .spalte_r .bild
 {
  margin: 0 0 0.5em 0;
  padding: 0.3em;
  border: solid 1px #339999;
  background-color: #fff;
 }
#main form.broschuere .spalte_l
 {
  margin: 0.5em 0 0.5em 0;
  padding: 0;
  float: left;
  background-image: url(/assets/img/struktur/punktlinie.gif);
  background-repeat: repeat-x;
  background-position: left top;
  background-color: #f7fbf8;
  border-bottom: solid 1px #b5dac7;
 }
#main form.broschuere .spalte_l .titel
 {
  margin: 0;
  padding: 0.5em 0.5em 0.6em 0.5em;
  font-size: 0.8em;
  background-image: url(/assets/img/struktur/punktlinie.gif);
  background-repeat: repeat-x;
  background-position: left bottom;
 }
#main form.broschuere .spalte_l .felder
 {
  padding: 0.4em 0 0 0.5em;
  float: left;
 }
/* Hack für IE */
* html #main form.broschuere .spalte_l .felder
 {
  padding: -1em 0 0 0 ! important;
 }
#main form.broschuere label
 {
  margin: 0;
  padding: 0;
  width: 4em;
  font-size: 0.8em;
  float: none ! important;
 }
#main form.broschuere input
 {
  margin: 0.5em 0.5em 0 0;
  padding: 0;
  width: 3.5em;
  border: solid 1px #3878a5;
 }
#main #nur_inhalt form.broschuere .spalte_l .text
 {
  padding: 0.4em 0 0 0.5em;
  width: 25em;
  overflow: hidden;
 }
#main #inhalt_und_navi_inhalt form.broschuere .spalte_l .text
 {
  padding: 0.4em 0 0 0.5em;
  width: 15em;
  overflow: hidden;
 }
#main form.broschuere .spalte_l .text p
 {
  margin: 0 0 0.5em 0;
  font-size: 0.8em;
 }
#main form.broschuere .spalte_l .link
 {
  margin: 0;
  padding: 0.5em 0 0.5em 0;
  background-color: #c7ebd6;
 }
#main form.broschuere .spalte_l .link a
 {
  margin: 0 0 0 3.5em;
  padding: 0 0 0 2em;
  font-size: 0.8em;
  font-weight: bold;
  color: #339966;
  background-image: url(/assets/img/struktur/link_pdf.gif);
  background-repeat: no-repeat;
  background-position: left center;
  text-decoration: none;
 }
#main form.broschuere .spalte_l .link a:hover,
#main form.broschuere .spalte_l .link a:focus
 {
  text-decoration: underline;
 }
#main form.broschuere .clear-punktlinie-1
 {
  padding: 0.5em 0 0.5em 0;
  height: 1px;
  font-size: 1px;
  clear: both;
  background-image: url(/assets/img/struktur/punktlinie.gif);
  background-repeat: repeat-x;
  background-position: left bottom;
 }

#main form.broschuere .buttonBlock
 {
  background-color: #f7fbf8;
 }
#main form.broschuere input.button
 {
  margin: 0.5em 0 0.5em 5.5em ! important;
  padding: 0.2em 0 0.1em 0;
  width: 14em;
  font-weight: bold;
  color: #339966;
  border: solid 1px #3878a5;
  cursor: pointer;
 }
/* Hack für IE */
* html #main form.broschuere input.button
 {
  margin-left: 4.5em ! important;
 }


/* ======================== */
/* === Buuton auf Seite === */
/* ======================== */

#main #inhalt input.button
 {
  /*margin: 0.5em 0 0.5em 0;
  padding: 0.2em 0 0.1em 0;
  width: 14em;
  font-weight: bold;
  color: #339966;
  background-color: #fff;
  border-top: solid 1px #b5dac7;
  border-right: solid 1px #339966;
  border-bottom: solid 1px #339966;
  border-left: solid 1px #b5dac7;
  cursor: pointer;*/
  
    /*background:transparent url(../images/buttons/bg_button-r.gif) no-repeat scroll right top;*/
border-width:0;
color:#fff;
cursor:pointer;
 }


.RadioNoneBorder input
 {
  border: none !important;
 }