/* Styles für alle Bereiche */

	/* Univesalselector: Alle Rander und Paddings auf 0 */
	
	* {margin: 0; padding:0} /* oben rechts bootom links */

	/* Übergreifende Styles */
    p {
	padding: 10px 10px 10px 0px; /* oben rechts bootom links Uhrzeigersinn*/
    }

	a { 	/* Link */
 		color:#b50000;
		text-decoration:underline;
		font-weight:bold;
 	}
	
 	a:hover{
 		color:#000000;
 	}

	ul {margin: 0px; padding:20px;
		list-style-image:url(Images/Layout/BulletH1.gif);
	}

	ol {margin: 0px; padding:30px;
	}

	
	/* Rechter und linker Rand werden durch ein Backgroundgif links und rechts oben in zwei ineinanderliegenen */
	/* Bereichen body und containerrealisiert */

    body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	background: #FFFFFF;
	color: #000000;
	
	margin: 0; 					/* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0	*/
	padding: 0;					/* einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
	text-align: left; 			/* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im
								/* #container-Selektor die Standardausrichtung left (links) zugewiesen. */
    }

	#article {
	font-size:small;
	}

	/* Drei inneinanderliegende Container für die Hintergrundränder rechts und links /*
	/* Zunächst wird der endlose graue Streifen festgelegt */
	/* Darüber dann das einmalig rechts oben das gif mit dem Verlauf */
	
    #containerr {
	background-image: url(Images/Layout/LayoutRandRechtsBackground.gif);
	background-repeat:repeat-y;
	background-position: right;
}
    #containerro {
	background-image: url(Images/Layout/LayoutRandRechtsLangBackground.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

    #containerl {
    text-align: left; 
	background-image: url(Images/Layout/LayoutMitteBackground.gif);
	background-repeat: repeat-y;
    }  
	

	/* ***************************************************************************  */
	/* **** Styles für das Menue.                                                   */
	/* ****                                                                         */
    #SidebarLinks {
	float: left;
	width: 258px; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */

	background-image: url(Images/Layout/LayoutRandLinksBackground.gif);
	background-repeat: no-repeat;    

	}
	
	/* Star HTML-Hack, der nur alte IE Browser adressiert. Wenn ein Menütext im Level1 zu lang ist, dann soll er nicht ausgeschrieben
	werden, da sonst die Box nach rechts vergrößert wird. 
	*/ 
	* html #SidebarLinks {
	overflow:hidden;
	}
	
     #SidebarLinks p  {
    	margin-left: 10px; 
    	margin-right: 10px;
  		padding: 10px;
    }

	/* Für alle Level: */ 
 	#SidebarLinks a {
 		color:#000000;
		text-decoration:none;
		font-weight:bold;
 	}
	
	#SidebarLinks a:hover{
 		color:#b50000;
		text-decoration:underline;
 	}

	#MenueLevel1 p, #MenueLevel2 p, #MenueLevel3 p, #MenueLevel4 p, #MenueLevel5 p, #MenueLevel6 p 
	{
	margin: 0; 
	}

	#MenueLevel1 p
	{
	padding: 0 0 0 20px; /* oben rechts bootom links */
	line-height: 30px;
	vertical-align: middle;
	white-space:nowrap;
	}

	#MenueLevel2 p
	{
	padding:1px 0 1px 30px;
	}

	#MenueLevel3 p
	{
	padding:1px 0 1px  40px;
	}
	#MenueLevel4 p
	{
	padding:1px 0 1px  50px;
	}
	#MenueLevel5 p
	{
	padding:1px 0 1px  60px;
	}
	#MenueLevel6 p
	{
	padding:1px 0 1px  70px;
	}

	/* Für die einzelnen Level: */

	#MenueLevel1{
	margin-left: 20px;
	background-image: url(Images/Layout/LayoutMenueLevel1Background.gif);
	}

	#MenueLevel2, #MenueLevel3, #MenueLevel4, #MenueLevel5, #MenueLevel6  {
	margin-left: 20px;
	}

	#MenueLevel1Rot{
	height: 30px;
	margin-left: 0px;
	padding-left:40px;
	background-image: url(Images/Layout/LayoutMenueLevel1RotBackground.gif);
	}

	#MenueLevel2Rot,  #MenueLevelRot4,  #MenueLevelRot5, #MenueLevelRot6  {
	margin-left: 25px;
	}

	#MenueLevel3Rot{
		margin-left: 35px;
	}

	#MenueLevel4Rot{
		margin-left: 45px;
	}

	#MenueLevel5Rot{
		margin-left: 55px;
	}
	
	#MenueLevel1Rot p
	{
	margin: 0;
	padding: 0;
	line-height: 30px;
	}

	#MenueLevel2Rot p
	{
	margin: 0; 
	padding:1px 0 1px 25px;
	background: url(Images/Layout/BulletMenueLevel2.gif);
	background-repeat: no-repeat;    
	}

	#MenueLevel3Rot p
	{
	margin: 0; 
	padding:1px 0 1px 25px;
	background: url(Images/Layout/BulletMenueLevel2.gif);
	background-repeat: no-repeat;    
	}

	#MenueLevel4Rot p
	{
	margin: 0; 
	padding:1px 0 1px 25px;
	background: url(Images/Layout/BulletMenueLevel2.gif);
	background-repeat: no-repeat;    
	}

	#MenueLevel5Rot p
	{
	margin: 0; 
	padding:1px 0 1px 25px;
	background: url(Images/Layout/BulletMenueLevel2.gif);
	background-repeat: no-repeat;    
	}


	#LayoutLinie img
	{
	padding:0px;
	margin: 0 0 0 20px; /* oben rechts bootom links */
	}

	#LayoutSuche {
	margin: 0 0 0 20px;
	padding: 0px 0 5px 20px;
	text-align:left; 
	}
	
	#MenueSuche form 
	{
	 margin:0;
	 padding:0;
	}
	

	#LayoutSuche input#Feld {
	margin: 0;
	padding: 0;
	width:100px;
	}

	#LayoutSuche input#Bild {
	margin: 0px;
	padding: 0;
	}

	/* Menü ende */


	/* ***************************************************************************  */
	/* **** Styles für Dauerteaser. Diese Styles müssen mit styles_rte harmonisieren  */
	/* ****                                                                         */
	/* **** */


    #SidebarRechts {
	float: right;
	width: 240px; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
