/*
Theme name: GRÜNE JUGEND Berlin, based on Wordpress - kubrick
Author: Alexander Fecke
Author URI: http://alexander-fecke.de/
*/

/* GrundsŠtzliche Angaben fŸr den Body und GerŸst.*/

html, body
{
	height: 100%;
	margin: 0;
	padding: 0;
	font-family:Arial;
	font-size:12pt;
	}
	
body {
    background-image:url(/../images/bg/back.png); 
    background-repeat:no-repeat;
    background-position:center top;
    background-color:#000600;
    }

#ges {
    width: 700px; 
    margin:auto;
    height:100%;
    }

#inhalt {
    width:700px;
    margin-top:192px;
    background:#000;
    margin-bottom:-192px;
    float:left;
    }


div#rahmen {
    width: 700px;
    padding: 0em;
    background-image:url(/../images/bg/bgnav.jpg);
    background-repeat:repeat-x;
    height:2em;
    }
    
* html div#rahmen {  /* Korrektur fuer IE 5.x */
    width: 700px;
    w\idth: 47.1em;
    }

div#rahmen div {
    clear: left;
    }
    
#rahmen li {
    list-style:none;
    font-size:12pt;
    margin-top:0.2em;
    }

#rahmen li a {
    text-decoration:none;
    }

/* HauptmenŸ */

#nav {
    background-image:url(/../images/bg/bgnav.jpg);
    background-repeat:repeat-x;
    width:700px;
    height:2em;
    margin-top:191px;
    }

ul#main-navi {
    width:692px;
    height:27px;
    float:left;
    margin:0px;
    padding:0px;
    }

ul#main-navi li {
    float:left;
    margin:0 0px 0 0;
    }

ul#main-navi li a.home , ul#main-navi li a.termine , 
ul#main-navi li a.neu , ul#main-navi li a.portrat , ul#main-navi li a.themen , ul#main-navi li a.berichte, ul#main-navi li a.presse, ul#main-navi li a.fotos, ul#main-navi li a.spot {
    display:block;
    height:27px;
    text-indent:-9999px;
/* verschiebt den nach links das er nicht sichtbar aber dennoch da ist */
    }

ul#main-navi li a.home {
    background:url(/../images/nav/nav.jpg) 0px 0 no-repeat;
/* erster Wert ist von Links und der zweite Wert von oben gerechnet */
    width:55px;
    }

ul#main-navi li a.home:hover {
    background-position: 0px -27px;
    }

ul#main-navi li a.termine {
    background:url(/../images/nav/nav.jpg) -55px 0 no-repeat;
    width:62px;
    }

ul#main-navi li a.termine:hover {
    background-position:-55px -27px;
    }

ul#main-navi li a.neu {
    background:url(/../images/nav/nav.jpg) -117px 0 no-repeat;
    width:70px;
    }

ul#main-navi li a.neu:hover {
    background-position:-117px -27px;
    }

ul#main-navi li a.portrat {
    background:url(/../images/nav/nav.jpg) -187px 0 no-repeat;
    width:59px;
    }

ul#main-navi li a.portrat:hover {
    background-position:-187px -27px;
    }

ul#main-navi li a.themen {
    background:url(/../images/nav/nav.jpg) -246px 0 no-repeat;
    width:60px;
    }

ul#main-navi li a.themen:hover {
    background-position:-246px -27px;
    }

ul#main-navi li a.berichte {
    background:url(/../images/nav/nav.jpg) -306px 0 no-repeat;
    width:61px;
    }

ul#main-navi li a.berichte:hover {
    background-position:-306px -27px;
    }

ul#main-navi li a.presse {
    background:url(/../images/nav/nav.jpg) -367px 0 no-repeat;
    width:45px;
    }

ul#main-navi li a.presse:hover {
    background-position:-367px -27px;
    }

ul#main-navi li a.fotos {
    background:url(/../images/nav/nav.jpg) -412px 0 no-repeat;
    width:45px;
    }

