/* html5doctor.com Reset Stylesheet v1.4 2009-07-27 Author: Richard Clark - http://richclarkdesign.com	*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,menu,time,mark,audio,video,nav ul,nav ol{ margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent; }
body{ line-height:1; }
article,aside,figure,footer,header,hgroup,nav,section{ display:block; }
nav ul, nav ol{ list-style:none; }
blockquote,q{ quotes:none; }
blockquote:before,blockquote:after,q:before,q:after{ content:'';content:none; }
a{ margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent; }
ins{ background-color:#ff9;color:#000;text-decoration:none; }
mark{ background-color:#ff9;color:#000;font-style:italic;font-weight:bold; }
del{ text-decoration:line-through; }
abbr[title],dfn[title]{ border-bottom:1px dotted #000;cursor:help; }
table{ border-collapse:collapse;border-spacing:0; }
hr{ display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0; }
img,object,embed,input,select{ vertical-align:middle; }

/*
 * -------------------------------
 * cssNeustart
 * -------------------------------
 * CSS & Design by Florian Pichler
 * -------------------------------
 */

html, body, #end{
	background: #ddd;
	font-size: 12px;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Compatil Fact", Helvetica, Arial, sans-serif;
	line-height: 18px;
	color: #4b4b4b;}

a:link{
	color: #13acfb;
	text-decoration: underline; }

a:visited{
	color: #177baf; }

a:focus, a:hover, html h3 a:hover, html h3 a:focus{
	background: #fff;
	color: #13acfb;
	text-decoration: none; }

a:active{
	background: #fff;
	color: #13acfb; }

h2{
	margin: 2.25em 0 1.125em 0;
	padding: 0;
	font-size: 16px;
	font-family: Georgia, "CompatilLetter LT", Times, "Times New Roman", serif;
	font-weight: normal;
	line-height: 18px; }

h2, h2 a{
	text-decoration: none;
	border: 0;
	color: #afafaf; }

h2.first-child{
	margin-top: 0;}

h3{
	margin: 1em 0 0.5em;
	font-weight: normal;
	color: #919191;
	border-bottom: 1px solid #dfdfdf;}

h3 a, h3 a:link, h3 a:visited{
	color: #919191;
	text-decoration: none;}

p{
	margin: 0 0 1em;}

#site{
	background: #fafafa url(../i/header.png) 0 0 repeat-x;}

#top, #page, #end div{
	width: 67em;
	margin: 0 auto;
	padding: 0 5em;}

#top{
	position: relative;
	height: 100px;}

#top h1, #top p{
	overflow: hidden;
	position: absolute;
	text-indent: -999em;}

#top h1{
	top: 0;
	left: -150px;
	width: 600px;
	height: 100px;
	background: url(../i/logo.png) 0 0 no-repeat;}

#top p{
	height: 0;}

#page{
	overflow: hidden;
	margin: -7px auto 0;
	padding: 0 60px 3em;}

#page .article{
	float: left;
	width: 39em;
	padding: 2.5em 0 0;}

#page .aside{
	float: right;
	width: 24em;
	max-width: 290px;
	background: #f8f8f8 url(../i/aside.png) 0 0 repeat-y;}

#page .aside div{
	padding: 2.5em 2em 0;
	background: url(../i/aside.png) -290px 0 no-repeat;}

#page .aside hr{
	width: 100%;
	height: 0;
	margin: 0;
	padding: 0 0 30px;
	border: 0;
	overflow: hidden;
	background: url(../i/aside.png) -580px 0 no-repeat;}

#end{
	overflow: hidden;
	padding-bottom: 1.5em;
	border-top: 1px solid #e4e4e4;
	background: #f3f3f3;
	background: -moz-linear-gradient(0% 100% 90deg,#dddddd, #f3f3f3);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f3f3f3), to(#dddddd));}

#end div{
	padding: 1.5em 5em;}

#end div div.nav{
	float: right;
	width: 24em;
	margin: 3em 0 0;
	padding: 0;
	text-align: right;}

#end div blockquote{
	float: left;
	width: 39em;}

#end a{
	color: #919191;
	background: transparent;
	text-decoration: none;}
