html { min-height: 100%; }
body { background: url('images/background.png') center no-repeat; margin: 0px; padding: 0px; font-family: Segoe Ui, Calibri, Verdana; font-size: 11px; text-align: center; min-height: 100%;}

div#header {width: 100% -10px; background: url('images/header.png') top left repeat-x; height: 30px; color: white; padding-right: 10px; padding-top: 3px;}

img.user_icon { z-index: 2; position: fixed; top: 10px; left: 10px; border: 1px solid white; }

td.field {width: 170px;  height: 180px; background: url('images/field.png') top center no-repeat; float: left; line-height: 200%; text-align: left; vertical-align: top; padding: 10px; padding-left: 20px;}

td.field2 {width: 342px;  height: 328px; background: url('images/field-2.png') top center no-repeat; float: left; line-height: 200%; text-align: left; vertical-align: top; padding: 10px; padding-left: 40px;}

span.titel {color: white; font-weight: bold; }

a:link { color: black; text-decoration: none; }
a:hover{ color: gray; text-decoration: none; }
a:visited { color: black; text-decoration: none; }
a:visited:hover { color: gray; text-decoration: none; }