html, body    {
 font-size:       100.01%;
 font-family:      Verdana, Arial, sans-serif;
 background-color: #F7BE60;
 text-align:       center;
 line-height:      130%;
 padding-right:    6px;
 padding-left:     10px;
 }
img {
 border-width: 0;
 }
/* Container mit ihren Inhalten */
#wrapper              {
 background-color:   #fff;
 background-image:    url("/stadt/kulturstrolche/pics/ri_back.gif");
 background-repeat:   repeat-y;
 background-position: right top;
 text-align:          left;
 margin-right:        auto;
 margin-left:         auto;
 max-width:              1024px;
 /*width:               98%;*/
 min-width:           986px;
 }


#header    {
 background-color: transparent;
 width: 100%;
 }


#banner   {
 background-color: transparent;
 height:            188px;
 background-color:  #F19E1E;
 background-image: url("/stadt/kulturstrolche/pics/bg_kopf.gif");
 background-position: top left;
 background-repeat: repeat;
 border-top:        1px solid #576c8f;
 border-bottom:     1px solid #576c8f; 
 width:             99.4%;
 min-width:         721px;
  }
#banner img.ks_logo {
 margin-top: 9px;
 margin-bottom: 9px;
 margin-left: 24px;
 margin-right: 24px;
}

#content {
 margin-top:        16px;
 padding-top:       30px;
 width:             99%;
 border-top:        1px solid #7c8ba4;
 }
#spalte_links { /* links im content floatender Menuebereich */
 background-color:  #fff;
 margin-top:        20px;
 width:             194px;
 float:             left;
 }
#spalte_text {
 background-color:  #fff;
 margin-right:      170px;/* gefixter Abstand nach rechts */
 margin-left: 214px;
 xborder-left:       214px solid #ffffff; /* gefixter Abstand nach links */
 color:             #3d4b65;
 font-size:         0.8em;
 }
#spalte_text2 {
 background-color:  #fff;
 margin-right:      40px;/* gefixter Abstand nach rechts */
 margin-left: 214px;
 color:             #3d4b65;
 font-size:         0.8em;
 }
 
 
*html #spalte_text {
 height: 1%;
 border-left:       24px solid #fff; /* gefixter Abstand nach links */
 }
*html #spalte_text2 {
 height: 1%;
 border-left:       24px solid #fff; /* gefixter Abstand nach links */
 }

#bild_box {/* rechts im content floatender Bereich mit Bild, kann bei Bedarf als zusätzlicher Navigationscontainer angepasst werden */
 background-color: #fff;
 float:             right;
 border-right:      16px solid #fff; 
}
#bild_box img {
 border: none;
}
.content_v { /* verhindert vertikale Ueberlappung */
 display: block;
 clear:    both;
 }

/* Die Bereiche oben und unten mit den abgerundeten Ecken als Hintergrundbilder */
 #top      {
 background-image: url("/stadt/kulturstrolche/pics/top_back.gif");
 margin-bottom:     30px;
 width:             100%;
 height:            25px;
 }


 #bottom    {
 background-image: url("/stadt/kulturstrolche/pics/bottom_back.gif");
 width:             100%;
 height:            25px;
 }

 #top .li_corn  {
 background-color: #fff;
 background-image:  url(/stadt/kulturstrolche/pics/top_li_corn.gif);
 background-repeat: no-repeat;
 width:             23px;
 height:            25px;
 float:             left;
 }

 #bottom .li_corn  {
 background-color: #fff;
 background-image:  url(/stadt/kulturstrolche/pics/bottom_li_corn.gif);
 background-repeat: no-repeat;
 width:             23px;
 height:            25px;
 float:             left;
 }

 #top .ri_corn  {
 background-color: #fff;
 background-image:  url(/stadt/kulturstrolche/pics/top_ri_corn.gif);
 background-repeat: no-repeat;
 width:             23px;
 height:            25px;
 float:             right;
 }

 #bottom .ri_corn  {
 background-color: #fff;
 background-image:  url(/stadt/kulturstrolche/pics/bottom_ri_corn.gif);
 background-repeat: no-repeat;
 width:             23px;
 height:            25px;
 float:             right;
 }
 
 
