body {
  margin: 0px;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 13px;
  color: #000000;
  background-color: #FFFFFF;
  text-align: justify;
}

/* HEADER */
div#header {
  margin: 0 auto;
  width: 980px;
  height: 120px;
  background-image: url(images/header_bg.jpg);
  border-left: solid 1px #CECECE;
}

/* NAVIGATION */
div#navi {
  margin: 0 auto;
  width: 980px;
  height: 50px;
  background-image: url(images/navi_bg.jpg);
  border-left: solid 1px #CECECE;
}
div#navi img {
  margin: 0px;
  width: 157px;
  height: 50px;
  border-right: solid 1px #CECECE;
  border-bottom: solid 1px #CCCCCC;
}
div#navi img.first {
  margin: 0px 0px 0px 15px;
  width: 157px;
  height: 50px;
  border-left: solid 1px #CECECE;
  border-right: solid 1px #CECECE;
  border-bottom: solid 1px #CCCCCC;
}

/* 2. NAVIGATION */
div#navi-bottom {
  position: absolute;
  margin: 0px;
  left: 0px;
  width: 100%;
  height: 120px;
/*   border-bottom: solid 1px #CECECE;
 */}


/* TABELLE IN 2. NAVIGATION */
div#navi-bottom table {
  margin: 0 auto;
  width: 947px;
  height: 140px;
}
div#navi-bottom table td {
  width: 157px;
  vertical-align: top;
  padding: 0px;
}
div#navi-bottom table td.doppelt {
  width: 316px;
  vertical-align: bottom;
  padding: 0px;
  vertical-align: top;
  text-align: right;
}
div#navi-bottom table td.doppelt img {
  float: right;
  margin: 5px 0px 0px 10px;
  border: none;
  width: 30px;
  height: 25px;
}

div#navi-bottom table td div#swg {
  position: absolute;
  width:157px; 
  height:140px; 
  z-index:2; 
  background-image: url(png/layer_bg.png);
  border-left: 1px solid #CECECE;
  border-right: 1px solid #CECECE;
  border-bottom: 1px solid #CECECE; 
  visibility: hidden;
}
div#navi-bottom table td div#swg p {
  margin: 15px 5px 10px 5px;
  font-size: 12px;
}
div#navi-bottom table td div#swg a {
  text-decoration: none;
  color: #2B2B48;
  font-weight: bold;
}
div#navi-bottom table td div#swg a:hover {
  text-decoration: underline;
  color: #2E2E97;
}
div#navi-bottom table td div#info {
  position: absolute;
  width:156px; 
  height:140px; 
  z-index:2; 
  background-image: url(png/layer_bg.png);
  border-left: 1px solid #CECECE;
  border-right: 1px solid #CECECE;
  border-bottom: 1px solid #CECECE;
  visibility: hidden;
}
div#navi-bottom table td div#info p {
  margin: 15px 5px 10px 5px;
  font-size: 12px;
}
div#navi-bottom table td div#info a {
  text-decoration: none;
  color: #2B2B48;
  font-weight: bold;
}
div#navi-bottom table td div#info a:hover {
  text-decoration: underline;
  color: #2E2E97;
}
div#navi-bottom table td div#immo {
  position: absolute;
  width:156px; 
  height:70px; 
  z-index:2; 
  background-image: url(png/layer_bg.png);
  border-left: 1px solid #CECECE;
  border-right: 1px solid #CECECE;
  border-bottom: 1px solid #CECECE;
  visibility: hidden;
}
div#navi-bottom table td div#immo p {
  margin: 15px 5px 10px 5px;
  font-size: 12px;
}
div#navi-bottom table td div#immo a {
  text-decoration: none;
  color: #2B2B48;
  font-weight: bold;
}
div#navi-bottom table td div#immo a:hover {
  text-decoration: underline;
  color: #2E2E97;
}

