/**** SEITENAUFTEILUNG ******/
  
  div#links {
    font-size: 0.83em;
    float: left; width: 200px;
    margin: 0 0 1.2em; padding: 0;
    background-color:#FFDDDD;
  }
 
  div#oben {
  	 width:100%;
  	 height:65px;
    margin: 0 0 0 0;
    padding: 0;
    color:white;
    font-weight: bold;
    background-color:#FFFFFF;
    text-align:right;
    vertical-align:top;
  } 
 
	
  div#Info {
    font-size: 0.9em;
    float: right; width: 200px;
    margin: 1em 0 1.1em; padding: 0; 
    background-color: #FFDDDD; 
  }
  div#Info h2 {
    font-size: 1.33em;
    margin: 0.2em 0.5em;
  }
  div#Info p {
    font-size: 1em;
    margin: 0.5em;
  }


  div#kompass {
    margin: 0.5em 210px 0.5em 210px;
    padding: 0 1em;
    color:white;
    font-weight: bold;
    background-color:#FFDDDD;
  }


/*** RUNDE ECKEN *************/

  div#ru {
    background:url(../atino_single/bilder/textecke_rechts_unten.gif) bottom right no-repeat ;
  }

  div#ro {
    background:url(../atino_single/bilder/textecke_rechts_oben.gif) top right no-repeat ;
  }

  div#lo {
    background:url(../atino_single/bilder/textecke_links_oben.gif) top left no-repeat ;
  }


  div#lu {
    background:url(../atino_single/bilder/textecke_links_unten.gif) bottom left no-repeat ;
  }



/*** RUNDE ECKEN STANDARDBOX0*************/


  div {margin:0px; padding:0px}	


  div.box_ro {
    background:url(../atino_single/bilder/box_ro.gif) top right no-repeat ;
  }

  div.box_lo {
    background:url(../atino_single/bilder/box_lo.gif) top left no-repeat ;
  }


  div.box_lu {
    background:url(../atino_single/bilder/box_lu.gif) bottom left no-repeat ;
  }


  div.box_ru {
    background:url(../atino_single/bilder/box_ru.gif) bottom right no-repeat ;
  }

  div.boxinhalt {
  		margin:0px;
  		padding-left:20px;
  		padding-right:20px;
  		padding-bottom:0px;
  		padding-top:10px;
  		}



/*** RUNDE ECKEN STANDARDBOX1*************/


  div {margin:0px; padding:0px}	


  div.box1_ro {
    background:url(../atino_single/bilder/box1_ro.gif) top right no-repeat ;
  }

  div.box1_lo {
    background:url(../atino_single/bilder/box1_lo.gif) top left no-repeat ;
  }


  div.box1_lu {
    background:url(../atino_single/bilder/box1_lu.gif) bottom left no-repeat ;
  }


  div.box1_ru {
    background:url(../atino_single/bilder/box1_ru.gif) bottom right no-repeat ;
  }

  div.boxinhalt1 {
  		margin:0px;
  		padding-left:20px;
  		padding-right:20px;
  		padding-bottom:0px;
  		padding-top:10px;
  		}

