/*	
                                <<  ---        F A D E    T O    G R E Y         ---  >>
								

      A WordPress 1.1.2 CSS-Template
          by Martin Wehrle 
            for lahr.net/beta/
			
			last style-update: (MW) Samstag 28/05/2005/11:53:44
			
			

                                                         mSMMVö;
                                                       ;3:    :3\         :
                                                       M3_ 3  _3M      :: ::
                                              .,;:     M3/PM2M\MM    .:33 38
                                             33:::3:   M3'2M:M'MM   33333MMM
                                            .33M3:333  M33 ;:,  M 333M333MMM
                                            ;33M3:MMM3 Mq: "MM :M:MMMM138MMM
                                            'M3MF23'MMM831:M3M3MMMMM7 ;MMM3M
                                             MM3331  ':MM33211:3MMM7',MMMM3M
                                             MM8332    'MM3:_:33F7'  7MMM33M
                                             PM83j3;    ?MRMMMMM"   .PMMM33F
                                             "MMMMM3a,. ;FMMMMMFa.,.iMMM233'
                                             'GMMMF3: :::;13 : ::3;  TMMMFF
                                              PMMM:::     "33331;:'   "MM1
                                              "MMF:::     .:33;::'     ;M"
                                               "M3:       ;.§          M"
                                                 M;.(#)    :  :   (#).:M
                                                 \3 "'   7.  :§   '": M"
                                                  MMMM3:33    :3MM3::33
                                                  3MMMM3P'  :. 'F3M33M'
                                                  "3MM3P"   ':  'PMMMF
                                                   1MP:::  .::.   "MMF
                                                    F:33::.::::. :."F
                                                   ,31:3::::::::. ::1;
                                                   aM3M3\:::::733332:3
__________________________________________________;PM3337;:::::2332:23\____ MW ;-)) 
			
*/






/* Based upon: Bloggia 3-Column CSS by Alex King (http://www.bloggia.com/styles/bloggia_themer/) */
 



		/* ------------------------- STANDARD-HTML-BEFEHLE NEU DEFINIEREN ---------------------------*/

body {
	background: url(wp-images/bg.jpg) #ccc fixed center top;
	margin: 0;
	padding: 0;
	text-align: center;
}
 h4, p, li, a, span, th, td, input, select, textarea {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

h1, h2, {
	font-family:  "Times New Roman", Georgia, Times, serif;
	font-size: 22px;
	font-weight: normal;
}
p, li, td, caption, input, select, textarea {
	font-size: 11px;
	font-weight: normal;
}


a img:hover {
	-moz-opacity:0.65; 
	filter:alpha(opacity=65);
	-khtml-opacity:0.65;
	opacity:0.65; 
}



/* 	
	EXPERIMENTAL
	der befehl <zitat>  blablabla </zitat>  ist ein phnatasie-tag den es nicht wirklich in HTML gibt, 
	sondern der nur hier in diesem CSS definiert ist. Er macht einen umflossenen Einschub im Text möglich 
	- siehe:  http://www.lahr.net/beta/lahr/12/19/2004/testpolitik  
	Diese selbstdefinierten Tags sind standard-konform, funktionieren aber leider nur in neueren Mozilla oder 
	Opera Browsern. Sie sind allerings nicht wirklich barrierefrei, da bei ausgeschaltetem CSS der Inhalt 
	seinen Zusammenhang verliert.
	Das gleiche resultat könnte man auch mit span, div oder h-tags erzielen, denen man eine klasse zuweist.
	dann klappts  auch mit NICHT-CSS-standard-konformen browsern wie dem veralteten Explorer 6... 
	aber spans, divs, p, h4 und andere tags mit expliziter Klassenzuweisung wären für redakteure, ohne 
	hilfsmittel, zu lästig zu editieren 
*/

zitat {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	color: #333333;
	font-style: italic;
	font-weight: normal;
	width: 150px;
	float: right;
	cursor: help;
	margin-left: 5px;
	margin-top: 10px;
	margin-bottom: 2px;
	text-align: right;
	line-height: 18px;
	border-top-color: #999999;
	border-top-style: solid;
	border-top-width: 3px;
	border-bottom-color: #999999;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}





		/* ------------------------- KLASSEN UND IDENTIFIER  DES CORE VON WP DEFNIEREN -------------------------------------*/
#rap {
	display: block;
	margin: auto;
	position: relative;
	text-align: left;
	width: 770px;
	background: url(wp-images/bg-back.jpg) no-repeat #ccc;
	height: 600px;
}
#header {
	border-width: 0 1px 2px 1px;
	background: url(wp-images/header_background1.gif) no-repeat;
	font-size: 0px;
	height: 98px;
	left: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	text-align: center;
	top: 0;
	width: 768px;
}
#header a {
	color: #fff;
	display: block;
	padding: 65px 10px 10px 10px;
}
#content {
	left: 190px;
	padding: 10px 0 0 0;
	position: absolute;
	top: 100px;
	width: 420px;
}
#content h2 {
	border-bottom: 1px solid #333333;
	color: #000000;
	text-align: right;	
	font-family:  Georgia, "Times New Roman",  Times, serif;
	font-size: 22px;
	font-weight: normal;
	
}
#content div.post {
	padding: 0 0 10px 0;
	font-family: Arial,Helvetica;
}
#content div.post h3, #content div.post h3 a:link, #content div.post h3 a:visited  {
	margin: 7px 0 3px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 27px;
	font-weight: lighter;
	color: #444444;
	text-decoration: none;
}

	
#content div.post h3 a:hover {
	color: #888888;
	text-decoration: none;
	
	
}