ul#main-navi li a.fotos:hover {
    background-position:-412px -27px;
    }

ul#main-navi li a.spot {
    background:url(/../images/nav/nav.jpg) -457px 0 no-repeat;
    width:235px;
    }

ul#main-navi li a.spot:hover {
    background-position:-457px -27px;
    }

/* UntermenŸ */

ul#main-navi li > ul {
	top: auto;
	left: auto;
	}

ul#main-navi li:hover ul, ul#main-navi li.over ul { 
    display: block; 
    }

ul#main-navi li ul {
	display: none;
	position: absolute; 
	text-align:left;
	padding:0px 0px;
	z-index:2;
	margin-left:1px;
	border-top:solid 1px #000;
    }

ul#main-navi li ul li {
	text-align:left;
	margin-top:1px;
    float:none;
    background-image:url(/../images/bg/subnav.png);
    background-position:bottom;
    padding-left:10px;
    padding-right:10px;
    }

ul#portrat2 li ul {
    margin-left:8.4em;
    border:none;
    margin-top:-19px;
    }

ul#main-navi li ul li a{
	text-align:left;
    font-size:11pt;
    }

ul#main-navi a {
color:#fafafa;
}

ul#main-navi li ul li:hover {
    background-position:top;
    }

/* Spot */

#gjbspot {
	color:#fff;
	background:#000;
	float:right;
	margin:auto;
	height:191px;
	width:221px;
	position:absolute;
	margin-left:478px;
	margin-top:0px;
    }


/* Content */

/* Content Startseite */
/* KŠsten */

#aktion, #presse, #umfrage {
    background-color:#F7F7F7;
    height:100%;
    min-height:330px;
    margin-top:7px;
    float:left;
    background-image:url(/../images/bg/bgub.jpg);
    background-repeat:repeat-x;
    }

#aktuelles, #bilder {
    background-color:#F7F7F7;
    height:100%;
    margin-top:7px;
    width:700px;
    float:left;
    background-image:url(/../images/bg/bgub4.jpg);
    background-repeat:repeat-x;
    }


#aktiventreffen {
    background-color:#F7F7F7;
    height:150px;
    margin-top:7px;
    width:700px;
    float:left;
    background-image:url(/../images/bg/thema.jpg);
    background-repeat:repeat-x;
    }

#aktuelles ul li, #gjtermine ul li{
    padding-left:30px;
    font-size:10pt;
    }

#aktuelles ul, #gjtermine ul {
    padding-left:10px;
    padding-right:10px;
    }

#aktion {
    width:210px;
    }

#presse {
    width:260px;
    margin-left:10px;
    }

#umfrage {
    width:210px;
    margin-left:10px;
    }
    

#termine ul li {
    list-style:none;
    margin-left:10px;
    margin-bottom:2px;
    padding-left:3px;
    background-image:url(/../images/bg/terminlist.png);
    background-repeat:no-repeat;
    }
    
#aktuelles ul li, #gjtermine ul li {
    list-style:none;
    margin-left:10px;
    margin-bottom:2px;
    background-image:url(/../images/bg/terminlist.png);
    background-repeat:no-repeat;
    }

#aktiventreffen ul li {
    list-style:none;
    margin-left:0px;
    margin-top:2px;
    padding-left:0px;
    background-image:url(/../images/bg/terminlist.png);
    background-repeat:no-repeat;
    }

#aktiventreffen ul {
    padding:0px 2px;
    margin:1px;
    }

#aktuelles ul li span,  #gjtermine ul li span{
    margin-left:7px;
    }

#terminlist ul li {
    list-style:none;
    margin-left:10px;
    margin-bottom:5px;
    }

#termine ul li a, #terminlist ul li a, #aktuelles ul li a, #gjtermine ul li a {
    color:#26A011;
    text-decoration:none;
    }

#termine b, #terminlist b {
    float:left;
    }
    
/* Kommentare */
    
#commentas {
    background-image:url(/../images/bg/fotobg.png);
    background-repeat:repeat-x;
    }
    