/***** RUNDE ECKEN INNENBEREICH ****/

  div#innen_ru {
    background:url(../atino_crm/bilder/textecke_rechts_unten_weiss.gif) bottom right no-repeat ;
  }

  div#innen_ro {
    background:url(../atino_crm/bilder/textecke_rechts_oben_weiss.gif) top right no-repeat ;
  }

  div#innen_lo {
    background:url(../atino_crm/bilder/textecke_links_oben_weiss.gif) top left no-repeat ;
  }


  div#innen_lu {
    background:url(../atino_crm/bilder/textecke_links_unten_weiss.gif) bottom left no-repeat ;
  }





  div#Inhalt {
    margin: 0 205px 0 205px;
    padding: 0 0;
    background-color:white;
  }
  
  * html div#Inhalt {
    padding: 0px -1.3em;
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
  }


  div#Inhalt2 {
    margin: 0 10px 0 10px;
    padding: 0 0;
    background-color:white;
  }
  * html div#Inhalt2 {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
  }


  div#Inhalt h2 {
    font-size: 1.2em;
    margin: 0.2em 0;
  }
  div#Inhalt p {
    font-size: 1em;
    margin: 1em 0;
  }

  p#Fusszeile {
    clear: both;
    margin: 0; padding: 0.1em;
    text-align: center;
    color:black;
  	 font-size:10px;
  }
  
  p#Fusszeile a {
  	 color:black;
  	 font-size:10px;
  }
  
  
  
  
  
  
 ul#rechte_navigation {
    width: 10em;
    margin: 0; padding: 0.8em;
    border: 1px solid black;
    background-color: silver;
  }
  * html ul#rechte_navigation {  /* Korrekturen fuer IE 5.x */
    width: 11.6em;
    w\idth: 10em;
    padding-left: 0;
    padd\ing-left: 0.8em;
  }
  ul#rechte_navigation li {
    list-style: none;
    margin: 0.4em; padding: 0;
  }

  ul#rechte_navigation li ul {
    margin: 0 0 0 1em; padding: 0;
  }
  ul#rechte_navigation li ul li {
    margin: 0.1em 0;
  }
  * html ul#rechte_navigation li ul li {  /* Korrektur fuer IE 5.x */
    margin-left: 1em;
    ma\rgin-left: 0;
  }

  ul#rechte_navigation a {
    display:block;
    padding: 0.2em;
    text-decoration: none; font-weight: bold;
    border: 1px solid black;
    border-left-color: white; border-top-color: white;
    color: maroon; background-color: #ccc;
  }
  * html ul#rechte_navigation a {
    width: 100%;    /* Breitenangabe fuer IE 5.x */
    w\idth: 8.8em;  /* Breitenangabe fuer IE 6 */
  }
  * html ul#rechte_navigation li ul li a {
    width: 100%;    /* Breitenangabe fuer IE 5.x */
    w\idth: 7.8em;  /* Breitenangabe fuer IE 6 */
  }
  ul#rechte_navigation a:hover {
    border-color: white;
    border-left-color: black; border-top-color: black;
    color: white; background-color: gray;
  }  







/**** TEXT MIT INFOBOX ****/
a.text_mit_infobox { 
	text-decoration:none;
	 }
a.text_mit_infobox:hover { 
	cursor:help; 
	}

a.text_mit_infobox span { 
	visibility:hidden; 
	position:absolute; 
	left:auto;
   margin-top:0.5em; 
   padding:1em; 
   text-decoration:none; 
   }

a.text_mit_infobox:hover span { 
	color:black;
	background:#ffffff;
	font:normal 16px courier, sans-serif;
	border:1px solid red;
	display:block;
	padding:10px;
	visibility:visible;
 	}





/***** BLOCK mit Infobox ****/
#box a {
	color:#ffffff;
	background:red;
	font:bold 16px verdana, sans-serif;
	text-decoration:none;
	display:block;
	padding:5px;
	border:1px solid black;
	}


#box a:hover {
	color:black;
	background:#b8b8b8;
  }


#box a span {
	visibility:hidden; 
	position:absolute; 
	left:auto;
   margin-top:0.5em; 
   padding:1em; 
   text-decoration:none; 
   }


#box a:hover span {
	color:black;
	background:#ffffff;
	font:normal 16px courier, sans-serif;
	border:1px solid red;
	display:block;
	padding:10px;
	visibility:visible;
}








/******** NAVIGATION MIT AUFKLAPMECHANISMUS LINKE SEITE  **********/

