/*CVS Add-ins*/
/*
$Revision: 1.3 $

/*
    form.css for Projektname
    prj-spd06006 (kurt-beck.de)
*/
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* principally used colours:

    colour code   colour          usage
    -----------   --------------  -------------------------------
    spdred        #E60003         class bgRed, colorRed
    siteBG        #F0EDE6
    inputBg       #968B75
    error         #
    errorMes      #
*/
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/*global */

div#formContent{
  position:absolute;left:75px;top:313px;width: 840px;
  background: #fff url(/prj-spd06006/images/bg_schatten_weiss.gif) repeat-x;
}

div#formContent .displayNoneCss{
  display:none;
}

div#formContent form{
  display: block;
  margin-left:210px;
}

div#formContent form .invisible{
  display:none;
}

div#formContent fieldset{
  display: block;
  border:1px solid #fff;
}

div#formContent input{
  display: block;
 }

div#formContent input.formElement{
  width: 380px;
  padding: 5px;
  border:0;
  font:bold 12px/120% Verdana,Arial,Helvetica,sans-serif;text-align:left;
  color:#fff;
  background-color:#071D4C;
}
div#formContent form#KontaktFormular.formElement{

}

/*textarea*/

div#formContent textarea {
  padding: 5px;
  border:0;
  display: block;
  width: 380px;
  /*padding-right: 2%; although width of textarea and formElement are equal it appears smaller */
  height: 6em;
  font:bold 12px/120% Verdana,Arial,Helvetica,sans-serif;text-align:left;
  color:#fff;
  background-color:#071D4C;
}

/*Labels and Legends*/

div#formContent form p{
  margin:0;
}

div#formContent label.toplabel{
  background:#fff;
  font:bold 12px/120% Verdana,Arial,Helvetica,sans-serif;text-align:left;
  display: block;
 padding:15px 0 10px 0;
 }


div#formContent form input.sendButton{
  font:bold 12px/120% Verdana,Arial,Helvetica,sans-serif;text-align:left;
  color:#E60003;
  background-color:#fff;
  border:0;
  padding:0;
  cursor:pointer;
 margin-top:30px;
}
/*Mac IE Hack due to problems concerning form buttons APA*/

*>html div#formContent form#KontaktFormular input.sendButton {
  padding:2px;
  margin:22px 0 22px 15px;

}

*>html div#formContent form#CallbackFormular input.sendButton {

  padding:2px;
  margin:22px 0 22px 15px;

}

*>html div#formContent form#InterviewAnfrage input.sendButton {
  padding:2px;
  margin:22px 0 22px 15px;
  }

*>html div#formContent form#PresseKontaktFormular input.sendButton {
  padding:2px;
  margin:22px 0 22px 15px;
  }

/*MacIE  Hack end*/


/*Textelements*/

div#formContent p{
margin:0 235px 0 195px;
padding:15px 15px 10px 15px;
font:normal 12px/140% Verdana,Arial,Helvetica,sans-serif;text-align:left;
}

div#formContent ul{
list-style:none;
margin:0 235px 0 195px;
padding:15px 15px 10px 15px;
}

div#formContent ul li{
padding:0px 15px 5px 15px;
}

div#formContent form p{
margin:0;
padding:0px;
}

div#formContent h1{
padding:15px 15px 10px 15px;
font:bold 14px/140% Verdana,Arial,Helvetica,sans-serif;text-transform:uppercase;
margin:0 235px 0 195px;
}

div#formContent h2{
font:bold 11px/140% Verdana,Arial,Helvetica,sans-serif;text-transform:uppercase;
margin:0 235px 0 195px;
padding:15px 15px 10px 15px;
}

div#formContent a{
  color: #000;
}


div#formContent a:hover{
}
div#formContent a.active{
}



/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* error Messages: */

div#formContent ul.error {
margin-left:210px;
margin-bottom:10px;
list-style:none;
}

div#formContent .error,
div#formContent .error li,
div#formContent .error a {
color:#E60003;
padding:3px 0px 5px 0px;
}
div#formContent .error li  a:hover,
div#formContent .error li a:active,
div#formContent .error li a:focus{
color:#fff; background:#E60003;
text-decoration:none;
}

div#formContent label span{
color: #E60003;
/*to change to non-inverted text set comments down to ##### */
/*inverted text */
color:#fff;
background:#E60003;
padding:3px 5px 5px 5px;
}

div#formContent label span abbr{
border-bottom:#E60003;
}

/*##### */

div#formContent h4.error {
margin-left:210px;
}

div#formContent ul.error a, div#formContent h4.error{
font:bold 12px/140% Verdana,Arial,Helvetica,sans-serif;
text-decoration:none;
}

div#formContent ul.error a:hover{
text-decoration:underline;
}


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*footer*/

div#contentE div#footer, div#formContent div#footer{
background-color:#D7E4F4;
}

div#contentE div#footer table td, div#formContent div#footer table td{
background-color:#D7E4F4;
}

div#formContent div#footer table{
margin:0 240px 0 200px;
width:auto;
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/