/* 
   =================================================================
     GRUNDEINSTELLUNGEN 
   =================================================================
*/


/* 
   -----------------------------------------------------------------
     SCHRIFTEN UND ABSTÄNDE
   ----------------------------------------------------------------- 
*/

body {
  margin:0;
  padding:0;
  text-align:center;
}

div,h1,h2,h3,p,ul,li,a,img,select,input,submit,label  {
  margin:0;
  padding:0;
  font-family:arial,helvetica,sans-serif;
  font-size:10pt; 
  font-style:normal;
  text-decoration:none; 
  color:#333333;
  line-height:14pt; 
}

div,h1,h2,h3,p,ul,li {
}

img {
  border:none;
}
h1 {
  font-size:11pt; 
  font-weight:bold;
}

h2 {
  font-size:10pt; 
  font-weight:bold;
}

h3 {
  font-size:9pt;
  font-weight:bold;
}

a {
  color:#003399;
}

a:hover {
  color:#009CFF;
}

hr {
  height:0px;
  border:1px solid #003366;
}

/* 
   =================================================================
     STRUKTUR 
   =================================================================
*/

div#behaelter {
  position:relative;
  margin:auto;
  text-align:left;
  width:980px;
  height:100%;
  background-color:#FFFFFF;
}

/* 
   -----------------------------------------------------------------
     OBEN 
   ----------------------------------------------------------------- 
*/

div#behaelter_oben {
  position:relative;
  top:0px;
  left:0px;
  width:100%;
  height:140px;
  background:url(header.jpg) top left no-repeat;
  }

div#auxmenue {
  position:absolute;
  top:6px;
  left:205px;
}

div#subtitle {
  position:absolute;
  top:85px;
  left:210px;
  font-size:14pt; 
  font-weight:bold;  
  color:#003366;
}

/* 
   -----------------------------------------------------------------
     MITTE 
   ----------------------------------------------------------------- 
*/
div#behaelter_mitte {
  position:relative;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  background:url(tile.jpg) top right repeat-y;
  }
  
div#links{
  position:absolute;
  top:0px;
  left:0px;
  width:197px;
  height:551px;
  background:url(menuline.gif) top right no-repeat;
}

div#menue {
  position:absolute;
  top:0px;
  left:0px;
  width:195px;
  overflow:hidden;
  font-size:11px;
}

div#rechts {
  position:absolute;
  top:0px;
  left:705px;
  width:275px;
  overflow:hidden;
  font-size:11px;
  z-index:1;
}

div#inhalt {
  position:absolute;
  top:0px;
  left:197px;
  width:508px;
  z-index:1;
}

* html div#inhalt {
  height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
}

div#hintergrundbild {
  position:absolute;
  top:100px;
  left:200px;
  width:495px;
  height:495px;
  z-index:0;
  }


/* 
   =================================================================
     MENUES 
   =================================================================
*/

/* 
   -----------------------------------------------------------------
     AUXMENUE 
   ----------------------------------------------------------------- 
*/

#auxmenue ul {
}
#auxmenue li {
  display: inline;
  list-style-type: none;
}
#auxmenue a {
  color:#333333;
  font-size:8pt; 
}
#auxmenue a:hover {
  color:#009CFF;
}
#auxmenue #active a {
  color:#009CFF;
}

/* 
   -----------------------------------------------------------------
     MENUE (2 EBENE)
   ----------------------------------------------------------------- 
*/

#menue ul {
  list-style-type: none;
}

#menue li {
  padding:0;
}

#menue li a {
  display: block;
  padding: 0px 10px 2px 10px;;
  margin-bottom: 0px;
  width: 100%;  
  font-size:10pt; 
  line-height:16pt; 
  color: #003366;
  background-color:#999999;
  text-decoration: none;
  font-weight:bold;
  background:url(menu_off.gif) bottom left repeat-x;  
}

#menue a:hover {
  color: #FFFFFF;
  background:url(menu_on.gif) bottom left repeat-x;  
}

#menue li#active a {
  color: #FFFFFF;
  background:url(menu_on.gif) bottom left repeat-x;  
}

#menue li#active ul {
  padding:0px;
}


#menue li#active li a {
  display: block;
  padding: 0px 10px 0px;
  width: 100%;
  color: #FFFFFF;
  font-weight:bold;
  font-size:9pt; 
  padding-left:15px;
  margin-left:10px;
  background:url(menu_off.gif) bottom left repeat-x;  
  background-color: #CCCCCC;
}

#menue #active li a:hover {
  color: #FFFFFF;
  background:url(menu_on.gif) bottom left repeat-x;  
}

#menue #active #subactive a {
  color: #FFFFFF;
  background:url(menu_on.gif) bottom left repeat-x;  
}

#inhalt p, #inhalt table, #inhalt ul, #inhalt h1, #inhalt h2, #inhalt h3, #inhalt hr, #inhalt .csc-textpic, #inhalt form {
  margin-top:15px;
  margin-left:15px;
  margin-right:15px;
}

#bildoben .csc-textpic-clear, #bildoben .csc-textpic, #bildoben .csc-textpic-image {
  margin:0;
  padding:0;
}

#bildoben .csc-textpic-clear {
  height:0;
  width:0;
}

#rechts .csc-textpic-clear, #rechts .csc-textpic, #rechts .csc-textpic-image {
  margin:0;
  padding:0;
}

#rechts .csc-textpic-clear {
  height:0;
  width:0;
}

#hintergrundbild .csc-textpic-clear, #hintergrundbild .csc-textpic, #hintergrundbild .csc-textpic-image {
  margin:0;
  padding:0;
}

#hintergrundbild .csc-textpic-clear {
  height:0;
  width:0;
}





#rechts.news-latest-container {


  padding-left:10px;
  padding-right:10px;
}

.news-list-morelink, .news-latest-morelink, .news-single-timedata {
  text-align:right;
  margin-right:15px;

}

.news-single-backlink {
  margin-left:15px;
}

.news-latest-container {
  width:275px;

  padding:10px;
  background-color:#CCCCCC;

}

.news-latest-container p {
  color:#003366;
}

.news-latest-container a {
  color:#FFFFFF;
}

.news-latest-container a:hover {
  color:#003366;
}

.news-latest-morelink {
  margin-top:0px;
  padding-top:0px;
  padding-bottom:10px;
}

form, .csc-mailform {
  border:0;

}
.csc-mailform-field {
  width:200px;
}