/* emion interaktive medien */
/* http://www.emion.de      */
/* mschmidt@20041116 1806   */


body.extern { margin:0; padding:0; font:normal 12px Verdana,Arial,sans-serif; color:#000; background:#ddd }

.extern #kopf { width:730px; margin:20px auto; color:#555 }
.extern #kopf h1 { font-size:14px; font-weight:bold }
.extern #kopf p { font-size:11px }

#rahmen { width:770px; margin:20px auto; background:#fff; border:2px solid #999 }
#formular { padding:20px }

#formular h1 { margin:0 0 15px 0; padding:0; font-size:13px; font-weight:bold }
#formular table { border:0 }
#formular td { vertical-align:top }
#formular td.mittig { vertical-align:middle }
#formular table.ct td { vertical-align:middle; }
#formular table.ct input { width:120px; border:0; border-bottom:1px solid #000; border-left:1px solid #000 }
#formular table.am td { vertical-align:middle }

#formular label.standard { width:130px; margin:2px 0; display:block; float:left }
#formular input.standard { width:200px; margin:2px 0; border:0; border-bottom:1px solid #000 }
#formular textarea.remarks { width:600px; height:100px; border:1px solid #000 }
#formular textarea.gestreift { width:90%; height:200px; border:1px solid #000 }
#formular input.submit { width:100px }

#formular select { width:200px; margin:2px 0; }

#formular input { vertical-align:middle }
#formular input.kurz { width:80px; border:0; border-bottom:1px solid #000 }

#formular #submit,#formular #reset { font-family:Arial }
#formular form { margin:0; padding:0 }
#formular .clear { clear:both }

#formular input,textarea { padding:1px; font-family:"Courier New",Courier,monospace; font-size:13px }
input:focus,textarea:focus { background:#efefef }


/* Kontaktformular */
#kf label { display:block; margin:1em 0 0 0; font-weight:normal; color:#000 }
#kf label.first { padding:1em 0 0 0 }
#kf input { width:16em; padding:2px; display:block; border:1px solid #000 }
#kf textarea { width:16em; height:128px; padding:2px; display:block; font-family:Arial; font-size:13px; border:1px solid #000 }
#kf input.submit { width:10em; display:block }
#kf select { display:block }

/* Katalogbestellung */
#kb { width: 450px; }
td.katalogauswahl input { width:40px !important; vertical-align:middle; border:0 !important }

/* ###################################################### */
/* ####################### CONTACT FORM ############'#### */
/* ###################################################### */
#contactForm {
    font-size:11px;
}
#contactForm .contactRow {
    margin:4px 0;
}
#contactForm label {
    display:block;
    float:left;
    width:80px;
}
#contactForm .contactRow input, #contactForm .contactRow textarea {
    border:1px solid #ccc;
    width:346px;
}
#contactForm .contactRow select {
    border:1px solid #ccc;
    width:172px;
}
* html #contactForm .contactRow input, * html #contactForm .contactRow textarea {
    width:343px;
}

#contactForm .contactRow input {
    height:14px;
}

#contactForm .contactRow textarea {
    height:105px;
    font-size:10px;
}

#contactFormSubmit #contactFormSubmitLeft {
    float:left;
    margin:0 0 0 80px;
    width:174px;
}
* html #contactFormSubmit #contactFormSubmitLeft {
    margin:0 0 0 26px;
}
#contactFormSubmit #contactFormSubmitRight {
    float:right;
    width:174px;
}

#contactFormSubmit #contactFormSubmitLeft input, 
#contactFormSubmit #contactFormSubmitRight input {
    background-color:#fff;
    border:0;
    color:#0060b1;
    padding:0 20px 0 0;
    background-image:url(../images/link_pfeil.gif);
    background-repeat:no-repeat;
    background-position:right 4px;
    font-size:10px;
    width:auto;
    height:auto;
    float:right;
    margin:0;
}
#contactFormSubmit #contactFormSubmitLeft input {
    background-image:none;
    padding:0;
    float:left;
}

#contactForm table {
    width:100%;border-collapse:collapse;
}
#contactForm table td {
    padding:0;
}
#contactForm table td.pt {
    padding-top:2px;
}
* html #contactForm table td.pt {
    padding-top:0;
}