body {
    padding:0px 0px;
    font-family:sans-serif,verdana;
}

/* get rid of those system borders being generated for A tags */
a:active {
    outline:none;
}

:focus {
    -moz-outline-style:none;
}

/* ab hier Formular */

/* form style */
#myform {
    /* background:#F6F6F6; */
    padding:10px 10px;
	font-size:12px;
    color:#333;
    width:360px; /* 500 oder mehr für Seiten-Div mit Logos*/
    /* height:330px; */
    height: 100%;
    margin:0px auto;
    position:relative;
	border: 1px dotted #999;
}

/* typography */
#myform h3 { font-size: 18px; color:#666; margin:0px; }
#myform p { color:#666; font-size:11px; }


/* fieldset */
#myform fieldset {
    border:0;
    margin:0;
    padding:0;
  /*  background:#FFC; */
	background-image:none;
    float:left;
    width:180px;
}

.anrede {
    background-image:none;
    float:left;
    width:65px;
}

.asmall {
    background-image:none;
    float:left;
    width:60px;
}

.small1 {
	width:85px;
}
.small_ort {
	width:105px;
}
.smallfull {
	width:165px;
}
.smallfull_a {
	width:150px;
}

.eingabefeld_leeren_tt {
	width:30px;	
}

.eingabefeld_leeren_mm {
	margin-left:-11px;
	width:30px;	
}

.eingabefeld_leeren_JJJJ {
	margin-left:-21px;
	width:50px;	
}
#myform fieldset.terms {
    background-image:none;
    float:left;
    width:370px;
	margin-top: 30px;
}

/* select felder */
#myform select.bg {
	width: 162px;
	padding: 5px;
	font-size: 12px;
	border: 1px solid #ccc;
	height: 26px;
	color:#333;
	background-color:#EEE;
}
#myform select.anrede {
	width: 60px;
	padding: 5px;
	font-size: 12px;
	border: 1px solid #ccc;
	height: 26px;
	color:#333;
	background-color:#EEE;
}
/* input field */
#myform input {
    border:1px solid #ccc;
    background-color:#EEE;
    padding:5px;
    color:#333;
    font-size:12px;
}

#myform input.checkbox {
    border: 0px solid;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px -15px;
}

#myform input:focus { border: 1px solid #F60; color:#333; background-color:#EEE; }
#myform input:active { border: #F60; background-color:#EEE; } /* evtl. zusätzliche Styles für aktives Eingabefeld

/* field label */
#myform label {
    font-size:11px;
	color:#333;
    margin-top:25px;
    display:block;
	height:20px;
}

#myform label.terms {
    font-size:11px;
    margin-left:20px;
    display:inline;
}

#myform label input {
    display:block;
}

#myform label select {
    display:block;
}

#myform label.select input {
    display:inline;
	padding:1px;
}

#myform label.terms input {
    display:inline;
}

/* button */
#myform button {
    background-color: #0150D1;
    border: 1px solid #D1DDC7;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    height: 30px;
	width: 180px;
    text-align: center;
    text-decoration: none;
}

#myform button:hover {
    color: #FF9;
}

/* Fehlermeldung Validierung */
.error {
    height:14px;
    background-color:#666;
    font-size:12px;
    border:1px solid #E1E16D;
    padding:4px 10px;
    color:#FFF;
    display:none;
	margin:0 0 2px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}

.error p {
    margin:0;
}

.error em {
    border:10px solid;
    border-color:#666 transparent transparent;
    bottom:-17px;
    display:block;
    height:0;
    left:5px;
    position:absolute;
    width:0;
}

/* Info Secure */

.secure {
font-size:11px;
width: 140px;
text-align:inherit;
float:left;
margin-left:20px;
margin-right:5px;
display:block;
}
.img_secure {
width: 24px;
margin-top: 3px;
float:left;
display:block;
}

/* Clear */
.clear {
    clear:both;
    height:15px;
}

/* tooltip styling. by default the element to be styled is .tooltip  */
  .tooltip {
    display:none;
	border:1px dotted #333;
    background:#CCC;
    font-size:12px;
    height:70px;
    width:160px;
    padding:5px;
	margin-bottom:15px;
    color:#333;
  }