#content div.post div.meta, #content div.post div.meta ul li a, #content div.post div.meta ul li a:link, #content div.post div.meta ul li a:visited {
	color: #666666;
	font-size: 10px;
}
#content div.post div.meta ul {
	display: inline;
	margin: 0;
	padding: 0;
}
#content div.post div.meta ul li {
	display: inline;
	margin: 0;
	padding: 0 3px 0 0;
}
#content div.post div.storycontent {
	border-left: 2px solid #e8e8e8;
	margin: 0 10px 0 0;
	padding: 0 0 0 7px;
	text-align: justify;
	
}
#content div.post div.feedback a {
	color: #000000;
	font-size: 10px;
}
#content div.post div.storycontent ol, #content div.post div.storycontent ul, #content div.post div.storycontent li, #content div.post div.storycontent blockquote {
	margin-left: 10px;
	padding-left: 0;
	
	
}

.storytitle, .storytitle a:link, .storytitle  a:visited {
	margin: 7px 0 3px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 27px;
	font-weight: lighter;
	color: #444444;

}


	
.storytitle a:hover {
	color: #888888;
	text-decoration: none;
	
	
}
#comment {
	height: 150px;
	width: 400px;
}

#commentlist {
	list-style-type: upper-roman;

	
}

#commentbg {
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	font-size: 70px;
	font-weight: bold;
	color: #F0F0F0;
	line-height: 55px;
	letter-spacing: -2px;


}

/* zurück- und drucker-symbol*/

#toolbox {
	left: 800px;
	top: 15px;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 19;
	height: 40px;
	width:80px;
}


/* 
die folgenden identifier-objekte werden aus dem dokumentenfluss 
herausgezwungen und absolut positioniert um das dreispaltige layout 
darzustellen

ist nicht ganz sauber realisiert, denn es kann bei objekten mit 
dynamischer höhe zu problemen führen. werde mir eine lösung überlegen , 
wenn die probleme auftreten ;-)) 
*/


#calendar, #search, #archives, #feeds, #banner {
	left: 630px;
	margin: 0;
	padding: 0;
	position: absolute;
	width: 150px;
}

#feeds {
	top: 390px;
}



#calendar {
	top: 60px;
	
}

