/*
bepart Thesenstile
author: JAKOTA Corporate Communications
version: 03.05.2007
*/

.todo {
  background-color:    red;
  color:               white;
  display:             inline;
}

div #step1, div #step2, div #step3 {
  margin:               0px;
  padding:              5px 5px 5px 10px;
  min-width:            532px;
}

div #step1 {
  background:           #dfdfdf url(../images/thesen/bg_grau_oben.gif) top repeat-x;
  padding-bottom:       20px;
}

div #step2 {
  background:           #46bb00;/* url(../images/thesen/bg_gruen.gif) left repeat-y*/;
  padding-bottom:       10px;
  border-left:          1px solid #40ab01;
  border-right:         1px solid #40ab01;
}

div #step3 {
  background:           #dfdfdf url(../images/thesen/bg_grau_bottom.gif) bottom repeat-x;
  padding-bottom:       20px;
}

#step1 {
  border-top:           1px solid #ccc;
  border-right:         1px solid #ccc;
  border-left:          1px solid #ccc;
}

#step3 {
  clear:                both;
  border-right:         1px solid #ccc;
  border-bottom:        1px solid #ccc;
  border-left:          1px solid #ccc;
}

.formerror {
  padding:              5px;
  background-color:     #c4f6a6;
  font-weight:          bold;
  border-left:          3px solid #555555;
}

.clear {
  clear:                both;
}

#centersigndiv {
  text-align:           center;
}

div #theses {
  width:                379px;
  height:               100px;
}

div #signlink {
  width:                141px;
  height:               51px;
  background:           transparent url(../images/thesen/button.gif) top no-repeat;
  margin-left:          auto;
  margin-right:         auto;
}

div #signlink:hover {
  width:                141px;
  height:               51px;
  background:           transparent url(../images/thesen/button.gif) bottom no-repeat;
}

.headstep1, .headstep2, .headstep3 {
  margin-top:           10px;
  margin-bottom:        8px;
}
.headstep2 {}
.headstep3 {}

/*****************************  Formular  *******************************/

form#thesenform {
  display:              block;
  float:                left;
  width:                99%;
  min-width:            570px;
  margin:               0px;
  padding-top:          10px;
}

form#thesenform fieldset {
  display:              block;
  border:               none;
  float:                left;
  text-align:           center;
}

form#thesenform fieldset#left {
  width:                55%;
  min-width:            249px;
}

form#thesenform fieldset#right {
  width:                30%;
  min-width:            171px;
}


form#thesenform fieldset#left label {
  float:                left;
  width:                135px;
  overflow:             hidden;
  padding:              2px;
  margin:               4px 0px 4px 4px;
  text-align:           left;
  border-bottom:        1px dotted #66dd02;
  color:                white;
}

form#thesenform fieldset#right label {
  display:              block;
  padding:              2px;
  margin:               4px 0px;
  text-align:           left;
  color:                white;
}

form#thesenform .textinput {
  width:                150px;
  float:                left;
  padding:              2px;
  margin:               4px 4px 4px 0px;
  text-align:           left;
  border:               1px solid #379300
}

form#thesenform fieldset br {
  clear:                left;
}

form#thesenform #country { /* select-field */
  width:                155px;
  padding:              1px;
  margin:               4px 4px 4px 0px;
  text-align:           left;
  color:                #666666;
  font-family:          Verdana,Arial,Helvetica,sans-serif;
  font-size:            10px;
  background-color:     white;
  border:               1px solid #379300;
}

#country .other { /* select-field */
  font-variant:          italic;
  font-weight:            bold;
}

/* required fields */
form#thesenform #firstname, form#thesenform #familyname, form#thesenform #email, form#thesenform #country {
  border-color:         #225a01;
}

/* missing fields */
form#thesenform .textinput.missing, form#thesenform #country.missing {
  color:                white;
  background-image:     none;
  background-color:     #2d6909;
}



form#thesenform .textinput:hover,
form#thesenform .textinput:focus,
form#thesenform .textarea:hover,
form#thesenform .textarea:focus,
form#thesenform #firstname:hover,
form#thesenform #familyname:hover,
form#thesenform #email:hover,
form#thesenform #country:hover,
form#thesenform #firstname:focus,
form#thesenform #familyname:focus,
form#thesenform #email:focus,
form#thesenform #country:focus {
  border:               1px solid #76e803
}

form#thesenform #date {
  border-color:         #379300;
}

#forminfo {
  text-align:           center;
}

#date {
  background-color:     transparent
  color:                white;
}

form#thesenform .textarea {
  width:                100%;
  height:               170px;
  padding:              2px;
  margin-top:           8px;
  text-align:           left;
  display:              block;
  color:                #666666;
  font-family:          Verdana,Arial,Helvetica,sans-serif;
  font-size:            10px;
  border:               1px solid #379300;
}

form#thesenform .textinput, form#thesenform .textarea {
  background:           url(../images/thesen/input_bg.gif) top left no-repeat;
}

form#thesenform #buttons {
  width:                180px;
  padding:              2px;
  margin-top:           4px;
}

form#thesenform #submit {
  background:           url(../images/thesen/button_sign.gif) top no-repeat;
  margin:               0;
  padding:              0;
  width:                96px;
  height:               35px;
  border:               none;
  color:                transparent;
}
form#thesenform #submit:hover {
  background:           url(../images/thesen/button_sign.gif) bottom no-repeat;
  cursor:               pointer;
}




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

form#thesenform2 {
  width:                99%;
  min-width:            520px;
  margin:               0px;
  padding-top:          10px;
}

form#thesenform2 #formtable {
  width:            510px;
}


