@charset 'utf-8';
@import url("reset.css");

body {
	background-color:#999999;
	background-image: url(../img/noise01.gif);
	font-family:katarine-web-1, arial narrow, arial, sans-serif;
	color:white;
	letter-spacing:2px;
	text-rendering:optimizeLegibility;
	font-weight:100;
	line-height:24px;
	font-size:18px;
	margin:50px;
	width:500px;
	
}
	
h1 {
	font-size:30px;
	line-height:40px;
	padding-top:20px;
	padding-bottom:20px;
}

h2{
	text-transform:uppercase;
	font-size:18px;
	clear:both;
	padding-top:10px;
	padding-bottom:10px;

}

a{
	text-decoration:none;
	color:white;
	text-transform:uppercase;
	font-size:14px;
	color:#7a7a7a;
	background-color:white;
	padding-left:5px;
	padding-right:5px;
	padding-top:3px;
	-moz-border-radius:2px; 
	-webkit-border-radius:2px;
	
	-webkit-transition-property: color, background-color; /* Chrome + Safari - properties to animate */
    -webkit-transition-duration: .1s; /* Chrome + Safari - animation duration */
    -webkit-transition-timing-function: linear; /* Chrome + Safari - animation easing */
    -moz-transition-property: color, background-color; /* future-proofing for Firefox 3.7 */
    -moz-transition-duration: .1s;
    -moz-transition-timing-function: linear;
    -o-transition-property: color, background-color; /* for Opera 10.5 */
    -o-transition-duration: .1s;
    -o-transition-timing-function: linear;
}

a:hover{
	color:white;
	background-color:#7a7a7a;
}

hr {
	clear:both;
	border-color:white;
	border-style:solid;
	border-top-width:2px;
	border-left-width:0px;
	border-right-width:0px;
	border-bottom-width:0px;
	opacity: 0.10; /* Webkit und Opera  */
	-moz-opacity: 0.10; /* Mozilla Browser */
	filter:alpha(opacity=10); /* Internet Explorer */
}