/* 
COLORS 
CSS 3 - NEON

BG: #55FF00 
BG alternate: #4be100 
linien: #9bff69 
Gruener Text, Randlinien: #66CC33
Glossar Mausover und texttitel: #9bff69

*/ 


/* GLOBAL DEFINITIONS */ 		
 body { background: url(../elements/bg_cmdl.gif) right repeat-y; background-color:#55FF00; font-family:"Times New Roman", Times, serif; font-size:15px; line-height:20px; margin:0; padding:0; }
 #head ul, #content ul, h2 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:bold; }
 
 h1 {}
 h2 { font-size:40px; line-height:40px; padding:0; margin:0; color:#000; }
 h3 { font-size:13px; line-height:18px; margin:0; padding:2px 0 0 0; color:#FFF; font-style:italic; font-weight:normal; }
 h4 { font-size:12px; line-height:20px; margin:0; padding:0; color:#66CC33; font-weight:normal; }
 p { color:#000; padding:0; margin:0; }
 
 a { color:#000; }
 a.print { background-image:url(elements/print.gif); background-repeat:no-repeat; background-position:left center; padding:0 0 0 14px; }
 a img { border:none; }
 h4 a { text-decoration:none; }
 h4 a:hover { text-decoration:underline; }
 
 
 /* SITE LAYOUT */ 
 #head { position:fixed; top:0; left:0; right:0; height:200px; background-color:#FFF; z-index:10; }
 #content { position:absolute; top:200px; left:0; right:0; height:auto; padding:20px 0 40px 0; }
 #foot { position:fixed; bottom:0; left:0; right:0; height:20px; background-color:#FFF; z-index:9; }
 #subscribe { position:absolute; top:220px; left:20px; width:220px; height:auto; z-index:3; }
 
 
 /* STYLES KOPF */ 
 #head img.logo { position:absolute; top:20px; left:20px; width:218px; height:80px; }
 #head ul { position:absolute; top:79px; left:260px; height:28px; list-style-type:none; padding:0; margin:0; font-size:14px; 
 	line-height:14px; z-index:11; background-color:#FFF; background-image:url(elements/bg_nav.gif); background-repeat:repeat-x; }
 #head li { position:relative; float:left; padding:0; margin:0 0 0 1px; }
 #head li a { position:relative; display:block; height:14px; padding:7px 9px 6px 9px; margin:0; background-color:#FFF; color:#000; 
 	text-decoration:none; border-bottom:1px solid #66CC33; }
 #head li.selected { margin:0 -1px 0 0; padding: 0 1px 0 1px; background-color:#66CC33; }
 #head li.selected a { background-color:#55FF00; color:#FFF; padding:6px 9px 7px 9px; border-top:1px solid #66CC33; border-bottom:none; }
 #head ul.sister { right: 0; left: auto; background: none; font-family:"Times New Roman", Times, serif; font-size:15px; font-weight: normal; }
 #head ul.sister li a { width: 72px; text-align: center; }
 
 #title { position:absolute; top:106px; left:0; height:92px; right:0; background: url(../elements/bg_cmdl.gif) right repeat-y; background-color:#55FF00; border-top:1px solid #66CC33; }
 #title h2 { margin:20px 20px 0 20px; }
 #title h3 { margin-left:20px; }
 
 
 /* STYLES INHALTSBEREICH */ 
 .text, .highlight { position:relative; left:0; margin:0 0 0 260px; right:0; margin-bottom:20px;  
 	background-image:url(elements/bg_line_3.gif); background-repeat:repeat; }
 .highlight { background-image:url(elements/bg_line_3.gif); background-color:#4be100; }
 .diskussion, .diskussion_aktiv { position:relative; clear:both; margin-left:260px; right:0; margin-bottom:1px; height:auto; background-color:#EFD; }
 .diskussion_aktiv { background-color:#FFF; }
 .diskussion h4, .highlight h4 , .diskussion_aktiv h4 { margin-left:4px; }
 .diskussion h4 span, .highlight h4 span, .diskussion_aktiv h4 span { color:#000; }
 .highlight h4 { color:#9bff69;}
 .highlight a {background-color:#FFF; padding:3px;}
 
 .form { position:relative; left:0; margin:0 0 0 260px; right:0; margin-bottom:20px; }
 
 .text p, .highlight p, .diskussion p, .diskussion_aktiv p { width:550px; padding:1px 0 0 4px; margin:0 0 -1px 0; }
 .text h3, .highlight h3 { width:550px; margin-left:4px; }
 #subscribe .diskussion_aktiv { left:0; width:220px; margin-left: 0;}
 #subscribe .diskussion_aktiv p, #subscribe .diskussion_aktiv h4 { width:214px; }
 
 .list { position:relative; left:0; margin:0 0 0 20px; right:0; }
 .list table { width:100%; }
 .list td { vertical-align:top; border-bottom:1px solid #9bff69; line-height:19px; padding:0 0 0 4px; }
 .list td.th1 { width:236px; font-size:13px; color:#FFF; font-style:italic; }
 .list td.th2 { width:496px; font-size:13px; color:#FFF; font-style:italic; }
 .list td a { display:inline; background-color:#FFF; padding:0 3px; margin:0 2px 4px 0; font-size:12px; line-height:15px; text-decoration:none; }
 .list td a:hover { text-decoration:underline; }
 
 #subscribe input { margin:0 0 5px 0; }
 
 #title.subnav { height:93px; }
 #content.subnav { padding:0 0 40px 0; }
 #content.subnav ul { position:relative; top:0; left:0; right:0; height:20px; list-style-type:none; padding:0 0 0 260px; margin:0 0 20px 0; 
 	font-size:14px; line-height:14px; background-image:url(elements/bg_subnav.gif); background-repeat:repeat-x; }
 #content.subnav li { position:relative; float:left; padding:0; margin:0 20px 0 0; }
 #content.subnav li a { display:block; height:14px; padding:3px 9px; margin:0; background-color:#FFF; }
 #content.subnav li.selected a { background-color:#55FF00; color:#FFF; padding:2px 8px 3px 8px; border:1px solid #FFF; border-bottom:none; }
 
 #content.dropdown { padding:0 0 40px 0; background: url(elements/bg_subnav.gif) repeat-x; }
 #content.dropdown ul { position:relative; height:20px; width: 300px ; list-style-type:none; padding:0 0 0 260px; margin:0 0 20px 0; font-size: 10px; line-height: 14px; z-index:5;  }
 #content.dropdown li { position:relative; padding:0; margin:0 20px 0 0; }
 #content.dropdown li a { display:none; width: 282px; padding:3px 9px; margin:0; background-color:#FFF; color: #000; text-decoration: none; text-transform: uppercase; font-weight: bold; }
 #content.dropdown li a:hover { text-decoration: underline; }
 #content.dropdown ul:hover li a { display: block; }
 #content.dropdown li.selected a { display: block; background-color:#55FF00; color:#FFF; padding:2px 8px 3px 8px; border:1px solid #FFF; border-bottom:none; }
 .dd_arrow { display: block; position: absolute; width: 20px; height: 20px; top:0; left: 535px; background:url(elements/dd_arrow.png) no-repeat center; }
  
 #content.glossar { padding:0 0 40px 20px; top:227px; height:auto; background-color:#FFF; }
 #title.glossar h3 { margin:0; padding:2px 0 0 20px; border-bottom:1px solid #9bff69; }
 .suche { position:relative; border-bottom:1px solid #55FF00; margin:0; padding:8px 0 8px 20px; height:23px; background-color:#4be100; }
 .suche form { margin:0; padding:0; }
 .suche span { margin:0; padding:0; font-size:12px; }
 .texttitle { position:absolute; top:8px; left:342px; width:600px; }
 #texttitle { position:absolute; top:0; right:0; background-color:#4be100; }
 .timeline { position:relative; border-bottom:1px solid #9bff69; margin:10px 0 0 0; padding:25px 0 0 0; height:115px; 
 	background-image:url(elements/timeline.gif); background-repeat:no-repeat; background-position:top left; }
 .timeline ul { position:relative; list-style-type:none; margin:0; padding:0; }
 .timeline li { position:relative; float:left; height:50px; width:19px; margin:0 1px 0 0; }
 .timeline li a { position:relative; display:block; width:19px; height:19px; margin:0 0 1px 0; background-color:#DCDCDC; text-decoration:none; }
 .timeline li a.selected_sss { background-color:#55FF00; background-image:url(elements/tl_sss.gif); background-repeat:no-repeat; background-position:center; }
 .timeline li a.selected_ss { background-color:#55FF00; background-image:url(elements/tl_ss.gif); background-repeat:no-repeat; background-position:center; }
 .timeline li a.selected_s { background-color:#55FF00; background-image:url(elements/tl_s.gif); background-repeat:no-repeat; background-position:center; }
 .timeline li a:hover { background-color:#9bff69; width:17px; height:17px; border:1px solid #55FF00; }
 .eintraege { position:relative; margin:20px 0 0 0; padding:10px 0 0 0; 
 	background-image:url(elements/timeline_small.gif); background-repeat:no-repeat; }
 .eintraege p { width:721px; border-top:1px solid #55FF00; background-color:#9bff69; color:#000; padding:0 0 0 240px; line-height:19px; }
 .eintraege p span.weiss { color:#FFF; font-style:italic; font-size:13px; }
 .eintraege div.year { position:absolute; top:0; width:10px; height:10px; z-index:5; background-color:#55FF00; }
 .eintraege table { position:relative; }
 .eintraege table td { border-top:1px solid #9bff69; font-size:12px; }
 
 
 /* STYLES FUSS */ 
 #spw { position:fixed; bottom:21px; left:0; padding:50px 20px 4px 20px; z-index:15; font-size:13px; color:#FFF; font-style:italic; }
 #foot { border-top: 1px solid #66CC33;}
 #foot h4 { position:relative; float:left; margin:4px 0 4px 20px; line-height:12px; }
 #foot h4.colors { width:220px; }
 #foot h4.colors img { width:12px; height:12px; }
 