/* SITEMAP-DIVISION */
div#sitemap {
  margin: 5px auto;
  width: 980px;
  height: 25px;
  background-color: #ECECF9;
}
div#sitemap p {
  text-align: left;
  margin: 5px 20px 5px 20px;
  color: #833234;
}
div#sitemap span {
  text-transform: uppercase;
  font-weight: bold;
}

/* FUSSZEILEN-DIVISION */
div#foot {
  margin: 0 auto;
  width: 980px;
  height: 100px;
  border-top: 1px solid #CECECE;
}
div#foot p {
  text-align: center;
  margin: 5px 0px 5px 0px;
}
div#foot img {
  float: right;
  margin: 5px 10px 10px 10px;
  width: 25px;
  height: 25px;
  border: none;
}
div#foot p.info {
  text-align: right;
  margin: 40px 10px 5px 10px;
}


/* MASTER-TABELLE */
table#master {
  width: 980px;
  margin: 0px auto;
  height: auto;
}
table#master td {
  width: 800px;
  height: auto;
  vertical-align: top;
}
table#master td img.validate  {
  float: left;
  margin: 10px 10px 10px 20px;
  border: none;
}
/* TABELLE IN MASTERTABELLE -> SWG KENNEN LERNEN */
table#master td table#personal {
  width: 760px;
  margin: 40px 20px 10px 20px;
  border: dotted 1px #3D3DD3;
}
table#master td table#personal td.teilung {
  vertical-align: top;
  width: 177.5px;
}
table#master td table#personal td.inter {
  width: 50px;
}
table#master td table#personal td.teilung img {
  margin: 10px 10px 0px 10px;
}
table#master td table#personal td.teilung p {
  margin: 10px;
  text-align: left;
}

/* .. */
table#master td div.first {
  margin: 10px 50px 0px 20px;
  background-color: #B2B6C9;
}
table#master td div.sec {
  margin: 10px 50px 0px 20px;
  background-color: #ECEFF9;
}
table#master img {
  margin: 10px 50px 0px 20px;
  border: solid 1px #404DC7; 
}
table#master img.ohnerand {
  margin: 10px 50px 0px 20px;
  border: none; 
}
table#master img.icon {
  margin: 10px 10px 0px 20px;
  width: 20px;
  height: 20px;
  border: none; 
}
table#master td.right {
  width: 172px;
  height: auto;
  vertical-align: top;
}


/* DIVISION IN RECHTER MASTERTABELLE */
table#master td.right div.such {
  margin: 0px 0px 10px 0px;
  width: 172px;
  height: 100px;
  border: solid 1px #CECECE;
}
table#master td.right div.such select.search {
  margin: 10px;
  width: 152px;
  height: 20px;
  border: 1px solid #404DC7;
}
table#master td.right div.such input.submit {
  margin: 10px;
}
table#master td.right div.downloads {
  margin: 0px 0px 10px 0px;
  width: 172px;
  height: 110px;
  border: solid 1px #CECECE;
}
table#master td.right div.wechsel {
  margin: 0px 0px 10px 0px;
  width: 172px;
  height: 135px;
  border: solid 1px #CECECE;
}
table#master td.right div h1 {
  width: 172px;
  background-color: #ECECF9;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  margin: 0px;
}
table#master td.right div p {
  margin: 5px;
}
table#master td.right div img {
  margin: 10px 10px 10px 10px;
  border: none;
}
table#master td.right div img.down {
  margin: 0px 10px 10px 5px;
  border: none;
}

