/*
  body
    box
      content
        content-main
          content-default
          content-left
        content-margin
      navi
    footer

  reset
  #id
  .class
  STYLES
  menu

  news
*/






/*****************************
* reset
*/

html,
body {
  height: 100%;
}
body {
  margin: 0;
  padding: 0;
  font-size: 62.5%;
  line-height: 1.5em;
  font-family: "Courier10 BT", "Courier New", Courier, monospace;
  color: #333333;
  background-image: url(../css/img/body-bkg.gif);
  background-repeat: no-repeat;
  background-position: center top;
}
p, ul, h1, h2, h3, h4, h5 {
  font-size: 1em;
  margin: 0 0 1em 0;
}
table, dt, dd, div.browsebox {
	font-size: 1.1em;
}





/*****************************
* #id
*/

/* #box */
#box {
  width: 960px;
  margin: 0 auto;
  /*height: 100%;
  border: solid #FF0099;
  border-width: 0px 1px;
  overflow: auto;*/
  padding-bottom: 100px;
}

/* #header */
#header {
  height: 80px;
  width: 900px;
  margin: 0 auto 15px;

}
#header h1 {
  padding:25px 0 0 0;
}

/* #content */
#content {
  width: 716px;
  float: left;
  margin-left: 30px;
}
#content-main {
  float: left;
  width: 532px;
}
#content-default {
  float: right;
  width: 368px;
  overflow:hidden;
  
}
#content-left {
  width: 144px;
}
#content-margin {
  float: right;
  width: 164px;
}
#content-default h3 {
  font-size:1.6em;
  line-height:1.2em;
}
#content-default ul {
  padding-left:1.8em;
}
#content-default dd {
  margin-left:2em;
}
#content-default dl,
#content-default li {
  font-size:1.4em;
}
/* dwildt, 090508
#content-default dl.news-single-links {
  font-size:1em;
}
#content-default dl.news-single-links dt {
  font-size:1.1em;
}*/
#content-default li li{
  font-size:1em;
}
#content-default dl.csc-textpic-image {
  background:#eee;
}
#content-default dd.csc-textpic-caption {
  margin:0;
  padding:0 .2em;
  font-size:.8em;
  font-weight:bold;
}

/* #navi */
#navi {
  width: 144px;
  margin-right: 30px;
  float: right;
  padding-bottom: 205px;
  background-image: url(../css/img/navi_hand-bkg2.gif);
  background-repeat: no-repeat;
  background-position: left bottom;
}
#navi li {
  font-weight: bold;
  margin-bottom: 0.5em;
}

/* #footer */
#footer {
  /*clear: both;*/
  height: 80px;
  position: fixed;
  left: 0px;
  width: 100%;
  bottom: 0px;
  color: #FFFFFF;
  background-color: #FF9000;
  border-top: 20px solid #FFF;
  background-image: url(../css/img/footer-bkg.gif);
  background-repeat: no-repeat;
  background-position: center top;
}
#footer-inner {
  width: 870px;
  line-height: 22px;
  margin: auto;
  padding: 0 5px 0 35px;
  background-image: url(../css/img/hand_weiss_trans_17x22px.gif);
  background-repeat: no-repeat;
  background-position: 5px top;
  margin-top: 1em;
  background-color: #FF9000;
}
#service {
  float: right;
  position:relative;
  left:-14px;
}
#service li {
  display: inline;
}
#service li a {
  color:white;
}
#service li a:hover {
  text-decoration:underline;
}



/*****************************
* .class
*/

.navi-ul {
  list-style: none;
  margin: 0;
  padding: 0;

}
.clear {
  clear: both;
}





/*****************************
* STYLES
* 
* Alle Fontgrößen 1em = 10px
( siehe 'reset' oben)
*/

a {
  color: #AB3384;
  text-decoration: none;
}
a:active img,
img {
  border: none;
}
h1, h2, h3, h4, h5 {
  color: #000;
}
#content p {
  display: block;
}
#content-default  p,
/*#content-default h2,*/
#navi .navi-ul {
  font-size: 1.4em;
}
#content-left,
#content-margin,
#footer {
  font-size: 1.1em;
  line-height: 1.25em;
}
#content #events p {
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
  border-bottom: dotted 1px #999;
}

#content-default h1,
#content-default h2 {
  margin-bottom: 0.6em;
}
#content-default h1 {
  font-size: 2.4em;
  line-height:1em;
}
#content-default h2 {
  font-size: 1.8em;
  line-height:1.2em;
}
p.bodytext a {
  font-weight:bold;
}
h1 a,
h2 a,
h3 a,
p a,
p.bodytext a:hover {
    color: #333333;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
p a:hover,
p.bodytext a {
  color: #AB3384;
}
p.bodytext a.invers {
  color:white;
}
p.bodytext a.invers:hover {
  color:white;
  text-decoration:underline;
}

#content-default .news h2.subtitle,
#content-left h3,
#content-margin h3 {
  text-align: right;
}

#content-left h2,
#content-margin h2 {
  font-size: 1.2em;
}
#content-default h2.subtitle {
  font-size: 1.1em;
}
#content-left h2,
#content-margin h2 {
  margin-bottom: 0px;
}
.subtitle {
  background-image: url(../css/img/subtitle-bkg.png);
  background-repeat: repeat-x;
}
.subtitle span {
  padding-left: 8px;
  background-color: #FFF;
  font-family: Arial, Helvetica, sans-serif;
}
#content-default h2.h1 {
  font-size: 1.8em;
  text-align:left;
}
#content-default h3.h2 {
  font-size: 1.1em;
  text-align: right;
}


.bold {
  font-weight: bold;
}
div.more {
  font-size: 1.1em;
}
span.more {
  font-size: 0.75em;
}
.more a {
  background-color:#FF9000;
  font-family:Arial,Helvetica,sans-serif;
  padding: 0 5px;
  color: white;
  font-weight:bold;
}
.more a:hover {
  background-color:#AB3384;
  color: white;
}

.spitzmarke {
  float:left;
  font-size:1.4em;
  font-weight:bold;
}
hr {
  border:0px;
  border-top:1px solid  #AB3384;
}


/*****************************
* menu
*/
#navi .navi-ul ul {
  font-size: 1em;
  margin: 0.5em 0 0.7em;
}
#navi li li {
  margin-bottom: 0.2em;
  padding-left: 16px;
  background-repeat: no-repeat;
}
#navi li li.ifsub {
  background-image: url(../css/img/menu_plus_grau.gif);
}
#navi li li.actifsub,
#navi li li.curifsub {
  background-image: url(../css/img/menu_minus_grau.gif);
}
/*#navi li.actifsub a,*/
#navi li.cur a,
#navi li.curifsub a,
#navi li li.cur a,
#navi li li.curifsub a {
  color: #A82A88;
  color:black;
}
#navi li.no a,
#navi li li a,
#navi li li.no a,
#navi li li.ifsub a,
#navi li li.curifsub li a {
/*
  color: #666; 
  font-weight: normal;
*/
  color: #AB3384;
}
#navi li a:hover,
#navi li li a:hover,
#navi li li li a:hover {
  color:black;
}

.csc-menu dt {
  font-weight:bold;
}






/*****************************
* news
*/

.news div.image {
  float:left;
  font-size:.8em;
  font-weight:bold;
  line-height:1.4em;
  max-width:130px;
}
.news img {
  float: left;
  margin:3px 10px 5px 0;
  border: none;
}
.news_1 img {
  float: right;
  margin:3px 0 5px 10px;
  border: none;  
}