/* Vertikale Navigation */


   ul#Navigation {
    font-size:1em;     /* 1em; verändert am 9.7.2006*/ 
    width: 200px;
    margin: 0 0 0; padding: 0;
    background-color:#FF0000;
   }
 
   ul#Navigation li {
     list-style: none;
     position: relative;
     margin:0; padding: 0;
   }
  
   * html ul#Navigation li {
     margin-right:0;  /* Platz fuer Link-Verbreiterung im IE reservieren */
     margin-bottom:0;
   }
 
 
 	/*** zweite EBENE ***/
   ul#Navigation li ul {
     margin: 0; padding: 0;
     position: absolute;
     top: 0; left: 200px;
     background-color:#FF0000;
     width: 200px; 
     border: 1px solid white;
     
   }
   ul#Navigation li ul li {
     margin: 0; padding-left: 0;
   }
 
      
   ul#Navigation a, ul#Navigation span {
     display: block;
     font-family: "Trebuchet MS", "Century Gothic", Helvetica, Arial, sans-serif;
     font-size:12px;  
     text-decoration: none; font-weight: bold;
     padding: 0 0;
     border: 1px solid #FF0000;
     color: white; background-color: #FF0000;
   }
   
   * html ul#Navigation a, * html ul#Navigation span {
     width: 200px;
     w\idth: 200px;  /* (IE 6 in standards-compliant mode) */
   }


	/** ZWEITE EBENE HOVER **/
   ul#Navigation a:hover, ul#Navigation span, li a#aktuell:hover {
     border: 1px solid;
     border-left-color:#FFFFFF; border-top-color:#FFFFFF; border-bottom-color: #FFFFFF; border-right-color: #9D0000; 
	  background-color: #9D0000;
   }

   
   /** aktueller Navigationspunkt **/ 
   ul#Navigation li a#aktuell {
     background-color:#9D0000;
     border: 1px solid;
     border-left-color:#FFFFFF; border-top-color:#FFFFFF; border-bottom-color: #FFFFFF; border-right-color: #9D0000; 
		
   }

	/** SEITE OHNE LINK **/
   ul#Navigation li ul span {
     border-color: #FF0000; border-left-color: #FF0000;
     color: #FF0000; background-color: white;
   }
   
   



 /* dynamisches Ein-/Ausblenden */
   
   ul#Navigation li ul {
     display: none;
   }
   
   ul#Navigation li:hover>ul {
     display: block;
   }
   
   /* ERSTE EBENE HOVER */ 
   ul#Navigation>li:hover>a {
     background-color: #9D0000; /* url(pfeil.gif) no-repeat center right */;
     border: 1px solid;
     border-left-color:#FFFFFF; border-top-color:#FFFFFF; border-bottom-color: #FFFFFF; border-right-color: #9D0000;
   }
 
 
 
 /* dynamisches Ein-/Ausblenden der JavaScript-generierten Klasse im IE */
   ul#Navigation li.hoverIE {
     margin-right:0;  /* reservierten Platz freigeben */
     margin-bottom:-1.25em;  /* -1.25em Fehlerkorrektur, ggfls. anpassen */
   }

   ul#Navigation li.hoverIE ul {
     display: block;
   }
   ul#Navigation li .hoverIE {
     width: 200px;
     w\idth: 200px;  /* (IE 6 in standards-compliant mode) */
     background: #9D0000; /*url(pfeil.gif) no-repeat center right*/ 
     border: 1px solid;
     border-left-color:#FFFFFF; border-top-color:#FFFFFF; border-bottom-color: #FFFFFF; border-right-color: #9D0000;

   }
































/******** NAVIGATION MIT AUFKLAPMECHANISMUS Rechte SEITE  **********/