/* logos in header und banner */
 .ks_logo {
 xbackground-color: #f4faf5;
 xborder-top:        1px solid #576c8f;
 xborder-bottom:     1px solid #576c8f }
.banner_bild {
 /*background-color: #f4faf5;*/
 /*border-top:        1px solid #576c8f;*/
 /*border-bottom:     1px solid #576c8f; */
 }
.banner_bild2 {
 padding-bottom 20px;
}
#ms_logo     {
 background-color: transparent;
 margin-bottom:     16px;
 padding:           0;
 width:             99%;
 height:            30px;
 border-bottom:     1px solid #7c8ba4;
 }

 #ms_logo img    {
 margin-right: 30px;
 position:      relative;
 bottom:        -1px;
 float:         right;
 }

 
 
/* Container fuer das Menue */
 #menue         {
 color:           #F6911A;
 font-size:        0.8em;
 font-weight:      bold;
 background-color: #fff;
 margin-right:     0;
 margin-bottom:    30px;
 margin-left:      14px;
 width:            180px; 
}


 #menue a:hover     {
 color:           #00469A;
 font-weight:      bold;
 text-decoration:  underline;
 background-color: transparent;
 }

 #menue a.aktiv     {
 color:           #00469A;
 font-weight:      bold;
 text-decoration:  none;
 background-color: #F7BE60;
 }

 #menue ul   {/* gilt fuer beide Menuestufen */
 list-style-type: none;
 margin:           0;
 padding:          0;
 width:            180px;
 }

 #menue ul li     {
 margin:            0;
 padding-top:       0.2em;
 padding-bottom:    1.2em;
 width:             180px;
 border-top:        2px solid #00469A;
 }


 #menue ul li a       {
 color:           #F6911A;
 font-weight:      bold;
 text-decoration:  none;
 background-color: #fff;
 padding-left:     2px;
 display:          block;
 width:            180px;
 }



 #menue ul li ul li  {/* zweite Menuestufe */
 padding-top:   0.2em;
 padding-bottom: 0.2em;
 padding-left:   20px;
 width:          160px;
 border:         0;
  }

 #menue ul li ul li a    {
 font-weight: bold;
 width:        160px;
 }


/* beinhaltet die Container footer_zeile, und bottom fuer die Hintergrundgrafik  */
 #footer  {
 width: 100% }
 #footer hr {
 color:           #00469A;
 xbackground-color: #7c8ba4;
 margin-left:      0;
 width:            99%;
 height:           1px;
 border-width:     0;
 }
 #footer_zeile  {/* beinhaltet die links und rechts gefloateteten Text und Bildelemente */
 width: 99%;
 }

 #footer .note  {/* Text im Fuss */
 color:           #00469A;
 font-size:        75%;
 background-color: #fff;
 margin-top:       16px;
 float:            left }
 #footer .logo {/* Bild im Fuss */
 background-color: #fff;
 margin-right:      0;
 float:             right;
 }
 #footer a   {
 color:           #00469A;
 background-color: transparent;
 margin-right:     30px;
 margin-left:      16px;
 }

 #footer a:hover  {
 color:           #f78f43;
 background-color: transparent;
 margin-right:     30px;
 margin-left:      16px;
 }

 #footer img {
 margin-right: 14px;
 margin-left:   14px;
 }

/* Textformate fuer den Container spalte_text in der mitte */

 #spalte_text ul , 
 #spalte_text2 ul {
 color:           #3d4b65;
 background-color: transparent;
 }
 #spalte_text ul li,
 #spalte_text2 ul li   {
 list-style-type: none;
 background-image: url(/stadt/kulturstrolche/pics/dot.gif);
 background-repeat: no-repeat;
 background-position: 2px 5px; 
 margin-bottom:     4px;
 margin-left:       -20px;
 padding-left:      20px; 
 }
 #spalte_text ul li ul li,
 #spalte_text2 ul li ul li  {
 margin-bottom:     2px;
}

 #projekt ul li   {
 background-image: none;
 margin-left:     -20px;
 padding-left:      0px; 
 list-style-type: disc;
 }
 #projekt ul li ul li  {
 margin-bottom:     2px;
 list-style-type: circle;
}

 #spalte_text h1,
 #spalte_text2 h1    {
 font-family:     Trebuchet MS,  Verdana, Arial, Helvetica, sans-serif;
 color:           #00469A;
 font-size:        1.5em;
 background-color: transparent;
 }

 #spalte_text h2, 
 #spalte_text2 h2   {
 font-family:     Trebuchet MS,  Verdana, Arial, Helvetica, sans-serif;
 color:           #00469A;
 font-size:        1.3em;
 background-color: transparent;
 }
 #spalte_text h3,
 #spalte_text2 h3    {
 font-family:     Trebuchet MS,  Verdana, Arial, Helvetica, sans-serif;
 color:           #00469A;
 font-size:        1.1em;
 background-color: transparent;
 margin-bottom:    0;
 }
