/*Main CSS*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;}

html{
	overflow-y: scroll;}

body{
	line-height: 1;}

hr {
        display:none;
}

blockquote,q{
	quotes: none;}

blockquote:before,blockquote:after,q:before,q:after{
	content: '';}

ins{
	text-decoration: none;}

del{
	text-decoration: line-through;}

table{
	border-collapse: collapse;
	border-spacing: 0;}

html,body{
	min-height: 100%;
	margin: 0;
	padding: 0;
	background: #191d1f;
	color: #fff;
	font: 14px/20px Helvetica, Arial, Tahoma;}

img{
	max-width: 100%;
	vertical-align: bottom;}
	
img.reference{
	max-width: 100%;
	vertical-align: bottom;
	padding:0 5px 10px 0;}	

h1,h2,h3,h4,h5,h6{
	color: #565a5c;
	font-weight: normal;}

h1 {
        font-size: 130%;
        margin-bottom: 15px;
}

h2{
	margin: 30px 0 10px;
	text-transform: uppercase;
	letter-spacing: 1px;}
	
h2:first-child{
	margin-top: 0;}
	
body #site h2 a{
	text-transform: none;
	letter-spacing: normal;
	color: #b5b6b3;
	font-size: 80%;}

p, ul{
	margin: 0 0 10px;}

h2:last-child, p:last-child, ul:last-child{
	margin-bottom: 0;}
	
ul{
	overflow: hidden;}

ul li{
	display: inline;
	float: left;
	width: 125px;
	list-style: none;
	text-align: left;}
	
ul li a{
	margin-left: 21px;}
    
	
#lFlickr{
	background: url(../i/icons.png) 0 2px no-repeat;}

#lVimeo{
	background: url(../i/icons.png) 0 -48px no-repeat;}
	
#lTwitter{
	background: url(../i/icons.png) 0 -98px no-repeat;}

#lLinkedIn{
	background: url(../i/icons.png) 0 -148px no-repeat;}

#lDelIious{
	background: url(../i/icons.png) 0 -198px no-repeat;}

#lFacebook{
	background: url(../i/icons.png) 0 -248px no-repeat;}

#lScrobbler{
	background: url(../i/icons.png) 0 -298px no-repeat;}

#lPosterous{
	background: url(../i/icons.png) 0 -348px no-repeat;}


address{
	font-style: normal;}

a, a:link{
	text-decoration: none;
	color: #565a5c;
	border-bottom:1px solid #b5b6b3;}

a:visited{
	border-bottom-style: dotted;}

a:focus{
	}

a:hover, html body#florianpichler-de address a:hover, body #site h2 a:hover{
	color: #dc281e;
	border-color: #dc281e;}

a:active{
	}

/* Classes */

.amp{
	font-family:Baskerville,"Goudy Old Style","Palatino","Book Antiqua",serif;
	font-size:120%;
	font-style:italic;}

/* Layout */

#site{
	width: 500px;
	margin: 10% auto;
	border-top: 2px solid #dc281e;}

#front{
	*height: 178px;
	padding: 30px 30px 30px 40px;}

#back{
	padding: 50px 60px;}

#site, #front, #back{
	position: relative;
	overflow: hidden;
	background: #ffffff;
	color: #565a5c;}

#logo{
	overflow: hidden;
	position: relative;
	width: 400px;
	height: 160px;
	margin: 40px 0 0 0;
	color: #b5b6b3;
	font-style: italic;
	font-size: 18px;}

#logo h1{
	color: #565a5c;
	font-weight: bold;}

#logo h1,
#logo p{
	text-indent: 10px;}

#logo em{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: url(../i/site.png);}

/*navigation*/

#hmenu ul {
        text-align:right;
        margin-left:120px;
}

#hmenu ul li{
	display: inline;
	float: left;
        width: auto;
	list-style: none;
	text-align: left;
        text-decoration:none;
}
	
#hmenu ul li a, #hmenu ul li a:link {
        padding: 5px;
        display:block;
	margin-left:0;
        text-decoration:none;
        border:none;
}

#hmenu ul li a:hover {
         color: #ffffff;
         background-color: #dc281e;
}

#hmenu ul li a:visited, #hmenu ul li a:active {
	margin-left:0;
        text-decoration:none;
}