YellowFantastic
CSS-Design "YellowFantastic"
Wichtiger Hinweis:
Grafiken und Header dürfen ausgetauscht werden. Die Copyright-Informationen dürfen weder entfernt noch verändert werden.
Designinhaber: turbopage
Grafiken und Header dürfen ausgetauscht werden. Die Copyright-Informationen dürfen weder entfernt noch verändert werden.
Designinhaber: turbopage
Bewertung dieses Designs:
Schritte:
1.) Einloggen
2.) Design einstellen
3.) CSS-Design auswählen
4.) Die untenstehenden Codes in die richtigen Felder einfügen
5.) Speichern
Text über dem Design:
<style type="text/css"> <!--
td[height="102"] {
position:absolute;
left:50%;
margin-left:-384px; }
--> </style> <!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" dir="ltr" lang="en-US" xml:lang="en"> <head> <!--
Created by Artisteer v3.0.0.32906
Base template (without user's data) checked by http://validator.w3.org : "This page is valid XHTML 1.0 Transitional"
--> <FCK:meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Artisteer </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]--> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="script.js"></script> </head> <body> <div id="art-main"> <div class="art-sheet">
<div class="art-sheet-tl"></div>
<div class="art-sheet-tr"></div>
<div class="art-sheet-bl"></div>
<div class="art-sheet-br"></div>
<div class="art-sheet-tc"></div>
<div class="art-sheet-bc"></div>
<div class="art-sheet-cl"></div>
<div class="art-sheet-cr"></div>
<div class="art-sheet-cc"></div>
<div class="art-sheet-body">
<div class="art-header">
<div class="art-header-png"></div>
<div class="art-header-jpeg"></div>
<div class="art-logo">
<h1 id="name-text" class="art-logo-name"><a href="#" >YellowFantastic</a></h1>
<h2 id="slogan-text" class="art-logo-text">Dein kostenloses Template</h2> </div> </div>
<div class="art-nav">
<div class="l"></div>
<div class="r"></div>
<ul class="art-menu">
<li>
<a href="#" class="active"><span class="l"></span><span class="r"></span><span class="t">Home</span></a>
</li>
<li> <a href="#"><span class="l"></span><span class="r"></span><span class="t">Menu Item</span></a> <ul>
<li><a href="#" _fcksavedurl="#">Menu Subitem 1</a> <ul>
<li><a href="#"Menu Subitem 1.1</a></li>
<li><a href="#"Menu Subitem 1.2</a></li>
<li><a href="#"Menu Subitem 1.3</a></li> </ul> </li>
<li><a href="#"Menu Subitem 2</a></li>
<li><a href="#"Menu Subitem 3</a></li> </ul> </li>
<li>
<a href="#" _fcksavedurl="#">
<span class="l"></span><span class="r"></span>
<span class="t">About</span></a> </li> </ul> </div>
<div class="art-content-layout">
<div class="art-content-layout-row">
<div class="art-layout-cell art-sidebar1">
<div class="art-vmenublock">
<div class="art-vmenublock-body">
<div class="art-vmenublockheader">
<h3 class="t">Menü 2</h3> </div>
<div class="art-vmenublockcontent">
<div class="art-vmenublockcontent-body">
<ul class="art-vmenu">
<li>
<a href="page.html?i1" ><span class="l">
</span><span class="r"></span><span class="t">Home</span></a> </li> <li>
<a href="page.html?i2" ><span class="l"></span><span class="r"></span>
<span class="t">News</span></a> <ul>
<li><a href="page.html?" >Top 10</a></li> </ul> </li>
<li> <a href="page.html?i4" ><span class="l"></span><span class="r"></span>
<span class="t">Video</span></a> </li>
<li> <a href="page.html?i5" ><span class="l"></span><span class="r"></span>
<span class="t">Archive</span></a> <ul>
<li><a href="page.html?i5s1" >2008</a> <ul>
<li><a href="page.html?i5s1s1" >January</a></li>
<li><a href="page.html?i5s1s2" >February</a></li>
<li><a href="page.html?i5s1s3" >March</a></li> </ul> </li>
<li><a href="page.html?i5s2" >2007</a> <ul>
<li><a href="page.html?i5s2s1" >January</a></li>
<li><a href="page.html?i5s2s2" >February</a></li>
<li><a href="page.html?i5s2s3" >March</a></li> </ul> </li>
<li><a href="page.html?i5s3" >2006</a> <ul>
<li><a href="page.html?i5s3s1" >January</a></li>
<li><a href="page.html?i5s3s2" >February</a></li>
<li><a href="page.html?i5s3s3" >March</a></li> </ul> </li> </ul> </li>
<li>
<a href="page.html?i6" ><span class="l"></span>
<span class="r"></span>
<span class="t">Forum</span></a> </li>
<li>
<a href="page.html?i7" >
<span class="l"></span>
<span class="r"></span><span class="t">About</span></a> </li>
<li>
<a href="page.html?i8" >
<span class="l"></span>
<span class="r"></span><
span class="t">Contact</span></a> </li> </ul> <
div class="cleared"></div> </div> </div>
<div class="cleared"></div> </div> </div>
<div class="art-block">
<div class="art-block-body">
<div class="art-blockheader">
<div class="l"></div> <
div class="r"></div>
<h3 class="t">Categories</h3> </div> <
div class="art-blockcontent">
<div class="art-blockcontent-body">
<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 class="cleared"></div> </div> </div>
<div class="cleared"></div> </div> </div>
<div class="art-block">
<div class="art-block-body">
<div class="art-blockheader">
<div class="l"></div>
<div class="r"></div>
<h3 class="t">Bookmarks</h3> </div>
<div class="art-blockcontent">
<div class="art-blockcontent-body"> <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 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-post">
<div class="art-post-body">
<div class="art-post-inner art-article">Text unter dem Design:
<div class="cleared"> </div> <div class="cleared"> </div> <div class="art-layout-cell art-sidebar2"> <div class="art-block"> <div class="art-block-body"> <div class="art-blockheader"> <div class="l"> </div> <div class="r"> </div> <h3 class="t">Search</h3> </div> <div class="art-blockcontent"> <div class="art-blockcontent-body">
<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>
<input type="submit" class="art-button" name="search" value="Search" /> </span> </form> <div class="cleared"> </div> </div> </div>
<div class="cleared"> </div> </div> </div>
<div class="art-block">
<div class="art-block-body">
<div class="art-blockheader"> <div class="l"> </div>
<div class="r"> </div>
<h3 class="t">Archive</h3> </div>
<div class="art-blockcontent">
<div class="art-blockcontent-body"> <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 class="cleared"> </div> </div>
</div> <div class="cleared"> </div> </div> </div>
<div class="cleared"> </div> </div>
<div class="cleared"> </div>
<div class="art-footer"> <div class="art-footer-t"> </div>
<div class="art-footer-l"> </div> <div class="art-footer-b"> </div>
<div class="art-footer-r"> </div> <div class="art-footer-body">
<div class="art-footer-text"> <p>Coding by <a href="http://turbopage.de.tl" >Turbopage</a>
| <a href="#" >Link2</a>
|<a href="#" >Link3</a></p>
<p>Copyright © 2012. All Rights Reserved.</p> </div>
<div class="cleared"> </div> </div> </div>
<div class="cleared"> </div> <div class="cleared"> </div>
<p class="art-page-footer">Powered by <a href="http://wordpress.org/" >WordPress</a> and <a href="http://www.artisteer.com/?p=wordpress_themes" >WordPress Theme</a> created with Artisteer.</p> <br /> <br /> <br />
CSS-Code ohne Style Tags:
#extraDiv1 {display: none;} #extraDiv2 {display: none;} #extraDiv3 {display: none;} #extraDiv4 {display: none;} #extraDiv5 {display: none;} #extraDiv6 {display: none;} #pre_header {display: none;} #post_header {display: none;} #pre_content {display: none;} #nav_heading{display: none;} #nav{display: none;} div.header{display: none;} h1#title{display: none;} h2#title span {display: none;} /* Theme Name: YellowFantasticHTML Theme URI: Description: Artisteer-generated theme Version: 1.0 Author: Author URI: Tags: fixed width, three columns, valid XHTML, widgets */ /* begin Page */ /* Created by Artisteer v3.0.0.32906 */
#art-main, table { font-family: Tahoma, Arial, Helvetica, Sans-Serif; font-style: normal; font-weight: normal; font-size: 13px; text-align: justify; }
h1, h2, h3, h4, h5, h6, p, a, ul, ol, li { margin: 0; padding: 0; } body { margin: 0 auto; padding: 0; color: #434D1F; background-color: #7C8E39; background-image: url('http://www.loaditup.de/files/658532_scpdgrg6mw.jpg'); background-repeat: repeat-x; background-attachment: fixed; background-position: top left; }
.art-postcontent,
.art-postcontent li,
.art-postcontent table,
.art-postcontent a,
.art-postcontent a:link,
.art-postcontent a:visited,
.art-postcontent a.visited,
.art-postcontent a:hover,
.art-postcontent a.hovered { font-family: Tahoma, Arial, Helvetica, Sans-Serif; }
.art-postcontent p { margin: 12px 0 12px 0; }
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; font-size: 33px; } .art-postcontent a { text-decoration: underline; color: #6F6C2F; }
.art-postcontent a:link { text-decoration: underline; color: #6F6C2F; }
.art-postcontent a:visited,
.art-postcontent a.visited { text-decoration: none; color: #85993D; }
.art-postcontent a:hover,
.art-postcontent a.hover { text-decoration: none; color: #24230F; }
.art-postcontent h1 { margin: 20px 0 20px 0; color: #6F6C2F; }
.art-postcontent h2 { color: #6F6C2F; margin: 22px 0 22px 0; font-size: 31px; }
.art-postcontent h3 { margin: 18px 0 18px 0; color: #A4BB54; font-size: 20px; }
.art-postcontent h4 { margin: 20px 0 20px 0; color: #5C6A2A; font-size: 18px; }
.art-postcontent h5 { margin: 23px 0 23px 0; color: #5C6A2A; font-size: 15px; }
.art-postcontent h6 { margin: 28px 0 28px 0; color: #5C6A2A; font-size: 13px; }
ul { list-style-type: none; } ol { list-style-position: inside; }
#art-main { position: relative; width: 100%; left: 0; top: 0; cursor:default; }
.cleared { float: none; clear: both; margin: 0; padding: 0; border: none; font-size: 1px; }
form { padding: 0 !important; margin: 0 !important; }
table.position { position: relative; width: 100%; table-layout: fixed; } /* end Page */ /* begin Box, Sheet */ .
art-sheet { position: relative; margin: 0 auto; min-width: 25px; min-height: 25px; } .
art-sheet-body { position: relative; padding: 9px; }
.art-sheet-tr, .
art-sheet-tl,
.art-sheet-br,
.art-sheet-bl,
.art-sheet-tc,
.art-sheet-bc,.
art-sheet-cr,
.art-sheet-cl { position: absolute; }
.art-sheet-tr,
.art-sheet-tl,
.art-sheet-br,
.art-sheet-bl { width: 36px; height: 36px; background-image: url('http://www.loaditup.de/files/658534_wxx32bq9u6.png'); }
.art-sheet-tl { top: 0; left: 0; clip: rect(auto, 18px, 18px, auto); }
.art-sheet-tr { top: 0; right: 0; clip: rect(auto, auto, 18px, 18px); }
.art-sheet-bl { bottom: 0; left: 0; clip: rect(18px, 18px, auto, auto); }
.art-sheet-br { bottom: 0; right: 0; clip: rect(18px, auto, auto, 18px); }
.art-sheet-tc, .art-sheet-bc { left: 18px; right: 18px; height: 36px; background-image: url('http://www.loaditup.de/files/658536_efe7ffv9w8.png'); }
.art-sheet-tc { top: 0; clip: rect(auto, auto, 18px, auto); }
.art-sheet-bc { bottom: 0; clip: rect(18px, auto, auto, auto); }
.art-sheet-cr, .art-sheet-cl { top: 18px; bottom: 18px; width: 36px; background-image: url('http://www.loaditup.de/files/658537_vrhhyawm59.png'); }
.art-sheet-cr { right: 0; clip: rect(auto, auto, auto, 18px); }
.art-sheet-cl { left: 0; clip: rect(auto, 18px, auto, auto); }
.art-sheet-cc { position: absolute; top: 18px; left: 18px; right: 18px; bottom: 18px; background-color: #F3F2E2; }
.art-sheet { top: 75px !important; margin-bottom: 75px !important; cursor:auto; width: 90%; } /* end Box, Sheet */ /* begin Header */
div.art-header { margin: 0 auto; position: relative; width: 100%; height: 175px; overflow: hidden; }
div.art-header-png { position: absolute; left:0; top: 0; width: 1920px; height: 175px; background-image: url('http://www.loaditup.de/files/658538_4589wnnnmu.jpg'); background-repeat: no-repeat; background-position:center center; }
div.art-header-jpeg { position: absolute; top: 0; left:0; width: 1920px; height: 175px; background-image: url('http://www.loaditup.de/files/658538_4589wnnnmu.jpg'); background-repeat: no-repeat; background-position: center center; } /* end Header */ /* begin Logo */ div.art-logo { display: block; position: absolute; left: 10px; top: 62px; width: 1900px; }
h1.art-logo-name { display: block; text-align: left; }
h1.art-logo-name,
h1.art-logo-name a,
h1.art-logo-name a:link,
h1.art-logo-name a:visited,
h1.art-logo-name a:hover { font-style: normal; font-variant: small-caps; font-weight: bold; font-size: 34px; text-decoration: none; padding: 0; margin: 0; color: #342C04 !important; }
h2.art-logo-text,
h2.art-logo-text a,
h2.art-logo-text a:link,
h2.art-logo-text a:visited,
h2.art-logo-text a:hover { font-family: Tahoma, Arial, Helvetica, Sans-Serif; font-style: normal; font-weight: bold; font-size: 13px; text-transform: uppercase; padding: 0; margin: 0; color: #342C04 !important; }
h2.art-logo-text { display: block; text-align: left; } /* end Logo */ /* begin Menu */ /* menu structure */ .art-menu a,
.art-menu a:link,
.art-menu a:visited,
.art-menu a:hover { outline: none; }
.art-menu,
.art-menu ul { margin: 0; padding: 0; border: 0; list-style-type: none; display: block; }
.art-menu li { margin: 0; padding: 0; border: 0; display: block; float: left; position: relative; z-index: 5; background: none; }
.art-menu li:hover { z-index: 10000; white-space: normal; }
.art-menu li li { float: none; }
.art-menu ul { visibility: hidden; position: absolute; z-index: 10; left: 0; top: 0; background: none; } .art-menu li:hover>ul { visibility: visible; top: 100%; }
.art-menu li li:hover>ul { top: 0; left: 100%; }
.art-menu:after, .art-menu ul:after { content: "."; height: 0; display: block; visibility: hidden; overflow: hidden; clear: both; } .art-menu, .art-menu ul { min-height: 0; }
.art-menu ul { background-image: url('http://www.loaditup.de/files/658539_rmhzft8ycv.gif'); padding: 10px 30px 30px 30px; margin: -10px 0 0 -30px; }
.art-menu ul ul { padding: 30px 30px 30px 10px; margin: -30px 0 0 -10px; } /* menu structure */
.art-menu { padding: 12px 6px 0 6px; }
.art-nav { position: relative; min-height: 40px; z-index: 100; }
.art-nav .l, .art-nav .r { position: absolute; z-index: -1; top: 0; height: 100%; background-image: url('http://www.loaditup.de/files/658541_xz4turce72.png'); }
.art-nav .l { left: 0; right: 0; }
.art-nav .r { right: 0; width: 1920px; clip: rect(auto, auto, auto, 1920px); } /* end Menu */ /* begin MenuItem */
.art-menu a { position: relative; display: block; overflow: hidden; height: 28px; cursor: pointer; text-decoration: none; }
.art-menu ul li { margin:0; clear: both; }
.art-menu a .r,
.art-menu a .l { position: absolute; display: block; top: 0; z-index: -1; height: 94px; background-image: url('http://www.loaditup.de/files/658543_26n4a4zwnu.png'); }
.art-menu a .l { left: 0; right: 0; }
.art-menu a .r { width: 400px; right: 0; clip: rect(auto, auto, auto, 400px); }
.art-menu a .t,
.art-menu ul a,
.art-menu a,
.art-menu a:link,
.art-menu a:visited,
.art-menu a:hover { font-weight: bold; font-size: 12px; text-align: left; text-decoration: none; text-transform: uppercase; } .art-menu a .t { color: #000000; padding: 0 22px; margin: 0 0; line-height: 28px; text-align: center; } .art-menu a:hover .l, .art-menu a:hover .r { top: -33px; }
.art-menu li:hover>a .l,
.art-menu li:hover>a .r { top: -33px; }
.art-menu li:hover a .l,
.art-menu li:hover a .r { top: -33px; }
.art-menu a:hover .t { color: #302803; }
.art-menu li:hover a .t { color: #302803; }
.art-menu li:hover>a .t { color: #302803; } /* end MenuItem */ /* begin MenuSeparator */
.art-menu .art-menu-li-separator { display: block; width: 8px; height:28px; } /* end MenuSeparator */ /* begin MenuSubItem */ .art-menu ul a { display: block; text-align: center; white-space: nowrap; height: 26px; width: 180px; overflow: hidden; line-height: 26px; background-image: url('http://www.loaditup.de/files/658545_chhbv45euc.png'); background-position: left top; background-repeat: repeat-x; border-width: 1px; border-style: solid; border-color: #9A9542; }
.art-nav ul.art-menu ul span,
.art-nav ul.art-menu ul span span { display: inline; float: none; margin: inherit; padding: inherit; background-image: none; text-align: inherit; text-decoration: inherit; }
.art-menu ul a,
.art-menu ul a:link,
.art-menu ul a:visited,
.art-menu ul a:hover,
.art-menu ul a:active,
.art-nav ul.art-menu ul span,
.art-nav ul.art-menu ul span span { text-align: left; text-indent: 12px; text-decoration: none; line-height: 26px; color: #2B2A12; margin:0; padding:0; }
.art-menu ul li a:hover { color: #20240F; border-color: #9A9542; background-position: 0 -26px; }
.art-menu ul li:hover>a { color: #20240F; border-color: #9A9542; background-position: 0 -26px; }
.art-nav .art-menu ul li a:hover span,
.art-nav
.art-menu ul li a:hover span span { color: #20240F; } .
art-nav
.art-menu ul li:hover>a span,
.art-nav .art-menu ul li:hover>a span span { color: #20240F; } /* end MenuSubItem */ /* begin Layout */
.art-content-layout { display: table; width: 100%; table-layout: fixed; border-collapse: collapse; background-color: Transparent; border: none !important; padding:0 !important; }
.art-layout-cell, .art-content-layout-row { background-color: Transparent; vertical-align: top; text-align: left; border: none !important; margin:0 !important; padding:0 !important; }
.art-content-layout
.art-content-layout{width: auto;margin:0;}
.art-content-layout .art-layout-cell,
.art-content-layout .art-layout-cell
.art-content-layout
.art-layout-cell{display: table-cell;}
.art-layout-cell
.art-layout-cell{display: block;}
.art-content-layout-row {display: table-row;}
.art-layout-glare{position:relative;}/* end Layout */ /* begin Box, Block, VMenuBlock */
.art-vmenublock { position: relative; margin: 0 auto; min-width: 1px; min-height: 1px; }
.art-vmenublock-body { position: relative; padding: 0; }
.art-vmenublock { margin: 10px; } /* end Box, Block, VMenuBlock */ /* begin BlockHeader, VMenuBlockHeader */
.art-vmenublockheader { margin-bottom: 4px; }
.art-vmenublockheader, .
art-vmenublockheader h3.t { position: relative; height: 38px; }
.art-vmenublockheader h3.t,
.art-vmenublockheader h3.t a,
.art-vmenublockheader h3.t a:link,
.art-vmenublockheader h3.t a:visited,
.art-vmenublockheader h3.t a:hover { color: #2B2403; font-family: Tahoma, Arial, Helvetica, Sans-Serif; font-variant: small-caps; font-size: 14px; }
.art-vmenublockheader h3.t { margin:0; padding: 0 11px 0 11px; white-space: nowrap; line-height: 38px; } /* end BlockHeader, VMenuBlockHeader */ /* begin Box, Box, VMenuBlockContent */
.art-vmenublockcontent { position: relative; margin: 0 auto; min-width: 1px; min-height: 1px; }
.art-vmenublockcontent-body { position: relative; padding: 0; }
.art-vmenublockcontent { position: relative; margin: 0 auto; min-width: 1px; min-height: 1px; }
.art-vmenublockcontent-body { position: relative; padding: 0; } /* end Box, Box, VMenuBlockContent */ /* begin VMenu */
ul.art-vmenu, ul.art-vmenu li { list-style: none; margin: 0; padding: 0; width: auto; line-height: 0; }
ul.art-vmenu ul { display: none; }
ul.art-vmenu ul.active { display: block; } /* end VMenu */ /* begin VMenuItem */
ul.art-vmenu a { position: relative; display: block; overflow: hidden; height: 28px; cursor: pointer; text-decoration: none; } ul.art-vmenu li.art-vmenu-separator { display: block; padding: 0 0 0 0; margin: 0; font-size: 1px; }
ul.art-vmenu .art-vmenu-separator-span { display: block; padding: 0; font-size: 1px; height: 0; line-height: 0; border: none; } ul.art-vmenu a .r, ul.art-vmenu a .l { position: absolute; display: block; top: 0; height: 94px; background-image: url('http://www.loaditup.de/files/658547_xfhn8yxcef.png'); }
ul.art-vmenu a .l { left: 0; right: 11px; }
ul.art-vmenu a .r { width: 1942px; right: 0; clip: rect(auto, auto, auto, 1931px); }
ul.art-vmenu a .t, ul.art-vmenu ul a { font-family: Tahoma, Arial, Helvetica, Sans-Serif; font-variant: small-caps; font-size: 14px; }
ul.art-vmenu a .t { display: block; position:relative; top:0; line-height: 28px; color: #6B682E; padding: 0 11px 0 11px; margin-left:0; margin-right:0; }
ul.art-vmenu a.active .l,
ul.art-vmenu a.active .r { top: -66px; }
ul.art-vmenu a.active .t { color: #24230F; }
ul.art-vmenu a:hover .l,
ul.art-vmenu a:hover .r { top: -33px; }
ul.art-vmenu a:hover .t
{ color: #24230F; } /* end VMenuItem */ /* begin VMenuSubItem */
ul.art-vmenu ul, ul.art-vmenu ul li { margin: 0; padding: 0; }
ul.art-vmenu ul a { display: block; white-space: nowrap; height: 22px; overflow: visible; background-image: url('http://www.loaditup.de/files/658549_cnh4hdnsgu.gif'); background-position: 20px 0; background-repeat: repeat-x; padding-left: 20px; } ul.art-vmenu ul li { padding: 0; }
ul.art-vmenu ul span,
ul.art-vmenu ul span span { display: inline; float: none; margin: inherit; padding: inherit; background-image: none; text-align: inherit; text-decoration: inherit; }
ul.art-vmenu ul a,
ul.art-vmenu ul a:link,
ul.art-vmenu ul a:visited,
ul.art-vmenu ul a:hover,
ul.art-vmenu ul a:active,
ul.art-vmenu ul span,
ul.art-vmenu ul span span { line-height: 22px; color: #323115; font-size: 12px; margin-left: 0; }
ul.art-vmenu ul { margin:0 0 0 0; }
ul.art-vmenu ul ul { margin:0 0 0 0; }
ul.art-vmenu ul li.art-vsubmenu-separator { display: block; margin: 0; font-size: 1px; padding: 1px 0 1px 0; }
ul.art-vmenu ul
.art-vsubmenu-separator-span { display: block; padding: 0; font-size: 1px; height: 0; line-height: 0; margin: 0; border: none; }
ul.art-vmenu ul li.art-vmenu-separator-first { padding-bottom:0; }
ul.art-vmenu ul li li a { background-position: 40px 0; padding-left: 40px; }
ul.art-vmenu ul li li li a { background-position: 60px 0; padding-left: 60px; }
ul.art-vmenu ul li li li li a { background-position: 80px 0; padding-left: 80px; }
ul.art-vmenu ul li li li li li a { background-position: 100px 0; padding-left: 100px; }
ul.art-vmenu ul li a.active { color: #433705; background-position: 20px -54px; }
ul.art-vmenu ul li li a.active { background-position: 40px -54px; }
ul.art-vmenu ul li li li a.active { background-position: 60px -54px; }
ul.art-vmenu ul li li li li a.active { background-position: 80px -54px; }
ul.art-vmenu ul li li li li li a.active { background-position: 100px -54px; }
ul.art-vmenu ul li a:hover,
ul.art-vmenu ul li a:hover.active { color: #2C3314; background-position: 20px -27px; }
ul.art-vmenu ul li li a:hover,
ul.art-vmenu ul li li a:hover.active { background-position: 40px -27px; }
ul.art-vmenu ul li li li a:hover,
ul.art-vmenu ul li li li a:hover.active { background-position: 60px -27px; }
ul.art-vmenu ul li li li li a:hover,
ul.art-vmenu ul li li li li a:hover.active { background-position: 80px -27px; }
ul.art-vmenu ul li li li li li a:hover,
ul.art-vmenu ul li li li li li a:hover.active { background-position: 100px -27px; } /* end VMenuSubItem */ /* begin Box, Block */ .art-block { position: relative; margin: 0 auto; min-width: 1px; min-height: 1px; }
.art-block-body { position: relative; padding: 0; }
.art-block { margin: 10px; } /* end Box, Block */ /* begin BlockHeader */
.art-blockheader { margin-bottom: 4px; } .art-blockheader,
.art-blockheader h3.t { position: relative; height: 38px; }
.art-blockheader h3.t,
.art-blockheader h3.t a,
.art-blockheader h3.t a:link,
.art-blockheader h3.t a:visited,
.art-blockheader h3.t a:hover { color: #211C02; font-family: Tahoma, Arial, Helvetica, Sans-Serif; font-variant: small-caps; font-size: 14px; } .art-blockheader h3.t { margin:0; padding: 0 11px 0 11px; white-space: nowrap; line-height: 38px; } .art-blockheader .l, .art-blockheader .r { position: absolute; height: 38px; background-image: url('http://www.loaditup.de/files/658551_wwfuwyrddf.png'); }
.art-blockheader .l { left: 0; right: 11px; }
.art-blockheader .r { width: 1920px; right: 0; clip: rect(auto, auto, auto, 1909px); } /* end BlockHeader */ /* begin Box, BlockContent */
.art-blockcontent { position: relative; margin: 0 auto; min-width: 1px; min-height: 1px; }
.art-blockcontent-body { position: relative; padding: 5px; }
.art-blockcontent-body,
.art-blockcontent-body li,
.art-blockcontent-body a,
.art-blockcontent-body a:link,
.art-blockcontent-body a:visited,
.art-blockcontent-body a:hover { color: #2C3314; font-family: Tahoma, Arial, Helvetica, Sans-Serif; font-size: 13px; } .art-blockcontent-body p { margin: 6px 0 6px 0; }
.art-blockcontent-body a { color: #8F770A; text-decoration: none; }
.art-blockcontent-body a:link { color: #8F770A; text-decoration: none; }
.art-blockcontent-body a:visited,
.art-blockcontent-body a.visited { color: #B3AD4C; }
.art-blockcontent-body a:hover,
.art-blockcontent-body a.hover { color: #7F923A; text-decoration: underline; }
.art-blockcontent-body ul li { line-height: 125%; color: #323115; padding: 0 0 0 9px; background-image: url('http://www.loaditup.de/files/658553_fsmffgd4p7.png'); background-repeat: no-repeat; }/* end Box, BlockContent */ /* begin Button */
.art-button-wrapper a.art-button,
.art-button-wrapper a.art-button:link,
.art-button-wrapper input.art-button,
.art-button-wrapper button.art-button { text-decoration: none; font-family: Tahoma, Arial, Helvetica, Sans-Serif; font-style: normal; font-weight: bold; font-size: 12px; position:relative; top:0; display: inline-block; vertical-align: middle; white-space: nowrap; text-align: center; color: #EAE8CD !important; width: auto; outline: none; border: none; background: none; line-height: 30px; height: 30px; margin: 0 !important; padding: 0 14px !important; overflow: visible; cursor: default; }
.art-button img,
.art-button-wrapper img { margin: 0; vertical-align: middle; }
.art-button-wrapper { vertical-align: middle; display: inline-block; position: relative; height: 30px; overflow: hidden; white-space: nowrap; width: auto; margin: 0; padding: 0; z-index: 0; }
.firefox2
.art-button-wrapper { display: block; float: left; }
input, select, textarea { vertical-align: middle; font-family: Tahoma, Arial, Helvetica, Sans-Serif; font-style: normal; font-weight: bold; font-size: 12px; }
.art-block select { width:96%; }
.art-button-wrapper.hover
.art-button,
.art-button-wrapper.hover a.art-button:link,
.art-button:hover { color: #0E0C01 !important; text-decoration: none !important; }
.art-button-wrapper.active
.art-button,
.art-button-wrapper
.active a.art-button:link { color: #20240F !important; } .
art-button-wrapper .art-button-l,
.art-button-wrapper .art-button-r { display: block; position: absolute; height: 100px; margin: 0; padding: 0; background-image: url('http://www.loaditup.de/files/658555_8swby4z99p.png'); } .art-button-wrapper .art-button-l { left: 0; right: 7px; } .
art-button-wrapper .art-button-r { width: 407px; right: 0; clip: rect(auto, auto, auto, 400px); }
.art-button-wrapper.hover .art-button-l,
.art-button-wrapper.hover .art-button-r { top: -35px; }
.art-button-wrapper.active .art-button-l, .art-button-wrapper.active .art-button-r { top: -70px; }
.art-button-wrapper input { float: none !important; } /* end Button */ /* begin Box, Post */
.art-post { position: relative; margin: 0 auto; min-width: 1px; min-height: 1px; }
.art-post-body { position: relative; padding: 15px; }
.art-post { margin: 10px; }
a img { border: 0; } .
art-article img, img.art-article { border: solid 1px #BAB65E; margin: 5px; }
.art-metadata-icons img { border: none; vertical-align: middle; margin: 2px; }
.art-article table, table.art-article { border-collapse: collapse; margin: 1px; }
.art-article th,
.art-article td { padding: 2px; border: solid 1px #9A9542; vertical-align: top; text-align: left; }
.art-article th { text-align: center; vertical-align: middle; padding: 7px; } pre { overflow: auto; padding: 0.1em; float:left; } /* end Box, Post */ /* begin PostHeaderIcon */ h2.art-postheader { color: #4B4920; margin: 6px 0 6px 0; }
h2.art-postheader,
h2.art-postheader a,
h2.art-postheader a:link,
h2.art-postheader a:visited,
h2.art-postheader a.visited,
h2.art-postheader a:hover,
h2.art-postheader a.hovered { font-size: 31px; text-align: center; }
h2.art-postheader a,
h2.art-postheader a:link { text-decoration: none; color: #5D5A28; }
h2.art-postheader a:visited,
h2.art-postheader a.visited { color: #8CA040; }
h2.art-postheader a:hover,
h2.art-postheader a.hovered { color: #24230F; } /* end PostHeaderIcon */ /* begin PostIcons, PostHeaderIcons */ .art-postheadericons,
.art-postheadericons a,
.art-postheadericons a:link,
.art-postheadericons a:visited, .
art-postheadericons a:hover { font-family: Tahoma, Arial, Helvetica, Sans-Serif; font-style: normal; font-weight: normal; font-size: 12px; text-align: center; color: #68652C; }
.art-postheadericons { padding: 1px; }
.art-postheadericons a,
.art-postheadericons a:link { font-style: italic; text-decoration: none; color: #6F6C2F; }
.art-postheadericons a:visited, .
art-postheadericons a.visited { color: #6F6C2F; }
.art-postheadericons a:hover,
.art-postheadericons a.hover { font-family: Tahoma, Arial, Helvetica, Sans-Serif; text-decoration: underline; color: #62712D; } /* end PostIcons, PostHeaderIcons */ /* begin PostBullets */
.art-post ol, .art-post ul { margin: 1em 0 1em 2em; padding: 0; }
.art-post li { font-size: 13px; }
.art-post li ol,
.art-post li ul { margin: 0.5em 0 0.5em 2em; padding: 0; }
.art-post li { color: #19180B; padding: 0; }
.art-post li { padding: 0 0 0 9px; } .
art-post ol>li { background: none; padding-left: 0;/* overrides overflow for "ul li" and sets the default value */ overflow: visible; }
.art-post ul>li { background-image: url('http://www.loaditup.de/files/658557_6kcuzzu73q.png'); background-repeat: no-repeat; padding-left: 9px;/* makes "ul li" not to align behind the image if they are in the same line */ overflow-x: visible; overflow-y: hidden; } /* end PostBullets */ /* begin PostQuote */
.art-postcontent blockquote,
.art-postcontent blockquote a,
.art-postcontent blockquote a:link,
.art-postcontent blockquote a:visited,
.art-postcontent blockquote a:hover { color: #1D1802; }
.art-postcontent blockquote p { margin: 17px 0 17px 17px; }
.art-postcontent blockquote { border: solid 0 #CDC989; margin: 10px 10px 10px 50px; padding: 12px 12px 12px 49px; background-color: #E5E3C2; background-image: url('http://www.loaditup.de/files/658559_b7fewgg37v.png'); background-position: left top; background-repeat: no-repeat;/* makes blockquote not to align behind the image if they are in the same line */ overflow: auto; } /* end PostQuote */ /* begin PostIcons, PostFooterIcons */
.art-postfootericons,
.art-postfootericons a,
.art-postfootericons a:link,
.art-postfootericons a:visited,
.art-postfootericons a:hover { font-family: Tahoma, Arial, Helvetica, Sans-Serif; font-style: normal; font-weight: normal; font-size: 12px; text-align: center; color: #68652C; }
.art-postfootericons { padding: 1px; }
.art-postfootericons a,
.art-postfootericons a:link { font-style: italic; text-decoration: none; color: #6F6C2F; }
.art-postfootericons a:visited,
.art-postfootericons a.visited { color: #6F6C2F; }
.art-postfootericons a:hover,
.art-postfootericons a.hover { text-decoration: underline; color: #62712D; } /* end PostIcons, PostFooterIcons */ /* begin Footer */ .art-footer { position: relative; overflow: hidden; width: 100%; } .art-footer-b { position: absolute; left:3px; right:3px; bottom:0; height:50px; background-image: url('http://www.loaditup.de/files/658561_5b7xq4pm8m.png'); }
.art-footer-r,
.art-footer-l { position: absolute; height:50px; background-image: url('http://www.loaditup.de/files/658563_9whqyp3m9k.png'); bottom: 0; } .art-footer-l { left: 0; width:3px; }
.art-footer-r { right: 0; width:6px; clip: rect(auto, auto, auto, 3px); }
.art-footer-t { position: absolute; top: 0; left: 0; right: 0; bottom: 50px; background-image: url('http://www.loaditup.de/files/658565_6kfdanxqt7.png'); background-position: left bottom; }
.art-footer-body { position:relative; padding: 20px; }
.art-footer-body
.art-rss-tag-icon { position: absolute; left: 6px; bottom:20px; z-index:1; }
.art-rss-tag-icon { display: block; background-image: url('http://www.loaditup.de/files/658567_bdb9b7das2.png'); background-position: center right; background-repeat: no-repeat; height: 30px; width: 32px; cursor: default; }
.art-footer-text p { padding:0; margin:0; } .art-footer,
.art-footer a,
.art-footer a:link,
.art-footer a:visited,
.art-footer a:hover { color: #19180B; font-size: 12px; }
.art-footer-text { min-height: 30px; padding: 0 10px 0 10px; }
.art-footer,
.art-footer-text,
.art-footer p { text-align: center; }
.art-footer a, .art-footer a:link { color: #5F6D2C; text-decoration: none; }
.art-footer a:visited { color: #47451F; }
.art-footer a:hover { color: #20240F; text-decoration: underline; } /* end Footer */ /* begin PageFooter */
.art-page-footer,
.art-page-footer a,
.art-page-footer a:link, .
art-page-footer a:visited,
.art-page-footer a:hover { font-family: Arial; font-size: 10px; letter-spacing: normal; word-spacing: normal; font-style: normal; font-weight: normal; text-decoration: underline; color: #B9B45B; }
.art-page-footer { margin: 1em; text-align: center; text-decoration: none; color: #C7D595; } /* end PageFooter */ /* begin LayoutCell, sidebar1 */
.art-content-layout .art-sidebar1 { background-color: #D7D5A2; width: 200px; } /* end LayoutCell, sidebar1 */ /* begin LayoutCell, content */ .art-content-layout
.art-content .art-block { background-color: #D7D5A2; } /* end LayoutCell, content */ /* begin LayoutCell, sidebar2 */ .art-content-layout
.art-sidebar2 { background-color: #D7D5A2; width: 200px; } /* end LayoutCell, sidebar2 */
textarea#comment{width:100%;}
.commentlist,
.commentlist li { background: none; }
.commentlist li li { margin-left: 30px; }
.commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px; margin: 1px; background: #fff; }
.commentlist li cite { font-size: 1.2em; }
#commentform textarea { width: 100%; }
img.wp-smiley { border: none; margin: 0; padding: 0; }
.navigation { display: block; text-align: center; } /* Recommended by http://codex.wordpress.org/CSS */ /* Begin */
.aligncenter, div.aligncenter,
. art-article .aligncenter img,
. aligncenter img.art-article,
.aligncenter img,
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; }
.alignright { float: right; }
.alignright img, img.alignright { margin: 1em; margin-right: 0; }
.alignleft img, img.alignleft { margin: 1em; margin-left: 0; }
.wp-caption { border: 1px solid #ddd; background-color: #f3f3f3; padding-top: 4px; margin: 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
.wp-caption, .wp-caption p { text-align: center; } /* End */
.hidden { display: none; } /* Calendar */
#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 155px; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; }
#wp-calendar caption { text-align: center; width: 100%; }
#wp-calendar td { padding: 3px 0; text-align: center; }
.gallery { letter-spacing: normal; }
.art-content { position: relative; z-index: 1; }
#todays-events{ position: relative; z-index: 11; }
#upcoming-events{ position: relative; z-index: 10; }
img.wp-post-image { margin:0 5px 5px 0 !important; }
div.art-footer li, ul.commentlist li { list-style-image: none; background:none; list-style-type:none; }
div.art-footer div.art-content-layout,
div.art-content div.art-content-layout { margin:0 auto; width:100%; }
div.art-footer ul { padding-left: 0; }
div.art-footer ul li ul { padding-left: 20px; }
div.art-layout-cell-size1 { width:100%; }
div.art-layout-cell-size2 { width:50%; }
div.art-layout-cell-size3 { width:33%; }
div.art-layout-cell-size4 { width:25%; }
div.art-author-info img.avatar { float:left; margin-top:0; }