/* CSS Document */
body                 { color: black; font: 11px/16px Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background: transparent url(../images/22_01/back_pix.jpg) repeat-x 0px 0px; margin: 0px; padding: 0px }
ul{list-style-type:none}


/*img alt*/
A.img   { margin: 0px 0px 0px 0px; padding: 0px; border: 0px }
.img   { margin: 0px 0px 0px 0px; padding: 0px }

.img_small   { margin: 0px 0px 10px 10px; padding: 0px; border: solid 1px black }

.img_text  { padding: 0px; border: solid 1px black }
/*img alt*/
.img_right  { float: right; margin: 5px 5px 20px 20px; padding: 0px; border: solid 1px black }
.img_left  { float: left; margin: 5px 5px 3px 3px; padding: 0px; border: solid 1px black }


/* Sitemap */
ul.sitemap {
	width: 400px;
	margin: 20px 0 0 0;
}

ul.sitemap li {
	background: url(../images/termine.gif) no-repeat 10px 4px;
	padding: 3px 0 3px 30px;
	float: left;
	font-size: 11px;
	width: 390px;
}

ul.sitemap li ul {
	width: 350px;
	margin: 5px 0 0 0;
}

ul.sitemap li ul li {
	float: left;
	width: 300px;
}

ul.sitemap li ul li {
	font-size: 11px;
}
/*----o-ton----*/

.title-14 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 20px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
	background-color:#FFF;
}

