/*
 * SimpleModal Contact Form
 * http://www.ericmmartin.com/projects/simplemodal/
 * http://code.google.com/p/simplemodal/
 *
 * Copyright (c) 2008 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 *
 * Revision: $Id: contact.css 164 2008-12-02 23:31:54Z emartin24 $
 *
 */

body {padding:0; margin:0; height:100%; width:100%;}

/* Overlay */
#contact-overlay {background-color:#000; cursor:wait;}

/* Container */
#contact-container {
   width:677px;
   font-size:16px;
   text-align:left;
   font-family: Arial, Sans-Serif;
}
#contact-container .contact-content {
   background-color:#BBD9D7;
   color:#000;
   height:40px;
   border-left: 2px solid #fff;
   border-right: 2px solid #fff;
   font-size:11px;
}
#contact-container h1 {
   margin:0;
   padding:0 0 6px 55px;
   text-align:left;
   font-family: arial black,Sans-Serif;
   color: #000000;
   font-size: 13px;

}

#contact-container .contact-text {
   padding: 0  0 10px 55px;
   font-weight: normal;
   color:#333333;
   font-family:arial,Sans-Serif;
   font-size:10px;
}

#contact-container .contact-loading {
   position:absolute;
   background: url(../img/contact/loading.gif) no-repeat;
   z-index:8000;
   height:55px;
   width:54px;
   margin:-14px 0 0 310px;
   padding:0;
}
#contact-container .contact-message {text-align:center;}
#contact-container .contact-error {
   width:92%; 
   background:#BBD9D7;
   border:2px solid #000;
   font-size:0.8em;
   font-weight:bold;
   margin:0 auto;
   padding:2px;
}
#contact-container br {clear:both;}
#contact-container form {padding:0; margin:0;}
#contact-container label {
   clear:left;
   display:block;
   width:100px;
   float:left;
   text-align:left;
   padding-left:55px;
   font-weight:bold;
   height: 15px;
   color:#333333;
   font-family:arial,Sans-Serif;
   font-size:10px;
}

#contact-container .label_klein {
   font-weight: normal;
   font-size:0.9em;
}



#contact-container .contact-input {
   /*font-family:'Trebuchet MS', Verdana, Arial;*/
   float:left;
   clear:left; 
   padding:2px;
   margin:2px 0 0 50px;
   background:url(../img/contact/textbox_bg_lang.gif) no-repeat;
   width:202px;
   border: none;
   padding-left:10px;
   padding-right:10px;
   height: 30px;
   /*font-size:.9em;*/
}
#contact-message.contact-input {
   background: url(../img/contact/textbox_kontakt_bg.jpg) repeat-y top center;
   width:450px;
   height: 100px;
   padding: 0 20px 0 40px;
   margin: 0 0 0 50px;
}

#oben {
   background: url(../img/contact/textbox_kontakt_oben.jpg) no-repeat top center;
   height: 30px;
   margin: 164px 0 -2px -122px
   
}

#unten {
   background: url(../img/contact/textbox_kontakt_unten.jpg) no-repeat top center;
   height: 34px;
   margin: 100px 0 -2px -122px;
}

#contact-container textarea {

}
#contact-container .contact-cc {
   font-size:.9em;
   cursor:default;
}

#contact-cc {
   margin-left:225px;
}

#contact-container .contact-top {height:33px; background:url(../img/contact/form_top.gif) no-repeat; padding:0; margin:0;}
#contact-container .contact-bottom {
   height:33px;
   background:url(../img/contact/form_bottom.gif) no-repeat;
   font-size:8px;
   text-align:center;
   padding-top: 15px;
}
#contact-container .contact-bottom a,
#contact-container .contact-bottom a:link,
#contact-container .contact-bottom a:active,
#contact-container .contact-bottom a:visited {position:relative; top:-4px; text-decoration:none; color:#666;}
#contact-container .contact-bottom a:hover {color:#888;}
#contact-container .contact-button {margin:4px 0 0 4px; cursor:pointer; height:24px; border:0; font-size:1em; font-weight:bold; color:#fff; text-align:center; vertical-align:middle;}
#contact-container .contact-send {
   width:172px;
   height: 42px;
   background:url(../img/contact/email.png) no-repeat;
   margin-left:215px;
}
#contact-container .contact-cancel {width:65px; background:url(../img/contact/cancel.png) no-repeat;}
#contact-container a.modalCloseX,
#contact-container a.modalCloseX:link,
#contact-container a.modalCloseX:active,
#contact-container a.modalCloseX:visited {text-decoration:none; font-weight:bold; font-size:1.2em; position:absolute; top:5px; right:20px; color:#999;}
#contact-container a.modalCloseX:hover {color:#9bb3b3;}

a.contact {
   color:#000000;
   font-family:Arial,Verdana,Sans-Serif;
   font-size:9px;
   font-weight:normal;
   text-decoration:none;
}