/* Vertikale Navigation */


   ul#NavigationR {
    font-size: 0.83em;
    width: 100%; 
    margin: 0 0; padding: 0;
    background-color:#FF0000;
   }
 
   ul#NavigationR li {
     list-style: none;
     position: relative;
     margin:0; padding: 0;
     padding-left: 0px;
   }
  
   * html ul#NavigationR li {
     margin-right:0;  /* Platz fuer Link-Verbreiterung im IE reservieren */
     margin-bottom:0 ;
     margin-top:0 ;

   }
 
 
 	/*** zweite EBENE ***/
   ul#NavigationR li ul {
     margin: 0; padding: 0;
     position: absolute;
     top: 0; right: 195px;
     background-color:#FF0000;
     width: 200px; 
     border: 1px solid white;
     
   }
   ul#NavigationR li ul li {
     margin: 0; padding-left: 0;
   }
 
      
   ul#NavigationR a, ul#NavigationR span {
     display: block; 
     font-family: "Trebuchet MS", "Century Gothic", Helvetica, Arial, sans-serif;
     text-decoration: none; font-weight: bold;
     padding-left:5 px;
     border: 1px solid #FF0000;
     color: white; background-color: #FF0000;
     height:16px;

   }


  
   * html ul#NavigationR a, * html ul#NavigationR span {
     width: 100%;   /* Breitenangabe fuer IE 5.x */
     w\idth: 100%;  /* (IE 6 in standards-compliant mode) */
  	  margin-top:-1.5em;	
   }


	/** ZWEITE EBENE HOVER ACHTUNG! für IE6 erste ebene hover **/
   ul#NavigationR a:hover, ul#NavigationR span, li a#aktuell:hover {
     border: 1px solid;
     border-color:#FFFFFF;  
	  background-color: #9D0000;
     padding-left:5px;
   }

   
   /** aktueller Navigationspunkt **/ 
   ul#NavigationR li a#aktuell {
     background-color:#9D0000;
     border: 1px solid;
     padding-top: 0px;
     padding-bottom: 0px;
     padding-left:5px;
     border-color:#FFFFFF; 
		
   }




   /** Auswahlzeichen **/ 
   ul#NavigationR li a#auswahlzeichen {
     background-color:#FF0000;
     border: 1px solid;
     border-color: #FF0000; 
	  width:15px;
	  height:16px;
	  float:left;
	 
   }


   * html ul#NavigationR li a#auswahlzeichen {
	  margin-top:0; /** löscht veschiebung ** /
     width: 15px;    /* Breitenangabe fuer IE 5.x */
     w\idth: 15px;  /* Breitenangabe fuer IE 6 */

   }







	/** SEITE OHNE LINK **/
   ul#NavigationR li ul span {
     border-color: #FF0000; border-left-color: #FF0000;
     color: #FF0000; background-color: white;
   }
   
   



 /* dynamisches Ein-/Ausblenden */
   
   ul#NavigationR li ul {
     display: none;
   }
   
   ul#NavigationR li:hover>ul {
     display: block;
   }
   
   /* ERSTE EBENE HOVER */ 
   ul#NavigationR>li:hover>a {
     background-color: #9D0000; /* url(pfeil.gif) no-repeat center right */;
     border: 1px solid;
     border-color:#FFFFFF;
   }
 
 
 
   /* dynamisches Ein-/Ausblenden der JavaScript-generierten Klasse im IE */
   ul#NavigationR li.hoverIE {
     margin-right:0;  /* reservierten Platz freigeben */
     margin-bottom:-1.25em;  /* Fehlerkorrektur, ggfls. anpassen */
   }

   ul#NavigationR li.hoverIE ul {
     display: block;
   }
   ul#NavigationR li .hoverIE {
     width: 200px;
     w\idth: 200px;  /* (IE 6 in standards-compliant mode) */
     background: #9D0000; /*url(pfeil.gif) no-repeat center right*/ 
     border: 1px solid;
     border-left-color:#FFFFFF; border-top-color:#FFFFFF; border-bottom-color: #FFFFFF; border-right-color: #9D0000;

   }



















/************* NAVIGATION OBEN *******************/
   
   ul#NavigationO {
     margin: 0; padding: 0;
     text-align: center;
   }
 
   ul#NavigationO li {
     list-style: none;
     float: left;
     position: relative;
     margin: 0.4em; padding: 0;
   }
   * html ul#NavigationO li {
     margin-bottom: -0.4em;
   }
 
   ul#NavigationO li ul {
     margin: 0; padding: 0;
     position: absolute;
     top: 1.8em; left: -0.4em;
   }
   * html ul#NavigationO li ul {
     left: -1.5em;
     lef\t: -0.4em;
   }
   ul#NavigationO li ul li {
     float: none;
     display: block;
     margin-top: 0.2em; margin-bottom: 0.2em;
   }
 
   ul#NavigationO a, ul#NavigationO span {
     display: block;
     width: 7em;
     font-family: "Trebuchet MS", "Century Gothic", Helvetica, Arial, sans-serif;
     text-decoration: none; font-weight: bold;
     padding: 0.23em 0.97em 0.17em 1.03em;
     border: 1px solid #600;
     border-left-color: #ea0; border-top-color: #ea0;
     color: white; background-color: #c00;
   }
   * html ul#NavigationO a, * html ul#NavigationO span {
     width: 9.2em;
     w\idth: 7em;  /* IE 6 in standards-compliant mode */
   }
   ul#NavigationO a:hover, ul#NavigationO span, li a#aktuell:hover {
     padding: 0.17em 1.03em 0.23em 0.97em;
     border-color: #ea0;
     border-left-color: #900; border-top-color: #900;
     background-color: #e00;
   }
   ul#NavigationO li ul a:hover {
     border-color: #900;
   }

   li a#aktuell {
     border-right-color: #300; border-bottom-color: #300;
     background-color: #900;
   }

   ul#NavigationO li ul span {
     border-right-color: #c96; border-bottom-color: #c96;
     color: #900; background-color: white;
   }
   ul#NavigationO li a:active, ul#NavigationO li:hover a:active {
     color: black; background-color: #f00;
   }
 
 /* dynamisches Ein-/Ausblenden */
   ul#NavigationO li ul {
     display: none;
   }
   ul#NavigationO li:hover ul {
     display: block;
     background: #eee;
   }
   
   
   









