/**
 * Ralf Meyer-Wilmes
 * Version 2009
 *
 * (C)2009, fortytwo grafikdesign <info@fortytwo.de>
 *
 */
 
/** Reset-CSS */
/** http://meyerweb.com/eric/tools/css/reset/ */
@import url("reset.css");

/** Body */
html { display:block; height:100%; }
body { background:#f0ebe5 url("../images/background-body.jpg") left center; font:12px/18px Verdana, Tahoma, Arial, sans-serif; height:100%; display:block; }

/** Links */
a { text-decoration:none; color:#000; }
a:hover { color:#000; }

/** Headlines */
h1, h2 { display:none; }

/** Paragrafes */
p { margin:10px 0; }

/** Page */
#page { width:805px; height:562px; background:url("../images/background.jpg"); overflow:hidden; border:5px solid #d2c6ac; margin:25px auto; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }

/** Content */
#content { overflow:auto; margin-left:390px; height:522px; padding:20px; }
#content a { padding:1px 2px; background:#9c5900; color:#fff; } 
#content a:hover { background:#7A4500; }

/** Navigation */
#navigation { position:relative; top:-485px; left:20px; width:300px; }
#navigation a { text-transform:uppercase; font:18px/normal Verdana, Tahoma, Arial, sans-serif; }
#navigation li { padding:0 0 12px; }
#navigation li.current a, #navigation a:hover { padding:0 2px; margin:0 -2px; background:#9c5900; color:#fff; }
#navigation li.current a:hover { background:#7A4500; }