Quelltext ################################################################## <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>pur pur Kultur e.V. | Verein</title> <!--metadata and relations--> <meta http-equiv="Content-Language" content="de" /> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta name="description" content="" /> <meta name="keywords" content="" /> <meta name="copyright" content="pur pur Kultur e.V." /> <meta name="robots" content="index,follow" /> <meta name="MSSmartTagsPreventParsing" content="TRUE" /> <link rel="shortcut icon" href="http://killhill.dyndns.org/purpurkultur/media/images/default/favicon.ico" /> <link rel="bookmark" title="Zum Seitenanfang" href="#top" /> <link rel="start" title="Startseite von pur pur Kultur e.V." href="http://killhill.dyndns.org/purpurkultur" /> <link rel="up" title="Zur Übersicht des aktuellen Bereichs springen" href="http://killhill.dyndns.org/purpurkultur/purpur.php" />
<link rel="contents" title="Inhaltsverzeichnis" href="http://killhill.dyndns.org/purpurkultur/inhalt.php" /> <link rel="search" title="Diese Webseite duchsuchen" href="http://killhill.dyndns.org/purpurkultur/suche.php/" /> <link rel="copyright" title="Impressum" href="http://killhill.dyndns.org/purpurkultur/impressum.php" /> <link rel="author" title="Kontakt zu pur pur Kultur e.V." href="http://killhill.dyndns.org/purpurkultur/kontakt.php" /> <link rel="privacy" title="Datenschutzinformationen" href="http://killhill.dyndns.org/purpurkultur/impressum.php#datenschutz" /> <!--Stylesheets--> <link href="css/global.css" rel="stylesheet" type="text/css" /> <link href="css/purpur.css" rel="stylesheet" type="text/css" /> </head> <body> <a name="top" id="top"></a> <div id="root"> <!--navbar--> <div id="navSec02"> <div id="navbar"> <ul> <li>| <a class="nav01" href="index.php" title="Startseite [accesskey 1]" accesskey="1" target="_self">STARTSEITE</a></li>
<li>| <a class="nav02" href="purpur.php" title="pur pur Kultur e.V. [accesskey 2]" accesskey="2" target="_self">PUR PUR</a></li> <li>| <a class="nav03" href="leistungen.php" title="Unsere Leistungen [accesskey 3]" accesskey="3" target="_self">LEISTUNGEN</a></li> <li>| <a class="nav04" href="projekte.php" title="Unsere Projekte [accesskey 4]" accesskey="4" target="_self">PROJEKTE</a></li> <li>| <a class="nav05" href="partner.php" title="Unsere Partner [accesskey 5]" accesskey="5" target="_self">PARTNER</a></li> <li>| <a class="nav06" href="presse.php" title="Infos für die Presse [accesskey 6]" accesskey="6" target="_self">PRESSE</a></li> <li>| <a class="nav07" href="impressum.php" title="Impressum [accesskey 7]" accesskey="7" target="_self">IMPRESSUM</a></li>
<li>| <a class="nav08" href="inhalt.php" title="Inhaltsverzeichnis [accesskey 8]" accesskey="8" target="_self">INHALT</a></li> </ul> </div> </div> <!--navbar end--> <!--nav help--> <ul class="hidden"> <li><a href="#navbar" accesskey="9" title="accesskey 9">Zur Navigation / Inhalt überspringen</a></li> <li><a href="#content" accesskey="0" title="accesskey 0">Zum Inhalt / Navigation überspringen</a></li> <li><a href="#sidebar" accesskey="s" title="accesskey 0">Zur Subnavigation / Inhalt und Navigation überspringen</a></li>
</ul> <!--nav help end--> <!--banner--> <div id="banner"><img src="media/images/default/banner_purpur.jpg" alt="" /></div> <!--banner end--> <!--main--> <div id="main"> <!--sidebar--> <div id="sidebar"> <h1>pur pur Kultur e.V.</h1> <h2>Der Verein</h2> <ul> <li><a href="/purpurkultur/purpur.php" title="Übersicht" target="_self">Übersicht</a></li> <li><a href="/purpurkultur/purpur.php?category=ueber" title="Über uns" target="_self">Über uns</a></li>
<li><a href="/purpurkultur/purpur.php?category=philosophie" title="Unsere Philosophie" target="_self">Philosophie</a></li> <li><a href="/purpurkultur/purpur.php?category=historie" title="Was bisher geschar" target="_self">Historie</a></li> <li><a href="/purpurkultur/purpur.php?category=team" title="Unser Team" target="_self">Team</a></li> </ul> <!--service--> <h2>Service</h2> <ul> <li><a href="kontakt.php" title="Schreiben Sie uns" target="_self">Kontakt</a></li> <li><a href="callback.php" title="Wir rufen Sie zurück" target="_self">Callback</a></li> <li><a href="impressum.php" title="Impressum" target="_self">Impressum</a></li>
</ul> <!--service end--> <!--pur pur--> <h2>pur pur</h2> <ul> <li><a href="purpur.php?category=mitglied-werden" title="Werden Sie Mitglied bei pur pur Kultur" target="_self">Mitglied werden</a></li> <li><a href="purpur.php?category=spenden" title="Spenden" target="_self">Spenden</a></li> </ul> <!--pur pur end--> </div> <!--sidebar end--> <!--content--> <div id="content"> <h1>keine Ueberschrift 1</h1>
<h2>keine Ueberschrift 2</h2> kein text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </div> <!--content end--> </div> <!--main end-->
<!--footer--> <div id="footer"> <div id="validate"> <a href="http://validator.w3.org/check/referer" title="Diese Seite verwendet gültiges XHTML 1.0 Transitional" target="_blank">Gültiges <abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a> | <a href="http://jigsaw.w3.org/css-validator/validator?uri=http://killhill.dyndns.org/purpurkultur/purpur.php" title="Diese Seite verwendet gültiges CSS" target="_blank">Gültiges <abbr title="Cascading Style Sheets">CSS</abbr></a></div>
<div id="anchor"><a href="#top" title="Zurück zum Seitenanfang" target="_self"># Seitenanfang</a></div> </div> <!--footer end--> <!--nav help--> <ul class="hidden"> <li><a href="#navbar" accesskey="9" title="accesskey 9">Zur Navigation / Inhalt überspringen</a></li> <li><a href="#content" accesskey="0" title="accesskey 0">Zum Inhalt / Navigation überspringen</a></li> <li><a href="#sidebar" accesskey="s" title="accesskey 0">Zur Subnavigation / Inhalt und Navigation überspringen</a></li> </ul> <!--nav help end-->
</div> </body> </html> ##################################################################
CSS 1 (global.css) ################################################################## body { background-color:#fff; margin:0px 0px 0px 0px; }
div#root { background:url(http://localhost/purpurkultur/media/images/default/fauxColumn.gif) repeat-y 50% 0; background-color:#fff; margin:auto auto; margin-top:10px; margin-bottom:10px; text-align:left; padding-left:10px; padding-right:10px; width:670px; z-index:-1000; }
/* navbar */ div#navbar { background-color:#fff; color:#999999; font-size:13px; border-top:10px solid #fff; border-bottom:10px solid #fff; text-align:left; width:670px; }
html>body #navbar { width:670px; }
#navbar ul { margin-left:0px; margin-top:0px; margin-bottom:0px; padding:0px; }
#navbar li { display:inline; padding-right:2px; color:#999999; font-size:13px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; }
#navbar a:link, #navbar a:visited { color:#999999; text-decoration:none; }
#navbar a:hover { color:#000; text-decoration:none; }
#navSec01 #navbar A.nav01, #navSec02 #navbar A.nav02, #navSec03 #navbar A.nav03, #navSec04 #navbar A.nav04, #navSec05 #navbar A.nav05, #navSec06 #navbar A.nav06, #navSec07 #navbar A.nav07, #navSec08 #navbar A.nav08 { text-decoration:none; color:#000; }
#errorNav #navbar A.nav01, #errorNav #navbar A.nav02, #errorNav #navbar A.nav03, #errorNav #navbar A.nav04, #errorNav #navbar A.nav05, #errorNav #navbar A.nav06, #errorNav #navbar A.nav07, #errorNav #navbar A.nav08 { text-decoration:none; color:#999999; } /* navbar end */
div#banner { height:145px; width:670px; background-color:#F6F6F6; }
#banner img { border:none; width:670px; height:145px; }
div#main { padding-top:18px; width:670px; background-color:#F6F6F6; }
/sidebar/ div#sidebar { background-color:#F6F6F6; width:200px; float:left; }
#sidebar h1 { font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:normal; margin:2px; margin-left:2px; }
#sidebar h2 { font-size:16px; font-weight:normal; margin-left:2px; margin-top:25px; margin-bottom:0px; }
#sidebar ul { margin:0px; margin-left:2px; padding-left:13px; }
#sidebar li { list-style-image:url(http://localhost/purpurkultur/media/images/default/arrow.gif); }
#sidebar a:link, #sidebar a:visited { color:#666666; text-decoration:underline; }
#sidebar a:hover { color:#fff; text-decoration:none; } /sidebar end/
/content/ div#content { padding-right:5px; padding-bottom:5px; color:#666666; background-color:#F6F6F6; width:465px; float:right; }
#content a:link, #content a:visited { color:#666666; text-decoration:underline; }
#content a:hover { color:#ffffff; text-decoration:none; }
#content h1 { font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:normal; margin:0px; }
#content h2 { font-size:16px; font-weight:normal; margin:0px; margin-top:25px; }
#content h3 { font-size:12px; font-weight:normal; margin:0px; color:#999999; margin-bottom:4px; }
#content ul {
}
#content li {
}
.img_right { float:right; padding:2px; margin-top:5px; margin-left:10px; border:1px solid #666; background-color:#fff; }
.img_left { float:left; padding:2px; margin-top:5px; margin-right:10px; border:1px solid #666; background-color:#fff; }
/content end/
/footer/ div#footer { font-size:12px; color:#999999; background-color:#EEECE0; width:670px; height:19px; border-top:15px solid #F6F6F6; border-bottom:10px solid #fff; padding-top:2px; clear:both; }
div#validate { text-align:left; padding-left:5px; float:left; }
div#anchor { text-align:right; padding-right:5px; float:right; }
#footer a:link, #footer a:visited { color:#999999; text-decoration:none; }
#footer a:hover { color:#666666; text-decoration:none; }
#anchor a:link, #anchor a:visited { text-decoration:underline; }
#anchor a:hover { text-decoration:underline; } /footer end/
/nav help/ .hidden { display: none; visibility: hidden; }
/acronym/ acronym, abbr { border-bottom-width: medium; border-bottom-style: none; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #999999; }
acronym, abbr, span.caps { cursor: help; font-size: 90%; letter-spacing: 0.07em; } /acronym end/ ##################################################################
CSS 2 (purpur.css) (da sich die Farben je nach Bereich ändern) ################################################################## div#root { border:2px solid #ec1641; }
#sidebar h1 { color:#ec1641; }
#sidebar h2 { color:#ec1641; }
#sidebar a:hover { background-color:#ec1641; }
#content h1 { color:#ec1641; }
#content h2 { color:#ec1641; }
#content a:hover { background-color:#ec1641; } ################################################################