#wp-calendar {
	color: #000000;
	border: 0px none #FFFFFF;

}
#wp-calendar a:visited {
	color: #000000;
	border: 1px solid #CCCCCC;

}
#wp-calendar a:link {
	color: #000000;
	border: 1px solid #CCCCCC;

}


#search {
	top: 250px;
}

#archives {
	top: 325px;
}


#menu {
	
	left: 0;
	padding: 250px 0 0 0;
	position: absolute;
	top: 110px;
	width: 190px;
}
#menu ul {
	list-style: none;
	margin: 0 8px;
	padding: 0;
}
#menu ul li {
	color: #000000;
	font-weight: bold;
	margin: 0 0 10px 8;
	padding: 0;
}
#calendar caption {
	font-weight: bold;
}
#calendar th {
	color: #4B5340;
	font-size: 10px;
	padding: 2px;
	text-align: center;
}
#calendar tbody td {
	font-size: 10px;
	padding: 2px;
	text-align: right;
}
#menu form {
	margin: 0;
	padding: 0;
}
#menu ul li ul {
	margin: 2px 0 0 0;
	padding: 0;
}
#menu ul li ul li {
	color: #000;
	font-weight: normal;
	margin: 0 0 2px 10px;
	padding: 0;
}
#menu ul li ul li a, #menu ul li ul li a:link, #calendar td a, #calendar td a:link {
	color: #000000;
}
#menu ul li ul li a:visited, #calendar tfoot td a:visited {
	color: #000000;
	
}

#menu ul li ul li a:hover, #calendar tfoot td a:hover {
	color: #999999;
	text-decoration: underline overline;
	
}
p.credit {
	display: none;
}

p.trackback {

	font-size: 9px;
	color: #CCCCCC;
	font-style: italic;
	text-align: center;
}
#content div.post div.storycontent blockquote  { text-align: justify; }


/* EXTERNE LINKS AUSZEICHNEN -
 

--------------------------------------------------------------------------------------------------
	...lösung mit css3: absolute pfade (http...) erhalten ein symbol: www.lahr.net/beta/wp-images/aoutside.gif
	 	über die pseudoklasse :hover könnte das symbol auch animiert werden (x.gif)
		
		funktioniert nur mit css3 fähigen browsern - derzeit browser mit gecko engine (mozilla etc), opera 7+ und safari
		bei explorer 6 ist dagegen alles beim alten und es richtet auch keinen schaden im style an

*/


a[href^="http:"] {
background: transparent url('http://www.lahr.net/beta/wp-images/aoutside.gif') 100% 50% no-repeat;
padding-right: 14px;
}

/* bookmarklets auszeichnen - sie verweisen meist auf externe links... */
a[href^="javascript:function"] {
background: transparent url('http://www.lahr.net/beta/wp-images/aoutside.gif') 100% 50% no-repeat;
padding-right: 14px;
}
/*  
absolute pfade innerhalb der doamain (z.b. permalinks) werden von der regel ausgeschlossen
und erhalten kein symbol.  
 */

a[href^="http://lahr.net"], a[href^="http://www.lahr.net"] {
background: transparent;
padding-right: 0px;
}



/*  
das problem ist, dass es interne pfade gibt, die über ein counter-scrpit nach 
aussen weiterleiten... die synatax des speziellen uri ist http://www.lahr.net/beta/go.php?http://www.domain.tld/xyz...

hier wird nun der spezielle pfad definiert. WICHTIG ist, dass der spezielle pfad NACH der regel http://lahr.net bzw. 
http://www.lahr.net/ definiert wird.
ansonsten (wenn er DAVOR steht) hebt die  zweite regel (mit gleicher domain) die erste auf und es funktioniert nicht.
 tzzz - hab da eine stunde rumprobiert und in foren rumgefragt, bis mir selbst eine wage erleuchtung 
 mit diesem DAVOR und DANACH kam... ;-))) 
*/

a[href^="http://www.lahr.net/beta/go.php?http://"] {
background: transparent url('http://www.lahr.net/beta/wp-images/aoutside.gif') 100% 50% no-repeat;
padding-right: 14px;
}