/*	background-image: url(Images/Layout/LayoutRandBackgroundA.gif);
	background-repeat:no-repeat;
	background-position: right top;
*/	vertical-align: top;
	height:auto;
	overflow:auto;
    }
 
 	.LayoutDauerTeaser{
		margin-right:25px;
		margin-left:5px;
		margin-top:5px;
		margin-bottom:5px;
		padding:5px;
		border: 1px solid #cccccc;	/* Grauer Rand um den Teaser */
	}
	
	.LayoutDauerTeaser h1, .LayoutDauerTeaser h2, .LayoutDauerTeaser h3
	{
	color:#000000;
	font-size:small;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:3px;
	}

    .LayoutDauerTeaser p {
	padding: 0px; /* oben rechts bootom links Uhrzeigersinn*/
    }


	.LayoutDauerTeaser img
	{
	width:60px;
	border: 1px solid #cccccc;	
	padding:2px;
	margin-top: 5px;
	margin-right: 5px;
	float:left;
	}

	/* ***************************************************************************  */
	/* **** Styles für Teaser.   */
	/* **** */

 
 	.TeaserKlasse img 
	{
	width:140px !important;
	}
	
	.TeaserKlasse hr
	{
	margin-top:3px;    
	margin-right: 20px;
	border:1px dashed #cccccc;
	}

    .TeaserKlasse p
    {
       padding-top: 0px !important;
       padding-bottom: 0px !important;

    }
    .TeaserKlasse h1
    {
       margin-top: 3px !important;
    }


	/* ***************************************************************************  */
	/* ****Styles für den Inhalt. Diese Styles müssen mit styles_rte harmonisieren  */
	/* ****                                                                         */
	/* **** */

    #mainContent {
	margin: 0 20px 0 266px; /* oben rechts bootom links */
	padding: 10px 40px 0 20px;
    } 

    #mainContent p {
	padding: 10px 10px 10px 0px;
    }
	
	#mainContent h1, #mainContent h2, #mainContent h3, #mainContent h4, #mainContent h5, #popmailer h1
	{
	color:#666666;
	font-weight: bold;
	margin-top: 10px;
	}

	#mainContent h1, #popmailer h1
	{
	font-size: larger;
	background: url(Images/Layout/BulletH1.gif);
	background-repeat: no-repeat;    
	padding-left:17px;
	}

	#mainContent h2
	{
	font-size: larger;
	}

	#mainContent h3
	{
	font-size: small;
	}

	#mainContent h4
	{
	font-size: smaller;
	}

	#mainContent h5
	{
	font-size: smaller;
	}


	#mainContent img
	{
	width:400px;
	border: 1px solid #cccccc;	
	padding:4px;
	margin-top: 5px;
	margin-right: 5px;
	float:left;
	}

	#mainContent .keinformat 
	{
	width:auto;
	border: 1px solid #cccccc;	
	padding:4px;
	margin-top: 5px;
	margin-right: 5px;
	float:none;
	}

	#mainContent .keinrahmen 
	{
	width:auto;
	border: none;	
	padding:4px;
	margin-top: 5px;
	margin-right: 5px;
	}


	.Bullet 
	{
	width:10px;
	border: none;	
	padding:4px;
	float:none;
	}


	/* ***************************************************************************  */
	/* ****Styles für den Kopf                                                      */
	/* ****                                                                         */
	/* **** */
	
	
	    #ContainerLayoutOben {
		width: 100%;
		background-image:url(Images/Layout/LayoutObenBackground1.gif);
		background-repeat:no-repeat;
		height:157px; 
		}  

    	#LayoutObenLinks {
		width: 100%;
		background-image:url(Images/Layout/LayoutObenBackground1.gif);
		background-repeat:no-repeat;
		height:157px; 
	}

    	#LayoutObenMenueBereich {
		position:absolute;
		top:0px;
		left:277px;
		height: 20px;

		padding:0px;
		margin:0px;
		font-family: Arial, Helvetica, sans-serif;
		font-style: normal;
		font-weight: bold;
		text-align: left;
	} 

	#LayoutObenMenueBereich p {
		padding: 8px; /* oben rechts bootom links Uhrzeigersinn*/
		letter-spacing: 1px;
		vertical-align: middle;
		line-height:10px;
    }

	
	 #LayoutObenMenueBereich a {
 		color:#000000;
		text-decoration:none;
 	}
	
 	#LayoutObenMenueBereich a:hover{
 		color:#b50000;
 	}
 

	/* ****Styles für den Kopf                                                      */


    #LayoutBrotLinks {
	height:24px;
	width: 258px;  /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
	}

    #LayoutBrotMitte {
		position:absolute;
		top:150px;
		left:277px;
		height: 20px;
		padding: 0 0 0 10px; 
		font-family: Arial, Helvetica, sans-serif;
		color:#b50000;
		font-size: small;
		font-style: normal;
		font-weight: normal;
		text-align: left;
	}

	#LayoutBrotMitte p
	{
		line-height: 20px;
	}

	#LayoutBrotMitte a { 	/* Link */
 		color:#b50000;
		text-decoration:underline;
		font-weight:bold;
 	}
	
 	#LayoutBrotMitte a:hover{
 		color:#000000;
 	}

  

	
	
	/* ***************************************************************************  */
	/* **** Footer */


    #footer {
		padding: 0 10px; /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
		background:#FFFFFF;
	/*	background-image:url(Images/Layout/LayoutRandRechtsBackground.gif); */
		font-size:xx-small;
		border-top-width: 1px;
		border-top-style: solid;
		border-top-color: #000000;
		border-right-color: #000000;
		border-bottom-color: #000000;
		border-left-color: #000000;
	}

    .clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
    	clear:both;
      height:0;
			width: 100%;
      font-size: 1px;
      line-height: 0px;
    }

  	/* ***************************************************************************  */
	/* **** Farbige Hintergründe */

    .HintergrundRosa {
    	background-color:#FFE9D9 !important;
    }

    .HintergrundHellgrau {
    	background-color:#EFEFEF !important;
    }

    .HintergrundDunkelgrau {
    	background-color:#CFCFCF !important;
    }


  	/* ***************************************************************************  */
    /* **** Rahmeneingenschaften */

    .KeinRahmen {
        border-style: none !important;
    }

	.RamenUntenDick {
        border-bottom-style: solid !important;
	 	border-bottom-width: 2px !important; 
	}
	
	.RamenUntenDuenn {
        border-bottom-style: solid !important;
	 	border-bottom-width: 1px !important; 
	}
		
	.RamenRechtsDuenn {
        border-right-style: solid !important;
	 	border-right-width: 1px !important; 
	}
    
  	/* ***************************************************************************  */
    /* **** Zelleneigenschaften */
    
	.SpalteLinks {
		text-align:left  !important;
	}

	.SpalteRechts {
		text-align:right !important;
	}

	.SpalteMitte {
		text-align: center !important;
	}


  	/* ***************************************************************************  */
    /* **** Fonteigenschaften */
    
    .FontNormal {

		font-weight:normal !important;
    }


  	/* ***************************************************************************  */
	/* **** A-Z Wegweiser */

	.AZTabelle {
	 	border: 2px solid #000000;
		width:95%;
  		border-spacing:0px;
  		border-collapse:collapse;
		margin:20px 0 20px 0;
		}
	
	.AZTabelle thead {
		background-color:#FFE9D9;
	}	
		
	.AZTabelle tbody {
		vertical-align:top;
	}	

	.AZTabelle th {
		padding: 3px;
	 	border: 1px solid #000000;
		text-align:left;
	}

	.AZTabelle td {
		color:#000000;
		background-color:#FFF;
	 	border: 1px solid #000000;
		padding: 3px;
		text-align:left;
	}

	
	.AZSpalteLinks {
		text-align:left  !important;
	}

	.AZSpalteRechts {
		text-align:right !important;
	}

	.AZSpalteZentriert {
		text-align:center  !important;
 		color:#b50000;
		font-weight:bold;
		font-size:larger;
	}
	
	.ATRamenUntenDick {
        border-bottom-style: solid !important;
	 	border-bottom-width: 2px !important; 
	}
	
  	/* ***************************************************************************  */
	/* **** Termintabelle */

	.TBTabelle {
	 	border: 2px solid #000000;
		width:98%;
  		border-spacing:0px;
  		border-collapse:collapse;
		margin:20px 0 20px 0;
		}
	
	.TBTabelle thead {
		background-color:#FFE9D9;
	}	
		
	.TBTabelle tbody {
		vertical-align:top;
	}	

	.TBTabelle caption {
		padding: 3px;
	 	border: 2px solid #000000;
		text-align:center;
		background-color:#FFE9D9;
		font-size:larger;
		font-weight:bold;
	}

	.TBTabelle th {
		padding: 3px;
	 	border: 1px solid #000000;
		text-align:left;
	}

	.TBTabelle td {
		color:#000000;
		background-color:#FFF;
	 	border: 1px solid #000000;
		padding: 3px;
		text-align:left;
	}


	.TBSpalteZentriert {
		text-align:center  !important;
 		color:#b50000;
		font-weight:bold;
		font-size:smaller;
	}
	
	.TBRamenUntenDick {
        border-bottom-style: solid !important;
	 	border-bottom-width: 2px !important; 
	}
	
	.TBZelle 
	{
	 height: 60px;   
		font-size:smaller;
	}


	#captionliste li {margin: 0px; padding-top:5px;
          display:inline;   
	}


	.TBTabelle ul {margin: 0px; padding-top:5px;
	    padding-left:3px;
	    padding-right:3px;
	    padding-bottom:0px;
	    list-style-image:none;
	    list-style-type:none;
	}

	.TBTabelle li {margin-bottom: 8px;
	    margin-left: 0px;
	    padding-left: 0px;
	}

  	/* ***************************************************************************  */
	/* **** Liste für Geschäftsflächen */


	.FLTabelle ul {margin: 0px; padding-top:5px;
	    padding-left:3px;
	    padding-right:3px;
	    padding-bottom:0px;
	    list-style-image:none;
	    list-style-type:none;
	}

	.FLTabelle li {margin-bottom: 8px;
	    margin-left: 0px;
	    padding-left: 0px;
	}
	
    .FLTabelle img 
    {
        width: 110px !important;
    }	

    .FLTabelle table 
    {
        margin: 0px; padding: 0px;
    }

	
  	/* ***************************************************************************  */
	/* **** XDIR Verzeichnis */

	.VZTabelle {
	 	border: 2px solid #000000;
		width:95%;
  		border-spacing:0px;
  		border-collapse:collapse;
		margin:20px 0 20px 0;
		}
	
	.VZTabelle thead {
		background-color:#FFE9D9;
	}	
		
	.VZTabelle tbody {
		vertical-align:top;
	}	

	.VZTabelle th {
		padding: 3px;
	 	border: none;
		text-align:left;
	}

	.VZTabelle td {
		color:#000000;
		background-color:#FFF;
	 	border: 1px solid #000000;
		padding: 3px;
		text-align:left;
	}
	
	.VZSpalteLinks {
		text-align:left  !important;
	}

	.VZSpalteRechts {
		text-align:right !important;
	}

	.VZSpalteZentriert {
		text-align:center  !important;
 		color:#b50000;
		font-weight:bold;
		font-size:larger;
	}
	

    /*** Innerhalb von Kategorieen ***/
    .VZCatTabelle {
	 	border: none;
		width:100%;
  		border-spacing:0px;
  		border-collapse:collapse;
		margin:0; 
		}
	
	.VZCatTabelle thead {
		background-color:#FFE9D9;
	}	
		
	.VZCatTabelle tbody {
		vertical-align:top;
	}	

	.VZCatTabelle th {
		padding: 3px;
	 	border: none;
		text-align:left;
	}

	.VZCatTabelle td {
		color:#000;
		background-color:#FFF;
	 	border: none;
		padding: 3px;
		text-align:left;
	}
	
	.VZCatSpalteLinks {
		text-align:left  !important;
	}

	.VZCatSpalteRechts {
		text-align:right !important;
	}

	.VZCatSpalteZentriert {
		text-align:center  !important;
 		color:#b50000;
		font-weight:bold;
		font-size:larger;
	}
	
	.DirSubCatLink 
	{
	    font-size:small !important;
	}


  	/* ***************************************************************************  */
    /*   Termin     

    /* Showmonat als Liste: */
    
    .TerminDatum
    {
        font-weight: bold;
		text-decoration: underline;
    }