/* CSS gramss.de */
/* Page structure */

body {
  background-color: #7f0019;
  font-family: Arial, Helvetica, Tahoma, sans-serif;
  font-size: 12px;
  margin: 0;
  padding: 0;
  color: white;
}

p {
  margin: 0;
  padding: 0;
}

a {
  color: #9e9e9e;
  font-weight: bold;
  text-decoration: none;
}

a:visited, a:active {
  /* color: #707070; */
  font-weight: bold;
  text-decoration: none;
}

#page {
  position: relative;
  width: 960px;
  padding: 0;
  margin: 0 auto;
  /* IE hack */
  height: 1%;
  line-height: 1.3;
  /* IE hack end */
}

#mainframe {

}

#page_content {
  position: absolute;
  width: 350px;
  left: 550px;
  top: 270px;
  margin: 0 0px 0 0;
}

#page_content p {
  text-align: right;
}

#left {
  position: absolute;
  top: 30px;
  width: 400px;
  padding: 0px;
  left: 20px;
}

#content {
  position: absolute;
  left: 530px;
  width: 400px;
  top: 300px;
  /* padding-left: 100px; */
  /* height: 35px; */
  /* padding-top: 5px; */
}

#content p {
  margin: 5px 30px 10px 0;
}

#content h2 {
  padding-bottom: 5px;
  /* border-bottom: 1px dotted #a2a2a2; */
}

#welcome {
  position: absolute;
  left: 380px;
  top: 90px;
}

#content_wide {
  float: left;
  width: 690px;
  margin: 0px 0 0 0px;
  padding: 0px 0 0 0px;
  background-color: white;
}

#content_wide p {
  padding: 0 10px 10px 1px;
  font-size: 13px;
}

#content_wide ul {
  padding-left: 15px;
}

#content_center {
  float: left;
  /* width: 430px; */
  /* margin: 0; */
  /* padding: 10px 0 0 20px; */
}

#content_center p {
  margin: 0;
  padding: 2px 0 5px 0px;
}

#content_right {
  float: right;
  width: 200px;
  padding: 10px 10px 0 0;
  margin: 0;
}

#right {
  z-index: 2;
  position: relative; 
  left: 440px;
  top: 500px;
  width: 400px;
  margin: 0 0 0 10px;
  padding: 0;
}

#logo {
  z-index: 1;
  position: relative;
  top: 0;
  left: 0;
  background-color: #7f0019;
  padding: 0 0 0 0px;
  margin: 0;
  width: 210px;
}

#logo img {
  padding-left: 0px;
  padding-top: 0px;
}

#info {
  width: 0px;
  height: 0px;
  display: hidden;
  color: #7f0019;
}

div.clearer {
  margin:0;
  padding:0;
  clear: both;
  line-height: 0;
  font-size:0;
}

/* --- footer -------------------- end */

h1 {
  /* position:relative; */
  display:block;
  margin: 0 0 5px 0;
  padding: 0px 30px 3px 0px;
  border-bottom: 4px solid white;
}

h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  margin: 15px 0 0px 0;
}

h3 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  margin: 5px 0 5px 0;
  padding: 0;
}

h4 {
  display:block;
}

.external-link-new-window {
  color: #ce0000;
  font-weight: bold;
  text-decoration: none;
  background-image: url(linkpfeil.gif);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 11px;
}

.filelinks a {
  text-decoration: none;
  color: #aa0000;
  font-weight: bold;
  margin-right: 5px;
  background-image: none;
}


.filelinks .pdf, .filelinks .mp3, .filelinks .doc, .filelinks .zip,
.pdf, .mp3, .doc, .zip
{
  padding-left: 24px;
  background-repeat: no-repeat;
  background-position: left top;
  margin-bottom: 6px;
  height: 23px;
}

.filelinks .doc, .doc {
  background-image: url(doc.gif);
}

.filelinks .pdf, .pdf {
  background-image: url(pdf.gif);
}

.filelinks .mp3, .mp3 {
  background-image: url(mp3.gif);
}

.filelinks .zip, .zip {
  background-image: url(zip.gif);
}

.mail {
  padding-left: 15px;
  margin-left: 3px;
  background-image: url(medien.gif);
  background-repeat: no-repeat;
  background-position: left center;
}

/* --- forms ---*/

/* Felder und Submit Button f�r Email-Formulare */

.typ2 h2 {
  font-size: 11px;
  font-weight: bold;
  border-bottom: 1px solid #ddddd1;
  padding: 0 0 5px 22px;
  background-image: url(dot_orange.gif);
  background-repeat: no-repeat;
  background-position: left center;
}

#content ul {
  margin: 0;
  padding: 2px 2px 5px 0;
}

#content ul li, #content dl dt a {
  list-style: none;
  background-image: url(linkdot.gif);
  background-repeat: no-repeat;
  background-position: left center;
  padding: 0 0 0 15px;
  /* list-style: square; */
  /* margin: 0 0 0 15px; */
  /* padding: 0; */
}

.csc-menu-4 dd {
  margin: 0 0 5px 16px;
  padding: 0;
}