@charset "utf-8";
/* CSS Document */


#content-slider {
      width: 6px;
      height: 200px;
      margin: 0px;
	  background:#999999;
      position:absolute;
	  top:21px;
	  left:411px;
    }

    .ui-slider-handle {
      width: 15px;
      height: 13px;
      position: absolute;
      left: -4px;
      background-image:url(../gfx/pfeile/scrollerblock.png);
      
    }

    #content-scroll {
      overflow: hidden; 
	  width:402px; 
	  height:218px;
	  overflow:hidden;
	  position:relative;
	  text-align:left;
	  font-size:11px;     
    }

    #content-holder {
      width: 382px;
      height: 218px;
    }    
	
	
* {
outline: none;
}
 
a, img, button {
  border:0 none;
  outline:none;
}
a {
  color:#FFFFFF;
  text-decoration:none;
}

.fltrt { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
    	float: right;
    }
.fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */
    	float: left;
    }
.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;
        font-size: 1px;
        line-height: 0px;
}
.show {
 visibility:visible;
}
.hide {
 visibility:hidden;
 display:none;
}
.greyline {
  line-height:0px;
  font-size:0px;  
}

.headline {
  font-size:16px;
  line-height:16px;
  color:#CCCCCC;
}

.dateline {
  font-size:11px;
  font-weight:bold;
  line-height:11px;
  color:#CCCCCC;
}



body  {
    	font: 100% Verdana, Arial, Helvetica, sans-serif;
		font-size: 11pt;
    	background:#3E3E40;
    	margin: 0; 
    	padding: 0;
    	text-align: center; 
    	color: #000000;
		background-image:url(../gfx/streifen.gif); 
		background-position:0px 48px;
		background-repeat:repeat-x;	
    }
	

.DarkStyle #wrapper {
     	width: 1024px;
		height: 655px;
		overflow:hidden;  
    	margin: 0px auto;		 
    	border: 0px;
    	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
} 	

	
.DarkStyle #container {
       z-index:1; 
    	width: 1024px;
		height: 608px;
		background-image:url(../gfx/bg/hintergrund0.jpg);
		background-repeat:no-repeat;
		overflow:hidden;  
    	margin: 0px auto;		 
    	border: 0px;
    	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
		position:relative;
} 	

.DarkStyle #stripesColor {
   z-index:10;
   position:absolute;   
   width:1024px;
   top:0px;
/*   
   left:50%;
   margin-left:-512px; */

}

.starDiv {
	position:absolute;
	left:0px;
	top:423px;
	width:156px;
	height:165px;
}	

.DarkStyle #molekuelContainer {
    z-index:20;
/*	position:absolute; */
    position:absolute;
	width:520px;	
	height: 144px;
	
/*	top:444px; */
	top:457px;
	
	left:504px;
/*	
	left:50%;
	margin-left:-8px; */
/*	background-color:#003300; */
}

.DarkStyle #archiveContainer {
  z-index:30;
/*  position:absolute;*/
  position:relative;
  width:862px;
  height:32px;
  top:455px;

  left:81px;	
/*  
  left:50%;
  margin-left:-350px;
*/  
}

.DarkStyle #archive {
	position:relative;
	top:0px;	
	height:46px;
	width:862px;
	background-image:url(../gfx/content-panel-unten_mitte.gif);
	
	
	left:81px;	
/*	left:50%;
	margin-left:-431px;
	*/
}

.archive_link {
  width:64px;
  height:28px;
  float:left;
  background-image:url(../gfx/archive/archivhintergrund_normal.gif);
  background-repeat:no-repeat;
/*  padding-left:3px; */
  padding-left:6px;
}

.archive_link:hover {
  background-image:url(../gfx/archive/archivhintergrund_hover.gif);
  background-repeat:no-repeat;
}

.archive_link.active {
  background-image:url(../gfx/archive/archivhintergrund_hover.gif);
  background-repeat:no-repeat;
}

.snap_in {
  width:55px;
  height:11px;
  background-image:url(../gfx/pfeile/rollopippus-archivupbig.gif); 
  background-repeat:no-repeat;  
}

.snap_out {
  width:55px;
  height:11px;
  background-image:url(../gfx/pfeile/rollopippus-archivdownbig.gif);
  background-repeat:no-repeat;
}

.snap_in_k {
  width:11px;
  height:55px;
  background-image:url(../gfx/kalender/gif/kalender-schliesse-pippus.gif);
  background-repeat:no-repeat;  
}

