/****************************************/
/* @project: 	Simnagel				*/
/* @author:		(c) 2009 by Simon Nagel */
/* @filename:	style.css				*/
/****************************************/

body{
	background: url(../images/header.png) top center no-repeat #131314;
	color: #8B8B8B;
	font-family: Tahoma;
	font-size: 11px;
	margin: 0;
	padding-top: 335px;
	text-align: center;
}

a{
	color: #005299;
	text-decoration: none;
}

img{
	border: 0;
}

span.small{
	font-size: 9px;
}

span.blue{
	color: #005299;
	font-weight: bold;
}

img.float{
	float: left;
	margin-right: 5px;
}

div.clear{
	clear: both;
}

div#site{
	margin: 0 auto;
	text-align: left;
	width: 869px;
}

div#navi{
	background: url(../images/navi.png);
	height: 38px;
	width: 869px;
}
	div#navi ul{
		list-style-type: none;
		margin: 0;
		padding: 10px 0 0 5px;
	}
		div#navi ul li{
			float: left;
			padding: 0 18px;
		}
		div#navi ul li a{
			color: #4F4F50;
			font-weight: bold;
		}
		div#navi ul li a:hover{
			color: #747575;
		}

div#cont{
	background: url(../images/cont_background.png);
	margin-top: 10px;
}

div#cont2{
	background: url(../images/cont_top.png) no-repeat;
	min-height: 100px;
	padding: 10px 4px;
}

div.row{
	margin-bottom: 20px;
}

div.column_big{
	clear: both;
	float: left;
	padding-right: 23px;
	border-right: 1px solid #8B8B8B;
	padding-left: 10px;
	width: 430px;
}
div.column_small{
	float: right;
	padding: 0 10px 0 20px;
	width: 340px;
}
	div.column_small img{
		border: 1px solid #FFFFFF;
	}

div.content_black{
	padding-left: 10px;
	padding-bottom: 20px;
	padding-top: 10px;
	padding-right: 10px;
}
	div.content_black h2{
		background: url(../images/headline_arrow_black.png) 0 2px no-repeat;
		border: 0;
		color: #747575;
		font-size: 13px;
		margin: 0;
		padding: 0 0 10px 15px;
	}

div.project{
	clear: both;
	min-height: 220px;
	margin-top: 10px;
	padding-bottom: 30px;
}
	div.project div.project_preview{
		float:  left;
	}
	div.project div.project_preview img{
		border: 5px solid #FFFFFF;
	}
	div.project div.project_data{
		float: left;
		padding-left: 50px;
		width: 510px;
	}
	
div.technic{
	clear: both;
	min-height: 220px;
	margin-top: 10px;
	padding-bottom: 20px;
}
	div.technic div.technic_img{
		float:  right;
		padding-right: 100px;
	}
	div.technic div.technic_img img{
		border: 5px solid #FFFFFF;
	}
	div.technic div.technic_data{
		padding-left: 50px;
		width: 410px;
	}	

div#footer{
	background: url(../images/footer.png);
	height: 52px;
	width: 861px;
}
	div#footer p{
		float: left;
		margin: 0;
		padding: 15px 0 0 70px;
	}
	div#footer ul{
		float: right;
		list-style-type: none;
		margin: 0;
		padding: 20px 0 0 0;
	}
		div#footer ul li{
			float: left;
			padding: 0 10px;
		}
			div#footer ul li a{
				color: #8B8B8B;
			}
			div#footer ul li a:hover{
				color: #5F5F5F;
			}