/* Copyright (c) 2008 be:screen GmbH (http://www.bescreen.de) */
 
/* Global */
* { margin: 0; padding: 0; text-decoration: none; outline: none; }
img { border: 0; }
html { height: 100%; font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif; font-size: 62.5%; }
body { height: 100%; font-size: 100%; color: #333; background: url(/images/gradient.png) repeat-x left bottom #ebebeb; text-align: center; }
br.clear { clear: both; height: 0px; font-size: 0px; line-height: 0px; }

/* Framework */
#container { width: 900px; margin: 0 auto; text-align: left; position: relative; min-height: 100%; background: url(/images/bg_container.png) repeat-y top left; }
* html #container { height: 100%; }
#header { width: 100%; height: 125px; position: relative; background: #ebebeb; }
#content { width: 700px; padding: 5px 0 100px; background: url(/images/bg_content.png) no-repeat top left; }
#address { width: 200px; position: absolute; top: 325px; left: 0; }
#wayto { width: 150px; position: absolute; top: 175px; left: 25px; text-align: center; }
#sidebar { width: 175px; padding: 0 0 100px; position: absolute; top: 125px; right: 0; }
#footer { width: 900px; height: 55px; margin: 0 auto; text-align: left; position: relative; margin-top: -55px; background: url(/images/bg_footer.png) no-repeat top left; }

/* Sidebar */
#sidebar ul { font-size: 120%; text-indent: 0.75em; list-style: none; }
#sidebar ul li { margin: 0 0 2px 0; line-height: 30px; display: block; color: #fff; background: #666; }
#sidebar ul li a { height: 100%; width: 100%; color: #666; background: #fff; display: block; }
#sidebar ul li:hover a { color: #333; background: #ccc; }
#sidebar ul li.first-child { background: url(/images/bg_button.png) no-repeat top right #666; }
#sidebar ul li.last-child { background: url(/images/bg_button.png) no-repeat bottom right #666; }
#sidebar ul li.first-child a { background: url(/images/bg_button.png) no-repeat top left #666; }
#sidebar ul li.last-child a { background: url(/images/bg_button.png) no-repeat bottom left #666; }
#sidebar ul li.first-child:hover a { background: url(/images/bg_button.png) no-repeat top center #ccc; }
#sidebar ul li.last-child:hover a { background: url(/images/bg_button.png) no-repeat bottom center #ccc; }


/* Content */
#header img { position: absolute; top: 25px; right: 0; }
#header ul { width: 700px; padding: 80px 0 0.5em; }
#header ul li { padding: 0 0 0 2em; font-size: 140%; display: inline; }
#header ul li a { color: #999; }
#header ul li a.active { color: #333; }
#content h1 { margin: 195px 50px 1em 225px; font-size: 160%; font-weight: normal; }
#content h2 { margin: 50px 50px 1em 225px; font-size: 160%; font-weight: normal; }
#content h2.lower { margin: 195px 50px 1em 225px; }
#content p { margin: 0 50px 1em 225px; font-size: 120%; line-height: 1.75em; }
#content a { color: #333; }
#content a:hover { text-decoration: underline; }
#content li { margin: 0 50px 1em 245px; font-size: 120%; line-height: 1.75em; list-style-position: outside; } 
#content img { position: absolute; top: 125px; left: 0; }
#content p img, #wayto img { position: static; }
#content div.left { margin: 0 0 0 225px; width: 200px; float: left; }
#content div.right { margin: 0 0 0 25px; width: 200px; float: left; }
#content div.left p, #content div.right p { margin: 0 0 2em 0; }
#address p { margin: 0 0 1em 20px; }
#footer img { position: absolute; bottom: 25px; left: 0; }
#footer p { padding: 1em 0 0; color: #fff; font-size: 100%; text-indent: 0.5em; }
#footer a { color: #fff; }
#footer a:hover { color: #666; }