.snap_out_k {
  width:11px;
  height:55px;
  background-image:url(../gfx/kalender/gif/kalender-schliesse-pippus1.gif);
  background-repeat:no-repeat;
}

.SlidingPanelsContentGroup {min-height:0;}

.SlidingPanelsAnimating * {
	overflow: visible !important;
}

#timelinePanel.SlidingPanels {
	width: 774px;
	height: 32px;
	float: left;
	overflow:hidden;
}
#timelinePanel .SlidingPanelsContentGroup {
	float: left;
	width: 16000px;
}
#timelinePanel .SlidingPanelsContent {
	float: left;
	width: 774px;
	height: 32px;
}

.DarkStyle #artikelContainer {
  z-index:40;
  position:absolute;
  width:1024px;
  height:362px;
  top:93px;
 /*
  left:50%;
  margin-left:-512px;
  	*/		         
  background:url(../gfx/content-panel-oben.gif)  no-repeat top right;
}

.DarkStyle #artikelLeftside {
  position:absolute;
  width:312px;
  height:344px;
  top:16px;
  left:0px;
  overflow:hidden;  
}

.artikelLinkBalkenContainer {
 height:44px;
 width:300px;
}

.linksArtikelR {
   background-image:url(../gfx/menu_links_kurz.gif);
   background-repeat:no-repeat;
   width:41px;
   height:44px;
}
.linksArtikelMitte {
   background-image:url(../gfx/menu_links_slider.gif);
   background-repeat:repeat-x;
}

.linksArtikel {
   font-size:9px;
   height:44px;
   width:161px;
   background-image:url(../gfx/menu_links.gif);
}

.linksArtikel ul {
   line-height:0px;
   margin: 0;
   padding: 0;
}
.linksArtikel ul li {
   line-height:14px;
   padding-left:5px;
}

.linksArtikel a {
  text-decoration:none;
}

.DarkStyle #artikelRightside {
  position:absolute;
  width:698px;
  height:345px;
  top:16px;
  left:316px;
  overflow:hidden;
  /* background-color:#CC9900; */
}

.DarkStyle #artikelTextContainer {
  position:absolute;  
  width:450px;
  height:318px;
  top:0px;
  left:0px;
  background-image:url(../gfx/panel_grau_mittel.gif);
}

.DarkStyle #artikelTextHeadline {
  position:absolute;
  width:431px;
  height:70px;  
  top:8px;
  left:8px;
  /*background-image:url(../gfx/EU/artikelwelt-eu-kurz.gif);
  background-repeat:no-repeat; */
}

.DarkStyle #artikelLinkList {
  z-index:60;
  position:absolute;
  top:53px;
  
  width:304px;
  height:508px;  			         
  
/*  left:50%;
  margin-left:-512px; */
}

.artikelLinkListBg {
	position:absolute;
	top:40px;
	left:0px;
	background-image:url(../gfx/Listenauswahl/hintergrund.gif);
	background-repeat:no-repeat;
	width:304px;
	height:411px;
}

.artikelLinkListTop {
   position:absolute;
   top:16px;
   left:18px;
   background-image:url(../gfx/Listenauswahl/liste-hintergrund.png);
   background-position:top; 
   background-repeat:no-repeat;
   width:266px;
   height:69px;
}

.artikelLinkListBottom {
  position:absolute;
  top:365px;
  left:18px;
  height:32px;
  width:266px;
  background-image:url(../gfx/Listenauswahl/liste-hintergrund.png);
  background-position:bottom; 
  background-repeat:no-repeat;
}

.artikelLinkListTitle {
  padding-top:10px;
  padding-bottom:5px;
  padding-left:10px;
  color:#CCCCCC;
  font-size:16px;
}

.artikelLinkListLinksContainer {
  position:absolute;
  top:85px;
  left:0px;
  width:266px;
  height:270px;
  margin-left:18px;
  font-size:11px;  
  overflow:hidden; 
}

.artikelLinkList_up {
  position:absolute;
/*  top:25px; */
  top:58px;
  left:230px;
  width:41px;
  height:17px;
  background-image:url(../gfx/Listenauswahl/liste-abc-scrollpfeil.png);
  background-repeat:no-repeat;
}

.artikelLinkList_down {
  position:absolute;
  top:375px;
  left:230px;
  width:41px;
  height:17px;
  background-image:url(../gfx/Listenauswahl/liste-abc-scrollpfeil1.png);
  background-repeat:no-repeat;
}