/* manche dieser weiterleitungs-links verweisen auf lahr.net selbst und sollen wiederum nicht mit einem symbol ausgezeinet werden */
a[href^="http://www.lahr.net/beta/go.php?http://lahr.net"], a[href^="http://www.lahr.net/beta/go.php?http://www.lahr.net"] {
background: transparent;
padding-right: 0px;
}

/* 
	über diesen speziellen pfad kann natürlich auch auf lahr.net verlinkt werden, bei welchem aber das
   auzeichnungssymbol für externe links nicht erscheinen soll...
*/

a[href^="http://www.lahr.net/beta/go.php?http://www.lahr.net"] {
background: transparent;
padding-right: 0px;
}

/* ......auf die gleiche weise KÖNNTEN unterschiedliche pfade innerhalb der domain mit unterschiedlichen 
   symbolen augezeichnet werden. z.b. ein pfad der auf den adminbereich zeigt "http://www.lahr.net/beta/wp-admin"
	mit einem werkzeugsymbol.
	ebenso könnten mailTo, ftp, news, und andere protokolle automatisch mit auzeichnungen versehen werden.
	auch bei uri für gängige suchmaschinen oder webseiten (google, web.de, yahoo,) etc wäre das möglich 
	- und ggf. auch für dateiendungen (flash, pdf, word document, ...??)
------------------------------------------------------------------------------------------------

pfad der auf bilder verweist mit lumpen-symbol auszeichnen*/

a[href^="http://www.lahr.net/beta/images/bilder/"] {
background: transparent url('http://www.lahr.net/beta/wp-images/zoom.gif') 100% 50% no-repeat;
padding-right: 28px;
}

/* es sieht einfach scheiße aus, wenn die technokrati-links (+) ein symbol bekommen - werd das später noch ändern*/
a[href^="http://www.technorati.com/tag/"] {
background: transparent;
padding-right: 0px;
}

a:link {
	color: #990000;
	text-decoration: none;

}
a:visited {
	color: #990000;
	text-decoration: none;

}
a:hover {
	color: #999999;
	text-decoration: underline;
}


#commentform INPUT     {
	background-color: transparent;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 8pt;
	font-style: normal;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 1px;
	border-left-width: 0;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	cursor: hand;
}

#commentform .Buttons    {
	border: 1px solid #666666;
	cursor: hand;



	}

#commentform textarea  {
	background-color: transparent;
	font-family: "Courier New", Courier, monospace;
	color: #666666;
	font-size: 11px;
	font-weight: normal;
	border: 1px solid #333333;
	cursor: hand;
}

/* die klasse hilite wird angewendet, wenn ein besucher von einer suchmaschine kommt. 
der vormals in der uri der suchmaschine stehne suchbegriff beriff wird von wordpress mit einem span bzw 
der klasse hilite dynamisch ausgezeichnet und kann somit als markierung hervorgehoben werden

habe den im plugin hard-codierten stil geloescht und hier im zentrallen css eingefügt */

.hilite {
	color: #ffffff;
	background-color: #990000;
}

/* 
 
 eine umflossene initale beim ersten geschriebenen buchtstaben des textfeldes zeichen
 
 die psydoklasse :firstletter funktioniert wohl nur beim explorer6+. kann theoretisch aber
 wohl auch bei normalem copytext verwendet werden, doch hat den nachteil, dass man 
 absätze durch breakrows (br) formatieren müsste. bei jedem neuen paragraph (p) erschiene
 sonst eine initiale.... habe noch keine lösung für das problem gefunden.
 
 eine lösung wäre für die initiale einen speziellen span zu definieren. ist aber 
 viel lästige formatierarbeit und nicht praktikabel für autoren. 
 
*/

#commentform textarea:first-letter  { 
	font: 36px/100% Georgia, "Times New Roman", Times, serif;
	color: #666666; float: left;
	margin-top: 0px;
	margin-right: -2px;

	
}




