body
{
background-color: #DC643F;
margin:0;
}

/* Schrift, Abs�tze */
p {
padding:10px;
}

a:link {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333333;
text-decoration:none;
}

a:visited {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333333;
text-decoration:none;
}

a:hover {
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #999999;
text-decoration:underline;
}

a:active {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333333;
text-decoration:underline;
}

/* Formularfelder*/

div#main
{
  width: 900px;
  font: 12px Verdana, Arial, Helvetica, sans-serif;
  margin-left: auto;
  margin-right: auto;
  margin-top: 8px;
  text-align: left;
  border: 1px solid #FFF;
}

div#menu
{
  width: 900px;
  font: 14px Verdana, Arial, Helvetica, sans-serif;
  text-align: center;
  border-bottom: 1px dotted #FFF;
  padding-bottom: 10px;
}

div#menupane {
  width: 100%;
  margin-top: 2px;
  margin-left: 0px;
  padding-left: 0px;
  background-color: #DC643F;
  height:24px;
}

span.menuitem {
  height: 18px;
  margin-right: 2px;
  padding: 2px 10px 2px 10px;
  font-size: 13px;
  font-weight: bold;
  background-color: #FFB27F;
  color: #000;
  float: left;
  border: 1px solid #FFF;
  vertical-align: middle;
}

a:hover span.menuitem {
  background-color: #FFF;
  text-decoration: none;
}

.input{
border: 1px solid #84D1F4;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #000033;
width: 350px;
}


.little_text {
	font-family: Verdana;
	font-size: 10px;
}

.medium_text {
	font-family: Verdana;
	font-size: 12px;
}
.large_text {
	font-family: Verdana;
	font-size: 16px;
}

.input_visited {
border: 1px solid #84D1F4;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #000033;
background-color:#FFD18C;
}

.tab_content {
margin-top: 10px;
padding: 10px;
}

form > table {
    padding: 4px 10px;
}

table.list {
    width: 860px;
    margin: 16px;
    border: 1px dotted #FFF;
}

tr.header {
    background-color: #EEE;
    font-size: 12px;
}

tr.bright {
    background-color: #DB876D;
}

/** Mobile Devices **/
@media all and (max-width: 900px) {
    div#main
    {
      width: 100%;
    }

    div#menu
    {
      width: 100%;
    }

    div#menupane {
        float: left;
        height: 100%;
    }

    table.list {
        width: 100%;
        margin: 0px;
    }
}
