body {
    color: rgb(0,0,0);
    font: normal 90% arial, helvetica, verdana, sans-serif;
    margin: 0; 
    padding: 1em 0;
    text-align: center; 
  }
  

ul.csc-bulletlist li {
  list-style-image:url(../jh_img/bullet.gif);
  line-height: 150%;
}

div#seite {
    text-align: left;
    margin: 0 auto;
    padding: 0;
    color: #000;
    border: 1px solid white;
    overflow: hidden;
}

div#contentseite {
    text-align: left;
    margin: 0 auto;
    padding: 0;
    color: #000;
    border: 1px solid white;
}

 /*+++++++++++++++++++++ Header +++++++++++++++++++++++++*/

#header { 	
  color: #000;
  padding-top: 10px;  
}

.pfeil {
  width: 8px;
  height: 8px;
  border: 0px;
}

div#logo {
  float: right;
}
 /* +++++++++++++++++++++++++ linke Spalte +++++++++++++++++++++++++++++ */

.jh_logos {
margin: 0px 0px 5px 15px;
}
 
#news {
background-color: #1F82C1;
width: 170px;
margin: 20px 0px 10px 10px;
} 

#news p.bodytext {
background-color: #FFEBA4;
padding: 5px 5px 5px 5px;
margin: 0px 5px 5px 5px;
font-size: 90%;
} 


#news h1 {
font-size: 105%;
background-color: #FFEBA4;
color: #1F82C1;
margin: 5px 5px 0px 5px;
} 

 
 /* +++++++++++++++++++++++++ Content - Allgemein +++++++++++++++++++++++++++++ */

div#seite div#inhalt {
  font-size: 85%;
  padding: 0;
  margin: 0px 0px 0px 0px;
  padding: 10px 10px 30px 10px;
  width: 526px;
  float: left;
  height: 100%;  
  overflow: hidden;
 }

div#inhalt h1, h2, h3 {
  background-position: left center;
  background-repeat: no-repeat;  
}

div#inhalt ul {
  position: relative;
  margin-left: -17px; 
  list-style-image:url(../img/bullet.gif);
  list-style-position: outside;
  line-height: 150%;
}

* html div#inhalt ul {
  position: static;
  margin-left: 15px;
  list-style-image:url(../img/bullet.gif);
  list-style-position: outside;
  line-height: 150%;
}


.bild {  
  padding: 0;
  margin: 0; 
  float: left; 
}


.contenttable-1  {
border: 1px solid #1F82C1;
border-collapse: collapse;
background-color: #FFF7DB
}

.contenttable-1 td {
border: 1px solid #1F82C1;
}

.contenttable-2  {
border: 1px solid #1F82C1;
border-collapse: collapse;
background-color: #FFF7DB
}

.contenttable-2 td {
border-top: none;
border-bottom: none;
}



.contenttable td {
padding: 5px;
}


 /* +++++++++++++++++++++++++ Content - Unterseite +++++++++++++++++++++++++++++ */
 
.headline_mitte {
  color: rgb(255,255,255);
  margin: 0px;
}

.teaser_head {
  font-size:  105%;
  text-decoration: none;
}

div.teaser_gr {
  float: left;
  width: 545px;
  height: auto;
  padding:  0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  background-color: #FFF;
  color: #000;
}


div.teaser_gr p {
  background-color: #FFF;
  padding: 0px 5px 0px 10px;
  width: 270px;
  float: left;
}


* html div.teaser_gr p {
  padding: 0px 5px 0px 0px;
}

div.teaser_gr ul li {
  background-color: transparent;
  color: rgb(0,0,0);
  line-height: 150%;
  list-style-position:outside;
  margin: 5px 5px 0px 5px;
  width: 270px;
}

.content_bild {  
  padding: 3px 0px 0px 20px;
  margin: 0; 
  float: left; 
}


/* +++++++++++++++++++++++++ Content - Unterseite reiner Inhalt +++++++++++++++++++++++++++++ */
  
div#inhalt_weiss {
  float: left; 
  padding: 0;
  margin: 0;
  width: 545px;
}

* html div#inhalt_weiss {
  width: 544px;
  margin-right: -2px;
  margin-left: 9px;
  height: 490px;
}

