/* General Formating */

body {
  margin: 0px;
  color: #275458;
  background: #EDEDF1;
}

p.bodytext {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 8pt;
  color: #275458;
  margin-top: 0pt;
  margin-bottom: 12pt;

}

h1, h1.csc-firstHeader {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 10pt;
  color: #275458;
  text-transform: uppercase;
  margin-top: 0pt;
  margin-bottom: 3pt;
}

h2, h2.csc-firstHeader, h2 a {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 8pt;
  color: #275458;
  margin-top: 0pt;
  margin-bottom: 3pt;
  text-decoration: none;
}

a {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 8pt;
  color: #275458;
  font-weight: bold;
  text-decoration:none;
}

a:hover {
  text-decoration: underline;
}

a:active {
  color: white;
}

ul {
 color: #C5CC0F;
 list-style-type: square;
 list-style-image: url(gfx/aufzaehlung.gif);
}

ul li {
  color: #275458;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 8pt;
  text-decoration: none;
  padding-bottom: 2px;
}



#container {
  font-family: Verdana, Helvetica, sans-serif;
  background: #E4DFF3;
  position: absolute;
  top: 50%;
  margin-top: -183px;
  left: 0px;
  width: 100%;
  height: 366px;
  visibility: visible;
  z-index: 0;
}



/* First quadrat */

#q1 {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 122px;
  height: 366px;
  visibility: visible;
  background: #C5CC0F;
  z-index: 2;
}
#navigation {
  position: absolute;
  top: 15px;
  right: 0px;
  width: 122px;
  height: 300px;
  visibility: visible;
  z-index: 3;
}
#navigation a {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 7pt;
  color: #FFFFFF;
  
  text-align: right;
  text-transform: uppercase;
  font-weight: bold;
  text-decoration: none;
  letter-spacing:0.05em;
  
  display:block;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-right: 10px;
  margin-bottom: 1px;
  margin-top: 1px;
  
}

#navigation a:hover {
  color: #C5CC0F;
  background: #FFFFFF;
}

#navigation a.active {
  font-weight: bold;
  padding-bottom: 7px;
}

#navigation a.level2 {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 7pt;
  color: #275458;
  background: #CDE217;
  
  text-align: right;
  text-transform: lowercase;
  font-weight: normal;
  text-decoration: none; 
  
  display:block;
  margin-top: 1px;
  margin-bottom: 1px; 
  padding-top: 0px;
  padding-bottom: 0px; 
  padding-left: 10px;
}

#navigation a.level2:hover {
  color: #FFFFFF;
  background: none;
}

#navigation a.level2.active {
  font-weight: bold;
}



/* Second quadrat */

#q2	{
  position: absolute;
  top: 0px;
  left: 122px;
  width: 366px;
  height: 366px;
  visibility: visible;
  background: #CDE217;
  z-index: 2;
  background-image:url(gfx/glas.jpg);
  background-repeat: no-repeat;
}
#header	{
  position: absolute;
  bottom: 0px;
  right: 5px;
  width: 346px;
  height: 18px;
  visibility: visible;
  text-align: right;
  z-index: 3;
}



/* Third Quadrat */

#q3	{
  position: absolute;
  top: 0px;
  left: 488px;
  width: 366px;
  height: 366px;
  visibility: visible;
  background: #CDE217;
  z-index: 2;
}
#logo	{
  position: absolute;
  top: -36px;
  right: 0px;
  width: 200px;
  height: 30px;
  visibility: visible;
  z-index: 3;
}
#content	{
  position: absolute;
  top: 10px;
  left: 10px;
  width: 346px;
  height: 346px;
  visibility: visible;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 8pt;
  color: #275458;
  text-align: left;
  z-index: 3;
  max-height: 346px;
  overflow: auto;
}

#slogan	{
  position: absolute;
  bottom: 10px;
  right: -18px;
  width: 18px;
  height: 245px;
  z-index: 1;
  background-image:url(gfx/webdopingalacarte.gif);
  background-repeat: no-repeat;
}


/* Contact-Form */

.csc-mailform {
  border: 0px;
  padding-left: 0px;
  margin-left: 0px;
}

.csc-mailform-field label {
  float: left;
  clear: both;
  display: block;
  width: 100px;
  margin-bottom: 3px;
  padding-right: 10px;
}

.csc-mailform-field input,
.csc-mailform-field textarea,
.csc-mailform-field select {
  float: left;
  display: block;
  width: 180px;
  border: 1px dotted #C5CC0F;
  background: #CDE217;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 8pt;
  color: #275458;
  margin-bottom: 5px;
}

.csc-mailform-field input.csc-mailform-submit {
  float: left;
  display: block;
  width: 180px;
  border: 1px solid #C5CC0F;
  background: #E3E90F;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 8pt;
  color: #275458;  
  padding: 1px;
  margin-bottom: 10px;
  margin-left: 110px;
}

.csc-mailform-submit {
clear: both;
}