#avatar img {
    width:27px;
    height:27px;
    }
    
.commentlist {
    background-image:url(/../images/bg/sidebarh2.png);
    background-repeat:no-repeat;
    padding-bottom:1px;
    border:0px;
    margin-top:4px;
    }

.commentlist h3 {
    padding-top:8px;
    }
    
/* Terminliste unter Navigation */

#termine {
    background-color:#fff;
    padding:5px;
    font-size:10pt;
    height:100%;
    float:left;
    width:690px;
    background-image:url(/../images/bg/bgub3.jpg);
    background-position:bottom;
    background-repeat:repeat-x;
    }

#termine ul {
	float:left;
	padding:0px;
	margin:0px;
	width:630px;
    }

#terminlist ul {
	margin:0px;
	padding:0px;
    }
  
/* innere Formatierung */

.poll {
    font-weight:normal;
    color:#26A011;
	font-size:11pt;
	text-decoration:none;
    padding:0px;
    margin-top:5px;
    }

.dem-results {
    font-size:10pt;
    }

.artikel {
	padding:4px;
	font-size:10pt;
	padding-top:6px;
    }

.artikel2 {
    padding:0px;
    margin:0px;
    }

.artikel a, .artikel b {
	font-size:11pt;
	text-decoration:none;
	color:#26A011;
    }

.artikel p {
	height:6px;
    }

/* †berschriften ersetzen */

.replace{
    position:relative;
    margin:0px; padding:0px;
    /* hide overflow:hidden from IE5/Mac */
    /* \*/
    overflow: hidden;
    /* */
    }
    
.replace span{
      display:block;
      position:absolute;
      top:0px;
      left:0px;
      z-index:1; /*for Opera 5 and 6*/
    }

#myh1, #myh1 span{
    height:25px;
    width:100px;
    background-image: url(/../images/heads/aktion.jpg);
    background-repeat:no-repeat;
    }

#myh2, #myh2 span{
    height:25px;
    width:49px;
    background-image: url(/../images/heads/presse.jpg);
    background-repeat:no-repeat;
    }

#myh3, #myh3 span{
    height:25px;
    width:66px;
    background-image: url(/../images/heads/umfrage.jpg);
    background-repeat:no-repeat;
    }

#myh4, #myh4 span{
    height:25px;
    width:275px;
    background-image: url(/../images/heads/aktuelles.jpg);
    background-repeat:no-repeat;
    }

#myh5, #myh5 span{
    height:25px;
    width:119px;
    background-image: url(/../images/heads/bilder.jpg);
    background-repeat:no-repeat;
    }

#myh6, #myh6 span{
    height:25px;
    width:126px;
    background-image: url(/../images/heads/aktiventreffen.png);
    background-repeat:no-repeat;
    }


/* Bilder */

#bilder img, #aktion img, #aktion a img {
    width:70px;
    height:46px;
    border:none;
    }


/* Artikel */

#content1 {
    float:right;
    text-align:justify;
    background-color:#fff;
    padding:10px;
    padding-top:0px;
    width:470px;
    margin-top:5px;
    background-image:url(/../images/bg/bgub2.jpg);
    background-repeat:repeat-x;
    font-size:11pt;
    }

#content1 a {
    color:#26A011;
    text-decoration:none;
    }

#content1 a:hover {
    text-decoration:underline;
    }

#content {
    height:100%;
    float:left;
    }

.alignright {
	float: right;
	margin-bottom:6px;
    }

.alignleft {
	float: left;
	margin-bottom:6px;
    }

#excerpt {
	font-weight:bold;
	font-size:11pt;
    }

.post h2, .post h2 a, #content1 h2, #content1 h2 a {
    font-size:14pt;
    color:#26A011;
    text-decoration:none;
    }

.post {
    margin-top:29px;
    }

.navigation a {
    font-size:11pt;
    text-decoration:none;
    color:#afafaf;
    }

.navigation {
    margin-top:4px;
    }

/* ArtikelŸbersicht etc. */

