/** ********************************************************************************************************************************************************/
/** ausgabe */
/** ********************************************************************************************************************************************************/

#register { width:265px; height:auto; min-height:102px; margin-right:10px; margin-bottom:20px; padding:8px; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; line-height: 150%; background: url("../images/newsletter.png") no-repeat -15px -10px; color:#000000; float:left; }
.newsletter { margin-top:10px; font-size:18px; font-weight:bold; text-align:right; color:#FFF; letter-spacing: -1px; }
#register .wrap { margin: 10px 0px 0px 0px; width: 100%; color: #FFF; line-height: 150%; font-weight: normal; }
#register .wrap ul { margin: 0px 0px 0px 190px; color: #FF6600; }
#register .wrap li { list-style-type: square; border: none; padding: 0px; line-height: 100%; }
#register .newsletter_info { font-weight: normal; text-align: left; padding-top: 10px; }
#ausgabe { clear:both; font-size:12px; font-weight:bold; height:auto; padding-top:5px; text-align:left; color: #FFF; }
#register .wrap p { margin: 3px 0px; }

#register a { color:#FFF; }
#register a:hover {color:#FF6600; }
#register .Stil2 { color: #000; }
#register .Stil3 { color: #FFF; }

/** ********************************************************************************************************************************************************/
/** formular */
/** ********************************************************************************************************************************************************/

#anrede { margin-bottom: 10px; text-align:right; }
#vorname { float:left; margin: 0px 5px 5px 0px; }
#name { float:left; margin: 0px 0px 5px 0px; }
#email { float:left; margin-bottom: 7px; }
#but { float:right; margin-top:3px; margin-right: 2px; }

/** ********************************************************************************************************************************************************/
/** input felder */
/** ********************************************************************************************************************************************************/

.input_field,
.input_field_error { width: 145px; }

.input_field_short,
.input_field_short_error { width: 85px; } 

.input_field_long,
.input_field_long_error { width: 250px; }

.input_field,
.input_field_short,
.input_field_long { color: #CCCCCC; padding: 6px; font-size: 12px; outline:none;  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #404040 url("../images/input_bg.png") repeat-x; border:1px solid #505050; border-bottom:1px solid #666; box-shadow: inset 0 2px 4px #262626;	-webkit-box-shadow: inset 0 2px 4px #262626; -moz-box-shadow: inset 0 2px 4px #262626; }

.input_field:hover,
.input_field_short:hover,
.input_field_long:hover { color: #EEEEEE; }

.input_field:focus,
.input_field_short:focus,
.input_field_long:focus { color: #CCCCCC; background: #404040 url("../images/input_bg.png") repeat-x; border:1px solid #555555; border-bottom:1px solid #666666; box-shadow: inset 0px 2px 4px #111111;	-webkit-box-shadow: inset 0px 2px 4px #111111; -moz-box-shadow: inset 0px 2px 4px #111111; }


.input_field_error,
.input_field_short_error,
.input_field_long_error {  color: #FFFFFF; padding: 6px; font-size: 12px; outline:none;  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #404040 url("../images/input_bg.png") repeat-x; border:1px solid #FF6600; box-shadow: inset 0 2px 4px #262626;	-webkit-box-shadow: inset 0 2px 4px #262626; -moz-box-shadow: inset 0 2px 4px #262626;  }

.input_field_error:hover,
.input_field_short_error:hover,
.input_field_long_error:hover { color: #EEEEEE; }

.input_field_error:focus,
.input_field_short_error:focus,
.input_field_long_error:focus { color: #CCCCCC; background: #555555; background: #404040 url("../images/input_bg.png") repeat-x; border:1px solid #555555; border-bottom:1px solid #666666; box-shadow: inset 2px 2px 4px #111111;	-webkit-box-shadow: inset 2px 2px 4px #111111; -moz-box-shadow: inset 2px 2px 4px #111111; }

/** ********************************************************************************************************************************************************/
/** buttonīs */
/** ********************************************************************************************************************************************************/

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner { border: none; }

.button { cursor: pointer; color: #EEEEEE; padding: 4px; font-size: 11px; font-weight: bold; outline:none;  -moz-border-radius: 3px; -webkit-border-radius: 5px; border-radius: 5px; background: #555555; background: -moz-linear-gradient(top, #999999, #333333); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #999999), color-stop(1, #333333)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#999999', EndColorStr='#333333')"; /* IE8 only */ filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#999999', EndColorStr='#333333'); /* IE6,IE7 only */ border:1px solid #333333; box-shadow: 0px 0px 3px #333333; -webkit-box-shadow: 0px 0px 3px #333333; -moz-box-shadow: 0px 0px 3px #333333; }
.button:hover { cursor: pointer; color: #FFFFFF; padding: 4px; font-size: 11px; font-weight: bold; outline:none;  -moz-border-radius: 3px; -webkit-border-radius: 5px; border-radius: 5px; background: #666666; background: -moz-linear-gradient(top, #AAAAAA, #444444); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #AAAAAA), color-stop(1, #444444)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#AAAAAA', EndColorStr='#444444')"; /* IE8 only */ filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#AAAAAA', EndColorStr='#444444'); /* IE6,IE7 only */ border:1px solid #333; box-shadow:  0px 0px 3px #333333; -webkit-box-shadow: 0px 0px 3px #333333; -moz-box-shadow: 0px 0px 3px #333333;  }
.button:focus { cursor: pointer; color: #CCCCCC; padding: 4px; font-size: 11px; font-weight: bold; outline:none;  -moz-border-radius: 3px; -webkit-border-radius: 5px; border-radius: 5px; background: #333333; background: -moz-linear-gradient(top, #888888, #222222); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #888888), color-stop(1, #222222)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#888888', EndColorStr='#222222')"; /* IE8 only */ filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#888888', EndColorStr='#222222'); /* IE6,IE7 only */ border:1px solid #333; box-shadow: inset 0px 1px 3px #111111; -webkit-box-shadow: inset 0px 1px 3px #111111; -moz-box-shadow: inset 0px 1px 3px #111111;  }

/** ********************************************************************************************************************************************************/
