body
{
	background-image:url('img/bg_body.jpg');
	background-repeat:repeat-x;
	background-color:#3f4c6b;
	background-attachment:fixed;
	text-align:center;
	font-family:Arial, sans-serif;
	font-size:10pt;
	color:#cccccc;
	margin:0;
	padding:0;
}

h1
{
	margin:0;
	padding:0;
	font-family:'Crimson Text', arial, sans-serif;
	font-size:30pt;
	color:#cccccc;
}

p
{
	font-family:'Crimson Text', arial, sans-serif;
	font-size:12pt;
	color:#666666;
	
}

a
{
	text-decoration:none;
	color:#3f4c6b;
}

a:hover
{
	text-decoration:underline;
}

div.hr 
{
	width:850px;
	margin-left:auto;
	margin-right:auto;
	height: 3px;
	background: url(img/hr.png) repeat-x scroll center;
}
div.hr hr
{
	display: none;
}

img
{
	margin-right:20px;
}

.icon
{
	margin:0 0 0 25px;
}

#logo
{
	width:900px;
	height:150px;
	margin-left:auto;
	margin-right:auto;
	background-image:url('img/logo.png');
	background-repeat:no-repeat;
	background-position:center;
}

#foto
{
	width:900px;
	min-height:650px;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
}

#web
{
	width:900px;
	min-height:230px;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
}

#design
{
	width:900px;
	min-height:500px;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
}

.title
{
	width:175px;
	float:left;
	margin:0 0 0 40px;
	text-align:left;
}

.grid
{
	width:675px;
	float:right;
	text-align:left;
}

#about
{
	width:850px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:65px;
	background:white;
	-moz-box-shadow: 0px 0px 5px #555555;
	-webkit-box-shadow: 0px 0px 5px #555555;
	text-align:left;
}

#about p
{
	margin-left:20px;
}

#about h1
{
	margin-left:20px;
}

input, textarea 
{  
    padding: 9px;  
    border: solid 1px #E5E5E5;  
    outline: 0;  
    font: normal 13px/100% Verdana, Tahoma, sans-serif;  
    width: 300px;  
    box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	background: #FFFFFF url('img/form_back.png') left top repeat-x;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));  
    background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);  }  
  
textarea 
{  
    width: 400px;  
    max-width: 400px;  
    height: 150px;  
    line-height: 150%;  
}  
  
input:hover, textarea:hover,  
input:focus, textarea:focus 
{  
    border-color: #C9C9C9;
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;	
}  
  
.form label 
{  
    margin-left: 10px;  
    color: #999999;  
}  
  
.submit input 
{  
    width: 150px;  
    padding: 9px 15px;  
    background: #3f4c6b;  
    border: 0;  
	font-family:'Crimson Text', arial, sans-serif;
    font-size: 14px;  
    color: #FFFFFF;
	border:1px solid #333366;
}  

#navi
{
	width:100%;
	height:35px;
	position:fixed;
	z-index:20;
	background-image:url('img/navi_back.png');
	background-repeat:repeat-x;
	font-family:'Ubuntu', arial, sans-serif;
	font-size:12pt;
	font-weight:bold;
}

#navi a
{
	text-decoration:none;
	margin:0px 35px 0px 35px;
}