.artikelLinkList_tab_l {
  background-image:url(../gfx/reiter/links.gif);
  background-repeat:no-repeat;
  background-position:right;
  width:3px;
  height:19px;
}

.artikelLinkList_tab_r {
  background-image:url(../gfx/reiter/rechts.gif);
  background-repeat:no-repeat;  
  width:3px;
  height:19px;
}

.artikelLinkList_tab_m {
  background-image:url(../gfx/reiter/mitte.gif);
  background-repeat:repeat-x;
  height:19px;
}

.artikelLinkList_li {
  width:267px;
  height:38px;  
  list-style:none;
  background-image:url(../gfx/Listenauswahl/liste_link_bg.PNG);
  background-repeat:no-repeat;
  background-position:0px 0px;    
}

.artikelLinkList_li_selected {
	background-image:url(../gfx/Listenauswahl/liste-abc-aktivezeile.png);
    background-repeat:no-repeat;
    background-position:0px 0px;    	
}

.artikelLinkList_li:hover {
  background-image:url(../gfx/Listenauswahl/liste-abc-aktivezeile.png);
  background-repeat:no-repeat;
  background-position:0px 0px;    	  
}
.artikelLinkList_li a {  
  text-decoration:none;  
}

.artikelLinkList_abz_li {
  width:267px;
  height:38px;  
  list-style:none;
  color:#CCCCCC;
}

.artikelLinkList_abz_li code{
  
}
.artikelLinkList_abz_li span {
  width:25px;
  height:25px;
  padding:6px;
}
.artikelLinkList_abz_li span:hover{
  background-image:url(../gfx/Listenauswahl/liste-abc-aktiverbuchstabe.png);
  background-repeat:no-repeat;
  background-position:center center;
}

.artikelLinkList_abz_li a {  
  text-decoration:none;
  text-align:center;
  margin:6px;
  width:30px;
  font-size:12px;
  font-weight:bold;
  text-align:center;
}

.DarkStyle #staticPage {
	z-index:70;
	position:absolute; 
/*	left:50%; */
	top:73px;
	width:1024px;
	height:460px;	
/*	margin-left:-512px; */
	background-image:url(../gfx/static/hintergrund.gif);
}

.staticPageUpClose {
  position:absolute;
  width:41px;
  height:11px;
  top:446px;
  left:491px;
  background-image:url(../gfx/pfeile/rollo-pippus.gif);
}


.DarkStyle #sprechblasen_bg {
  z-index:2999;
  position:absolute;	
  top:73px;
  width:1024px;
  height:516px;
  background-image:url(../gfx/sprechblasen/bg.png);
}
.DarkStyle #sprechblasen {
/*	z-index:80; */
    z-index:3000;
	position:absolute;	
	top:73px;
	width:1024px;
		   
/*	
	background-color:#000000; 
	filter:alpha(opacity=50, finishopacity=50, style=0);
	-moz-opacity: 0.6;
*7	
/*	height:519px;	*/

/*  left:50%;
	margin-left:-512px; */
	
/*	background-image:url(../gfx/impressum/png/impressum-tranparenteflaeche.png); */
}

.blaseBigTop {
  background:url(../gfx/impressum/gif/impressum-hintergrundhellgrau.gif);
  background-position:top;
  background-repeat:no-repeat;
  width:268px;
  height:40px;
  position:relative;
  top:10px;
  left:17px;
  font-size:16px;
  color:#CCCCCC;  
}

.blaseBigBottom {
  background:url(../gfx/impressum/gif/impressum-hintergrundhellgrau.gif);
  background-position:bottom;
  background-repeat:no-repeat;
  width:268px;
  height:30px;
  position:relative;
  top:10px;
  left:17px;
  margin-top:10px;  
}

.blaseBigContent {
  position:absolute;
  top:20px;
  left:17px;
  width:248px;
  height:350px;
/*  overflow:hidden; */
  font-size:10px;
  font-weight:bold;
  color:#CCCCCC;
  padding-left:10px;
}

.blaseUp {
  background-image:url(../gfx/pfeile/listenpfeilUp.gif);
  width:41px;
  height:17px;
  position:absolute;
  top:15px;
  left:220px;
}
.blaseDown {
  background-image:url(../gfx/pfeile/listenpfeilDown.gif);
  width:41px;
  height:17px;
  position:absolute;
  top:5px;
  left:220px;
}

