body, p, form, ul, ol {
    margin: 0;
    padding: 0;
}

/*ul, ol {
    list-style : none;
}*/

a img{
    border:0px;
}

body {
  background-color: #FFFFFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  /*padding: 10px 20px 10px 20px;*/
}

h1 {
  font-size: 1.6em;
  margin-top: 0px;
  margin-bottom: 10px;
}

h2 {
  font-size: 1em;
  margin-top: 0px;
  margin-bottom: 10px;
}

#area2 div h1 {
  font-size: 1.4em;
  margin-top: 0px;
  margin-bottom: 5px;
}

#area2 div h2 {
  font-size: 1.1 em;
  margin-top: 0px;
  margin-bottom: 5px;
}

#area2 td {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.8em;
}

/*div#imageq {
  border:1px solid;
  float: left;
  width: 700px;
  height: 120px;
}*/

div#logo {
  float: left;
  width: 220px;
  height: 120px;
  padding: 20px 0px 0px 20px;
  /*border:1px solid;*/
}

div#clear {
  clear: left;
}

div#area1 {
  clear: left;
  float: left;
  width: 200px;
  height: auto;
  /*background-color: #FFFFFF;*/
  /*layer-background-color: #FFFFFF;*/
  /*border:1px solid;*/
}

div#menu {
  /*list-style-type: none;*/
  padding: 0px 0px 20px 0px;
}

div#auth {
}

div#area2 {
  margin: 0 0 0 20px;
  width: 750px;
  height: auto;
  padding: 0px 0px 20px 0px;
  float: left;
  /*background-color: #FFFFFF;*/
  /*layer-background-color: #FFFFFF;*/
  /*border:1px solid;*/
}


#area2 p {
  margin: 0 300px 0 0;
  /*margin-top: 0px;*/
  /*padding: 0px 300px 0px 0px;*/
}

#area2 ul {
  /*list-style-type: square;*/
  /*margin: 10px 300px 0 20px;*/
  margin: 10px 0px 0 20px;
  /*margin-top: 10px;*/
  /*padding: 0px 300px 0px 20px;*/
}

#area2 li {
  color: #FF0000;
}

#area2 li span {
  color: black;
}

/* .selection tweaks, see also [SEL] in conf/overwrite.cfg.php */

#area2 .selection {
    clear: both;
    background: #eee;
    /*margin: 5px 0;*/
    margin: 100px 0;
    /*margin: 5px 200px 0 0;*/
    padding: 0 3px;
}

#area2 .selection ul {
    list-style: none;
}

#area2 .selection li {
    border: 1px solid #eee;
    margin: 2px;
    padding:0;
    position:relative;
    /*-moz-border-radius: 0;*/
}

#area2 .selection span {
    clear:both;
    display:block;
    font-size:0.9em;
}

#area2 dl {
  float: right;
  width: 184px;
}

#area2 dt {
  margin-bottom: 0;
  border: 1px;
}

#area2 dd {
  font-size: 0.7em;
  margin: 0;
  background-color: #FFFFFF;
  /*layer-background-color: #FFFFFF;*/
}

#area2 dd a {
  color: black;
  text-decoration: none;
}


div#gewerke {
  width: 970px;
}

div#quali {
  float: left;
  width: 250px;
}

div#meister {
  float: left;
  width: 700px;
  /*height: 20px;*/
  background-color: #FF0000;
  layer-background-color: #FF0000;
  border: 1px none #000000;
  font-size: 1.2em;
  font-weight: bold;
  color: #FFFFFF;
}


#menu ul
{
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#menu a{
  color: #FFFFFF;
  display: block;
  padding: 3px 3px 3px 17px;
  width: 180px;
  text-decoration: none;
  border-bottom: 1px solid #FFFFFF;
}

#menu a:hover
{
  background-color: #306090;
  color: #FFFFFF;
}

a.level1 {
  background-color: #FF0000;
  font-weight: bold;
}

a.level2 {
  background-color: #6090C0;
}

a.level1aktiv {
  background-color: #306090;
  font-weight: bold;
}

a.level2aktiv {
  background-color: #306090;
  font-weight: bold;
}

a.level3aktiv {
  background-color: #306090;
  font-weight: bold;
}

/*.big {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 118px;
	font-weight: bold;
}*/


.rectangle0 {
    width:740px;
    height:330px;
    /*background-color:#EFEFEF;*/
}

.rectangle1 {
    width:115px;
    height:115px;
    margin:3px;
    float:left;
    overflow:hidden;
    /*background-color:yellow;*/
}

/*.rectangle2 {
    width:210px;
    height:100px;
    margin:5px;
    float:left;
    overflow:hidden;
    background-color:yellow;
}*/

.rectangle3 {
    width:357px;
    height:100px;
    margin:3px;
    float:left;
    overflow:hidden;
    /*background-color:yellow;*/
}