/* theodin.co.uk - Designed and developed by Philip Beel. All Rights Reserved */

#contactable {
   background-image:url("contact.gif")/*tpa=http://druck-deine-diplomarbeit.de/images/contact.gif*/;
   color:#fff;
   cursor:pointer;
   height:105px;
   left:0;
   margin-left:-3px; 
   overflow:hidden;
   position:fixed;
   *position:absolute;
   text-indent:-100000px;
   top:148px;
   width:41px;
   z-index:100000;
}

#contactForm {
background: rgb(99,99,99); /* Old browsers */
background: -moz-linear-gradient(undefined, rgba(0,10,79,1) 1%, rgba(6,15,81,1) 99%); /* FF3.6+ */
background: -webkit-gradient(linear, undefined, color-stop(1%,rgba(0,10,79,1)), color-stop(99%,rgba(6,15,81,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(undefined, rgba(0,10,79,1) 1%,rgba(6,15,81,1) 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(undefined, rgba(0,10,79,1) 1%,rgba(6,15,81,1) 99%); /* Opera11.10+ */
background: -ms-linear-gradient(undefined, rgba(34,44,56,1) 0%,rgba(52,55,79,1) 99%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222c38', endColorstr='#34374f',undefined ); /* IE6-9 */

background: linear-gradient(undefined, rgba(0,10,79,1) 1%,rgba(6,15,81,1) 99%); /* W3C */
   border:0px solid #eeece7;
   color:#fff;
   height:423px;
   left:0;
   margin-left:-400px;
   margin-top:-160px;
   overflow:hidden;
   padding-left:30px;
   position:fixed;
   top:160px;
   width:360px;
   z-index:99;
}

form#contactForm label {
   line-height:1.7em;
   font-size:11px;   
}

form#contactForm input, form#contactForm textarea {
   background:#fff none repeat scroll 0 0;
   border:none;
   outline-style:none;
   outline-width:medium;
   width:320px;
   margin-bottom:8px;
}

form#contactForm textarea {
   height:80px!important;
}

form#contactForm .submit {
   background:url("button-feedback.gif")/*tpa=http://druck-deine-diplomarbeit.de/images/button-feedback.gif*/ no-repeat bottom left;
   border:none;
   width:142px;
   height:32px;
   padding:5px;
   cursor:pointer;
   color:#fff;
   text-transform:uppercase;
   margin-top:10px;
   text-indent:-999em;
}

form#contactForm .submit:hover, form#contactForm .submit:focus {
   background-position:top left;
}

form#contactForm .submit:active {
   background-position:0 1px;
}

form#contactForm p {
   width:325px;
   font-size:0.8em;
}

form#contactForm p.info {
   text-align:right;
   line-height:1.4em;
   font-size:0.7em;
}

#contactForm .red {
   color: #c6e7ff;
}

#overlay {
   background-color:#666;
   display:none;
   height:100%;
   left:0;
   margin:0;
   padding:0;
   position:absolute;
   top:0;
   width:100%;
   z-index:0;
}

#name.error { background-color: #ffcccc; }
#email.error { background-color: #ffcccc; }
#comment.error { background-color: #ffcccc; }

#contactform #loading {
   background: url("ajax-loader.gif")/*tpa=http://druck-deine-diplomarbeit.de/images/ajax-loader.gif*/ no-repeat;
   width:55px;
   height:55px;
   margin: 100px auto;
   display:none;
}

#callback {
   font-size:1.1em;
   color: #fff;
   width:325px;
   margin: 100px auto;  
   display:none;
}


.holder {
   margin:0 auto;
   padding-top:20px; 
}