exit - presse 0905 intenetzensur ii nicht gefunden
exit - presse 0905 intenetzensur ii nicht gefunden
exit - presse 0905 intenetzensur ii nicht gefunden
Grüne Jugend Thüringen
/* -- Allgemeines -- */
/* class: .*/
/* id: #*/
/* altes gruen: #2 8 7 6 3 5 */
body {
/*background: url(/bilder/sonnenblume.gif) no-repeat 100% 0 transparent;*//*#e7f3f7;*/
background: #e7f3f7;/* Hier sollte man auch wenn man ein Bild als Hintergrund nicht vergessen die Hintergrundfarbe zu setzen. Es k�nte n�lich sein dass man aus versehen fr den Text die gleiche Farbe hat wie fr den Hintergrund wobei die Leute mit ausgeschalteten Bildern nichts erkennen k�nen. */
/*background-image:url(./bilder/sonnenblume.gif);*/
/* background: url(bilder/sonnenblume.jpg) 0 0 no-repeat #e7f3f7;*/ /* Habe das urspruengliche Bild ersetzt, meines muesste auch gehen. */
/*background: url(bilder/sonnenblumentapete.png) 0 0 repeat #e7f3f7;*/ /* Habe das urspruengliche Bild ersetzt, meines muesste auch gehen. */
/* background: url(bilder/logo/igel_rechts-hellgruen_mit_viel_rand.png) 0 0 repeat #529e2e;*/
background: url(bilder/wand-kopfueber.jpg) 0 0 #529e2e;
background-repeat:repeat-x;
background-attachment:fixed;
/* background-position:left 100px;*/
background-position:left top;
color: #CCCCCC;
margin: 0;
padding: 1%; /* Ein wenig Abstand damit der Anschein eines Blattes auf der Wand immer erhalten bleibt */
min-width: 900px; /* Bei weniger als 640px Breite soll ein Scrollbalken erscheinen */
font-size: 100.01%; /* umgeht den Font-Size-Bug im Safari, �teren Operas und IE */
font-family: verdana, arial, sans-serif ;
/*font-family: Georgia, "Times New Roman", Times, serif;*/
}
a { color: white; /* color: #0B4D8C; */ /* XXX */
text-decoration: underline; } /* Alle unbesuchten Links bekommen eine leicht bl�liche Farbe und werden unterstrichen, damit man Sie gleich im Text erkennt. */
a:visited { color: black; } /* Besuchte Links werden schwarz, bleiben dennoch unterstrichen. Somit erkennt man wo man sich schon befunden hat. */
.skip { /* Da ein wichtiger Screenreader das display: none; auch f�schlicherweise fr sich versteht und nichts vorlie� obwohl das hier sich vor allem an Blinde richtet, muss man es so l�en dass man diesen Link au�rhalb des Sichtfeldes bringt. Somit wird er trotzdem vorgelesen. */
position: absolute;
margin-left: -10000px;
}
h1 { /* Die ueberschrift jeder Seite stellen wir besonders da, denn sie ist sehr wichtig. */
font-size: 3em;
line-height: 0.8em;
padding: 20px 0 5px 5%;
margin: 0;
border-bottom: 1px dashed #aaa;
}
h1, h2, h3, h4, h5, h6 { /* Alle �erschriften bekommen eine besondere Farbe und da sie sehr gro�sind k�nen wir es uns erlauben hier eine Schrift mit Serifen zu w�len. Wir spielen hier ein wenig mit Typographie, und entgegen dem Einheitsbrei auf vielen Seiten. */
color: white; /*XXX #007600;*//*#6699CC;*/
/* Schriftart angeglichen XXX */
/*font-family: Georgia, "Times New Roman", Times, serif;*/
}
.h3 {
color: white;/* XXX #007600;*//*#6699CC;*/
/* Schriftart angeglichen XXX */
/*font-family: Georgia, "Times New Roman", Times, serif;*/
font-size:1.2em;
font-weight:bold;
}
img { /* alle Bilder bekommen einen sch�en Rahmen */
border: solid 1px #aaa;
padding: 1px;
max-width: 95%; /* gute Browser machen ein zu gro�s Bild, welches das Design sprengen wrde, funktioniert beim IE leider nicht */
}
.fleft { /* Sachen an denen der Text vorbeiflie�n soll werden diese Klassen zugewiesen. */
float: left;
margin: 0 1em 0.2em 0; /* Man sollte einen sch�en Abstand w�len sonst kleben die Sachen so am Text. */
}
.fright {
float: right;
margin: 0 0 0.2em 1em;
padding: 1px;
}
.block {
border: solid 5px #007600;
border-style: groove;
padding: 0em; /* innenabstand */
padding-left: 1em;
padding-right: 1em;
margin: .2em .2em .2em .2em;
font-weight: bold;
overflow:hidden;
}
.block50 {
border: solid 3px #007600;
border-style: groove;
width: 40%;
padding: 0em; /* innenabstand */
padding-left: 1em;
padding-right: 1em;
margin: .5em .5em .5em .5em;
font-weight: bold;
overflow:hidden;
}
.blocklinks { /* der block steht links - rest fließt rechts vorbei */
border: solid 3px #007600;
border-style: groove;
float: left;
width: 40%;
padding: 0em; /* innenabstand */
padding-left: 1em;
padding-right: 1em;
margin: .5em .3em .5em .5em;
font-weight: bold;
overflow:hidden;
}
.blockrechts { /* der block steht rechts - rest fließt links vorbei */
border: solid 3px #007600;
border-style: groove;
float: right;
width: 44%;
padding: 0em; /* innenabstand */
padding-left: 1em;
padding-right: 1em;
margin: .5em .5em .5em .3em;
font-weight: bold;
overflow:hidden;
}
/* -- Layoutspezifisches -- */
#container { /* Ist dafr gedacht dass die viele Formatierungen einfacher werden, und auch ein gemeinsammer Rand entstehen kann, der nicht ganz au�n am Fenster ist. */
font-size: 0.8em; /* Ein Kompromiss ber den man sicherlich streiten kann, aber viele Leute empfinden die von Ihnen selbst eingestellte Textgr�e fr zu gro� wissen aber nicht wie man das �dert. */
max-width: 1200px; /* Eine Begrenzung der Breite auf h�stens 900px. Das machen wir um nicht zu lange Textbreiten zu erhalten welche dann schlecht zu lesen sind. Fr den IE gibt es in ielte.css einen Woraround. */
margin: auto; /* Hiermit zentrieren wir unsere Seite */
/*border: 1px solid #007600;*/ /* Eine kleine optische Abgr�zung */
border-top: 0; /* Ganz oben allerdings wrde es mit dem grauen komisch aussehen, deshalb weg damit. */
background-color: transparent; /*#007600;*/
/*background:url(bilder/logo/trans-igel_rechts-weiss.png);*/
overflow:hidden;
}
/* - Logo bzw. Kopf - */
#igel {
/*width:160px;
height:88px;*/
height:64px;
width:200px;
float: right;
background:transparent;
/*background: url(/bilder/logo/trans-igel_links.png) no-repeat 100% 0 transparent;*/
}
#igel img {
border:none;
height:100%;
margin:auto;
}
#logo {
/*background: #245509; */
background:url(bilder/blume-head.jpg) 0 0 no-repeat black;
height: 64px; /* Das Blumenbild ist 64px hoch also wollen wir das auch als hoehe fr unseren Kopf. */
padding: 0 20px;
text-align: right;
line-height: 54px;
font-size: 54px; /* Das Logo soll auch in unseren Kopf passen deswegen ist es ein wenig kleiner. Durch die Angabe der Textgr�e in px verhindern wir im IE die Vergr�erung und zerst�ung des Layouts durch den Benutzer. Der Opera vergr�ert das Bild proportional mit also kann da auch nichts passieren. */
overflow: hidden; /* Einzig der Mozilla k�nte den Text unverh�tnissm�ig zum Hintergrund ver�dern. Damit dann wenigstens das Men benutzbar bleibt schneiden wir alles was herausragt ab. */
letter-spacing: -3px; /* Wieder ein wenig Typografie damit das Logo besser aussieht. */
margin: 0; /* Manche Browser haben das schon voreingestellt aber nicht alle, deshalb vereinheitlichen wir das. */
/*border: 5px inset #00FF00;*/
/*position: fixed;*/
}
#logo a {
color: white; /* Die vorher eingestellte Farbe passt nicht um auch als Logofarbe zu dienen, deshalb w�len wir hier Wei� */
text-decoration: none;
}
#logo a span { /* Einzelne Buchstaben sollen hervorgehoben werden */
/*color: #007600;*/
/*background: white;*/
/*padding-right: 0.1em;*/ /* damit das wei� rechts und links genau so breit ist. */
font-weight: bold;
/*font-style: italic;*/
}
/* - Subnavigation, Rechte Spalte - */
#subnav {
width: 26%; /* Je kleiner das Fenster desto kleiner soll auch die Breite der Subnavigation werden, damit immer gengend Platz fr den richtigen Inhalt bleibt. */
min-width: 10em; /* Damit uns die Subnavigarion nicht zu sehr zusammengeschoben wird. */
float: right; /* Damit erreichen wir dass der Inhalt links neben der Subnavigation vorbeiflie� und nicht erst unten drunter anf�gt. */
padding: 2px .1%;
margin: 0% 0 0 5%; /* oben rechts */
/*border-left: 1px dotted #aaa;*/ /*vertikale gepunktete line - trennt rechte spalte vom eigentl. inhalt */
font-size: 0.9em; /* Die Schriftgr�e setzen wir hier ein wenig herunter damit erkennbar wird dass das Informationen zweiter Rangordnung sind. */
color: #007600;
}
#subnav dt { /* Die einzelnen Ueberschriften in der Subnavigation */
font-size: 1.2em;
/* Schriftart angeglichen XXX */
/* font-family: Georgia, "Times New Roman", Times, serif;*/
font-weight:bold;
color: white;
padding: 0.5em;
margin-top: 1em;
margin-bottom: 0;
border: 2px solid grey;/*#007600;*/
border-top: 1px dotted #aaa; /* Hier eine optische Trennungslinie zwischen den einzelnen Bereichen der Subnavigation. */
border-style: outset;
background-color: #245509;/*#007600;*//*#007600;*/
/*border: 2px solid #33FF33;*/
}
#subnav dt a { /* Die einzelnen Ueberschriften in der Subnavigation als verweise */
text-decoration: none;
font-size: 1.2em;
/* Schriftart angeglichen XXX */
/*font-family: Georgia, "Times New Roman", Times, serif;*/
font-weight:bold;
color: white;
/*padding: 0.5em;
margin-top: 1em;
margin-bottom: 0;
*/
/* border-top: 1px dotted #aaa;*/ /* Hier eine optische Trennungslinie zwischen den einzelnen Bereichen der Subnavigation. */
background:transparent;
/*background-color: #007600;*/
/*border: 2px solid #33FF33;*/
}
#subnav dd { /* Die Unterpunkte der Subnavigation. */
color:black;
padding: 0.2em;
margin-left: 0;
margin-top: 0;
/*background-color: #88FF88;*/
/*background-color: #03a30e;*/
border: 2px solid grey;/*#007600;*/
border-top: 0;
border-style: outset;
/*background-color: #EEFFEE;*/
/*xxx background: url(bilder/logo/igel_rechts-wasserzeichen_eeffee_mit_viel_rand.png) no-repeat 0 0 #EEFFEE; */
background: #EEFFEE;
background-position: 0 0;
background-repeat:repeat;
background-attachment:fixed;
/*color:white;*/
}
#subnav dd a {
color: #007600;
/*color: white;*/
/*color: #DDDD00;*/
}
/* - Der Hauptinhaltsteil - */
#logolinks {
background: url(/bilder/logo/logo_mit_schrift.transparent.png) no-repeat 100% 0 white;
padding: 0 31% 10px 20px;
background-position: 0px 0px;
min-height: 160px;
}
#main {
/*background: url(/bilder/logo/trans-igel_rechts.png) no-repeat 100% 0 white;*/ /* igel in rechter oberer ecke */
padding: 0 2em 10px 20px;
/* padding: 0 31% 10px 20px; */ /* Der rechte Abstand 31% Stellt sicher dass auch nach dem umfliessen der Subnavigation der Text genau so breit wird wie oben und ein zwei Columnen Eindruck entsteht. */
line-height: 1.5em; /* Zur besseren Lesbarkeit erhoehen wir die Linienhoehe. */
min-height: 5em;
width: 660px;
/*overflow:auto;*/
}
table {
/* table-layout:fixed;*/
overflow:hidden;
width:96%;
}
.rand
{
border: 1.00pt groove #CCCCCC;
}
.rand th,td
{
padding-left:1em;
/*border-bottom: 1pt dashed #CCCCCC;*/
border-bottom: 2px groove grey;
/*border: 1.00pt groove #CCCCCC;*/
}
.rand td {
border:3px solid black;
}
.termine
{
text-align: center;
padding: 3px;/* 0*/
border: none;
border-collapse: separate; /*collapse oder separate*/
border-spacing: 1px;
margin-left: auto;
margin-right: auto;
color: #000000;
overflow:hidden;
/*
font-weight:bold;
font-size:14px;*/
}
table.termine
{
width: 95%;
/*width:200px;*/
border:none;/*1.00pt groove #CCCCCC;*/
overflow:hidden;
table-layout:fixed;
}
.termine th
{
border: 1.00pt groove #CCCCCC;
border-collapse: separate;
border-spacing:1px;
padding: 5px;
background-color: #AAAAAA;
max-width:10px;
overflow:hidden;
}
.termine td
{
border: 1.00pt groove #AAAAAA;
border-collapse: separate;
border-spacing:1px;
padding:1px;
padding-right:5px;
background-color:#CCCCCC;
max-width:100px;
overflow:hidden;
width:20px;
overflow:hidden;
}
/*
td.termine
{
width:20px;
overflow:hidden;
}
*/
.termine li
{
list-style-type: circle;
/* margin-left:-5px;*/
}
.termine a
{
color: #007600;
}
.ohnerahmen td {
border:none;
}
.vorstand *
{
vertical-align: top;
}
#thbg {
/* width: 10%;*/
}
.ort {
width:25%;
}
*.veranstaltung {
width:50%;
max-width: 50%;
}
.datumuhrzeit {
width:25%;
}
p {
text-align:justify;
}
.trennlinie {
border-top: 1px solid #007600;
}
.zentriert {
text-align: center;
margin:auto;
}
.fuenfzig {
width: 50%;
min-width: 100px;
}
ul.unterebene,ol.unterebene {
margin-top: 1em;
margin-bottom: 1em;
}
li.nummeriert {
margin-top:1em;
margin-bottom:1em;
}
div.debug {
border: 1px solid white;
padding-left:1em;
}
.knopf {
background:#AAAAAA;
border:3px outset white;
color:black;
padding:3px;
margin:3px;
}
.knopf a {
text-decoration:none;
}
.schwebend {
float:left;
}
/*
html {
width:100%;
height:100%;
}
body {
width:100%;
height:100%;
font-size:1em;
color:#006600;
background-color:#FFFF99;
font-family:Arial, Helvetica, Geneva, sans-serif;
margin:0px;
padding:0px;
}
#headerright {
position:absolute;
top:0px;
left:400px;
height:100px;
width:80%;
text-align:left;
}
#navigation {
position:absolute;
left:0.5em;
top:100px;
width:11em;
margin:0em;
padding:1em 0em 0em 0em;
line-height:1em;
}
*/
#navigation a {
display:block;
margin:0px 0em 1px 0em;
/* padding:0.4em 0.6em 0.3em 0.6em; */
padding:0.4em 0.6em 0.4em 0.6em;
text-decoration:none;
font-weight:bold;
/* background-color:#ffcc33; */
color:#996600;/*#003300; */
/* border:1px solid #ffcc33; */
/* border-bottom:3px double #ffcc33;*/
border: 3px outset #886622;
}
#navigation a.kategorie {
/* background-color:#77dd66; */
color:#336633;
/*border-bottom:3px double #77dd66;*/
}
#navigation a.menueaktiv {
/* background-color:#ffdd66; */
/* color:#000000;*/
font-style:italic;
border: 3px inset #ffcc33;
background-color: #ffdd66;
}
#navigation a:hover {
/* border:1px solid #333333; */
border-bottom:3px solid #333333;
}
/*
#navigation p {
margin:8px 0px 0px 0px;
padding:0em 1.2em 0em 0.8em;
line-height:0.6em;
}
#navigation p.top {
height:24px;
background-image:url(pics/style_naviback-top.png);
}
#navigation p.bottom {
height:120px;
background-image:url(pics/style_naviback-bottom.png);
}
h1 {
color:#006600;
margin:0.3em 1em 0.5em 0em;
}
h2 {
color:#000000;
margin:1em 0em .2em 0em;
}
td {
vertical-align:top;
}
pre {
background-color:#ffffff;
padding:0.8em;
border:1px solid #ffcc33;
}
*/
/*
input, textarea, select {
color: #000000;
background: #ffffff;
/ * font-size:12px; * /
}
*/
/*
.rb {
text-align:right;
}
img {
border-width:0px;
}
p.lastupdate {
font-style:italic;
}
*/
/* ab hier: neue */
img.eintragbild {
border:1px solid black;
width:120px;
max-height:150px;
}
/*
p {
margin:1em 0em .2em 0em;
}
div.gruppeneintrag {
border: 1px solid green;
}
/*
div.zeilenabstand {
margin:.1em 0 0.1em 0; / * o r u l * /
padding:0px;
border: none; / *1px outset #886622;* /
/*
border-bottom: 1px outset #886622;
border-left: 1px outset #886622;
*/
background-color: #FFFF99;
}
*/
/*
div.zeilenabstand p {
margin: 0;
padding: 5px;
background-color: #FFFF99;
border: none;
}
#navigation a.logo {
border: none;
}
#Fusszeile {
margin: 0 0 0 13em;
height:100px;
text-align:left;
background-color:#ffcc33;
}
*/
table {
/*width: 100%;*/
border: 0;
border-bottom:1px solid white;
}
table.linien {
border: 1px solid black;
}
table.linien th, table.linien td {
border:0;
border-right: 1px solid black;
border-bottom: 1px solid black;
}
.kleineschrift {
font-size:1em;
}
.scroll {
overflow:auto;
}
.kleineschrift * {
font-size:0.8em;
}
/*
p.anmeldung {
margin:0;
padding-bottom:20px;
padding-top:5px;
padding-right: 1em;
font-style:italic;
float:none;
clear:left;
}
.anmeldung input {
}
.anmeldung span {
}
span.anmeldefelder {
text-align: right;
float:left;
}
span.anmeldeknopf {
text-align: left;
align:left;
margin:auto;
padding:10px;
}
.hinweis {
font-weight: bold;
font-style:italic;
font-size:1.5em;
}
.warnung {
color: red;
font-weight:bold;
}
.sechzig {
width: 60%;
}
.hundert {
width: 100%;
}
.mitte {
padding:2em;
margin:auto;
float: none;
clear: left;
}
*/
.mitte div {
width:40%;
/* display: inline;*/
float: left;
padding-left:1em;
padding-right:1em;
margin-left:1em;
margin-right:1em;
}
.mitte p {
margin:0;
padding:0;
/* display: block;*/
}
.mitte a {
padding-left: 2em;
padding-right:2em;
margin: auto;
/* display: inline;*//*block*/
float: left;
}
.floatende {
clear: both;
}
/* formatierung des mittenbereichs */
div#divmitte {
margin-top:1em;
width:72%;
}
/**************
* menue *
***************/
/*** allgemeines ***/
.menu li {
list-style-type:none;/* keine Anstriche im Menue */
display:inline; /* Menuepunkte neben- nicht untereinander */
/* xxx
max-width:9em;
overflow:hidden;
max-height:3em;
*/
}
li.gewaehlt { /* ausgewaehlter menuepunkt (einschl. pfad) */
color:fffa90;
font-weight: bold;
overflow:visible;
}
.menu a {
text-decoration:none; /* Menuepunkte nicht unterstreichen obwohl es Verweise sind */
color:#cccc00; /* einheitliche Farbe fuer gute lesbarkeit auf gemeinsamem Hintergrund */
font-weight:bold;
}
.menu a:visited {
font-style:italic;
}
/*** Farbgestaltung der Haupt-Menuebenenen im Klappmenue ***/
ul.klappebene1 {
border-top:1px inset #007700;
padding:0;
margin:0;
height:1.4em;
}
ul.klappebene1.ebene1, ul.klappebene1.ebene1 * {
background:#245509;
}
ul.klappebene1.ebene2, ul.klappebene1.ebene2 * {
/* border-top:1px inset #999999;*/
background:#63ab3b;
/*height:3em;*/
}
ul.klappebene1.ebene3, ul.klappebene1.ebene3 * {
/*border-top:1px inset #aaaaaa;*/
background:#358509;
/*xxx height:3em;*/
}
ul.klappebene1.ebene4, ul.klappebene1.ebene4 * {
/*border-top:1px inset #aaaaaa;*/
background:#63ab3b;
}
ul.klappebene1 li:hover {
background:#cccc00;
}
/*** Gestaltung der eigentlichen Klappmenues ****/
/* obige Farbdefinition vererbt sich auf das Aufklappmenue - das wird hier abgeschaltet */
ul.klappebene1.ebene1 ul.klappebene2 li,ul.klappebene1.ebene2 li ul.klappebene2 li,ul.klappebene1.ebene3 li ul.klappebene2 li {
background:transparent;
}
ul.klappebene2 { /* Aufklappmenue ausblenden */
display: none;
z-index:111;
position:absolute;
background:white;
padding:2px;
border: 1px outset white;
/*
left: 0px;
position: absolute;
top: 1em;
*/
}
ul.klappebene1 li:hover ul.klappebene2 { /* Aufklappmenue zeigen, wenn Mauszeiger ueber Hauptpunkt */
display:block;
}
.menu ul.klappebene2 li { /* Menuepunkte im Aufklappmenue untereinander */
display:block;
z-index:111;
border:none;
float:none; /* sorgt dafuer, dass auch schmale Menuepunkte nicht nebeneinander gesetzt werden */
/* float: left; */
/* position: relative;*/
}
ul.klappebene1 li { /* Untermenue direkt unter Hauptpunkt erscheinen lassen */
float: left;
position: relative; /* sorgt fuer korrekte Position des Klappmenues */
border-left: 1px inset white;
border-right: 1px inset white;
padding-left:0.3em;
padding-right:0.3em;
}
.klappebene2 a {
padding-left:0.3em;
}
.klappebene2 a:hover { /* menuepunkte markieren wenn maus darueberschwebt */
border-left:2px inset #cccc00;
}
ul.klappebene1 li ul.klappebene2 li:hover {
/*background:grey;*/
}
ul.klappebene2 li {
background:green;
}
/* Karten / Inhaltsblock */
div.kartenebene2 {
/*background-color: #009600;*/
/* xxx background: url(bilder/logo/igel_rechts-wasserzeichen_eeffee_mit_viel_rand.png) no-repeat 0 0 #EEFFEE;*/
background:#EEFFEE;
background-position: 0 0;
background-repeat:repeat;
background-attachment:fixed;
border: 2px solid grey;
border-style:outset;
color:#007600;
padding:0.5em;
}
.kartenebene2 * {
color:#007600;
}
/* DRUCKBILD */
@page {
/* Angaben zum Seiten-Layout */
margin: 1cm;
}
body {
background-color:#FFFFFF;
}
.nichtdrucken {
display:none;
}
* {
background-color:#FFFFFF;
page-break-before:avoid;
page-break-after:avoid;
page-break-inside:avoid;
}
.seitenumbruch {
page-break-before:always;
}
/* Drucker brauchen ganz andere CSS angaben als Bildschirme. Aus diesem Grund
haben wir für diese auch eine eigene CSS Datei. */
body {
background: white;
color: black;
font-family: georgia, serif; /* Drucker sollten alles mir einer Schriftart mit Serifen drucken, da diese auf dem Papier wesentlich leichter zu lesen ist. Schriftarten mit Serifen sind zum Beispiel Georgia, Times New Roman. Am ende sollte immer die Schriftfamilie hier mit Serifen: "serif" stehen. */
}
#logo {
text-align: right;
line-height: 0.8em;
font-size: 3em;
font-family: verdana, arial, sans-serif; /* Da das Logo ähnlich wie auf dem Bildschirm aussehen soll nehmen wir hier auch die gleiche Schriftart. */
letter-spacing: -3px;
}
#logo a {
text-decoration: none; /* Hier lassen wir den Unterstrich weg. */
}
.skip, #subnav, #menu { /* Wenn sich jemand eine Seite aus dem Internet ausdruckt dann will er mit hoher Wahrscheinlichkeit den Inhalt drucken und nicht das Menü oder sonstige angaben die für die Navigation auf dem Bildschirm gedacht sind. Deshalb lassen wir diese vom Papier verschwinden. Das spart auch viel Paphier und Tinte. */
display: none;
}
#main a:link:after, #main a:visited:after { /* Auf dem gedruckten Blatt papier kann man keinen Link klicken. Deshalb drucken wir die gesammte URL dieses Links dahinter an. Dies funktioniert allerdings nicht im IE. Wer mehr zu diesem Thema wissen will sei auf http://www.alistapart.com/articles/goingtoprint/ verwiesen */
content: " (" attr(href) ") ";
font-size: 0.9em; }
#main a[href^="/"]:after { /* Der Mozilla/Firefox zeigen, im gegen satz zum Opera, die Domain nicht von selbst an. Hier müssen wir mittels CSS3, welches er schon zum Teil versteht, nachhelfen. */
content: " (http://www.example.tld" attr(href) ") ";
}
.fright { /* Damit die Fließeigenschaften auch beim Drucken beachtet werden. */
float: right;
margin: 0 0 1em 1em;
}
.fleft {
float: left;
margin: 0 1em 1em 0;
}