input, select, textarea {
	border: 1px solid #DCDCDC;
    color: #000000;
    height: 15px;
    font-size: 11px;
}

.formular h1, .formular h2, .formular h3, .formular h4, .formular h5, .formular h6 {
	color: #1A5681;
}

label {
	color: #1A5681;
	font-size: 11px;
	font-weight: bold;
    padding: 0;
}

.formular label {
	display: block;
	padding: 0 10px 0 0;
	line-height: 22px;
}

.formular input {
	width: 190px;
}

.formular .form_wrapper {
	margin: 15px 0 5px 0;
	float: left;
}

.form_headline {
	color: #1A5681;
    font-size: 11px;
    font-weight: bold;
    margin: 10px 0;
}

.formular .modul_header {
    font-size: 15px;
    margin: 10px 0;
    text-align: center;
}

select {
    margin: 0;
    padding: 2px;
    height: 20px;
}

.formular select {
}

textarea {
    line-height: 13px;
    margin: 0;
    padding: 2px;
    height: 110px;
    width: 190px;
    overflow: hidden;
    margin: 0 0 5px 0;
}

.formular textarea {
	margin: 0 0 5px 0;
}

.form_text {
	line-height: 18px;
	margin: 0 0 10px 0;
}

.form_text2 {
	color: #1A5681;
    font-weight: bold;
	line-height: 18px;
}

.formular input[type="radio"] {
    margin: 2px 10px 0 0;
    width: 13px;
    float: left;
}

.formular input[type="checkbox"]  {
	width: 13px;
	margin: 0 10px 0 0;
	float: left;
}

.formular input[type="file"]  {
	height: 22px;
}

.formular .edit_button {
	margin: 10px 0 0 0;
	padding: 2px 20px;
}

.formular .reset_button {
	margin: 10px 00 0;
	background-color: #BFBFBF;
	padding: 2px 20px;
}

.formular img.ui-datepicker-trigger {
	float:left;
	margin-left: 5px;
	margin-top: 7px;
	cursor: pointer;
}

#ui-datepicker-div .ui-widget-content {
	background: #cccccc;
}

.formular input.file {
    border: 1px solid #DCDCDC;
    color: #000000;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    line-height: 13px;
    margin: 0;
    padding: 2px;
}

.formular input.year {
	margin-top: 5px;
	width:38px;
	border: 1px solid #DCDCDC;
	float: left;
}

.formular input.month, .formular input.day {
	margin-right: 3px;
	margin-top: 5px;
	width:21px;
	border: 1px solid #DCDCDC;
	float: left;
}

div.formdate {

}

div.frm_error_bg {
  background-color: #f5ebeb;
  border: 1px solid #D5D5D5;
  margin-bottom: 3px;
}

.frm_error input, .frm_error textarea {
  background-color: #f5ebeb;
  border: 1px solid #D5D5D5;
  margin-bottom: 3px;
}

.frm_error select {
 border: 1px solid #D5D5D5;
 background-color: #f5ebeb;
}

.frm_error_checkbox {
  background-color: #f5ebeb;
  border: 1px solid #D5D5D5;
  margin-bottom: 3px;
}

.form_error_text {
  font-size: 11px;
  color: #ff0000;
}

.formular .checkbox label {
	width: 300px;
	display: inline;
	float: none;
	padding: 0;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
}

.formular .radio label {
	width: 300px;
	display: inline;
	float: none;
	padding: 0;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
}

.form_wrapper input.width_xlarge {
	width: 250px;
}

.form_wrapper input.width_large {
	width: 142px;
}

.form_wrapper input.width_medium {
	width: 95px;
}

.form_wrapper input.width_small {
	width: 38px;
}

.form_wrapper textarea.width_xlarge {
	width: 250px;
}

.form_wrapper textarea.width_large {
	width: 142px;
}

.formular .twocol_textfeld {
	margin-right: 15px;
}

.formular .radio {
	float: left;
	margin: 0 15px 0 0;
}

.formular .form_wrapper.checkbox label {
 line-height: 17px;
}

.form_text2 {
 font-weight: normal;
 font-size: 11px;
}
.formular p {
	margin: 10px 0 0 0;
}

.formular .button .left {
	background: url("/pu_wkd/images/ressort-button-left.gif?030624") no-repeat scroll 0 0 transparent;
    float: left;
    height: 18px;
    width: 2px;
}

.formular .button .right {
	background: url("/pu_wkd/images/ressort-button-right.gif?030624") no-repeat scroll 0 0 transparent;
    float: left;
    height: 18px;
    width: 2px;
}

.formular .button .center {
	background: url("/pu_wkd/images/ressort-button-bg.gif") repeat-x scroll 0 0 transparent;
    float: left;
    height: 18px;
    padding: 0 2px;
    text-decoration: none !important;
    font-size: 10px;
    line-height: 18px;
}

.formular .button {
	margin: 10px 0 0 0;
}


/* Datepicker */


.ui-datepicker {
	background-color: #fff;
	padding: 10px;
	border: 1px solid #000;
	left: 511px !important;
	display: none;
}

.ui-datepicker-calendar td {
	padding: 2px 5px;
	text-align: center;
}

.ui-state-default.ui-state-hover {
	color: #000;
}

.ui-datepicker-days-cell-over.ui-datepicker-today {
	color: #000;
	background-color: #DDF6FF;
}

.ui-state-default.ui-state-highlight {
	color: #000;
}

.ui-datepicker-title {
	text-align: center;
	margin: 0 0 15px 0;
	font-weight: bold;
}

.ui-datepicker-prev, .ui-datepicker-next {
	font-size: 11px;
	cursor: pointer;
}

.ui-widget-header .ui-datepicker-prev .ui-icon {
	background-image: url("/pu_base/images/prev_arrow.png");
    background-position: center center;
    height: 17px;
    width: 10px;
    float: left;
}

.ui-widget-header .ui-datepicker-next .ui-icon {
	background-image: url("/pu_base/images/next_arrow.png");
    background-position: center center;
    float: right;
}


/* Contact Form */
.contact_form:first-of-type {
    padding-right: 10px;
}

.contact_form + .contact_form {
    padding-left: 10px;
}

.contact_form label {
    display: block;
}

.contact_form .form_wrap {
    margin: 0 0 15px;
}

.contact_form  {
    width: 50%;
    float: left;
}

.contact_form input[type="text"],
.contact_form select {
    width: 100%;
    height: 20px;
}

.contact_form textarea {
    width: 100% !important;
    margin: 0 0 25px 0;
    min-height: 150px;
}

.contact_form .day {
    width: calc(25% - 10px) !important;
    float: left;
    margin: 0 10px 0 0;
}

.contact_form .year {
    width: 50% !important;
    float: left;
}

.contact_form  input[value="senden"] {
    height: auto;
    color: #fff;
    padding: 8px 10px;
    margin: 0 0 15px;
    text-align: center;
    background: #2D4E5D;
    border: 0;
}


@media screen and (max-width: 930px) {
    .contact_form {
        float: none;
        width: 100%;
        padding: 0 !important;
    }
    .contact_form textarea {
        width: 100%;
    }

    .contact_form select {
        width: 100%;
    }


    .contact_form input[type="text"] {
        width: 100%;
    }
}