/* Layout */

html, body, div, img, a, h1, h2, hr, form, fieldset, legend, label {
margin: 0px;
border: 0px;
padding: 0px;
}

html, body, div {
font: normal 12px/normal Arial, sans-serif;
color: #000;
}

html, body {
width: 100%;
height: 100%;
background-color: #FFF;
background: url("images/verlauf.jpg") no-repeat 0px 175px;
text-align: left;
vertical-align: top;
}

div#head {
width: 900px;
height: 175px;
background-image: url("images/head-green.jpg");
background-repeat: no-repeat;
position: absolute;
top: 0px;
left: 0px;
}

div#logo {
width: 500px;
height: 125px;
position: absolute;
top: 0px;
left: 0px;
}

div#fknf {
width: 150px;
height: 90px;
position: absolute;
top: 50px;
left: 750px;
}

div#farbigeleiste {
width: 900px;
height: 20px;
position: absolute;
top: 152px;
left: 0px;
}

div#menu {
width: 350px;
height: 25px;
position: absolute;
top: 131px;
left: 0px;
}

div#frame {
width: 800px;
min-height: 100%;
border-left: 2px solid #AAA;
position: absolute;
top: 175px;
left: 50px;
background-color: #FFF;
}

div#submenu {
width: 150px;
font-size: 11px;
color: #000;
margin-left: 20px;
margin-top: 25px;
padding-bottom: 50px; /* Für die Verlängerung der seitlichen Abtrennlinie */
float: left;
clear: left;
}

div#content {
width: 600px;
margin-top: 25px;
float: right;
clear: right;
}

div#copyright {
width: 600px;
text-align: center;
font-size: 11px;
color: #555;
}

hr {
height: 25px;
background-image: url("images/hr.jpg");
}

.hr {
width: 100%;
height: 25px;
background-image: url("images/hr.jpg");
}

img.content {
margin: 10px;
border: 1px solid #669966;
}

a:link, a:visited, a:hover {
color: #000;
text-decoration: underline;
}

a.submenu:link, a.submenu:visited, a.submenu:hover {
color: #000;
text-decoration: none;
}

a.submenu:hover { text-decoration: underline; }

h1, h2, h3, a.h3:link, a.h3:visited, a.h3:hover {
font-size: 20px;
font-weight: bold;
}

h2 { font-size: 16px; }

h3, a.h3:link, a.h3:visited, a.h3:hover { font-size: 14px; }

a.h3:link, a.h3:visited, a.h3:hover { text-decoration: none; }

table {
border: 1px solid #000;
}

td {
border-top: 1px solid #CCC;
border-left: 1px solid #CCC;
padding: 5px;
vertical-align: top;
}

li {
margin-top: 3px;
}

fieldset {
padding: 20px;
}

legend {
font-weight: bold;
}

input.loginUsername, input.loginPassword, textarea {
width: 128px;
height: 16px;
background-color: #FFF;
border: 1px inset #CCC;
padding: 3px;
padding-left: 10px;
padding-right: 10px;
left: 0px;
}

textarea {
width: 450px;
height: 150px;
}

input.loginPassword { left: 135px; }

input.submit {
width: 100px;
height: 23px;
border: 1px outset #CCC;
left: 270px;
text-align: center;
}

span.message {
width: auto;
height: auto;
background-color: #DDE8DD;
border: 1px solid #696;
padding: 4px;
padding-left: 20px;
padding-right: 20px;
}