#commentform textarea:focus, #commentform input:focus, #commentform .Buttons:hover, input:focus, textarea:focus, label:focus {
	background: #F0F0F0;
	
}

#commentform textarea:hover, #commentform input:hover,  textarea:hover, label:hover {
		background: #F0F0F0;
	
}

#commentform .Buttons:active {
		background: #990000;
	}
	
	
	
		/* --------------- KLASSEN UND IDENTIFIER  FÜR PLUGINS UND AHCKS DIE NICHTS MIT DEM WP-CORE ZU TUN HABEN ----------------*/

#wiki {
	top: 800px;
	position: absolute;
}
	
/* 
	stile fuer Druckversion von artikel - plugIn
	der explorer nimmt die drucksyles 1:1 - firefox irgnoriert genre die bemühungen des
	webdesigners und gibt das druckbild ohne stile aus - deshalb das plugin, das die druckinhalte
	parst und den schrott wie navigation etc rausschmeisst 
*/

#kleingedruckt{
	font-size: 9px;
	}

#Outline {
	text-align: left;
	width: 600px;
	margin-left: auto; 
	margin-right: auto;
	padding: 10px;
	border: 1px solid #000000;
}
#BlogTitle {
	
	font-size: 27px;
	margin-bottom: 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	
	
}
#BlogDate {
	margin-top: 5px;
	margin-bottom: 10px;	
}
#BlogContent {
	margin-top: 10px;
	text-align: justify;
}

/* Atrributselketor um beim druck die url eines links im identifier #BlogContent mit auszugeben 

#BlogContent a:after {

content: " (" attr(href) ") " ;
}
	
	*/
HR#Divider {
	width: 80%; 
	height: 1px; 
	color: #000000;
}

/* klickmenue für rechte maustaste */

.subclickmenu { position: absolute;
width:  128px;
top: 0px;
left: 0px;
background-image: url(back1.png);
visibility: hidden;
border: 1px solid;
border-color: #eeeeee #666666 #666666 #eeeeee;
padding: 2px;
z-index: 5;
filter: alpha(opacity=0);
-moz-opacity:1
}

.menuitem {
padding: 2px 4px 2px 4px;
color: #000000;
text-decoration: none;
font-family: ms sans serif;
font-size: 11px;
font-weight: normal;
display: block;
}

.seperator {
border-top: 1px solid #999999;
border-bottom: 1px solid #eeeeee;
margin: 2px;
}

a.menuitem:hover {
color: #ffffff; 
text-decoration: none;
background-color: #999999;

/* 
alternativer hintergrund bei rollover
background-color: transparent;
background-image: url(back.png); 
*/
}



/* #admin bar im frontend - fuer eingeloggte administratoren
------------------------------------------------------ */
#admin {
    z-index: 5;
    width: 100%;
    margin: 0;
    background: #666;
    border-bottom: 2px solid #fff;
    color: #fff;
    font-size: 12px;
    font-family: verdana, sans-serif;
    text-align: center;
}

#admin li {
    display: inline;
    padding: 5px;
}

#admin li a {
    color: #eee;
    text-decoration: none;
    letter-spacing: 1px;
}

#admin li a:hover {
    color: #f00;
    text-decoration: none;
}

/* exhibit.css */
/* For use with the WordPress Exhibit plugin */

.ex_thumb_preview {
	padding: 3px;
	border: 0px solid #cccccc;
	margin: 3px;
	font-size: xx-small;
	display: block;
}
.ex_thumb_preview img { 
	width: 120px;
	padding-right: 3px;
	border: 0px solid #000000;
	
}

.ex_thumb_preview img a:link { 
	width: 120px;
	padding-right: 3px;
	border: 1px solid #000000;
	
}

.ex_thumb_preview img a:visited { 
	width: 120px;
	padding-right: 3px;
	border: 1px solid #000000;
	
}

