<head>
<!--
Created by Artisteer v3.1.0.55575
Base template (without user's data) checked by http://validator.w3.org : "This page is valid XHTML 1.0 Transitional"
-->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>{TITLE}</title>
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<!--[if IE 6]><link rel="stylesheet" href="style.ie6.css" type="text/css" media="screen" /><![endif]-->
<!--[if IE 7]><link rel="stylesheet" href="style.ie7.css" type="text/css" media="screen" /><![endif]-->
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="script.js"></script>
<style type="text/css">
.art-post .layout-item-0 { color: #FFFFFF; background:repeat #485346; }
.art-post .layout-item-1 { color: #FFFFFF; background:repeat #485346; padding-right: 10px;padding-left: 10px; }
.ie7 .art-post .art-layout-cell {border:none !important; padding:0 !important; }
.ie6 .art-post .art-layout-cell {border:none !important; padding:0 !important; }
</style>
</head>
<body>
<div id="art-page-background-glare-wrapper">
<div id="art-page-background-glare"></div>
</div>
<div id="art-main">
<div class="cleared reset-box"></div>
<div class="art-bar art-nav">
<div class="art-nav-outer">
<div class="art-nav-wrapper">
<div class="art-nav-inner">
<ul class="art-hmenu">
<li>
<a href="./new-page.html" class="active">News</a>
<ul>
<li>
<a href="./new-page/new-page.html">Subpage 1</a>
</li>
<li>
<a href="./new-page/new-page-2.html">Subpage 2</a>
</li>
<li>
<a href="./new-page/new-page-3.html">Subpage 3</a>
</li>
</ul>
</li>
<li>
<a href="./new-page-2.html">Spielinfo</a>
<ul>
<li>
<a href="./new-page-2/rassen.html">Rassen</a>
</li>
<li>
<a href="./new-page-2/klassen-skills.html">Klassen / Skills</a>
</li>
<li>
<a href="./new-page-2/berufe.html">Berufe</a>
</li>
<li>
<a href="./new-page-2/spielsystem.html">Spielsystem</a>
</li>
</ul>
</li>
<li>
<a href="./mediathek.html">Mediathek</a>
<ul>
<li>
<a href="./mediathek/screenshots.html">Screenshots</a>
</li>
<li>
<a href="./mediathek/videos.html">Videos</a>
</li>
</ul>
</li>
<li>
<a href="./forum.html">Forum</a>
</li>
<li>
<a href="./wiki.html">Wiki</a>
</li>
<li>
<a href="./profil-manager.html">Profil-Manager</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="cleared reset-box"></div>
<div class="art-box art-sheet">
<div class="art-box-body art-sheet-body">
<div class="art-header">
<div class="art-headerobject"></div>
<div class="art-logo">
</div>
</div>
<div class="cleared reset-box"></div>
<div class="art-layout-wrapper">
<div class="art-content-layout">
<div class="art-content-layout-row">
<div class="art-layout-cell art-sidebar1">
<div class="art-box art-block">
<div class="art-box-body art-block-body">
<div class="art-bar art-blockheader">
<h3 class="t">Neuer Block</h3>
</div>
<div class="art-box art-blockcontent">
<div class="art-box-body art-blockcontent-body">
<p><span style="font-size: 14px;">Enter Block content here...</span></p>
<p><span style="font-size: 14px;">luudlool.</span></p>
<div class="cleared"></div>
</div>
</div>
<div class="cleared"></div>
</div>
</div>
<div class="art-box art-block">
<div class="art-box-body art-block-body">
<div class="art-bar art-blockheader">
<h3 class="t">Blogroll</h3>
</div>
<div class="art-box art-blockcontent">
<div class="art-box-body art-blockcontent-body">
<div>
<ul>
<li>
<a href="#">My first blog</a>
</li>
<li>
<a href="#">Who will prevail?</a>
</li>
<li>
<a href="#">Stay positive!</a>
</li>
<li>
<a href="#">Oil still going up</a>
</li>
<li>
<a href="#">Obama wins again</a>
</li>
<li>
<a href="#">Gripes and Grins</a>
</li>
<li>
<a href="#">2008 Olympics</a>
</li>
<li>
<a href="#">How to SEO</a>
</li>
<li>
<a href="#">On Global Warming</a>
</li>
<li>
<a href="#">Can you guess?</a>
</li>
</ul>
</div>
<div class="cleared"></div>
</div>
</div>
<div class="cleared"></div>
</div>
</div>
<div class="cleared"></div>
</div>
<div class="art-layout-cell art-content">
<div class="art-box art-post">
<div class="art-box-body art-post-body">
<div class="art-post-inner art-article">
<h2 class="art-postheader">News
</h2>
<div class="art-postcontent">
<div class="art-content-layout layout-item-0">
<div class="art-content-layout-row">
<div class="art-layout-cell layout-item-1" style="width: 100%;">
<p><img src="images/preview.jpg" alt="an image" id="preview-image" name="preview-image" /></p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam pharetra, tellus sit amet congue vulputate, nisi erat iaculis nibh, vitae feugiat sapien ante eget mauris. Aenean sollicitudin imperdiet arcu, vitae dignissim est posuere id.</p>
<p><a href="#"><span style=" color: #ED8312;">Read <span style="color: #ED8312;">more</span></span></a></p>
</div>
</div>
</div>
</div>
<div class="cleared"></div>
</div>
<div class="cleared"></div>
</div>
</div>
<div class="cleared"></div>
</div>
<div class="art-layout-cell art-sidebar2">
<div class="art-box art-block">
<div class="art-box-body art-block-body">
<div class="art-bar art-blockheader">
<h3 class="t">Archive</h3>
</div>
<div class="art-box art-blockcontent">
<div class="art-box-body art-blockcontent-body">
<div>
<ul>
<li>
<a href="#" title="November 2008">November 2008</a>
</li>
<li>
<a href="#" title="October 2008">October 2008</a>
</li>
<li>
<a href="#" title="September 2008">September 2008</a>
</li>
<li>
<a href="#" title="June 2008">June 2008</a>
</li>
</ul>
</div>
<div class="cleared"></div>
</div>
</div>
<div class="cleared"></div>
</div>
</div>
<div class="art-box art-block">
<div class="art-box-body art-block-body">
<div class="art-bar art-blockheader">
<h3 class="t">Suchen</h3>
</div>
<div class="art-box art-blockcontent">
<div class="art-box-body art-blockcontent-body">
<div>
<form method="get" name="searchform" action="#">
<input type="text" value="" name="s" style="width: 95%;" />
<span class="art-button-wrapper">
<span class="art-button-l"> </span>
<span class="art-button-r"> </span>
<a class="art-button" href="javascript:void(0)">Search</a>
</span>
</form>
</div>
<div class="cleared"></div>
</div>
</div>
<div class="cleared"></div>
</div>
</div>
<div class="art-box art-block">
<div class="art-box-body art-block-body">
<div class="art-bar art-blockheader">
<h3 class="t">Kategorien</h3>
</div>
<div class="art-box art-blockcontent">
<div class="art-box-body art-blockcontent-body">
<div>
<p>Lorem ipsum dolor sit amet. Nam sit amet sem. Mauris a ante.</p>
<ul>
<li>
<a href="#" title="All News">All News</a> (50)
</li>
<li>
<a href="#" title="Best of the Year">Best of the Year</a> (4)
</li>
<li>
<a href="#" title="Hyperlink">Hyperlink</a> (24)
</li>
<li>
<a href="#" title="Visited link" class="visited">Visited link</a> (17)
</li>
<li>
<a href="#" title="Hovered link" class="hover">Hovered link</a> (6)
</li>
</ul>
</div>
<div class="cleared"></div>
</div>
</div>
<div class="cleared"></div>
</div>
</div>
<div class="cleared"></div>
</div>
</div>
</div>
</div>
<div class="cleared"></div>
<div class="art-footer">
<div class="art-footer-body">
<a href="#" class="art-rss-tag-icon" title="RSS"></a>
<div class="art-footer-text">
<p><a href="#">Link1</a> | <a href="#">Link2</a> | <a href="#">Link3</a></p>
<p>Copyright © 2011. All Rights Reserved.</p>
</div>
<div class="cleared"></div>
</div>
</div>
<div class="cleared"></div>
</div>
</div>
<div class="cleared"></div>
<div class="cleared"></div>
</div>
</body>
</html>