#formtable, #formtable td {
  border:               none;
  padding:              0px;
  margin:               0px;
}

form#thesenform2 #formtable label {
  display:              block;
  padding:              2px;
  margin:               4px 0px 0px 10px;
  text-align:           left;
  color:                white;
}

form#thesenform2 .links label {
  display:              block;
  width:                135px;
  overflow:             hidden;
  padding:              2px;
  margin:               4px 0px 4px 4px;
  border-bottom:        1px dotted #66dd02;
  color:                white;
}


form#thesenform2 table.links  {
  margin-right:         10px;
}


form#thesenform2 .textinput {
  width:                150px;
  padding:              2px;
  margin:               4px 4px 4px 0px;
  text-align:           left;
  border:               1px solid #379300
}

form#thesenform2 #country { /* select-field */
  width:                155px;
  padding:              1px;
  margin:               4px 4px 4px 0px;
  text-align:           left;
  color:                #666666;
  font-family:          Verdana,Arial,Helvetica,sans-serif;
  font-size:            10px;
  background-color:     white;
  border:               1px solid #379300;
}

form#thesenform2 .textinput, form#thesenform2 .textarea {
  background:           #fff url(../images/thesen/input_bg.gif) top left no-repeat;
}

form#thesenform2 #buttons {
  width:                180px;
  padding:              2px;
  margin-top:           4px;
}

form#thesenform2 #submit {
  background:           url(../images/thesen/button_sign.gif) top no-repeat;
  margin:               0;
  padding:              0;
  width:                96px;
  height:               35px;
  border:               none;
  color:                transparent;
}
form#thesenform2 #submit:hover {
  background:           url(../images/thesen/button_sign.gif) bottom no-repeat;
  cursor:               pointer;
}

form#thesenform2 .textarea {
  width:                90%;
  height:               170px;
  padding:              2px;
  margin-top:           8px;
  text-align:           left;
  display:              block;
  color:                #666666;
  font-family:          Verdana,Arial,Helvetica,sans-serif;
  font-size:            10px;
  border:               1px solid #379300;
}

/* required fields */
form#thesenform2 #firstname, form#thesenform2 #familyname, form#thesenform2 #email, form#thesenform2 #country {
  border-color:         #225a01;
}

/* missing fields */
form#thesenform2 .textinput.missing, form#thesenform2 #country.missing {
  color:                white;
  background-image:     none;
  background-color:     #2d6909;
}



form#thesenform2 .textinput:hover,
form#thesenform2 .textinput:focus,
form#thesenform2 .textarea:hover,
form#thesenform2 .textarea:focus,
form#thesenform2 #firstname:hover,
form#thesenform2 #familyname:hover,
form#thesenform2 #email:hover,
form#thesenform2 #country:hover,
form#thesenform2 #firstname:focus,
form#thesenform2 #familyname:focus,
form#thesenform2 #email:focus,
form#thesenform2 #country:focus {
  border:               1px solid #76e803
}

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










/*****************************  Output-Table  *******************************/

#lastcompetitors, #competitors  {
  font-size:            1.2em;
}

#competitors  {
  border:               1px solid #ccc;
}

#lastcompetitors tbody tr td, #competitors tr td {
  padding:              4px;
}

#lastcompetitors tbody tr.odd, #competitors tbody tr.odd {
  background-color:     #f5f5f5;
}

#lastcompetitors thead tr td {
  font-weight:          bold;
  font-size:            0.8em;
}

#competitors thead tr {
  font-weight:          bold;
  background-color:     #e5e5e5;
}

#competitors thead tr td {
  border-bottom:        1px solid #ccc;
}

#competitors td {
  vertical-align:       top;
}

#competitors td.col1 {
  width:                30px
}

#competitors td.col2 {
  width:                20px;
}

#competitors td.col3 {
  width:                70px;
}

#competitors td.col4 {
  width:                75px;
}

#competitors td.col5 {
  width:                10px;
}

#competitors td.col6 {
  width:                150px;
}

#competitors td.col7 {
  width:                50px;
}

#competitors td.col8 {
  width:                30px;
}


#lastcompetitors td.grey {
  color:                #cccccc;
}

#lastcompetitors td.col1 {
  width:                25px
}

#lastcompetitors td.col2 {
  width:                250px;
}

#lastcompetitors td.col3 {
  width:                80px;
}

#lastcompetitors td.comment, #competitors td.comment {
  padding-top:          0px;
  padding-bottom:       4px
}

#lastcompetitors td .commenthead {
  width:                316px;
  height:               12px;
  background:           transparent url(../images/thesen/comment_head.gif) top no-repeat;
}

#lastcompetitors td .commentbody {
  width:                296px;
  padding-left:         10px;
  padding-right:        10px;
  background:           transparent url(../images/thesen/comment_body.gif) repeat-y;
}

#lastcompetitors td .commentfooter {
  width:                316px;
  padding-top:          8px;
  background:           transparent url(../images/thesen/comment_footer.gif) top no-repeat;
}

#competitors td.comment {
  padding-left:         70px;
}

#competitors td .commenthead {
  width:                366px;
  height:               13px;
  background:           transparent url(../images/thesen/large_comment_head.gif) top no-repeat;
}

#competitors td .commentbody {
  width:                346px;
  padding-left:         10px;
  padding-right:        10px;
  background:           transparent url(../images/thesen/large_comment_body.gif) repeat-y;
}

#competitors td .commentfooter {
  width:                366px;
  padding-top:          11px;
  background:           transparent url(../images/thesen/large_comment_footer.gif) top no-repeat;
}

.sortlink {
  float:                left;
  width:                10px;
}