.align-right {
text-align: right;
}

.align-center {
text-align: center;
}


embed {
width: 100%;
}

#jh .csc-textpic-image img {
max-width: 170px
}


body {
    background-color: #1F82C1;
    }

div#seite {
    width: 960px;
    background: #FFF url(../jh_img/hintergrund_jh.gif) repeat-y;
	
}

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

#header {     
  background: #FFEBA4 url(../jh_img/jh_hintergrund_oben2.gif) no-repeat;	
  background-position: 0px 53px;
  height: 132px;
  width: 960px;

}


#toplinks {
  padding-left: 20px; 
}

#toplinks a, #toplinks a:active, #toplinks a:focus, #toplinks a:hover, #toplinks a:link, #toplinks a:visited {
  color: rgb(9,92,144);
  background-color: #FFEBA4;
  background:url("../jh_img/dreieck.gif") no-repeat center left;
  text-decoration: none;
  font:bold 80% arial, helvetica, verdana, sans-serif;
  margin-right: 10px;
  padding: 0px 0px 0px 12px;
}

div#logo {
  padding: 13px 130px 0px 0px;
}
 
/* +++++++++++++++++++++++ linke Spalte ++++++++++++++++++++++++++++ */ 

.nav {
   background-image: url(../jh_img/jh_hintergrund_unten.gif);
   background-repeat: no-repeat;
   background-color: #1F82C1;
   float: left; 
   width: 203px;
   margin: 0px 0px 50px 0px; 
   padding: 44px 0px 0px 0px;    
}

*+html .nav {
   background-image: url(../jh_img/jh_hintergrund_unten.gif);
   background-repeat: no-repeat;
   background-color: #1F82C1;
   float: left; 
   width: 203px;
   margin: 0px 0px 50px 0px; 
   padding: 53px 0px 0px 0px;    
}

*+html UL LI{
	margin-left:35px;	
}

ul#navi_fest li {
  list-style-image: url(../img/dreieck_hellblau.gif);   
  margin: 0px 0px 0px -10px;
  padding: 0px 0px 0px 0px; 
  line-height: 150%;
}

ul#navi_fest li a {
  color: rgb(255,255,255);
  font: bold 85% arial, helvetica, verdana, sans-serif;
  margin: 0px;
  padding: 0px 0px 0px 0px;
  text-decoration: none;
  line-height: 180%;
}

ul#navi_fest li a:hover{
  color: #FFCE1B; 
  list-style-image: url(../img/dreieck_gelb.gif); 
  line-height: 180%;
}



ul#navigation li {
  list-style-image: url(../img/dreieck_hellblau.gif);   
  margin: 0px 0px 7px -10px;
  padding: 0px 0px 0px 0px; 
  line-height: 120%;
}

ul#navigation li a {
  color: rgb(255,255,255);
  font: bold 85% arial, helvetica, verdana, sans-serif;
  margin: 0px;
  padding: 0px 0px 0px 0px;
  text-decoration: none;
  line-height: 140%;
}

ul#navigation li a:hover{
  color: #FFCE1B; 
  list-style-image: url(../img/dreieck_gelb.gif); 
  line-height: 140%;
}

ul#navigation li:hover {
  list-style-image: url(../img/dreieck_gelb.gif);
}

ul#navigation li#navi_aktiv a {  
  color: #FFCE1B;
}

ul#navigation li#navi_aktiv {
  list-style-image: url(../img/dreieck_gelb.gif);
}

ul#navigation li ul.subnavi li{
  list-style-image: url(../img/dreieck_weiss.gif); 
  margin: 0px 0px 5px -25px;
  font: normal 100% arial, helvetica, verdana, sans-serif;
}

ul#navigation li ul.subnavi li:hover{
  list-style-image: url(../img/dreieck_gelb.gif); 
}

ul#navigation li ul.subnavi li#subaktiv {
  color: #FFCE1B;  
}

ul#navigation li#navi_aktiv ul.subnavi li#subaktiv a {
  color: #FFCE1B;  
}

ul#navigation li#navi_aktiv ul.subnavi li#subaktiv {
   list-style-image: url(../img/dreieck_gelb.gif);
}

ul#navigation li#navi_aktiv ul.subnavi li.subinaktiv a {
  color: #FFffff; 
}

ul#navigation li#navi_aktiv ul.subnavi li.subinaktiv a:hover {
  color: #FFCE1B; 
}


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

 div#inhalt {
  background-color: #FFEBA4; 
 }
 
div.contentdiv h2, div.contentdiv_2 h2, div.contentdiv_1 h2  {
margin-bottom: -12px
}


 /* +++++++++++++++++++++++++ Content - Unterseite +++++++++++++++++++++++++++++ */
 
.headline_mitte {
  background-color: rgb(31,130,193);
  padding: 3px 3px 3px 10px;
}

.teaser_head {
  color: rgb(31,130,193);
}

div.teaser_gr p {
  margin: 5px 5px 0px 10px;
}

div.teaser_gr table {
  margin: 5px 5px 0px 10px;
}

div.teaser_gr ul li {
  list-style-image: url(../jh_img/quadrat.gif);
}

/* +++++++++++++++++++++++++ Content - Unterseite reiner Inhalt +++++++++++++++++++++++++++++ */
  
.contentdiv_1 {                        
  background-color: #FFCE1B;
}

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

.teaser2 {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #FFEBA4;
  border-collapse: collapse;
  background-image: url(../img/teaser2.gif);
  background-repeat:  repeat-y;
}


/* +++++++++++++++++++++++++ Content - Unterseite 3 Teaser +++++++++++++++++++++++++++++ */
.teaser3 {
  border-bottom-color: #FFEBA4;
  background-image: url(../jh_img/teaser3.gif);
  background-repeat:  repeat-y;
}


.contentdiv { 
  background-color: #FFCE1B;
  border-left: 1px solid  #FFEBA4;
  border-right: 1px solid  #FFEBA4;

}

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


 a {
  color: rgb(31,130,193);
}

h1, h3 {
  color: rgb(31,130,193);
}

h2 {
color:#df8917
}

h4 {
  color: rgb(31,130,193);
  background-color: #FFEBA4;
}

.csc-textpic-caption {
font-size: 90%;
}

 /* +++++++++++++++++++++++++  rechte Spalte +++++++++++++++++++++++++++++ */
 div#jh {
  float: right;
  width: 212px;
  background-color: #FFF7DB;
  margin-right: -1px;
  margin-top: -51px;
  height: 100%
}

*+html div#jh {
  float: right;
  width: 212px;
  background-color: #FFF7DB;
  margin-right: -1px;
  margin-top: -51px;
  height: 100%
}

* html div#jh {
  float: right;
  width: 212px;
  background-color: #FFF7DB;
  margin-right: -10px;
  margin-top: -50px;
  height: 100%
}

#jh_inhalt {
padding: 0px 10px 0px 10px; 
}

#oben_schwung {
	background: url(../jh_img/jh_hintergrund_unten_rechts.gif) repeat-y;
	width: 212px;
	height: 26px;

}

#bild_jh {
text-align: center;
}

/* +++++++++++++++++++++++++  Footer +++++++++++++++++++++++++++++ */



#drucken {
float: right;
margin-right: 220px;
margin-bottom: -20px;
font: 100% arial, helvetica, verdana, sans-serif;
}

#titel {
float: left;
font-size: 160%;
background-color: #FFF7DB;
padding: 5px 10px 5px 10px;
margin: 0px 0px 5px 0px;
width: 545px;
}