/**
* Projekt: MYCITYSECRETS
* Typ:     Stylesheet Formulare
*
* @author webkrebse.com
* @version 1.1
*/

form div.input {
   float: left;
   margin-bottom: 15px;
}

.spalte_zweidrittel div.input,
.spalte_eindrittel div.input,
#login input,
#logout input,
#suche input {
	margin-bottom: 5px;
}

.spalte_zweidrittel div.checkboxserie {
   margin-bottom: -5px;
}

div.checkboxserie {
   margin-bottom: -15px;
}

form div.text,
form div.password,
form div.checkboxserie,
form div.checkbox {
   width: 310px;
}

.spalte_zweidrittel div.checkbox {
   width: 125px;
   float: left;
}

div.sterne {
   width: 205px;
   float: left;
}

form div.textarea {
   clear: both;
}

label {
   display: block;
   margin-bottom: 4px;
   white-space: nowrap;
}

label.label100 {
   display: inline;
   width: 100px;
   margin-bottom: 4px;
   white-space: nowrap;
}

textarea,
input,
select,
button,
.button {
   color: #45362a;
   background-color: #ffffff;
   font-family: Arial, Helvetica, san-serif;
   font-size: 11px;
   height: 15px;
   width: 245px;
   padding-left: 8px;
   padding-top: 1px;
   padding-bottom: 1px;
   border-style: inset;
}

textarea {
   height: 126px;
}

.textarea textarea {
   width: 555px;
}

.spalte_zweidrittel textarea,
.spalte_zweidrittel input,
.spalte_zweidrittel select,
.spalte_zweidrittel button,
.spalte_zweidrittel .button {
   width: 300px;
}

.spalte_eindrittel textarea,
.spalte_eindrittel input,
.spalte_eindrittel select,
.spalte_eindrittel button,
.spalte_eindrittel .button,
textarea.width125,
input.width125,
select.width125,
button.width125,
.button.width125 {
   width: 125px;
}

input.checkbox,
input.radio,
.checkbox input {
   padding: 0;
   float: left;
   width: auto;
   border: 0;
   display: inline;
   margin-right: 8px;
   background-color: transparent;
}

.hintercheckbox {
	float: left;
}

.hintercheckboxstern {
	width: 1em;
}

.hintercheckboxtext {
	width: 555px;
}

.hintercheckboxtextohne {
	width: 555px;
}

#intro_kategorien .hintercheckboxtext,
.respond .hintercheckboxtext {
	width: auto;
}

#intro_kategorien .hintercheckboxtextohne,
.respond .hintercheckboxtextohne {
	width: auto;
}

select,
#MemberMemberattachment,
#AttachmentDiv {
   padding: 0px;
   height: 21px;
   width: 257px;
}

textarea.form-error,
input.form-error,
select.form-error {
   border-color: #9f346c;
   border-style: outset;
}

.error-message-mcs,
.error-message,
.hint,
.special_error {
   font-weight: bold;
   color: #9f346c;
   font-size: 11px;
   line-height: 11px;
}

.blatt_dunkel .hint {
   color: #ffffff;
}

.error-message-mcs,.error-message {
   font-style: italic;
   display: block;
   height: 17px;
   width: 100%;
}

.submit {
   clear: both;
   border-top: 1px solid #e3ded9;
   padding-top: 15px;
   padding-right: 10px;
   height: 25px;
}

/**
@section Login/Logout
*/

#login textarea,
#login input,
#login select,
#login button,
#logout textarea,
#logout input,
#logout select,
#logout button {
   width: 130px;
   margin-bottom: 5px;
}

#btn_login,
#btn_logout {
   width: 128px;
   height: 28px;
   border: 0;
   padding: 0;
   position: absolute;
   bottom: 11px;
   right: 17px;
   cursor:pointer;
}

/**
@section Template Blase
*/

.template_blase textarea,
.template_blase input,
.template_blase select,
.template_blase button {
   width: 125px;
   margin-bottom: 5px;
}

/**
@section Suche
*/

.template_suche label {
   display: block;
   padding-bottom: 6px;
}

.template_suche textarea,
.template_suche input,
.template_suche select,
.template_suche button,
.meta textarea,
.meta input,
.meta select,
.meta button {
   width: 125px;
   text-transform: uppercase;
   margin-bottom: 5px;
}

.template_suche #SucheSuchbegriff {
	margin-bottom: 10px;
}

.template_suche select,
#superuser select {
   width: 137px;
}

#btn_suche {
   position: absolute; /* Bezugspunkt template_suche */
   bottom: 18px;
   right: 26px;
   width: 50px;
   height: 40px;
   border: 0;
   padding: 0;
   cursor:pointer;
}

/**
@section Kontakt
*/