.sprechBlaseBig {
  background-image:url(../gfx/impressum/gif/impressum-hintergrund.gif);
  width:302px;
  height:492px;
  position:relative;
  top:26px;
  float:none;
}

.sprechBlaseStern {
  background-image:url(../gfx/stern/sternblase.gif);
  width:340px;
  height:453px;
  position:relative;
  top:16px;
  float:none;
}

.sprechBlaseEuStern {
   background-image:url(../gfx/EU/stern-erklaerung-hintergrund.gif);
  width:302px;
  height:491px;
  position:relative;
  top:0px;
  float:none;
  margin-top:-40px;
}  

.b_stern {
  left:160px;
}
.b_impressum {
  left:20px;
}

.b_datenschutz {
  left:140px;
}

.b_links {
  left:260px;
}

.DarkStyle #kalender {
	z-index:85;
	position:absolute;
	top:1px;
	font-size: 8pt;
	color:#FFFFFF;
	background-image:url(../gfx/kalender/gif/kalender-schliesse2.gif);
	background-repeat:no-repeat;
/*	width:740px; */
    width:0px;
	height:587px;
	left:50%;
/*	margin-left:-228px; */
    margin-left:504px;
	overflow:hidden;
	
} 

#kalender .leftPanel {
   position:absolute;
   background-image:url(../gfx/kalender/gif/kalender-hintergrund.gif);
	background-repeat:no-repeat;   
   width:328px;
   height:408px;
   top:93px;
   left:40px;
}

#kalender .panelContentHellgrau {
   position:absolute;
   background-image:url(../gfx/kalender/gif/kalender-hintergrundhellgrau.gif);
	background-repeat:no-repeat;   
   width:300px;
   height:382px;
/*   top:13px;
   left:14px; */
}

#kalender .top {
   position:relative;
   width:300px;
   height:58px;
   top:0px;
   left:0px;
}

#kalender .bottom {
   position:relative;
   width:300px;
   height:40px;
   top:0px;
   left:0px;   
}


#kalender .content {
   position: absolute;
   top: 0;
   left: 0;
   margin: 0;
   padding: 0px;      
}

#kalender .up {
  background-image:url(../gfx/pfeile/listenpfeilUp.gif);
  width:41px;
  height:17px;
  position:absolute;
  top:30px;
  left:240px;
}

#kalender .down {
  background-image:url(../gfx/pfeile/listenpfeilDown.gif);
  width:41px;
  height:17px;
  position:absolute;
  top:10px;
  left:240px;
}

#kalender li {
padding-bottom:1px;  
}

#kalender .list {
  background-image:url(../gfx/kalender/gif/kalender-streifen-voll.gif);
/*  background-repeat:no-repeat; */
  background-repeat:repeat-y;
  width:300px;
/*  height:38px; */
  min-height:38px;  
  list-style:none;
  margin-bottom:2px;  
}


#kalender .termin {
  padding-left:10px;
  padding-top:5px;
  padding-bottom:5px;
  font-size:12px;
  line-height:12px;
  color:#999999;    
  width:180px;
/*  height:28px; */
}

#kalender .termin2 {
  padding-left:10px;
  padding-top:5px;
  padding-bottom:5px;  
  font-size:12px;
  line-height:12px;
  color:#999999;    
  width:275px;
/*  height:28px; */
}


#kalender .uhrzeit {
  font-family:Arial, Helvetica, sans-serif;
  padding-left:5px;
  padding-top:3px;
  font-size:32px;
  line-height:32px;
  color:#999999;    
  width:95px;
  height:34px; 
}

#kalender .tage {
   position:absolute;
   background-image:url(../gfx/kalender/gif/kalender-zahlenstreifen.gif);
   background-position:center;
   background-repeat:no-repeat;
   width:675px;
   height:39px;
   top:510px;
   left:40px;
}

.tage_li {
   width:675px;
   height:39px;
}

.tage_li div {
	float:left;
	width:25px;
	height:35px;
	overflow:visible;
	margin-left:-2px;
	margin-right:-2px;
	text-align:center;
}

.tage_li div a {
 text-decoration:none;
 width:25px;
 height:35px;
 margin-left:-2px;
 margin-right:-2px;
}

.tage_li span { 
  color:#CCCCCC;
  font-size:10px;
  line-height:35px;
  margin-top:7px;
  text-align:center;
  overflow:visible;  
}
.tage_li div:hover {
   background-image:url(../gfx/kalender/gif/kalender-zahlenrahmen.gif);
   background-repeat:no-repeat;
   background-position:center center;
}   

