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

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

.csc-textpic-image {margin: 0px 50px 0px 0px}

.csc-textpic-intext-right-nowrap, .csc-textpic-intext-left-nowrap
{margin: 0px 15px 0px 0px}

.csc-textpic-intext-right, .csc-textpic-intext-left
{margin: 0px 15px 0px 0px}

* html .csc-textpic-intext-right, .csc-textpic-intext-left
{margin: 0px 0px 0px 0px}

*+html .csc-textpic-intext-right, .csc-textpic-intext-left
{margin: 0px 15px 0px 0px}

.csc-textpic-border {
margin: 10px 0px 0px 10px
}

.csc-textpic-border dl {
border: 2px solid #1f82c1;
text-align: center;
}

.csc-textpic-border .csc-textpic-imagewrap .csc-textpic-image dt a img{
margin-left: 5px;
border: 1px solid #1f82c1;
}


* html div#news div#news_inhalt .csc-textpic-intext-left .csc-textpic-imagewrap dl dt img {
margin: 5px -20px -5px 0px;
}





body {
    background-color: #1F82C1;
    }

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

div#contentseite {
    width: 960px;
    background: #FFF url(../img/hintergrund_neu.gif) repeat-y;
}

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

#header {
  background: #FFEBA4 url(../img/hintergrund_oben.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(../img/dreieck.gif) no-repeat center left;
  text-decoration: none;
  font-weight: bold;
  margin-right: 10px;
  padding: 0px 0px 0px 12px;
  font-size: 90%;
}


div#logo {
  padding: 13px 130px 0px 0px;
}

/* +++++++++++++++++++++++ linke Spalte ++++++++++++++++++++++++++++ */
ul#navigation {
   background-image: url(../img/hintergrund_unten.gif);
   background-repeat: no-repeat;
   float: left;
   width: 203px;
   margin: 0px 0px 50px 0px;
   padding: 50px 0px 0px 0px;
   overflow:hidden;
}

* html ul#navigation {
  width: 194px;
}

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

ul#navigation li a {
  color: rgb(255,255,255);
  font-weight: bold;
  margin: 0px;
  padding: 0px 0px 0px 0px;
  text-decoration: none;
  line-height: 180%;
}

ul#navigation li a:hover{
  background-color: rgb(31,130,193);
  color: #FFCE1B;
  list-style-image: url(../img/dreieck_gelb.gif);
  line-height: 180%;
}

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;
}

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

ul#navigation li ul.subnavi li#subaktiv {
  background-color: #FFCE1B;
  color: rgb(31,130,193);
}

ul#navigation li#navi_aktiv ul.subnavi li#subaktiv a {
  background-color: #FFCE1B;
  color: rgb(31,130,193);
}

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: rgb(255,255,255);
}

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




#moeve {
 position: relative;
 top: -143px;
 left: -400px;
}

html:first-child>b\ody #moeve {
 position: relative;
 top: -150px;
 left: -350px;
}

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

div#inhalt h1 {
  font-size: 150%;
  font-weight: normal;
}

div#inhalt h2 {
  font-size: 115%;
}

div#inhalt h3 {
  font-size: 100%;
}

div#inhalt p.bodytext{
	padding-right: 5px;
}

div#inhalt .csc-textpic-right {
	margin-right:10px;
}

div#inhalt UL LI{
	list-style-image:url(../img/bullet.gif);
  	line-height: 150%;
	margin: 0;
	padding:0;
}

div.contentdiv h2, div.contentdiv_2 h2, div.contentdiv_1 h2  {
margin-bottom: -12px;
font-size: 115%;
}

* html div.contentdiv h2, * html div.contentdiv_2 h2, * html div.contentdiv_1 h2    {
margin-bottom: -20px
}

div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image dd.csc-textpic-caption {
margin: 0px 10px 0px 10px
}


 /* +++++++++++++++++++++++++ Content - Startseite +++++++++++++++++++++++++++++ */

#karte {
  padding: 0px;
  margin: 0px;
  float: left;
}

p.infobox {
  background-color: rgb(255,206,27);
}


#search {
  background-color: #FBBC69;
  color: #000;
  width: 320px;
  float: left;
  padding: 10px;
  min-height: 84px;
}

#youth_h {
  float: right;
  margin-right: 20px;
  margin-top: -120px;
}

 /* +++++++++++++++++++++++++ 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(../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;
}

* html .teaser2 {
  background-image: url(../img/teaser2_.gif);
  background-repeat:  repeat-y;
}

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

* html .teaser3 {
  background-image: url(../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);
}

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

h2 {
color:#df8917 !important;
}

h2 span{
color:#df8917 !important;
}

h4 {
  color: rgb(31,130,193);
  background-color: #FFEBA4;
  font-size: 100%;
  margin-left: 10px;
}

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

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

div#news {
  float: right;
  width: 212px;
  background-color: #fff5d2;
}

* html div#news {
  margin-right: -2px;
  width: 214px;
}

div#news a.internal-link {
  background-image: url(../img/dreieck.gif);
}

h3.headline_rechts, #rightbottom h3, #righttop h3 {
  background-color: rgb(31,130,193);
}


h3.headline_rechts_jh {
	background-color: rgb(31,130,193);
	background-image:url(../img/lupe.gif);
	background-position:right;
	background-repeat:no-repeat;
	color: rgb(255,255,255);
 	padding: 3px 3px 3px 9px;
	margin: 0 0 0 0;
  	font-size: 100%;
}

h3.headline_rechts_jh A{
	background-color: rgb(31,130,193);
	color: rgb(255,255,255);
	text-decoration: none;
  	font-size: 100%;
}

#news_inhalt p a {
  background-image: url(../img/dreieck.gif);
}


#news_inhalt  {
  padding-right: 5px;
}

#news_inhalt  h1{
font-size: 100%
}

*+html #news_inhalt .csc-textpic-intext-left
{margin: 0px 5px 0px 0px}

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

div#fusszeile {
  clear: both;
  font-size: 0.83em;
  padding: 0em;
  margin-bottom: 23px;
  text-align: center;
  height: 45px;
  background: url(../img/hintergrund_foot.gif) repeat-y;
}

html:first-child>b\ody div#fusszeile {
  margin-top: 0px;
}

* html div#fusszeile {
  clear: both;
  font-size: 0.83em;
  padding: 0em;
  margin-bottom: -51px;
  text-align: center;
  height: 45px;
}

#welle {
  width: 960px;
  height: 91px;
  margin-top:0;
}

html:first-child>b\ody #welle {
  margin-top: -300px;
  background-color: #FFEBA4;
}

* html #welle{
margin-top: 0px;
}

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

* html #drucken {
margin-right: 110px;
}

div.leftcontainer {
        float: left;
        width: 203px;
}
div.leftlogos {
        height: 200px;
        padding: 0 0 0 15px;
        float: left;
}

#language {
	width: 210px;
	height: 40px;
	background-color: #fff5d2;
}

div#languages a { margin-right: 15px; }