#kontaktForm {
   padding-bottom: 60px;
}

/**
@section Gutschein
*/

#GutscheinPLZDiv {
   width: 90px;
   float: left;
}

#GutscheinPLZDiv input {
   width: 70px;
}

#GutscheinStadtDiv {
   width: 155px;
   float: left;
}

#GutscheinStadtDiv input {
   width: 155px;
}

#GutscheinBetragDiv {
   float: left;
   width: 245px;
}

#GutscheinBetragDiv input {
   width: 12px;
   border: none;
   margin-right: 5px;
}

#GutscheinBetragDiv .gutschein_radio_label {
   float:left;
   margin-right: 25px;
   font-weight: bold;
   line-height: 1em;
   position: relative;
   padding-top: 1px;
}

#GutscheinBezahlungDiv {
   float: left;
   width: 245px;
   margin-left: 65px;
}

#GutscheinBezahlungDiv input {
   width: 12px;
   border: none;
   margin-right: 5px;
}

#GutscheinBezahlungDiv .gutschein_radio_label {
   float:left;
   margin-right: 25px;
   line-height: 1em;
   position: relative;
   padding-top: 1px;
}

/**
@section Member
*/

#NachrichtSchreibenDiv textarea {
	 width: 235px;
	 height: 40px;
}

/**
@section Meine Seite
*/

#MemberLieblingsgeheimnis {
		width: 350px;
}

#btn_changeliebling {
	margin-top: 4px;
   	border: 0;
   	padding: 0;
    cursor:pointer;
}

/**
@section Buttons
*/

.submit input,
input.pfeil_weiss,
input.pfeil_braun,
.button_073,
.button_093,
.button_105,
.button_126 {
   border: none;
   padding: 0;
   height: 25px;
   text-transform: uppercase;
   color: #ffffff;
   font-size: 12px;
   margin-top: 10px;
   margin-bottom: 10px;
   text-align: center;
   cursor:pointer;
}

.button_073 a,
.button_093 a,
.button_105 a,
.button_126 a {
 	line-height: 25px;
   	margin-top: 3px;
   	color: #ffffff !important;
   	text-decoration: none !important;
    cursor:pointer;
}

.submit input {
   float: right;
   margin-top: 0px;
   margin-bottom: 0px;
}

#kontakt .submit input,
.respond .submit input,
#forumposts .submit input {
   width: 73px;
}

#newsletter .submit input {
   width: 105px;
}

#forumtopics .submit input {
   width: 126px;
}

.button_073,
.spalte_eindrittel .button_073,
.spalte_zweidrittel .button_073,
.meta .button_073  {
   width: 73px;
   background: url(../img/layout/button_073.png) no-repeat;
}

.button_093,
.spalte_eindrittel .button_093,
.spalte_zweidrittel .button_093,
.meta .button_093 {
   width: 93px;
   background: url(../img/layout/button_093.png) no-repeat;
}

.button_105,
.spalte_eindrittel .button_105,
.spalte_zweidrittel .button_105,
.meta .button_105 {
   width: 105px;
   background: url(../img/layout/button_105.png) no-repeat;
}

.button_126,
.spalte_eindrittel .button_126,
.spalte_zweidrittel .button_126,
.meta .button_126 {
   width: 126px;
   background: url(../img/layout/button_126.png) no-repeat;
}

input.pfeil_weiss,
input.pfeil_braun{
   padding: 0;
   margin: 0;
   width: 18px;
   height: 18px;
}

input.pfeil_weiss {
   background: url(../img/layout/pfeil_2.png) 5px 7px no-repeat;
}

input.pfeil_braun {
   background: url(../img/layout/pfeil_3.png) 5px 7px no-repeat;
}

.buttonfloat {
	position: absolute;
	right: 0px;
	bottom: 0px;
	margin-bottom: 0px;
}

.paginator_kopf.buttonfloat {
	margin-bottom: 10px;
}

.buttonfloat .button_073,
.buttonfloat .button_093,
.buttonfloat .button_105,
.buttonfloat .button_126 {
	margin-bottom: -3px;
}

.buttonright {
	margin-bottom: 7px;
	margin-right: 7px;
}

.buttontop {
	margin-top: -2px;
}

.buttonzurueck {
	margin-top: 7px;
}

/**
@section Superuser
*/
#superuser {
	width: 185px;
}

#superuser fieldset{
	background-color: #fffff;
	border: 2px outset #3f8895;
	padding: 10px;
}

#superuser legend {
	font-weight: bold;
	color: #3f8895;
}

#superuser select {
   margin-bottom: 10px;
   margin-top: 10px;
}

#superuser .submit {
   clear: both;
   border-top: none;
   padding-top: 0px;
   padding-right: 10px;
}