/**************** Links mit Bildtausch beim Mausover **********/
   p.bildwechsel a:hover img {
     visibility: hidden;
   }
   p.bildwechsel a:hover { /* Workaround fuer IE 5.5 und 6 */
     border:0;
   }
   * html p.bildwechsel a {
     margin-right:0px;
   }
   * html p.bildwechsel a:hover {
     width:1px; margin-right:0; /* Workaround fuer IE 5.01 */
   }
 
 
 
 /**** Größenangabe Inputfelder ***/
 input.klein {width: 200px; font-size: 10px;}
 textarea.klein {width: 200px; font-size: 10px;}




/*** obere Leiste **/

     A.obere_leiste_schrift { text-decoration: underline; color:#FF0000; font-size: 10px; font-weight: bold;}
	A.obere_leiste_schrift:visited { text-decoration: underline; color: #FF0000; font-size: 10px; }
	A.obere_leiste_schrift:hover { text-decoration: underline; color: #FF0000; font-size: 10px; }
	
	
	
	
	
	


	BODY, TH, TD, OL, UL, LI, p , form { color: #454545; font-family: verdana, arial, "Lucida Grande", helvetica, sans-serif; font-size: 10px; }
    font.klein { font-size: 70%; font-family: verdana, arial, "Lucida Grande", helvetica, sans-serif; }
    font.mittel { font-size: 90%; font-family: verdana, arial, "Lucida Grande", helvetica, sans-serif; }

    input.standard {width: 300; font-size: 10px;}
	textarea.standard {width: 300; font-size: 10px;}

    input.breit {width: 450; font-size: 10px;}
	textarea.breit {width: 450; font-size: 10px;}

	input.redaktion {width: 500; font-size: 10px;}
	textarea.redaktion {width: 500; font-size: 10px;}

   A { color: red; text-decoration: none; font-size: 10px; font-weight: bold;}
	A:visited { color: red; font-size: 10px; }
	A:hover { text-decoration: none; color: black; font-size: 10px; }

	A.menurechts { color: red ; text-decoration: none; font-size: 10px; font-weight: bold;}
	A.menurechts:visited { color: red; text-decoration: none; font-size: 10px; font-weight: bold; }
	A.menurechts:hover { text-decoration: none; color: black; font-size: 10px;font-weight: bold; }

   A.zahlen_hell { color: #284b03; text-decoration: none; font-size: 10px; font-weight: bold;}
	A.zahlen_hell:visited { color: #284b03; font-size: 10px; }
	A.zahlen_hell:hover { text-decoration: none; color: white; font-size: 10px; }

	A.menusxxs { color: white; text-decoration: none; font-size: 10px; font-weight: bold;}
	A.menusxxs:visited { color: white; text-decoration: none; font-size: 10px; font-weight: bold; }
	A.menusxxs:hover { text-decoration: none; color: black; font-size: 10px;font-weight: bold; }

	A.box2 { color: #970000; text-decoration: none; font-size: 10px; font-weight: normal;}
	A.box2:visited { color: #970000; text-decoration: none; font-size: 10px; font-weight: normal; }
	A.box2:hover { text-decoration: none; color: black; font-size: 10px;font-weight: normal; }

	A.box1 { color: #739a29; text-decoration: none; font-size: 10px; font-weight: normal;}
	A.box1:visited { color: #739a29; text-decoration: none; font-size: 10px; font-weight: normal; }
	A.box1:hover { text-decoration: none; color: black; font-size: 10px;font-weight: normal; }

	A.extra { color: red ; text-decoration: none; font-size: 10px; font-weight: normal;}
	A.extra:visited { color: red ; text-decoration: none; font-size: 10px; font-weight: normal; }
	A.extra:hover { text-decoration: none; color: black; font-size: 10px;font-weight: normal; }

	A.loginbox { color: #ff0000; text-decoration: none; font-size: 10px; font-weight: normal;}
	A.loginbox:visited { color: #ff0000; text-decoration: none; font-size: 10px; font-weight: normal; }
	A.loginbox:hover { text-decoration: none; color: black; font-size: 10px;font-weight: normal; }

	A.redaktionslink { color: red; text-decoration: nones; font-size: 10px; font-weight: bold;}
	A.redaktionslink:visited { color: red; text-decoration: none; font-size: 10px; font-weight: bold; }
	A.redaktionslink:hover { text-decoration: nones; color: #eae207; background: #ffa; font-size: 10px;font-weight: bold; }

	A.faq { color: red; text-decoration: none; font-size: 10px; font-weight: bold;}
	A.faq:visited { color: red; text-decoration: none; font-size: 10px; font-weight: bold; }
	A.faq:hover { text-decoration: red; color: #CC3333; background: #ffa; font-size: 10px;font-weight: bold; }

	A.sitemap { color: black; text-decoration: none;}
	A.sitemap:visited { color: black; text-decoration: none; }
	A.sitemap:hover { text-decoration: red; color: #CC3333; background: #ffa; }

	A.kompass { color: white ; text-decoration: none; font-size: 10pt; }
	A.kompass:visited { color: white ; text-decoration: none; font-size: 10pt; }
	A.kompass:hover { color: white ; text-decoration: none; font-size: 10pt; }

	A.kalender { color: black; text-decoration: none; font-size: 10px; font-weight: bold;}
	A.kalender:visited { color: black; text-decoration: none; font-size: 10px; font-weight: bold; }
	A.kalender:hover { text-decoration: none; color: #CC3333; background: #ffa; font-size: 10px;font-weight: bold; }

	A.artikelueberschrift { font-size: 12pt; font-family:  arial, verdana,helvetica, sans-serif; color: #FF0000; font-weight: bold;}	
	A.artikelueberschrift:visited { font-size: 12pt; font-family:  arial, verdana,helvetica, sans-serif; color:#FF0000; font-weight: bold;}	
	A.artikelueberschrift:hover { font-size: 12pt; font-family:  arial, verdana,helvetica, sans-serif; color: red; font-weight: bold;}	

	A.gesamtueberschrift { font-size: 14pt; font-family:  arial, verdana,helvetica, sans-serif; color: black; font-weight: bold;}	
	A.gesamtueberschrift:visited { font-size: 14pt; font-family:  arial, verdana,helvetica, sans-serif; color: black; font-weight: bold;}	
	A.gesamtueberschrift:hover { font-size: 14pt; font-family:  arial, verdana,helvetica, sans-serif; color: red; font-weight: bold;}	

	font.loginbox { font-size: 8pt; font-family:  arial, verdana,helvetica, sans-serif; color: white; font-weight: bold;} 
	font.artikelueberschrift { font-size: 12pt; font-family:  arial, verdana,helvetica, sans-serif; color: #FF0000; font-weight: bold;}
	font.gesamtueberschrift { font-size: 14pt; font-family:  arial, verdana,helvetica, sans-serif; color: black; font-weight: bold;}
	font.kompassleiste { font-size: 10pt; font-family:  arial, verdana,helvetica, sans-serif; color: white;}
	font.datum { font-size: 10pt; font-family:  arial, verdana,helvetica, sans-serif; color: #A8A8A8;}