@charset "utf-8";
#newsletter { width:530px; margin:30px auto;}
#newsletter  form { width:370px;}
#newsletter  form p { display:block; margin-bottom:3px; line-height:20px; clear:both;}
#newsletter  form p label { display:block; float:left; width:150px;}
.formBtn { margin-left:150px; padding-top:5px;}
.inputStyle { width:172px; border:1px solid #a0a0a0;padding:2px; font-family:Arial,"Trebuchet MS", Geneva, Helvetica, Sans-serif;font-size: 11px;color: #30465e;}
.overStyle {  width:172px; border:1px solid #d80202;padding:2px; font-family:Arial,"Trebuchet MS", Geneva, Helvetica, Sans-serif;font-size: 11px;color: #30465e;}
.prompt, .prompt_contact {margin-left:150px; float:left; color:#009ece;}
.error, .error_contact {margin-left:150px; float:left; color:#d80202;}
.prompt_contact {margin-left:100px;}

#areaTop, #areaMiddle, #areaBottom { clear:both; margin-bottom:10px; border-bottom:1px solid #e6e6e6; overflow:hidden;}
#areaBottom  { border-bottom:0;}
#areaTop h3, #areaMiddle h3, #areaBottom h3 { padding-bottom:10px;}
#newsletter h3 { cursor:pointer;}
#areaTop h3.default { background:url(../../images/newsletter_03.gif) no-repeat 0 0; height:24px;}
#areaTop h3.over { background:url(../../images/newsletter_031.gif) no-repeat 0 0; height:24px;}
#areaMiddle h3.default { background:url(../../images/newsletter_111.gif) no-repeat 0 0; height:24px;}
#areaMiddle h3.over { background:url(../../images/newsletter_11.gif) no-repeat 0 0; height:24px;}
#areaBottom h3.default { background:url(../../images/newsletter_141.gif) no-repeat 0 0; height:24px;}
#areaBottom h3.over { background:url(../../images/newsletter_14.gif) no-repeat 0 0; height:24px;}


.description{ padding:10px 0; color:#434343;}



/*==contact==*/
#mailform {height:100%;width:370px;}
#mailform p , #mailkatalogbestellunForm p{float:left;line-height:18px;margin:0 3px 3px 0; clear:both; width:100%;}
#mailform p label, #mailkatalogbestellunForm p label{display:block;float:left;width:100px;}
#mailform p span input, #mailkatalogbestellunForm p span input{ float:left; margin-top:2px; *margin-top:-2px;vertical-align:middle;}
#mailform p span label, #mailkatalogbestellunForm p span label { width:40px;}
#mailkatalogbestellunForm p .inputStyle, #mailkatalogbestellunForm p .erroreStyle {width:168px;}
#mailformName, #mailformVorname, #mailformStrae, #mailformPLZ, #mailformOrt, #mailformTelefon, #mailformEMailAdresse, #mailformBetreffThema, #mailformNachrichtentext, #mailformLand {border:1px solid #A0A0A0;color:#616161;float:left;font-family:Arial,"Trebuchet MS",Geneva,Helvetica,Sans-serif;font-size:11px;padding:1px 2px;vertical-align:middle;width:166px;}
#mailformName.erroreStyle, #mailformVorname.erroreStyle, #mailformStrae.erroreStyle, #mailformPLZ.erroreStyle, #mailformOrt.erroreStyle, #mailformTelefon.erroreStyle, #mailformEMailAdresse.erroreStyle, #mailformBetreffThema.erroreStyle, #mailformNachrichtentext.erroreStyle, #mailformLand.erroreStyle {border:1px solid #d80202;color:#616161;float:left;font-family:Arial,"Trebuchet MS",Geneva,Helvetica,Sans-serif;font-size:11px;padding:1px 2px;vertical-align:middle;width:166px;}
#mailformformtype_mail, #katalogbestellun_mail {background:transparent url(../../images/form_btn.jpg) no-repeat 0 0;border:0 none;cursor:pointer;display:inline;float:left;height:23px;line-height:21px;margin:20px 100px;text-indent:400px;vertical-align:middle;width:172px;}
#katalogbestellun_mail {background:url(../../images/abschicken.jpg) no-repeat 0 0;margin-left:100px;_margin-left:103px;}
#mailform h6 { clear:both;}
#mailformEMailAdresse { margin-bottom:15px;}
#mailformBetreffThema {padding:0;width:172px;}
#mailform p label.katalog {width:auto;}
* +html #katalog {margin-top:-3px;}/*for IE7*/
* html #katalog {margin-top:-3px;}/*for IE6*/

#info {margin-left:0; text-align:left;}
#topPrompt, #KatalogbestellunError{ margin-left:100px; }
#newsletter #topPrompt,#newsletter #MiddlePrompt,#newsletter #bottomPrompt {margin-left:150px;}
#topPrompt { clear:both;}
#newsletter #topPrompt img,#MiddlePrompt img,#bottomPrompt img{ vertical-align:middle}
.formloading { vertical-align:middle}
.loadingText {color:#009ECE;display: block; float: left; padding-top: 10px;}
.torSubLabel {text-align: left; display: block; width: 100%;overflow:hidden;clear:both}
#mailform p label, #mailkatalogbestellunForm p label{width:105px;}
.knowusText {line-height:14px;}

#mailkatalogbestellunForm .katalogType { padding:0 0 1em 0; height:100%; overflow:hidden;}
#mailkatalogbestellunForm .katalogType p { float:left; width:100%; clear:both;}
#mailkatalogbestellunForm .katalogType p input { vertical-align:-2px; margin-right:5px;}
#mailkatalogbestellunForm .katalogType p label { float:none; display:inline;}
.topfirst {color:#30465E}