#spalte_text p, 
#spalt_text2 p {
 margin-top: 0;
 padding-top: 0;
}
#spalte_text hr, 
#spalte_text2 hr {
 color:           #00469A;
 width:            90%;
 height:           1px;
 border-width:     0;
 }
#spalte_text a, 
#spalte_text2 a  {
 color:           #576c8f;
 text-decoration:  underline;
 background-color: transparent;
 }
#spalte_text a:hover, 
#spalte_text2 a:hover  {
 color:           #f78f43;
 background-color: transparent;
 }
 .fett  {
 color:           #576c8f;
 font-weight:      bold;
 background-color: transparent;
 }
 
 #zitat {
 font-style: italic;
 line-height:  115%;
 padding-left: 10px;
 padding-bottom: 10px;
}
 #zitat .zitatname {
 font-style:   normal;
 font-weight:  600;
 padding-left: 50px;
}
 
/* Projektbeschreibung im Listenformat */ 
#projekt_liste  {
 color:           #3d4b65;
 font-size:        80%;
 background-color: transparent;
 }

#projekt_liste .fett  {
 color:           #398403;
 font-weight:      bold;
 background-color: transparent;
 }

 #projekt_liste ul  {
 color:           #3d4b65;
 font-size:        100%;
 background-color: transparent;
 }
 
/* unsichtbare Elemente fuer Screenreader Navigation */
.invis_screen { 
 display: none;
}
#news_rahmen {
background-color: #ffffff;
}
#news {
 xbackground-color: #FDEDD2;
 xborder: 1px solid #00469A;
 padding: 0px 20px 0px 0px;
} 
#news h3 {
 font-family:     Trebuchet MS,  Verdana, Arial, Helvetica, sans-serif;
 color:           #00469A;
 font-size:        1.1em;
 background-color: transparent;
 margin-bottom:    0;
clear: both;
}
#news img {
float: right;
padding-left: 10px;
padding-bottom: 10px;
}
#anreisser {
 margin-bottom: 0;
 padding-bottom: 0px;
} 
*html #anreisser {
 padding-bottom: -30px;
 margin-bottom: -30px;
}

#anreisser h3 {
 font-family:     Trebuchet MS,  Verdana, Arial, Helvetica, sans-serif;
 color:           #00469A;
 font-size:        1.1em;
 background-color: #ffffff;
 margin-bottom:    0;
}
#anreisser img {
float: right;
padding-left: 10px;
padding-bottom: 0;
margin-bottom: 0;
}

#anreisser hr {
 clear: both;
 visibility: hidden;
 margin: 0;
 padding: 0;
}
*html #anreisser hr{
 padding-bottom: -20px;
 margin-bottom: -20px;
}

#anreisser .reddot img,
#news .reddot img {
float: none;
padding-left: 0px;
padding-bottom: 0;
margin-bottom: 0;
}

/* ------ Galerie ------ */
#galerie {
 display: block;
 height: 1%;
}
#galerie img{
 border: none;
}
.galerie {
  background-color: #f0f0f0;
  display: inline;
  width: 200px;
  float: left;
  margin-top: 6px;
  margin-bottom: 6px;
  margin-right: 12px;
  padding: 5px;
  border-bottom: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
}.clear {
 clear: both;
 visibility: hidden;
}
*html .clearfix {    
    height: 1%;
}
.clearfix:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

/* ---- PopUp ----- */
#imageContainer{ margin-top: 0 !important; padding: 10px; }
*html #imageContainer{ margin-top: 0; padding: 10px; }
 

/* ---------*/
.reddot {
color: #cc0000;
}
.reddot img,
.reddot img a {
float: none;
}