.ex_thumb_preview img a:hover { 
	width: 120px;
	padding-right: 3px;
	border: 1px solid #ff0000;
	}
	
.ex_thumb_preview img:hover {
	-moz-opacity: 0.5;
	
}

#exhibit_thumbs {  
	/* Use .exhibit_thumbs class instead */
}
.exhibit_thumbs {
	border-width: 1px 0px 1px 0px;
	border-color: #cccccc;
	border-style: dotted;
	width:100%;
}

.ex_thumb {
	padding: 3px;
	border:0px solid #cccccc;
	margin:3px;
	display:block;
	float:left;
	font-size:xx-small;
	width:160px;
}

.ex_thumb img {
	border:0px solid #cccccc;
	
}

.ex_thumb img:hover {
	-moz-opacity: 0.7;
	
}
.ex_clear {
	clear:both;
}


/* 
The following stuff is for the exhibit_full.php page.
It controls the layout of the image on the page.  
Change or remove at your discretion.
*/
.full_exhibit {
	background-color: black;
	color: white;
}
.full_exhibit img {
	width:100%;
}
#photonav {
	font-size:small;
	color: white;
}

.ex_thumb_preview_p {
	padding: 3px;
	border:1px solid #cccccc;
	margin:3px 20px 3px 3px;
	display:block;
	float:left;
	font-size:xx-small;
	text-align: center;
}

/* Definition fuer das panorama java applet */

.iimage_panorama {
border:1px solid #999999;
cursor: w-resize;
}

.iimage_panorama_image {


}

/*  Tooltips (title alt etc) austauschen - wird per javasript b.z.w plug-in gesteuert */

div.fancytooltip {
	background-color: #FFFFFF;
	border: 1px solid #888888;
	color: #222222;
	height: auto;
	left: 0;
	padding: 4px;
	position: absolute;
	top: 0;
	width: 25em;
	width: auto;
	z-index: 20;
	
	
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 10px;
	-moz-opacity: .88;
	
}
	
/*  title/alt */

div.fancytooltip p {
	border-bottom: 0px;
	font-size: 12px;
    margin: 0;
	padding: 0 3px;
	
	-moz-opacity: 1;
}

/*  URI  anchor  */

div.fancytooltip p.destination {
	border-bottom: 0px;
    font-size: 9px;
    padding-top: 3px;
	text-align: left;
	
	-moz-opacity: 1;
}

/*- Access Key - anchor. */

div.fancytooltip p span.accesskey {
	color: #D11717;
}


abbr {
	cursor: help;
}

acronym {
	cursor: help;
	text-decoration: none;
	border-bottom-color: #FFFFFF;	
}

del {
	cursor: help;
}

ins {
	cursor: help;
}

/*
img {
	cursor: help;
}
*/


/* Klasse für Technokrati links (+) */
.tag, .tag a:link, .tag a:visited {
	color: #666666;
	font-size: 8px;
}


/* das waypath-plugin  - ist derzeit ausgeschaltet */
	.waypath-box {
		  font-size: 70%;
		  border: thin solid #00288C;
		  margin: 5px;
		  background-color: #F0F0F0;
		}

		.wp-box-title {
		  margin-left: 3px;
		  margin-bottom: 5px;
		}

		.wp-item {
		  margin-top: 3px;
		  margin-bottom: 10px;
		  margin-left: 3px;
		  margin-right: 3px;
		  line-height: 1;
		}

		.wp-item-title {
		  margin-bottom: 2px;
		}

		.wp-item-origin {
		  margin-top: 2px;
		  margin-bottom: 3px;
		}

		.wp-item-summary {
		  margin-top: 3px;
		  line-height: 1;
		}

/*  wird nur zum drucken gebraucht*/
.Notizen {
display: none;
}

/* WIkipedia klassen*/
.new  {
	color: #000000;
}

.new a:link {
	color: #333333;
	text-decoration: none;
}

.new a:visited {
	color: #333333;
	text-decoration: none;
}

/* statistik */
.stat  {}