div.body-bottom1

 { background-color: white; margin: 0px auto; padding-top: 13px; padding-bottom: 15px; border: solid 1px #dfdfda; width: 300px; height: 400px }
div.body-bottom

{

background: white;

padding-bottom:15px;

width:500px;

margin:0px auto;

padding-top:13px;

height:200px;

}

div.bottom-box1

{

width:210px;
font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-style: normal;

	line-height: 16px;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

text-align:left;

float:left;

padding-left:20px;

}

div.bottom-box1-inside

{

width:192px;

height:auto;

}

div.bottom-box-th

{

background:url(../images/image-box-bg.gif) left top no-repeat;

padding-left:12px;

padding-top:13px;

padding-bottom:14px;

padding-right:13px;

}

div.green-link-box

{

padding:10px 0px 10px 15px;

}

A.read-more  { 
color: #b22222; 
font: bold 11px/16px Verdana, Arial, Helvetica, sans-serif; 
text-decoration: underline; 
background: transparent url(../images/termine.gif) no-repeat 0px 0px;
 text-transform: none; 
 padding-left: 20px }

A.read-more:hover

{

color:#000000;

text-decoration:underline;

}

/*----Header and Body Left Menu----*/
.header    { background: transparent url(../images/22_01/header.jpg) no-repeat; width: 800px; height: 306px }
.beige  { background: transparent url(../images/22_01/right.jpg) repeat }
.top   { background: transparent url(../images/22_01/red.jpg) repeat 0px 0px; width: auto; height: auto }

.red  { background: transparent url(../images/22_01/red.jpg) repeat; width: 20px; height: auto }
.right  { background: transparent url(../images/22_01/right.jpg) repeat; width: 20px; height: auto }

.nav_back   { background: transparent url(../images/22_01/nav_back.jpg) repeat; 0px 0px; width: 300px; height: auto }
.navi_right  { background: transparent url(../images/black/Bilder/navi_cont.jpg) no-repeat; width: 31px; height: 445px }


/*----Body main----*/
 .body_content     { background: transparent url(../images/22_01/back_content.jpg) no-repeat 0px 0px; text-align: left; width: 539px; height: auto }
 

/*----Footer----*/
 .white { background: white }


/*----Body Content----*/
A           { color: #a9a9a9; font-weight: normal; font-size: 11px; font-family: Tahoma, Verdana, sans-serif; text-decoration: underline }
A:hover    { color: #cdcdcd; text-decoration: underline }

A.weiter    { color: white; font-weight: normal; font-size: 11px; font-family: Tahoma, Verdana, sans-serif; text-decoration: none; background: transparent url(../images/mehr.jpg) no-repeat 0px 3px; text-indent: 15px; margin: 0px; padding-top: 0px; padding-left: 5px; height: 15px; display: block }
A.weiter:hover    { color: #A9A9A9; font-weight: normal; font-size: 11px; font-family: Tahoma, Verdana, sans-serif; text-decoration: none; background: transparent url(../images/mehr.jpg) no-repeat 0px 3px; text-indent: 15px; margin: 0px; padding-top: 0px; padding-left: 5px; height: 15px; display: block }

A.termine    { color: #b22222; font-weight: normal; font-size: 11px; font-family: Tahoma, Verdana, sans-serif; text-decoration: none; background: transparent url(../images/termine.gif) no-repeat 0px 3px; text-indent: 15px; margin: 0px; padding-top: 0px; height: 15px; display: block }
A.termin:hover    { color: #A9A9A9; font-weight: normal; font-size: 11px; font-family: Tahoma, Verdana, sans-serif; text-decoration: none; background: transparent url(../images/mehr.jpg) no-repeat 0px 3px; text-indent: 15px; margin: 0px; padding-top: 0px; height: 15px; display: block }

A.eng    { color: #b22222; font-weight: normal; font-size: 11px; font-family: Tahoma, Verdana, sans-serif; text-decoration: underline; background: transparent url(../images/gb.gif) no-repeat 0px 2px; text-indent: 22px; margin: 0px; padding-top: 0px; height: 15px; display: block }
A.eng:hover    { color: #A9A9A9; font-weight: normal; font-size: 11px; font-family: Tahoma, Verdana, sans-serif; text-decoration: underline; background: transparent url(../images/gb.gif) no-repeat 0px 2px; text-indent: 22px; margin: 0px; padding-top: 0px; height: 15px; display: block }

A.de    { color #b22222:; font-weight: normal; font-size: 11px; font-family: Tahoma, Verdana, sans-serif; text-decoration: underline; background: transparent url(../images/de.gif) no-repeat 0px 2px; text-indent: 22px; margin: 0px; padding-top: 0px; height: 15px; display: block }
A.de:hover    { color: #A9A9A9; font-weight: normal; font-size: 11px; font-family: Tahoma, Verdana, sans-serif; text-decoration: underline; background: transparent url(../images/de.gif) no-repeat 0px 2px; text-indent: 22px; margin: 0px; padding-top: 0px; height: 15px; display: block }


A.back    { color: #b222222; font-weight: normal; font-size: 11px; font-family: Tahoma, Verdana, sans-serif; text-decoration: none; background: transparent url(../images/arrow_back.jpg) no-repeat 0px 0px; text-indent: 15px; margin: 0px; padding-top: 0px; height: 15px; display: block }
A.back:hover { color: #b222222 }

A.back_termine    { color: #b222222; font-weight: normal; font-size: 11px; font-family: Tahoma, Verdana, sans-serif; text-decoration: none; background: transparent url(../images/back_termine.jpg) no-repeat 0px 0px; text-indent: 15px; margin: 0px; padding-top: 0px; height: 15px; display: block }
A.back_termine:hover { color: #b222222 }


A.back_kontakt    { color: #ffffff; font-weight: normal; font-size: 11px; font-family: Tahoma, Verdana, sans-serif; text-decoration: none; background: transparent url(../images/back_termine.jpg) no-repeat 0px 0px; text-indent: 15px; margin: 0px; padding-top: 0px; height: 15px; display: block }
A.back_kontakt:hover { color: #A9A9A9 }

h1
           { color: black; font-weight: bold; font-size: 11px; line-height: normal; background: transparent url(../images/22_01/nav_back.jpg) repeat 0px 0px; text-indent: 8px; letter-spacing: 1px; margin: 0px 0px 0px; padding: 3px 8px 2px 0px; height: auto }
h2
         { color: #ffffff; font-weight: bold; font-size: 11px; line-height: normal; background: transparent; text-indent: 8px; margin: 0px; padding: 3px 8px 2px 0px; border-style: solid none solid none; border-width: 1px 0px 1px 0px; border-color: white; height: 18px }

       
          
.footer        { color: white; font-size: 11px; background: transparent url(../images/22_01/red.jpg) repeat; text-align: right; padding-top: 2px; padding-right: 120px; height: 22px }

.td_back      { background: transparent url(../images/22_01/back_content.jpg) repeat-x; border-style: none solid solid none; border-width: medium 1px 1px medium; border-color: #cdcdcd }

div.content    { color: black; font-size: 11px; line-height: 16px; background: #f5f5f5 repeat 0px 0px; margin: 0px; padding: 5px 10px; border: solid 1px #cdcdcd }

div.content_tb     { color: black; font-size: 11px; line-height: 16px; font-weight: bold; background: #f5f5f5 url(../images/22_01/back_content.jpg) repeat 0px 0px; margin: 0px; padding: 5px 10px; border: solid 1px #cdcdcd }

div.content_tbr     { color: #b22222; font-size: 11px; line-height: 16px; font-weight: normal; background: #f5f5f5 url(../images/22_01/back_content.jpg) repeat 0px 0px; margin: 0px; padding: 5px 10px; border: solid 1px #cdcdcd }

div.content_tbt      { color: #b22222; font-weight: bold; font-size: 11px; line-height: 16px; background: #f5f5f5 url(../images/22_01/back_content.jpg) repeat 0px 0px; margin: 0px; padding: 5px 10px; border: solid 1px #cdcdcd; height: 20px }

p     { color: #000000; font-size: 11px; line-height: 16px; background-color: transparent; margin: 0px 5px 8px 0px; padding: 5px }

b     { color: #A9A9A9; font-size: 11px; line-height: 16px }



/*----Body News----*/
div.news_middle     { color: #000000; font-size: 11px; line-height: 16px; background: transparent url(../images/22_01/back_content.jpg) repeat-x 0 0; padding: 0px; border-top: 1px solid black; border-right: 1px solid black; border-bottom: 1px solid black; height: 124px }
div.news_right      { color: #000000; font-size: 11px; line-height: 16px; background: transparent url(../images/22_01/back_content.jpg) repeat-x 0 0; padding: 0px; border-top: 1px solid black; border-right: 1px solid black; border-bottom: 1px solid black; height: 124px }



A.news  { color: #b22222; font-size: 11px; line-height: 16px; background: transparent url(../images/bullet2-normal.gif) no-repeat 0 7px; padding-left: 10px }
A.news:hover {color: #000000; font-size: 11px; background:url(../images/bullet2-hover.gif) 0 7px no-repeat transparent }
/*----Body News----*/


/*----navigationspfad----*/
.navipath   { color: #c8c8c1; font-size: 10px; margin: 0px 0px 0px 10px; padding: 2px 0 10px 2px; width: 480px; decoration: underline; width: 500px }
.navipath:hover  { color: #ffffff } 

 /*----mainnavigation----*/
a.navileft_passive         { color: black; text-decoration: none; background: transparent url(../images/22_01/nav.jpg) repeat-y 0px 0px; text-indent: 15px; margin: 0px; padding-top: 2px; border-bottom: 1px solid white; height: 22px; display: block }
a.navileft_passive:hover         { color: white; text-decoration: none; background: transparent url(../images/22_01/nav_over.jpg) repeat-y 0px 0px; text-indent: 15px; margin: 0px; padding-top: 2px; border-bottom: 1px solid white; height: 22px; display: block }

a.navileft_active    { color: #b22222; font-weight: 600; background: transparent url(../images/22_01/nav_over.jpg) repeat-y 0px 0px; text-indent: 15px; margin: 0px; padding-top: 2px; border-bottom: 1px solid white; height: 22px; display: block } 
a.navileft_active:hover    { color: white; font-weight: 600; background: transparent url(../images/22_01/nav_over.jpg) repeat-y 0px 0px; text-indent: 15px; margin: 0px; padding-top: 2px; border-bottom: 1px solid white; height: 22px; display: block } 

a.navileft_open     { color: black; font-weight: 600; background: transparent url(../images/22_01/nav_over.jpg) repeat-y 0px 0px; text-indent: 15px; margin: 0px; padding-top: 2px; border-bottom: 1px solid white; height: 22px; display: block } 
a.navileft_open:hover     { color: white; font-weight: 600; background: transparent url(../images/22_01/nav_over.jpg) repeat-y 0px 0px; text-indent: 15px; margin: 0px; padding-top: 2px; border-bottom: 1px solid white; height: 22px; display: block } 

/* css definitions 4 slideshow */
#slideshow-box{text-align:center;}
#slideshow {position:relative;margin:auto;vertical-align:middle;}
#slideshow .slide {position:absolute;top:0;left:0;vertical-align:middle;display:none;}
#slideshow .slide img{border:0;}


DIV.newsletterbox {
   background: transparent url(../images/22_01/right.jpg) repeat 0px 0px;
   border-top:1px solid #aeaeae;
   border-bottom:1px solid #aeaeae;
   padding-bottom:.6em;
   padding-top:.6em;
   padding-left:.5em;
   padding-right:.5em;
   margin-top:1.5em;
   margin-bottom:1.5em;
}

--------------------------------------------- 

               sKalender                      

--------------------------------------------- 



#mod_sK a { 

 font-family: sans-serif;

 font-size: 12px;

 text-decoration: none; 

 color: #444444;

}



#mod_sK a.tag { 

 font-size: 9px;

}



#mod_sK table {

 width: 205px;

 border: 1px solid #ffffff;

 margin-left: 10px;

 border-spacing: 4pt;

 font-size: 12px;

 font-family: sans-serif;

 text-decoration: none; 

 color: #000000;

}



#mod_sK td.navl {

 text-align: left; 

 width: 20%;

 font-weight: bold;

}



#mod_sK td.navr {

 text-align: right; 

 width: 20%;

 font-weight: bold;



}

#mod_sK td.navm {

 text-align: center; 

 width: 60%;

 font-weight: bold;

}



#mod_sK td.wtag {

 width:14%;

 background-color: #ffffff;	

 text-align: center; 

 color: #000000;

 font-family: sans-serif;

}



#mod_sK td.wochenende {

 background-color: #DCDCDC;	

 color: #aaaaaa;	

 text-align: right; 

 border: 1px solid #aaaaaa;

 padding-right: 3px;

 }



#mod_sK td.wochentag {

 color: #000000;	

 text-align: right; 

 border: 1px solid #aaaaaa;

 padding-right: 3px;

 }



#mod_sK td.heute {

 background-color: #F5F5F5;

 color: #000000;	

 text-align: right; 

 border: 1px solid #000000;

 padding-right: 3px;

 }



#mod_sK td.belegt {

 background-color: #b22222;

 color: #a9a9a9;	

 text-align: right; 

 border: 1px solid #a9a9a9;

 padding-right: 3px;

 }



#mod_sK td.belegtwe {

 background-color: #b22222;

 color: #a9a9a9;	

 text-align: right; 

 border: 1px solid #a9a9a9;

 padding-right: 3px;

 }



#mod_sK td.tangiert {

 background-color: #b222222;

 color: #ffffff;	

 text-align: right; 

 border: 1px solid #ffffff;

 padding-right: 3px;

 }



#mod_sK td.tangiertwe {

 background-color: #b22222;

 color: #ffffff;	

 text-align: right; 

 border: 1px solid #ffffff;

 padding-right: 3px;

 }



--------------------------------------------- 

               Termineinausgabe              

--------------------------------------------- 



#mod_te h1 {

	font-size: 11px; 

	color: #ffffff; 

	margin-bottom: 5px;

}



#mod_te h2 {

	font-size: 12px; #

	font-weight: bold; 

	color: #000000; 

	margin-bottom: 5px;

}



#mod_te p {

	font-size: 11px; 

	color: #ffffff; 

}



--------------------------------------------- 



--------------------------------------------- 

                 Terminliste                  

--------------------------------------------- 



#mod_tlh {

   text-align: left;

}



#mod_tlf {

   text-align: left;

}



#mod_tl table {

   width: 500px; 

   background-color: transparent;

   border-collapse: collapse;

}

/*----terminliste headline, wo der Monat und das Jahr steht----*/

#mod_tl th {

   width: 100%;

   text-align: left;
   
   color: #b22222;
   
   font-size: 11px;
   
   font-weight: bold;

   vertical-align: top;

   line-height: 200%;

   background-color: #f5f5f5;

   margin-top: 5px;

   margin-bottom: 5px;

   padding-left: 5px;

}



#mod_tl td {

   text-align: left;

   vertical-align: top;

   line-height: 130%;

}



#mod_tl a .highlight {

   color: #000000;

}



#mod_tl .border { 

	border-top:1px solid #a9a9a9; 

	border-bottom: 1px solid #a9a9a9; 

}

/*---im Modul definiert hell und dunkel---*/

#mod_tl .hell { background: transparent url(../images/22_01/back_content.jpg) repeat; }

#mod_tl .dunkel { background-color: #ffffff; }

#mod_tl .sp0  { color: #b22222; font-weight: bold; font-size: 11px; padding-left: 5px; width: 60px }

#mod_tl .sp1 { color: #000000;
   
   font-size: 11px;
   
   font-weight: bold; width: 85px; }

#mod_tl .sp2 { width: 90px; }

#mod_tl .sp3 { width: 300px; }

#mod_tl .sp4 { width: 100px; }

#mod_tl .einrueck { padding-left: 15px; }



--------------------------------------------- 



--------------------------------------------- 

                 Terminteaser                 

--------------------------------------------- 



#mod_ttl table {

   width: 300px; 

   background-color: #ffffff;

   border-collapse: collapse;

}



#mod_ttl th {

   width: 100%;

   border-top: 1px solid #000000;

   border-bottom: 1px solid #000000;

   text-align:  left;

   vertical-align:  top;

   line-height:  200%;

   background-color: #a9a9a9;

   margin-top: 5px;

   margin-bottom: 5px;

   padding-left: 5px;

}



#mod_ttl td {

   text-align:  left;

   vertical-align: top;

   line-height: 130%;

}



#mod_ttl .hell { background-color: #ffffff; }

#mod_ttl .dunkel { background-color: #a9a9a9; }

#mod_ttl .sp1 { width: 110px; }

#mod_ttl .sp2 { width: 190px; }





--------------------------------------------- 

              Terminliste Select              

--------------------------------------------- 



#mod_ts {

   width: 500px; 

}



--------------------------------------------- 