/* DIVISIONS AUF DER STARTSEITE */
table#master td div.home {
  margin: 10px 10px 0px 20px;
  border: 1px solid #263987;
  background-color: #EFEFEF;
  width: 365px;
  height: auto;
  float: left;
}
table#master td div.home h1 {
  margin: 0px;
  background-color: #263987;
  font-size: 16px;
  color: #FFFFFF;
}
table#master td div.home p {
  margin: 10px;
}
table#master td div.home2 {
  margin: 10px 10px 0px 20px;
  border: 1px solid #C4CBF0;
  background-color: #EFEFEF;
  width: 365px;
  height: auto;
  float: left;
}
table#master td div.home2 h1 {
  margin: 0px;
  background-color: #C4CBF0;
  font-size: 16px;
  color: #000000;
}
table#master td div.home2 p {
  margin: 10px;
}
table#master td div.home3 {
  margin: 10px 10px 0px 20px;
  border: 1px solid #6067A7;
  background-color: #EFEFEF;
  width: 365px;
  height: auto;
  float: left;
}
table#master td div.home3 h1 {
  margin: 0px;
  background-color: #6067A7;
  font-size: 16px;
  color: #FFFFFF;
}
table#master td div.home3 p {
  margin: 10px;
}

/* ABSAETZE, UEBERSCHRIFTEN UND LISTEN */
p {
  margin: 10px 50px 0px 20px;  
}
p.links {
  margin: 10px 50px 0px 100px;  
}
h1 {
  margin: 10px 50px 0px 20px;  
  font-weight: normal;
  font-size: 18px;
}
h2 {
  margin: 10px 50px 0px 20px;  
  font-weight: normal;
  font-size: 15px;
}
hr {
  margin: 0px 7px 0px 7px;
  border: solid 1px #3D3DD3;
}
a {
  text-decoration: none;
  color: #3D3DD3;
}
a:hover {
  text-decoration: underline;
  color: #5B5B83;
}
li {
  margin: 10px 50px 0px 20px;  
  list-style-image: url(images/pfeil_rechts.gif);
  list-style-position: outside;
}
span.seite {
  font-size: 16px;
  font-weight: bold;
  color: #3D3DD3;
}

/* FORMULARE */
input {
  margin: 10px 50px 0px 20px;  
}
input.customer2 {
  margin: 10px 100px 0px 100px;  
}
input.right {
  margin: 10px 50px 0px 20px; 
  float: right; 
}
input.rad {
  margin: 10px 5px 0px 20px;
}
input.form,select.form {
  margin: 10px 50px 0px 20px;  
  width: 450px;
  border: 1px solid #404DC7;
  background-color: #EFF1F6;
}
input.kunde,select.kunde {
  margin: 10px 50px 0px 20px;  
  width: 150px;
  border: 1px solid #404DC7;
  background-color: #EFF1F6;
}
textarea {
  margin: 10px 50px 0px 20px;  
  width: 450px;
  height: 450px;
  border: 1px solid #404DC7;
  background-color: #EFF1F6;
}
input.customer {
  margin: 10px 100px 0px 100px;  
  width: 200px;
  border: 1px solid #404DC7;
  background-color: #EFF1F6;
}
fieldset {
  width: 400px;
  height: 160px;
  margin: 20px 180px 0px 180px;
  border: 1px solid #404DC7;
  background-color: #EFEFEF;
}
fieldset.route {
  width: 200px;
  height: 270px;
  margin: 20px 180px 0px 240px;
  border: 1px solid #404DC7;
  background-color: #EFEFEF;
}

/* ADMINMODULE */
table#master td table {
  margin: 10px 50px 10px 50px;
  width: 880px;
  /* border: 1px solid #000000; */
}
table#master td table tr.first {
  background-color: #EFF1F6;
}
table#master td table tr.sec {
  background-color: #B2B6C9;
}
table#master td table td.dat {
  width: 100px;
  border: 1px solid #000000;
}
table#master td table td.tit {
  width: 300px;
  border: 1px solid #000000;
}
table#master td table td.nam {
  width: 150px;
  border: 1px solid #000000;
}
table#master td table td.akt {
  width: 150px;
  border: 1px solid #000000;
}
table#master td table td.aktiv {
  width: 50px;
  border: 1px solid #000000;
}
table#master td table td p {
  margin: 10px;
}

p.nix {
  margin: 5px;
}