/* ------------------------------------------------------
	CSS File
---------------------------------------------------------
	
	Projekt:	berresheim.architekten
	Desc:		Main Stylesheet fuer berresheim.architekten
	Autor:		Phil Burton (philburton.de)
	Datum:		11.07.2011
	
------------------------------------------------------ */

*{
	margin:0;
	padding:0;
	list-style: none;
}

body{
	font: 13px/22px "Helvetica Neue", Helvetica, Arial, Verdana, Geneva, sans-serif;
	color: #585858;
	background-color: #ffffff;
	padding:30px 0 0 40px;
}

.clear{
	clear:both;
}

.centerit{
	position: absolute;
	left: 50%;
	width: 250px;
	margin-left: -125px; /* negative Hälfte von width */
	top: 50%;
	height: 17px;
	margin-top: -8px; /* negative Hälfte von height */
}

a{
	color:#000000;
	text-decoration: underline;
}
a:hover{
	color:#999999;
	text-decoration: underline;
}

/* ------------------------------------------------------
	Wrapper & Container
------------------------------------------------------ */

#wrapper{
	width:950px;
}

#navigation{
	width:950px;
	height:125px;
	position:relative;
	margin-top:55px;
	background: url(../img/nav.gif) 0px -26px;
}
	#navigation .kontakt{
		position: absolute;
		top:0;
		right:0;
		color:#cccccc;
		text-decoration: none;
	}
	#navigation .kontakt:hover{
		color:#666666;
	}
	
#navigation ul{
	list-style: none;
}

#navigation ul li{
	display:block;
	float:left;
}
#navigation ul li a{
	display:block;
	margin-right:45px;
	text-decoration: none;
	color:#cccccc;
	border-bottom:1px solid #efefef;
}
#navigation ul li ul li a{
	display:block;
	height:48px;
	background-color: #ffffff;
	margin-right:28px;
	text-decoration: none;
	color:#cccccc;
	vertical-align: bottom;
	line-height: 73px;
}
#navigation ul li a:hover, #navigation ul li.active a, #navigation ul li ul li.active a, #navigation ul li ul li ul li.active a{
	color:#666666;
	display:run-in;
}
#navigation ul li.inactive a, #navigation ul li ul li.inactive a, #navigation ul li ul li ul li.inactive a{
	color:#cccccc;
}

	#navigation ul li ul{
		width:950px;
		position:absolute;
		top:23px;
		left:0;
		display:none;
	}
	#navigation ul li ul li ul{
		width:950px;
		position: absolute;
		top:49px;
		left:0;
		display:none;
	}


#content2{
	margin-top:20px;
	width:950px;
	background-color:#ffffff;
	color:#000000;
}
#content2 p strong{
	font-weight:bold;
}

#content2 p span{
	color:#999999;
}

#content2 ul{
	margin:20px 0 20px 15px;
	list-style:circle;
	color:#999999;
}
#content2 ul li{
	list-style-type: square;
}

	
#content{
	width:950px;
	min-height:400px;
	color:#ffffff;
	/*background: #cccccc url(../../img/preload.gif) no-repeat 400px 20px;*/
	background-color:#cccccc;
}
#content3{
	width:950px;
	color:#ffffff;
	/*background: #cccccc url(../../img/preload.gif) no-repeat 400px 20px;*/
	background-color:#cccccc;
}

	#content .description{
		width:349px;
		float:left;
		padding:25px;
	}
	
	#content a{
		color:#ffffff;
	}

	#content h2{
		font-size:16px;
		font-weight:normal;
		margin-bottom:20px;
	}
	
	#content .slider{
		margin:20px 20px;
		float:right;
		width:360px;
		position: relative;
	}
	
	.prev{
		z-index: 100;
		position: absolute;
		top:10px;
		left:10px;
		width:13px;
		height:25px;
		background: url(../img/prev.png) no-repeat;
		cursor: pointer;
	}
	.next{
		z-index: 100;
		position: absolute;
		top:10px;
		right:10px;
		width:13px;
		height:25px;
		background: url(../img/next.png) no-repeat;
		cursor: pointer;
	}
	
	#content .bigimg{
		margin:20px 0;
		float:left;
		width:360px;
		overflow: hidden;
		text-align: right;
	}
	#content .thumbnails{
		width:188px;
		float:left;
		margin-top:20px;
		margin-bottom:16px;
	}
	#content .thumbnails ul{
		list-style: none;
	}
	#content .thumbnails ul li{
		display:block;
		float:left;
		margin-left:4px;
		margin-bottom:4px;
		cursor: pointer;
		width:85px;
		height:80px;
		overflow: hidden;
	}

#footer{
	margin-top:30px;
	width:950px;
	height:22px;
	position: relative;
	border-bottom:1px solid #cccccc;
	padding-bottom:2px;
	color:#cccccc;
	margin-bottom:50px;
}
#footer span{
	float:left;
	margin-right:15px;
}

#footer .clear{
	clear:left;
}
#footer a{
	color:#cccccc;
	text-decoration: none;
}
	#footer a:hover{
		color:#666666;
	}

#footer .impressum{
	position: absolute;
	right:0;
	top:0px;
}


/* ------------------------------------------------------
	End of File
------------------------------------------------------ */