#umg{
width: 350px;
margin: 0 auto;
border:1px solid #2B80C3;
background: #2B80C3 url('bilder/form/gradient2.jpg') bottom no-repeat ;
}

#umg #formular{
border: 1px solid white;
}

#umg #formular fieldset{
border: none;
margin: 10px;
}

#umg #formular fieldset legend{
margin-bottom: 10px;
font-size: large;
font-weight: normal;
color: #FFFFFF;
}

label{
cursor: pointer;
display: block;
vertical-align: middle;
float: right;
margin-bottom: 4px;
color: white;
font-weight: bold;
font-size: 90%;
padding: 3px;
}

label:hover, input:hover, input:active, input:focus, label:active, label:focus{
color: black;
cursor: pointer;
border: 1px solid #FFFFFF;
padding: 2px;
background:#FFFFFF url(bilder/form/gelber-verlauf.gif);
}

input:hover, input:active, input:focus{
background-color: #fff;
border: 1px solid black;
}

input{
width: 100%;
cursor: pointer;
padding: 3px;
}

#email, #name, #nachricht{
padding: 0.2em;
font-size: 1.2em;
border: 1px solid #B5CE29;
padding-left: 25px;
}

#email{
background: #FFFFFF url('bilder/form/mail-gold.png') 3px 50% no-repeat;
}

#name{
background: #FFFFFF url('bilder/form/user_orange.png') 2px 50% no-repeat;
}

#nachricht{
background: #FFFFFF url('bilder/form/user_orange.png') 2px 50% no-repeat;
}

#email:hover, #email:active, #email:focus{
background-image: url('bilder/form/mail-blue.png');
border: 1px solid #C6DE3C;
}

#name:hover, #name:active, #name:focus{
background-image: url('bilder/form/user_green.png');        border: 1px solid #C6DE3C;
}

#nachricht:hover, #nachricht:active, #nachricht:focus{
background-image: url('bilder/form/user_green.png');        border: 1px solid #C6DE3C;
}

#abschicken{
border: 1px dashed white;
background: #FFFFFF url('bilder/form/ok.png') 2px 50% no-repeat;
padding: 2px 4px ;
margin: 0 4px 0 0;
font-size: 80%;
font-weight: bold;
width:197px;        float: right;
}

#abschicken:hover, #abschicken:active, #abschicken:focus{
color: #B5CE29; /*lightgreen*/
}