.contentdiv_1 {                        
  width: 525px;
  float: left;
  padding: 10px;
  color: #000;
}

.contentdiv_1 p{        
margin-left: 10px                      
}

/* +++++++++++++++++++++++++ Content - Unterseite 2 Teaser +++++++++++++++++++++++++++++ */

.teaser2 {
  float: left;
}

.contentdiv_2 {        
  float: left;
  padding: 10px;
  color: #000;                        
  width: 252px;                       
}

.contentdiv_2 p{        
margin-left: 10px                      
}

/* +++++++++++++++++++++++++ Content - Unterseite 3 Teaser +++++++++++++++++++++++++++++ */
.teaser3 {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  float: left;
}

.contentdiv {                        
  width: 159.5px;                       
  float: left;
  color: #000;
  border-collapse: collapse;                          
  padding: 10px;
}

* html div.contentdiv {                        
  width: 159px;             
}

.contentdiv p{        
margin-left: 10px                      
}

 /* +++++++++++++++++++++++++ Allgemeiner Textformatierung +++++++++++++++++++++++++++++ */

img {
  border: 0;
}
 
div, span, p, a, li {
  background-color: transparent;
  color: rgb(0,0,0);
  line-height: 150%;
}

h1 {
  background-color: transparent;
  font-size: 150%;
  font-weight: normal;
  line-height: 150%
}

h2 {
  background-color: transparent;
  font-size: 115%;
  font-weight: bold;
  line-height: 150%
}

h3 {
  background-color: transparent;
  font-size: 100%;
  font-weight: bold;
  line-height: 150%
}

h4 {
  font-size: 1em;
  margin: 5px 0px -10px 0px;
  padding: 0;
  width: 200px;
}

 /* +++++++++++++++++++++++++  rechte Spalte +++++++++++++++++++++++++++++ */

div#jh {
  margin: 0px 0px 0px 0px; 
  padding: 0px 0px 0px 0px;
}

#jh h4, #jh p, #jh img {
 font-size: 85%;
 font-weight: normal;
 margin: 0px 10px 0px 10px; 
 color: rgb(31,130,193);
 background-color: #FFF7DB;
}

#jh p {
 margin: 0px 10px 10px 10px; 
}

#jh p a.link {
 font-weight: normal;
 margin: 0px 10px 0px 0px; 
 color: rgb(31,130,193);
 background-color: #FFF7DB;
 text-decoration: underline;
}

/* +++++++++++++++++++++++++  Formulare +++++++++++++++++++++++++++++ */
div.formSpalte1 {
  clear: left;
  float: left;
  width: 130px;
}
div.formSpalte2 {
  float: left;
  min-height: 25px;
  width: 375px;
}
div.formHaupt {
  clear: both;
  margin-top: 20px;
}
span.neu {
  font-weight: bold;
  margin-left: 10px;
}
div.tx-thmailformplus-pi1 input, div.tx-thmailformplus-pi1 select {
  font: 100% normal arial, helvetica, verdana, sans-serif;
}

fieldset.csc-mailform {
  font: 100% normal arial, helvetica, verdana, sans-serif;
  border: none;
  margin: 5px;
}

* html fieldset.csc-mailform {
  margin: 10px;
}

span.csc-mailform-radio fieldset {
  border: none;
}

legend {
font-size: 0px;
color: #FFEBA4;
margin-top: -35px
}

input.csc-mailform-submit{
margin-top: 10px
}

fieldset.csc-mailform div.lab textarea {
font: 100% normal arial, helvetica, verdana, sans-serif;;
}

dl.csc-textpic-image {
  padding: 0px 7px 5px 0px;
}

div.error {
  border: 2px solid #993333;
  padding: 5px 5px 5px 5px;
  margin-bottom: 10px;
}
div.error div {
  color: #993333;
}

/* +++++++++++++++++++++++++  Bilder  +++++++++++++++++++++++++++++ */


/* +++++++++++++++++++++++++  Tabelle  +++++++++++++++++++++++++++++ */
.contenttable-1 th {
	width: 20%;
	vertical-align: top;
	padding: 5px 0px 5px 0px;
}

.contenttable-1 td {
	width: 80%;
	vertical-align: top;
	padding: 5px 0px 5px 0px;

}


table {
 max-width: 530px;
}