/* ----------------------------------------------------------------------------------------------
	style.css
	martinhochreiter.at
	
	26.02.2008
	
---------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------
	HTML
---------------------------------------------------------------------------------------------- */
*{
	margin:0;
	padding:0;
}
html{
	margin-bottom: 1px;
	height: 100%; 
}
body{
	font-family: Arial, Helvetica, sans-serif;
	background:#FFFFFF;
	font-size:12px;
	color:#404040;
	height: 100%; 
	position:relative;
}
img, fieldset{
	border:0;
}
h2{
	font-size:14px;
	margin-bottom:5px;
}
/* ----------------------------------------------------------------------------------------------
	CONTAINER
---------------------------------------------------------------------------------------------- */
#headerbar{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	background-color:#000000;
	color:#9b9a9a;
}
#headerbar p{
	font-size:9px;
	width:830px;
	text-align:right;
	margin:5px auto;
}
#headerbar a{
	color:#9b9a9a;
	text-decoration:none;
}
#headerbar a:hover{
	color:#fff;
}
#wrapper{
	width:850px;
	height:100%;
	margin:0 auto;
}
#header{
	border-bottom:1px solid #ebebeb;
	margin-bottom:33px;
	height:135px;
}
#logo{
	position:absolute;
	top:72px;
	margin: 0 0 0 10px;
}
#text{
	margin:38px 10px 0 308px;
	padding-bottom:100px;
}
#text p{
	margin-bottom:1.1em;
}
#text ul{
	margin:0 0 1.3em 20px;
}
input#value{
	border:1px solid #aaaa99;
	font-size:24px;
	padding:2px 5px;
	width:400px;
}
.button{
	border:0;
	color: #aaaa99;
	font-size:24px;
	background:#FFFFFF;
}
#design{
	position:fixed;
	bottom:0px;
	right:10px;
	background:#FFFFFF;
}
* html #design{
	position:absolute;
	bottom:0px;
	right:10px;
	background:#FFFFFF;
}
#design a{
	color:#CCCCCC;
	font-size:10px;
	text-decoration:none;
}
#design a:hover{
	color:#404040;
}
/* ----------------------------------------------------------------------------------------------
	NAVIGATION
---------------------------------------------------------------------------------------------- */
#navigation{
	float:right;
	margin:73px 10px 0 0;
}
#navigation ul li{
	list-style:none;
	display:inline;
	color:#404040;
}
#navigation a{
	color:#404040;
	text-decoration:none;
}
#navigation a:hover, #navigation a.active{
	color:#60a4cb;

}
/* ----------------------------------------------------------------------------------------------
	CLASSES
---------------------------------------------------------------------------------------------- */
.references{
	background:url(../images/references.jpg) no-repeat;
	width:550px;
	height:142px;
}
.clear{
	clear:both;
}
.hide{
	position:absolute;
	left:-5000px;
}
.subheadline{
	color:#aaaa99;
	position:relative;
	top:1px;
}
a.direct{
	color:#404040;
	text-decoration:none;
	margin-right:10px;
}
a.direct:hover{
	color:#60a4cb;
}
/* ----------------------------------------------------------------------------------------------
	LINKS
---------------------------------------------------------------------------------------------- */
a{
	color:#404040;
}
/* ----------------------------------------------------------------------------------------------
	LINKS
---------------------------------------------------------------------------------------------- */