/*
	author: Joachim Kliemann (www.orangegrau.de)

*/

/* global reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
:focus, :active { outline: 0; }

body { font: 100%/120% "Lucida Grande", Arial, sans-serif; color: #666; }
strong { font-weight: bold; }
a { color: #666; text-decoration: none; }
a:hover { color: #333; }
img { border: 0; }
h1 { float: left; height: 30px; width: 333px; margin: 20px 0; background: #fff url(../images/logo.png) no-repeat top left; }
	h1 a { display: block; text-indent: -3000px; }
h2 { font-size: 1.2em; font-weight: normal; margin: 0 0 20px; }
h3 { font-size: 1.1em; font-weight: normal; margin: 0 0 15px; }
h4 { font-size: 1em; font-weight: normal; margin: 0 0 15px; }
p  { margin: 5px 0 15px; line-height: 1.6em; }
#page { margin: 0 auto; position: relative; width: 760px; }
#nav { margin: 0; padding: 0; position: absolute; right: -35px; top: 27px;}
	#nav li { float: left;}
	#nav li a { margin: 0 35px 0 5px; color: #666; font-size: 0.9em; display: block; white-space: nowrap; }
	#nav li a.current { color: #333; }
	#nav li a:hover { color: #333; }
	#nav li ul { background-color: #fff; margin: 0; padding: 3px 0 0 0; position: absolute; visibility: hidden; }
	#nav li ul li { float: none; display: inline; }
	#nav li ul li a { width: auto; background: #fff; padding: 3px 0; }
	#nav li ul li a:hover { color: #333; }
#content { clear: both; padding: 0 0 15px 0; font-size: 0.8em;}
	#content.gallery div { display: none; }
	#content.gallery div.active { display: block; }
	#content.gallery img { display: block; margin: 0 auto; }
#pagination { clear: both; padding: 0 0 15px 0; border-top: 1px solid #999; font-size: 0.8em;}
	#pagination ul { margin: 10px 0; }
	#pagination ul li { float: left; font-style: italic; padding-right: 5px; }
	#pagination ul li a:hover { color: #333; }
	#pagination ul li a.activeLink { color: #333; font-weight: bold; }
	#pagination .pick-nav { float: left; overflow: hidden; }
	#pagination .step-nav { float: right; overflow: hidden; }

/* Start clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
	
#footer { clear: both; padding: 15px 0; border-top: 1px solid #999; font-size: 0.7em; }