ul#more {
    width:100%;
    padding:0;
    margin:0;
    font-size:10pt;
    }

#anchor {
    float:right; 
    background-image:url(/../images/bg/down.png);
    background-repeat:no-repeat;
    background-position:right;
    padding:10px;
    padding-right:30px;
    }

#anchor a {
    color:#26A011;
    text-decoration:none;
    }
    
ul#more li {
    list-style:none;
    background-color:#BCDCAA;
    margin-bottom:2px;
    background-image:url(/../images/bg/morebg.png);background-repeat:no-repeat;
    padding-left:60px;
    padding-top:1px;
    min-height:19px;
    padding-right:10px;
    }
    
ul#more li a {
    text-decoration:none;
    }

ul#more li small {
    float:right;
    }

/* Sidebar */

#sidebar {
    float:left;
    width:203px;
    margin-top:1px;
    height:100%;
    background:#BCDCAA;
    padding:0px;
    }

#sidebar ul {
    padding:0px;
    margin-top:-14px;
    }

#sidebar img, #sidebar p, #sidebar a{
    padding-left:10px;
    }
    
#sidebar img {
    border:0;
    }

#sidebar li {
    list-style:none;
    }

ul#links li a{
    font-size:10pt;
    }
    
#sidebar ul li a {
    color:#005300;
    text-decoration:none;
    }

#sidebar ul li {
    margin-bottom:3px;
    }

#sidebar h2 {
    font-size:13pt;
    background-image:url(/../images/bg/sidebarh2.png);
    background-repeat:no-repeat;
    height:23px;
    padding-left:30px;
    padding-top:7px;
    color:#26A011;
    border-top: 4px solid #000;
    }

#sidebar img {
    width:180px;
    margin-left:-10px;
    }

/* Footer */

#footer {
    height:2em;
    background-image:url(/../images/bg/bgnav.jpg);
    background-repeat:repeat-x;
    width:100%;
    height:2em;
    float:left;
    margin-top:10px;
    }
    
#footer ul {
    padding:0px;
    margin:0px;
    }
    
.rss {
    background-image:url(/../images/bg/rss.png);
    width:25px;
    height:27px;
    background-repeat:repeat-y
}
    
/* Formularfelder, Suchformular */

#searchform{
    margin-top:3px;
    float:right;
    margin-left:345px;
    width:150px;
    }

#s {
    border:1px solid #126611;
    height:18px;
    margin-top:0px;
    float:left;
    width:90px;
    }

#searchsubmit {
    border:1px solid #126611;
    background:#BCDCAA;
    height:22px;
    float:right;
    width:50px;
    }
    
#comment, #submit, #author, #email, #url {
    border:1px solid #126611;
    }

#submit {
    background:#BCDCAA;
    }
    
/* Meta-Navi im Footer */

ul#meta-navi li:hover ul, ul#meta-navi li.over ul {
    display: block; 
    }

ul#meta-navi {
    width:700px;
    height:27px;
    float:left;
    margin:0px;
    padding:0px;
    }

ul#meta-navi li {
    float:left;
    margin:0 0px 0 0;
    }

ul#meta-navi li a.kontakt , ul#meta-navi li a.impressum {
    display:block;
    height:27px;
    text-indent:-9999px;
/* verschiebt den nach links das er nicht sichtbar aber dennoch da ist */
    }

ul#meta-navi li a.kontakt {
    background:url(/../images/nav/meta.jpg) 0px 0 no-repeat;
/* erster Wert ist von Links und der zweite Wert von oben gerechnet */
    width:77px;
    }

ul#meta-navi li a.kontakt:hover {
    background-position: 0px -27px;
    }

ul#meta-navi li a.impressum {
    background:url(/../images/nav/meta.jpg) -77px 0 no-repeat;
    width:85px;
    }

ul#meta-navi li a.impressum:hover {
    background-position:-77px -27px;
    }

#meta-navi {
    padding:0px;
    margin:0px;
    }

ul#meta-navi li {
    list-style:none;
    }