.tage_span_selected {
   background-image:url(../gfx/kalender/gif/kalender-zahlenrahmen.gif);
   background-repeat:no-repeat;
   background-position:center center;
}

.k_pipus {
  background-image:url(../gfx/kalender/gif/kalender-kugelpippus.gif);
  background-position:center 0px;
  background-repeat:no-repeat;
}   

#kalender .monat {
   position:absolute;
   background-image:url(../gfx/kalender/gif/kalender-monatsname.gif);
   background-position:center;
   background-repeat:no-repeat;
   width:149px;
   height:24px;
   top:555px;
   left:60px;
   text-align:center;
   line-height:24px;
   font-size:10px;
   color:#CCCCCC;   
}

#kalender .monatUp {
   position:absolute;
   background-image:url(../gfx/pfeile/kalenderpfeil-rechts.gif);
   background-repeat:no-repeat;
   width:14px;
   height:34px;
   top:550px;
   left:214px;
}
#kalender .monatDown {
   position:absolute;
   background-image:url(../gfx/pfeile/kalenderpfeil-links.gif);
   background-repeat:no-repeat;
   width:14px;
   height:34px;
   top:550px;
   left:40px;
}

#kalender .Close {
   position:absolute;
   color:#FFFFFF;
   font-size:10px;
   font-weight:bold;   
   width:200px;
   height:34px;
   top:560px;
   left:513px;
   text-align:right;
}

#kalender .tar {
  position:absolute;
  top:170px;
  left:10px;
  width:319px;
  height:294px; 
  background-image:url(../gfx/kalender/gif/kalender-neuertermin-hintergrund.gif); 
  	background-repeat:no-repeat;
}

#kalender .tarTop {
  position:relative;
  width:267px;
  background-image:url(../gfx/kalender/gif/kalender-neuertermin-hintergrundhellgrau.gif);
  background-repeat:no-repeat;
  margin-left:20px;
  margin-top:10px;
  padding-top:5px;
  padding-bottom:5px;
  padding-left:10px;
}

#kalender .tarBottom {
  position:relative;
  width:267px;
  background-image:url(../gfx/kalender/gif/kalender-neuertermin-hintergrundhellgrau.gif);
  background-repeat:no-repeat;
  background-position:bottom;
  margin-left:20px;
  margin-top:0px;
  padding-top:5px;
  padding-bottom:5px;
  padding-left:10px;
}

#kalender .rightPanel {
   position:absolute;
   background-image:url(../gfx/kalender/gif/kalender-hintergrund.gif);
   	background-repeat:no-repeat;
   width:328px;
   height:408px;
   top:93px;
   left:388px;
}



.DarkStyle #menu {
	z-index:90;
	position:absolute;
	width:1024px;
	height:25px;
	
	top:48px;	
	font-size: 8pt;	
	font-weight:bold;

/*	
	margin-left:-512px;			           	
	left:50%; */
} 

.DarkStyle #menu ul {
  list-style:none;
  margin:0px;
  padding:0px;
} 

.DarkStyle #menu ul li {
   padding:3px;
   padding-left:5px;
   margin-right:9px;
   height:16px;
   color:#FFFFFF;
   font-size:10px;
   line-height:16px;
}

.DarkStyle #menu ul li a {   
   padding-left:5px;
   display: block;
   cursor: pointer;
   text-decoration: none;   
} 

.DarkStyle #menu ul li a:hover {
  background:#666666;
} 

.menu_entry {
 position:absolute;
 top:0px;
 left:0px;
 display:none;
}



.DarkStyle #footer {
	z-index:100;
	position:absolute; 
	width:1024px;
	height:20px;
/*	left:50%; */
	top:588px; 
/*	margin-left:-512px; */
	font-size: 10px;
	font-weight:bold;
	line-height:20px;
	color:#FFFFFF;			
} 
#footer .menu {
   position:absolute;
   top:0px;
   left:0px;
   height:20px;
   width:700px;
}
#footer .menu span {
 margin-left:10px;
 margin-right:20px;
}

#footer .menu a {
 text-decoration:none;
}

.eu {
  position:relative;
  top:0px;
  left:0px;
  background-image:url(../gfx/EU/eu-banner-lang.gif);
  width:1024px;
  height:48px;
}