form { width: 365px; margin: 0; padding: 0; font-size: 12px; }

dl { width: 365px; }
dt { text-align: right; float: left; width: 150px; display: block; margin: 0; padding: 0; }
dd { float: left; width: 215px; display: block; margin: 0; padding: 0; clear: right; font-size: 11px; }

label { font-size: 11px; margin-top: 4px; padding: 0 10px 0 0; display: block; }

dl.nolabel dt { text-align: left; margin-bottom: 5px; width: 365px; }
dl.nolabel dd { text-align: left; margin-bottom: 5px; width: 365px; }
dl.nolabel dd .label { font-size: 12px; }
.right { float: right; padding-right: 20px; display: block; }

h3 { color: #7ca1b3; font-size: 13px; padding-top: 15px; display: block; float: left; clear: both; width: 365px;  }
h4 { color: #7ca1b3; font-size: 12px; padding-top: 15px; display: block; float: left; clear: both; width: 365px;  }

.remark { display : block; font-size : 10px; color : #8c8c8c; }
input, textarea, select { padding : 2px 4px; font : 11px/1.5 arial,sans-serif; border : 1px solid #7ca1b3; background-color : #f1f1f1; }
textarea { line-height : 1.2; overflow : auto; background-color : #f1f1f1; width: 369px; }
input.radiocheck { vertical-align : middle; margin-right : 5px; background-color : #ffffff; margin-top: -1px; border-style: none; }
input.text { width : 200px; }
input.btn { color : #666; background-color : #f1f1f1; }
select {max-width: 200px; background-color : #f1f1f1; }

input.radio { vertical-align : middle; margin-right : 5px; background-color : #ffffff; border-style: none; }
input.checkbox { vertical-align : middle; margin-right : 5px; border :  none; background-color : #ffffff; }
input.street { width: 148px;}
input.street_nr { width: 40px;}
input.zip { width: 40px;}
input.city { width: 148px;}
input.number { width: 70px;}
select.day { width: 50px; }
select.month { width: 80px; }
select.year { width: 60px; }
select.age { width: 50px; }

.line_normal { float: left; clear: both; padding-top: 3px; padding-bottom: 3px; }
.line_error { float: left; clear: both; padding-top: 3px; padding-bottom: 3px; }
.line_error label { color: #a00; }
.line_error dd label { color: #a00; }
.line_error input { background-color : #fff3cd; }
.line_error select { background-color : #fff3cd; }
.line_error .radio { background-color : #ffffff; }


.inset { margin-left : 25px; }
.inset_wide { margin-left : 75px; }
.checkboxlist { display: block; float:left; margin-left: 1px; margin-bottom: 1px; margin-right: 0px; }

p.controls { margin : 0; text-align : right; }
.controls { margin-top : 15px; padding-left: 0; clear: both; }
.controls input { color : #f1f1f1; background-color : #7ca1b3; text-align: center; width: 100px !important; border-color: #c0c0c0 #555 #555 #c0c0c0; border-style: solid; border-width: 1px; }
.controls input:hover { color : #666; background-color : #f1f1f1; }
.controls .button_right { float: right; }
.controls .button_left { float: left; }
.controls .button_pdf { float: left; width: 300px; }
.controls .nolabel { margin-top : 15px; padding-left: 0px; }
.controls .inline { margin-top : 0px; padding-left: 0px; }
.controls a { color: #f1f1f1; font : 11px/1.5 arial, sans-serif; padding: 2px 4px; border: solid 1px; text-decoration : none; background-color : #659fb5; text-align: center; display: block; width: 175px; }
.controls a:hover { color : #659fb5; background-color: #f1f1f1; text-decoration : none; }

.controls_center { margin-left: 50px; }
.controls_center input { color : #f1f1f1; background-color : #659fb5; text-align: center; width: 225px; }
.controls_center input:hover { color : #659fb5; background-color : #f1f1f1; }
.controls_center a { color: #f1f1f1; font : 11px/1.5 arial, sans-serif; padding: 2px 4px; border: solid 1px; text-decoration : none; background-color : #659fb5; text-align: center; display: block; width: 175px; }
.controls_center a:hover { color : #659fb5; background-color: #f1f1f1; text-decoration : none; }
.button_middle { width: 175px; }


/* -------------------------------------------------- */
/* =anchors */

a { color : #000; }
a:hover { text-decoration : none; }

.divider { margin-bottom: 10px; padding-bottom: 10px; }
.divider_line { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #7ca1b3; }
.dd_images { text-align: center; float: left; margin-bottom: 15px; padding-bottom: 15px; display: block; clear: both; width: 365px; }
.imagebutton { text-align : left; margin: 5px; border-style: none; float: left; width: 120px; color: #666; }
.divider_both { margin-bottom: 5px; padding-bottom: 5px; clear: both; float: left; }

.message_error { background-color: #ffffea; width: 355px; margin-bottom: 10px; padding: 5px; border-color: #ddd #ccc #ccc #ddd; border-style: solid; border-width: 1px; }
.message_error h4 { margin: 0; padding-left: 5px; }
.message_error p { color: #a00; margin-bottom: 0; padding-left: 5px; font-size:11px; }
.message_error ul { margin-top: 3px; margin-bottom: 3px; padding-top: 0; padding-left: 10px; }
.message_error li { line-height: 12px; }
.error_field {color: #a00;}
.error_reason {margin-left: 10px;}

.message_note { background-color: #ffffea; width: 400px; margin-bottom: 10px; padding: 5px; border-color: #ddd #ccc #ccc #ddd; border-style: solid; border-width: 1px; }
.message_note h4 { font-weight : bold; color : #659fb5; margin: 0; padding-left: 5px; }
.message_note p { color: #4c4c4c; margin-bottom: 0; padding-left: 5px; }
.message_note ul { margin-top: 3px; margin-bottom: 3px; padding-top: 0; padding-left: 10px; }
.message_note li { line-height: 12px; }
.note_field {color: #659fb5;}
.note_reason {margin-left: 10px;}

.action { margin-bottom : 3px; margin-top: 0; padding-top: 0; padding-bottom: 0; padding-left : 250px; font-weight: bold; }
.disclaimer { margin-top: -5px; color: #9e9e9e; font-size: 10px; padding-top: -5px;}


.label_inline { color: #9e9e9e; font-size: 10px; margin-left: 0px; }
.footnote { font-size: 9px; }

.line { margin-top: 5px; }
.col1 { float:left; clear: left; }
.col2 { margin-left: 20px; font-size: 11px; }

.step { float: right; }

.required { vertical-align: baseline; font-size: 9px; position: relative; top: -0.4em; left: 2px; }


/* ---------------------------------------------------------------------------------------------------- */
/* =patches */
/* ---------------------------------------------------------------------------------------------------- */


/* -------------------------------------------------- */
/* =clearfix */

.clearfix:after {
    content : "."; 
    display : block; 
    height : 0; 
    clear : both; 
    visibility : hidden;
}

.clearfix {
	display : inline-block;
}

/* hides from IE-Mac \*/
* html .clearfix {
	height : 1%;
}
.clearfix {
	display : block;
}
/* end hide from IE-Mac */