Antikoerperchen
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head profile="http://dublincore.org/documents/dcq-html/">
<title>Antikoerperchen</title>
<meta name="author" content="Dirk Niemeier" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="robots" content="index,follow" />
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<style type='text/css'>
body {
background-image: url(Antikoerperchen-graphics/aqua.jpg);
background-repeat: repeat;
background-position: 0 0;
background-color: #FFFFFF;
text-align: center; }
a {
text-decoration: none; }
a:hover {
text-decoration: underline; }
#sidebar a:visited {
color: #8B0000; }
.border_left {
width: 100%;
background-image: url(Antikoerperchen-graphics/border_left.gif);
background-repeat: repeat-y;
background-position: 0 0; }
.border_right {
width: 100%;
background-image: url(Antikoerperchen-graphics/border_right.gif);
background-repeat: repeat-y;
background-position: 100% 0; }
#title_adjustment {
padding-top: 5px; }
#image_title {
width: 600px;
height: 120px;
border: 1px dashed #000000; }
.content_border {
margin-left: 15px;
margin-right: 15px;
width: auto; }
#title2 {
height: 31px;
width: 100%;
background-image: url(Antikoerperchen-graphics/title2_background.png);
background-repeat: repeat-x;
background-position: 0 0; }
#title {
overflow: hidden;
height: 134px;
width: 100%;
background-image: url(Antikoerperchen-graphics/title_background.gif);
background-repeat: repeat;
background-position: 0 0; }
#title2_left {
width: 100%;
height: 31px;
background-image: url(Antikoerperchen-graphics/title2_left.png);
background-repeat: no-repeat;
background-position: 0 0; }
#title2_right {
margin-left: 74%;
width: auto;
height: 31px;
background-image: url(Antikoerperchen-graphics/title2_right.gif);
background-repeat: no-repeat;
background-position: 0 0; }
#title2_end {
width: 100%;
height: 31px;
background-image: url(Antikoerperchen-graphics/title2_end.gif);
background-repeat: no-repeat;
background-position: 100% 0; }
#content {
width: 100%;
background-image: url(Antikoerperchen-graphics/sidebar_background.gif);
background-repeat: repeat;
background-position: 0 0; }
#bloglist {
border-right: 1px solid #A4A1A4;
background-image: url(Antikoerperchen-graphics/content_background.gif);
background-repeat: repeat;
background-position: 0 0;
width: 73%;
float: left;
text-align: left;
min-height: 650px;
height: auto !important;
height: 650px; }
#sidebar {
text-align: left;
padding-top: 20px;
margin-right: 0px;
width: 26%;
font-size: 0.8em;
float: left; }
#dummy {
width: 100%;
height: 1px;
margin-left: auto;
margin-right: auto;
clear: both; }
#border_left_head {
width: 100%;
height: 24px;
background-image: url(Antikoerperchen-graphics/border_left_head.gif);
background-repeat: no-repeat;
background-position: 0 0; }
#head {
width: 100%;
height: 24px;
background-image: url(Antikoerperchen-graphics/head_background.gif);
background-repeat: repeat-x;
background-position: 0 0; }
#head_border {
margin-left: 19px;
margin-right: 19px;
width: auto; }
#border_right_head {
width: 100%;
height: 24px;
background-image: url(Antikoerperchen-graphics/border_right_head.gif);
background-repeat: no-repeat;
background-position: 100% 0; }
#head_left {
width: 100%;
height: 24px;
background-image: url(Antikoerperchen-graphics/head_left.gif);
background-repeat: no-repeat;
background-position: 0 0; }
#head_right {
width: 100%;
height: 24px;
background-image: url(Antikoerperchen-graphics/head_right.gif);
background-repeat: no-repeat;
background-position: 100% 0; }
#cumulative_border {
min-width: 640px;
width: 76%;
margin-left: auto;
margin-right: auto; }
#footer_left {
background-image: url(Antikoerperchen-graphics/footer_left.gif);
background-repeat: no-repeat;
background-position: 0 0;
margin-left: auto;
margin-right: auto;
width: 100%;
height: 22px; }
#footer_border {
margin-left: 27px;
margin-right: 27px;
width: auto; }
#footer_right {
width: 100%;
background-image: url(Antikoerperchen-graphics/footer_right.gif);
background-repeat: no-repeat;
background-position: 100% 0;
height: 22px; }
#footer {
background-image: url(Antikoerperchen-graphics/footer_background.gif);
background-repeat: repeat-x;
background-position: 0 0;
width: 100%;
height: 22px; }
.inner_border {
padding-left: 15px;
padding-top: 15px;
padding-right: 15px;
padding-bottom: 13px; }
.inner_border2 {
padding-left: 10px; }
.blog_entry {
line-height: 22px;
background-image: url(Antikoerperchen-graphics/blog_entry.gif);
background-repeat: repeat;
background-position: 0 0;
border: 1px solid #000000;
padding: 5px 10px 0px 10px;
margin-bottom: 20px;
font-size: 0.9em;
text-align: justify;
vertical-align: top; }
.show_processing_possibilities_button {
font-size: 0.9em; }
.comment_entry {
line-height: 20px;
background-image: url(Antikoerperchen-graphics/comment_entry.gif);
background-repeat: repeat;
background-position: 0 0;
border: 1px solid #000000;
padding: 0px 10px 0px 10px;
margin-bottom: 20px;
font-size: 0.9em;
text-align: justify; }
.quote {
margin-left: 5px;
margin-right: 15px;
padding-left: 5px;
color: #737373;
border-left: 5px solid #D3D3D3;
margin-top: -5px;
margin-bottom: -5px; }
.code {
margin-left: 5px;
margin-right: 15px;
padding-left: 5px;
color: #737373;
border-left: 5px solid #ADD8E6;
margin-top: -5px;
margin-bottom: 5px;
font-size: 0.9em;
text-align: left; }
#to_entry_anchor {
float: right; }
.example {
margin-left: 5px;
margin-right: 15px;
padding-left: 5px;
color: #737373;
border-left: 5px solid #E69D9D;
margin-top: -5px;
margin-bottom: 5px;
font-size: 0.9em;
text-align: left; }
.definition {
font-style: normal;
border-bottom: 1px dotted #000000;
cursor: help; }
.abbreviation {
font-style: normal;
border-bottom: 1px dashed #000000;
cursor: help; }
.acronym {
font-style: normal;
border-bottom: 1px dashed #000000;
cursor: help; }
.kommentarheader {
border-bottom: 1px solid black;
margin-top: 10px;
margin-bottom: 10px; }
.kommentarende {
display: none; }
.entries_start {
display: none; }
.variable {
font-style: normal;
font-weight: bold;
font-size: 0.9em;
padding-left: 5px;
padding-right: 5px;
font-family: courier, fixed, monospace; }
.list {
margin-top: -10px;
margin-bottom: 0px;
list-style-type: disc;
margin-left: 20px;
padding-left: 0px; }
.list_entry {
margin-top: -13px;
margin-bottom: -13px; }
.variable:before {
content: "\203A"; }
.variable:after {
content: "\2039"; }
.blog_title {
font-weight: bold;
font-size: 1.1em;
margin-bottom: 0px;
text-align: left; }
.write_comment_link { }
.print_version_link { }
.edit_link { }
.delete_link { }
.navi_left { }
.entry_before {
float: left; }
.entry_after {
float: right; }
.blog_date {
font-size: 0.9em; }
.comment_input {
border-style: solid;
border-width: 1px;
border-color: black;
margin-bottom: 1px;
font-size: 1em; }
.textarea {
width: 100%;
font-size: 1.0em; }
.title_link {
color: black; }
</style>
<link rel="schema.DCTERMS" href="http://purl.org/dc/terms/" />
<meta name="DC.title" content="" />
<meta name="DC.creator" content="Dirk Niemeier" />
<meta name="DC.subject" content="" />
<meta name="DC.description" content="" />
<meta name="DC.publisher" content="" />
<meta name="DC.date" content="" scheme="DCTERMS.W3CDTF" />
<meta name="DC.type" content="" scheme="DCTERMS.DCMIType" />
<meta name="DC.format" content="text/html" scheme="DCTERMS.IMT" />
<meta name="DC.identifier" content="" scheme="DCTERMS.URI" />
<meta name="DC.source" content="" scheme="DCTERMS.URI" />
<meta name="DC.language" content="" scheme="DCTERMS.RFC3066" />
<meta name="DC.relation" content="" scheme="DCTERMS.URI" />
<meta name="DC.coverage" content="" scheme="DCTERMS.TGN" />
<meta name="DC.rights" content="" />
<link rel="stylesheet" type="text/css" href="css/style1.css" title="Standard" media="screen" />
<!-- <link rel="shortcut icon" href="Antikoerperchen-graphics/favicon.ico" /> -->
</head>
<body>
<div id="cumulative_border">
<div id="border_left_head">
<div id="border_right_head">
<div id="head_border">
<div id="head">
<div id="head_left">
<div id="head_right">
</div>
</div>
</div>
</div> <!-- End of Content, Border -->
</div> <!-- End of Border, Head right -->
</div> <!-- End of Border, Head left -->
<div class="border_left">
<div class="border_right">
<div class="content_border">
<div id="title">
<div id="title_adjustment">
<a href="index.html"><img src="Antikoerperchen-graphics/title_background.jpg" id="image_title" alt="Homepage" title="Homepage" width="600" height="120" /></a>
</div>
</div>
</div> <!-- End of Content, Border -->
</div> <!-- End of Title Border right -->
</div> <!-- End of Title Border left -->
<div class="border_left">
<div class="border_right">
<div class="content_border">
<div id="title2">
<div id="title2_left">
<div id="title2_right">
<div id="title2_end">
</div>
</div>
</div>
</div>
</div> <!-- End of Content, Border -->
</div> <!-- End of Title2 Border right -->
</div> <!-- End of Title2 Border left -->
<div class="border_left">
<div class="border_right">
<div class="content_border">
<div id="content">
<div id="bloglist">
<div class="inner_border">
<div class="blog_entry">
<div class="navi_left">
<div class="entry_before">
« <a href="index.html">Backward</a>
</div>
<div class="entry_after">
<a href="index.html">Forward</a> »
</div>
<br />
<a href="#comment_form" class="write_comment_link">Post comment</a> | <a href="index.html" class="print_version_link">Print version</a><a name="entry"></a> | <a href="index.html" class="edit_link">Edit</a> | <a href="index.html" class="delete_link">Delete</a>
</div>
<h1 class="blog_title"><a href="index.html" class="title_link">Lorem Ipsum</a></h1><span class="blog_date">March 15, 2005 (#1)</span>
<!-- CONTENT START -->
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam nunc ante, dignissim id, molestie consectetuer, posuere a, libero. Phasellus volutpat, metus quis hendrerit dignissim, metus purus consequat massa, eget sollicitudin purus augue vitae est. Aliquam bibendum. Pellentesque nec enim eu lacus tristique sagittis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis congue. Nullam a mauris in ligula convallis volutpat. Fusce ac justo sit amet nisi auctor ultricies. Vivamus molestie congue lectus. Morbi non velit. Nulla pede massa, venenatis facilisis, commodo eget, porta eu, tellus. Sed quis lectus. Quisque in arcu vel nulla imperdiet pellentesque. Sed nec augue. Nunc nunc enim, auctor a, bibendum sed, placerat id, lectus.</p>
<p>Quisque et odio pulvinar enim porttitor facilisis. Morbi viverra malesuada quam. Praesent sed ligula. Proin volutpat. Curabitur pretium. In hac habitasse platea dictumst. Donec non est at massa commodo eleifend. Suspendisse nisl sapien, ultricies vel, commodo ut, ornare et, augue. Pellentesque a risus. Aenean in risus quis arcu tempus venenatis. Etiam hendrerit mollis erat.</p>
<p>Aliquam libero mi, semper ac, pulvinar elementum, ultrices a, quam. Ut commodo scelerisque risus. Mauris vitae augue sit amet mauris rutrum suscipit. Quisque convallis elit ac metus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Nam gravida sem at eros. Sed sit amet elit in justo varius mattis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed elit mauris, bibendum nec, suscipit sit amet, pellentesque vitae, ante. Curabitur pretium. Aliquam erat volutpat. Phasellus ac dolor quis quam cursus scelerisque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
<p>Ut est. Aliquam sem diam, tincidunt at, sodales et, sodales quis, tortor. Vestibulum posuere tortor eu odio. Vivamus arcu diam, eleifend eget, tristique ut, sagittis et, purus. Etiam at est a nibh pellentesque porta. Aliquam erat volutpat. Duis cursus euismod nisi. Proin id tortor sit amet ipsum feugiat commodo. Quisque orci lorem, porta ac, placerat at, dignissim vitae, urna. Sed iaculis hendrerit dui. Ut tincidunt nisi in nisi. Nam pulvinar ipsum. Praesent molestie tempor mi. Praesent congue, felis in mollis lacinia, ipsum ante fermentum metus, eu condimentum quam sapien non ante. Phasellus sodales augue. Suspendisse nunc velit, ullamcorper ut, tincidunt ac, scelerisque eget, nisi. Fusce vehicula. Sed iaculis ipsum a sem. Maecenas eu orci et felis elementum ornare.</p>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc auctor scelerisque enim. Ut non odio convallis ipsum consectetuer porta. Vivamus dictum sagittis ligula. Integer non nunc. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Integer posuere faucibus lorem. Sed congue, tellus et suscipit egestas, sapien diam auctor metus, a cursus sem magna vitae est. Sed a eros ut metus faucibus nonummy. Nulla semper risus sit amet elit. In faucibus mi sed lectus.</p>
<div class="code"><code>Code example:<br />
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc auctor scelerisque enim. Ut non odio convallis ipsum consectetuer porta. Vivamus dictum sagittis ligula. Integer non nunc. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.</code></div>
<br />
<blockquote class="quote"><p>Quote:<br />
Ut est. Aliquam sem diam, tincidunt at, sodales et, sodales quis, tortor. Vestibulum posuere tortor eu odio. Vivamus arcu diam, eleifend eget, tristique ut, sagittis et, purus. Etiam at est a nibh pellentesque porta. Aliquam erat volutpat. Duis cursus euismod nisi. Proin id tortor sit amet ipsum feugiat commodo. Quisque orci lorem, porta ac, placerat at, dignissim vitae, urna.</p></blockquote>
<br />
<div class="example"><samp>Sample:<br />
Ut est. Aliquam sem diam, tincidunt at, sodales et, sodales quis, tortor. Vestibulum posuere tortor eu odio. Vivamus arcu diam, eleifend eget, tristique ut, sagittis et, purus. Etiam at est a nibh pellentesque porta. Aliquam erat volutpat. Duis cursus euismod nisi. Proin id tortor sit amet ipsum feugiat commodo. Quisque orci lorem, porta ac, placerat at, dignissim vitae, urna.</samp></div>
<br />
<dfn class="definition" title="Example for a definition">Definition</dfn><br />
<abbr class="abbreviation" title="Example for an abbreviation">Efaa</abbr><br />
<acronym class="acronym" title="Acronym Example">AE</acronym><br />
<var class="variable">Example for a variable</var><br />
<em>An emphasizing</em><br />
<strong>Strong emphasizing</strong><br /><br />
A list:
<ul class="list">
<li class="list_entry"><p>Entry 1</p></li>
<li class="list_entry"><p>Entry 2</p></li>
<li class="list_entry"><p>Entry 3</p></li>
</ul>
<!-- CONTENT END -->
</div>
<hr class="entries_start" />
<a name="comments"></a>
<div class="comment_entry">
<p>No comments here! :'-(</p>
</div>
<div class="comment_entry">
<p><a name="comment_form"></a></p><a href="#entry" title="Top" id="to_entry_anchor">↑↑</a>
<form action="index.html#comments" method="post">
<p><input type="text" tabindex="1" class="comment_input" name="comment_name" size="35" value="" id="user_name" /> <label for="user_name">Name</label><br />
<input type="text" tabindex="2" class="comment_input" name="comment_email" size="35" value="" id="user_email" /> <label for="user_email">E-Mail</label><br />
<input type="text" tabindex="3" class="comment_input" name="comment_homepage" size="35" value="" id="user_homepage" /> <label for="user_homepage">Homepage</label><br />
<input type="hidden" tabindex="4" name="comment_posted" value="set" /><br />
<textarea class="comment_input textarea" tabindex="5" cols="61" rows="15" name="comment_input"></textarea><br />
<input type="image" tabindex="6" src="Antikoerperchen-graphics/submit_unclickt.gif" alt="Submit comment" accesskey="s" name="submit" value="Submit comment" />
<input type="image" tabindex="7" src="Antikoerperchen-graphics/preview_unclickt.gif" alt="Show preview" accesskey="v" name="preview" value="Show preview" /></p>
</form><script type="text/javascript">
<!--
function popUp1() {
var properties,swidth,shight,window02;
var ns6 = (!document.all && document.getElementById);
var ie4 = (document.all);
var ns4 = (document.layers);
if(ns6||ns4) {
swidth = innerWidth;
shight = innerHeight;
}
else if(ie4) {
swidth = document.body.clientWidth;
shight = document.body.clientHeight;
}
window_width=480;
shight=shight+100;
x = (swidth-window_width);
popUp=window.open('index.html?formatierungen_anzeigen=1#format', 'NewWindows', 'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width='+window_width+',height='+shight+',left='+x+',top=0');
};
// -->
</script>
<a href="javascript:popUp1()" class="show_processing_possibilities_button">Show processing possibilities</a></div>
</div>
</div> <!-- End of Bloglist -->
<div id="sidebar">
<div class="inner_border2">
<!-- SIDEBAR START -->
Some links and additional information here<br />
<a href="index.html">Example</a>
<!-- SIDEBAR END -->
</div>
</div>
<div id="dummy">
</div>
</div> <!-- End of Content -->
</div> <!-- End of Content, Border -->
</div> <!-- End of Border right -->
</div> <!-- End of Border left -->
<div id="footer_left">
<div id="footer_right">
<div id="footer_border">
<div id="footer">
</div>
</div> <!-- End of Content, Border -->
</div> <!-- End of Footer right -->
</div> <!-- End of Footer left -->
</div> <!-- End of cumulative border -->
</body>
</html>
Related examples in the same category