/* Screen.css */
html, body { margin: 0px; padding: 0px; }
body
{
  color: black;
  background: url('img/bg.png') repeat-y #C0C9DD;
  font: 12px Arial, sans-serif;
  line-height: 150%;
}

#header
{
  background: url('img/bg_header.jpg') no-repeat #fff;
  height: 215px;
  padding-left: 200px;
  padding-top: 5px;
}

#header img
{
  position: absolute;
  top: 100px;
  left: 810px;
}

#menue
{
  position: absolute;
  top: 203px;
  left: 20px;
  width: 192px;
  padding: 0px;
}

img
{
  border: none;
}



.datentabelle
{
text-align: center;
border: 1px solid #336699;
width: 500px;
}

.datentabelle tr:hover
{
  color: white;
  background: #336699; 
}

.datentabelle th
{
  padding: 5px;
  color: white;
  background: #336699; 
}
#content
{
  position: absolute;
  top: 250px;
  left: 250px;
  width: 500px;
}

#content input[type="text"]
{
  background: url('img/bg_formular.png') repeat-x #C0C9DD;
  border: 1px solid white;
  width: 300px;
}

#content input[type="submit"]
{
  background: url('img/absenden.png') repeat-x #435F9C;
  border: 1px solid white;
  padding:2px;
  color: white;
}
#content input[type="reset"]
{
  background: url('img/absenden.png') repeat-x #435F9C;
  border: 1px solid white;
  padding:2px;
  width: 100px;
  color: white;
}


#content input[type="submit"]:hover
{
  background: url('img/absenden_on.png') repeat-x #BCA063;
}

#content input[type="reset"]:hover
{
  background: url('img/absenden_on.png') repeat-x #BCA063;
}

#content textarea
{
  background: url('img/bg_formular.png') repeat-x #C0C9DD;
  border: 1px solid white;
  width: 300px;
  height: 100px;
}

#content input[type="text"]:focus
{
  border: 1px solid red;
}

#content textarea:focus
{
  border: 1px solid red;
}

#menue ol
{
position: relative;
width: 192px;
left: -40px;
}

#menue ul
{
position: relative;
width: 200px;
left: -40px;
}

#menue ol li
{
    padding-top: 30px;
    padding-right: 30px;
    list-style-type:none;
    background: url('img/hauptmenue.png') no-repeat;
    text-align: right;
}

#menue ul li
{
    padding-top: 5px;
    padding-left: 5px;
    height: 20px;
    background: url('img/untermenue.png') no-repeat;
    text-align: left;
}

#menue ol li:hover
{
    background: url('img/hauptmenue_on.png') no-repeat;
}

#menue ul li:hover
{
    background: url('img/untermenue_on.png') no-repeat;
}

#menue a
{
  display: block;
  padding-top: 5px;
  color: white;
  text-decoration: none;
}

#menue a:hover
{
  text-decoration: underline;
}

h1
{
  font: 18px Arial, sans-serif;
  font-style: italic;
  font-weight: bold;
  color: white;
  background: #336699;
  padding:5px;
}

h2
{
  font: 14px Arial, sans-serif;
  font-weight: bold;
  color: #336699;
}

#infos
{
  position: absolute;
  top: 203px;
  left: 780px;
  width: 160px;
  background: url('img/bg_menue.png') repeat-y;
  padding: 0px 35px 10px 5px;
  color: white;
}

#infos img
{
  margin-left: -5px;
}

#infos h3
{
  font: 12px Arial, sans-serif;
  font-weight: bold;
}

#infos input[type="text"]
{
  background: url('img/bg_formular.png') repeat-x #C0C9DD;
  border: 1px solid white;
  width: 150px;
}

#infos input[type="submit"]
{
  background: url('img/absenden.png') repeat-x #435F9C;
  border: 1px solid white;
  padding:2px;
  width: 150px;
  color: white;
}

#infos input[type="submit"]:hover
{
  background: url('img/absenden_on.png') repeat-x #BCA063;
}

#infos textarea
{
  background: url('img/bg_formular.png') repeat-x #C0C9DD;
  border: 1px solid white;
  width: 150px;
  height: 100px;
}

#infos input[type="text"]:focus
{
  border: 1px solid red;
}

#infos textarea:focus
{
  border: 1px solid red;
}

#infos a
{
  color: white;
}

a
{
  color: black;
  font-style: italic;
}

a:hover
{
  text-decoration: none;
}

.footer
{
  margin: 20px 0px 20px 0px;
  text-align: center;
}

td
{
  padding: 5px;
}

.borderwhite
{
  border: 1px solid white;
}