/* =============================================================================
mkloker - Kontakt
============================================================================= */

/* General
============================================================================= */

 #introduction h1 {
    display: block;
    background:   url(img/typography/introductions/kontakt.png) 0 0 no-repeat;
    text-indent: -9999px;
    height: 82px;
    cursor: pointer;
	paddin-top: 28px;
  }

ul#navigation li a#contact_active {background: url(img/navigation/contact.gif) 0 -248px no-repeat;}

#page_content img {
	background-color: #fff;
	padding: 0px;
	background-image: none;
	margin-left: 0px;
	margin-bottom: 5px;
}

/* Contact details
============================================================================= */

.contact_details {
  color: #5c5c56;
  width: 200px;
  padding: 0 0 30px 0;
  margin: 0 30px 0 0;
  float: left;
}

h3#contact_details {
  background:  url(img/typography/section_headings/contact.gif) 0 0 no-repeat;
  width: 103px;
  margin: 30px 0 0 0;
}

p.first {margin: 12px 0 0 0;}
a#find_us {border: none;}
p.new {margin: 9px 0 0 0;}
p span {color: #8d8d85;}

/* Error box
============================================================================= */

#error_box {
  background: #F9F4B6;
  border: 1px solid #E2DC90;
  margin-top: 16px;
  padding: 10px 13px;
  color: #75713C;
}

/* Send us a message
============================================================================= */

.message {
	background-color: #ECECEC;
	margin:  15px 15px 0px 15px;
  color: #5c5c56;
  width: 501px; 
  float: left;
  -moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
}



.left_textinput {
  width: 200px;
  margin: 0 30px 0 0;
  float: left;
}

.right_textinput {
  width: 200px;
  float: left;
}

  .message .row {margin: 10px 0 0 30px;}

  .message .row label em {font-style: normal; padding-left: 3px; color: #AAAAAA;}

  .message div.textinput {
    background:  url(img/backgrounds/forms/textbox_200.gif) 0 0 no-repeat;
    height: 26px;
    margin: 3px 0 0 0;
  }

  .message input {
    background: none;
    width: 188px;
    height: 21px;
    padding: 0px 6px 0 6px;
    border: none;
  }

  .message div.textarea {
    background:  url(img/backgrounds/forms/textarea_430.gif) 0 0 no-repeat;
    height: 95px;
    margin: 3px 0 0 0;
  }

  .message textarea {
    background: none;
    width: 418px;
    height: 83px;
    margin: 5px 6px 5px 6px;
    border: none;
  }

   .message button {
    background:  url(img/buttons/send_message.gif) 0 0 no-repeat;
    height: 26px;
    width: 100px;
    margin: 0px 45px 20px 0;
    float: right;
  }
  .message button:hover {background-position: 0 -26px;}